Read config from store

Author: Dinamiko

modules/ppcp-paylater-configurator/resources/js/paylater-configurator.js

@@ -51,6 +51,7 @@ document.addEventListener( 'DOMContentLoaded', () => {
 		.then( ( data ) => {
 			if ( data.success ) {
 				const config = data.data;
+				console.log( config );
 
 				merchantConfigurators.Messaging( {
 					config,

modules/ppcp-settings/resources/js/Components/Screens/Overview/TabPayLaterMessaging.js

@@ -1,7 +1,8 @@
 import React, { useEffect } from 'react';
+import { PayLaterMessagingHooks } from '../../../data';
 
 const TabPayLaterMessaging = () => {
-	const config = {}; // Replace with the appropriate/saved configuration.
+	const { config } = PayLaterMessagingHooks.usePayLaterMessaging();
 	const PcpPayLaterConfigurator =
 		window.ppcpSettings?.PcpPayLaterConfigurator;
 
@@ -37,7 +38,7 @@ const TabPayLaterMessaging = () => {
 				},
 			} );
 		}
-	}, [ PcpPayLaterConfigurator ] );
+	}, [ PcpPayLaterConfigurator, config ] );
 
 	return (
 		<div

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

@@ -26,11 +26,24 @@ const useHooks = () => {
 	// TODO: Replace with real property.
 	const [ sampleValue, setSampleValue ] = usePersistent( 'sampleValue' );
 
+	const [ cart ] = usePersistent( 'cart' );
+	const [ checkout ] = usePersistent( 'checkout' );
+	const [ product ] = usePersistent( 'product' );
+	const [ shop ] = usePersistent( 'shop' );
+	const [ home ] = usePersistent( 'home' );
+	const [ custom_placement ] = usePersistent( 'custom_placement' );
+
 	return {
 		persist,
 		isReady,
 		sampleValue,
 		setSampleValue,
+		cart,
+		checkout,
+		product,
+		shop,
+		home,
+		custom_placement,
 	};
 };
 
@@ -48,3 +61,18 @@ export const useSampleValue = () => {
 		setSampleValue,
 	};
 };
+
+export const usePayLaterMessaging = () => {
+	const { cart, checkout, product, shop, home, customPlacement } = useHooks();
+
+	return {
+		config: {
+			cart,
+			checkout,
+			product,
+			shop,
+			home,
+			customPlacement,
+		},
+	};
+};

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

@@ -22,8 +22,6 @@ export const resolvers = {
 		try {
 			const result = yield apiFetch( { path: REST_HYDRATE_PATH } );
 
-			console.log( result );
-
 			yield dispatch( STORE_NAME ).hydrate( result );
 			yield dispatch( STORE_NAME ).setIsReady( true );
 		} catch ( e ) {