✨ Create new hook to handle the save logic

modules/ppcp-settings/resources/js/hooks/useSaveSettings.js

@@ -0,0 +1,34 @@
+import {
+	CommonHooks,
+	PaymentHooks,
+	SettingsHooks,
+	StylingHooks,
+} from '../data';
+
+export const useSaveSettings = () => {
+	const { withActivity } = CommonHooks.useBusyState();
+
+	const { persist: persistPayment } = PaymentHooks.useStore();
+	const { persist: persistSettings } = SettingsHooks.useStore();
+	const { persist: persistStyling } = StylingHooks.useStore();
+
+	const persistAll = () => {
+		withActivity(
+			'persist-methods',
+			'Save payment methods',
+			persistPayment
+		);
+		withActivity(
+			'persist-settings',
+			'Save the settings',
+			persistSettings
+		);
+		withActivity(
+			'persist-styling',
+			'Save styling details',
+			persistStyling
+		);
+	};
+
+	return { persistAll };
+};