✨ Create refresh actions for all stores

modules/ppcp-settings/resources/js/data/_example/actions.js

@@ -82,3 +82,16 @@ export function persist() {
 		} );
 	};
 }
+
+/**
+ * Thunk action creator. Forces a data refresh from the REST API, replacing the current Redux values.
+ *
+ * @return {Function} The thunk function.
+ */
+export function refresh() {
+	return ( { dispatch, select } ) => {
+		dispatch.invalidateResolutionForStore();
+
+		select.persistentData();
+	};
+}

modules/ppcp-settings/resources/js/data/common/actions-thunk.js

@@ -27,6 +27,19 @@ export function persist() {
 	};
 }
 
+/**
+ * Thunk action creator. Forces a data refresh from the REST API, replacing the current Redux values.
+ *
+ * @return {Function} The thunk function.
+ */
+export function refresh() {
+	return ( { dispatch, select } ) => {
+		dispatch.invalidateResolutionForStore();
+
+		select.persistentData();
+	};
+}
+
 /**
  * Side effect. Fetches the ISU-login URL for a sandbox account.
  *

modules/ppcp-settings/resources/js/data/pay-later-messaging/actions.js

@@ -82,3 +82,16 @@ export function persist() {
 		} );
 	};
 }
+
+/**
+ * Thunk action creator. Forces a data refresh from the REST API, replacing the current Redux values.
+ *
+ * @return {Function} The thunk function.
+ */
+export function refresh() {
+	return ( { dispatch, select } ) => {
+		dispatch.invalidateResolutionForStore();
+
+		select.persistentData();
+	};
+}

modules/ppcp-settings/resources/js/data/payment/actions.js

@@ -102,7 +102,7 @@ export function persist() {
  */
 export function refresh() {
 	return ( { dispatch, select } ) => {
-		dispatch.invalidateResolutionForStoreSelector( 'persistentData' );
+		dispatch.invalidateResolutionForStore();
 
 		select.persistentData();
 	};

modules/ppcp-settings/resources/js/data/settings/actions.js

@@ -84,3 +84,16 @@ export function persist() {
 		} );
 	};
 }
+
+/**
+ * Thunk action creator. Forces a data refresh from the REST API, replacing the current Redux values.
+ *
+ * @return {Function} The thunk function.
+ */
+export function refresh() {
+	return ( { dispatch, select } ) => {
+		dispatch.invalidateResolutionForStore();
+
+		select.persistentData();
+	};
+}

modules/ppcp-settings/resources/js/data/styling/actions.js

@@ -82,3 +82,16 @@ export function persist() {
 		} );
 	};
 }
+
+/**
+ * Thunk action creator. Forces a data refresh from the REST API, replacing the current Redux values.
+ *
+ * @return {Function} The thunk function.
+ */
+export function refresh() {
+	return ( { dispatch, select } ) => {
+		dispatch.invalidateResolutionForStore();
+
+		select.persistentData();
+	};
+}

modules/ppcp-settings/resources/js/data/todos/actions.js

@@ -39,6 +39,7 @@ export const setCompletedTodos = ( completedTodos ) => ( {
 
 // Thunks
 
+// TODO: Possibly, this should be a resolver?
 export function fetchTodos() {
 	return async () => {
 		const response = await apiFetch( { path: REST_PATH } );
@@ -46,9 +47,14 @@ export function fetchTodos() {
 	};
 }
 
+/**
+ * Thunk action creator. Triggers the persistence of store data to the server.
+ *
+ * @return {Function} The thunk function.
+ */
 export function persist() {
 	return async ( { select } ) => {
-		return await apiFetch( {
+		await apiFetch( {
 			path: REST_PERSIST_PATH,
 			method: 'POST',
 			data: select.persistentData(),
@@ -56,6 +62,19 @@ export function persist() {
 	};
 }
 
+/**
+ * Thunk action creator. Forces a data refresh from the REST API, replacing the current Redux values.
+ *
+ * @return {Function} The thunk function.
+ */
+export function refresh() {
+	return ( { dispatch, select } ) => {
+		dispatch.invalidateResolutionForStore();
+
+		select.persistentData();
+	};
+}
+
 export function resetDismissedTodos() {
 	return async ( { dispatch } ) => {
 		try {