diff --git a/modules/ppcp-axo-block/resources/js/hooks/useAxoSetup.js b/modules/ppcp-axo-block/resources/js/hooks/useAxoSetup.js index 05a50def8..721aca97d 100644 --- a/modules/ppcp-axo-block/resources/js/hooks/useAxoSetup.js +++ b/modules/ppcp-axo-block/resources/js/hooks/useAxoSetup.js @@ -14,6 +14,7 @@ import useShippingAddressChange from './useShippingAddressChange'; const useAxoSetup = ( ppcpConfig, fastlaneSdk, + paymentComponent, onChangeCardButtonClick, setShippingAddress, setCard, @@ -34,7 +35,7 @@ const useAxoSetup = ( setBillingAddress: setWooBillingAddress, } = useCustomerData(); - usePhoneSyncHandler( setWooPhone ); + usePhoneSyncHandler( paymentComponent, setWooPhone ); useEffect( () => { console.log( 'Initializing class toggles' ); @@ -77,6 +78,7 @@ const useAxoSetup = ( onChangeCardButtonClick, setShippingAddress, setCard, + paymentComponent, ] ); return paypalLoaded; diff --git a/modules/ppcp-axo-block/resources/js/hooks/usePhoneSyncHandler.js b/modules/ppcp-axo-block/resources/js/hooks/usePhoneSyncHandler.js index d2fdc81dc..ce17a8422 100644 --- a/modules/ppcp-axo-block/resources/js/hooks/usePhoneSyncHandler.js +++ b/modules/ppcp-axo-block/resources/js/hooks/usePhoneSyncHandler.js @@ -36,8 +36,9 @@ const getSanitizedPhoneNumber = ( select ) => { * Custom hook to synchronize the WooCommerce phone number with a React component state. * * @param {Function} setWooPhone - The state setter function for the phone number. + * @param {Object} paymentComponent - The CardField component from Fastlane. */ -export const usePhoneSyncHandler = ( setWooPhone ) => { +export const usePhoneSyncHandler = ( paymentComponent, setWooPhone ) => { // Fetch and sanitize phone number from WooCommerce. const phoneNumber = useSelect( ( select ) => getSanitizedPhoneNumber( select ) diff --git a/modules/ppcp-axo-block/resources/js/index.js b/modules/ppcp-axo-block/resources/js/index.js index d40f341e4..8457be7c3 100644 --- a/modules/ppcp-axo-block/resources/js/index.js +++ b/modules/ppcp-axo-block/resources/js/index.js @@ -43,6 +43,7 @@ const Axo = ( props ) => { useAxoSetup( ppcpConfig, fastlaneSdk, + paymentComponent, onChangeCardButtonClick, setShippingAddress, setCard,