Split the useUserInfoChange to separate hooks useCardChange and useShippingAddressChange

modules/ppcp-axo-block/resources/js/hooks/useCardChange.js

@@ -1,39 +1,5 @@
 import { useCallback } from '@wordpress/element';
 
-export const useShippingAddressChange = (
-	fastlaneSdk,
-	setShippingAddress,
-	setWooShippingAddress
-) => {
-	return useCallback( async () => {
-		if ( fastlaneSdk ) {
-			const { selectionChanged, selectedAddress } =
-				await fastlaneSdk.profile.showShippingAddressSelector();
-			if ( selectionChanged ) {
-				setShippingAddress( selectedAddress );
-				console.log(
-					'Selected shipping address changed:',
-					selectedAddress
-				);
-
-				const { address, name, phoneNumber } = selectedAddress;
-
-				setWooShippingAddress( {
-					first_name: name.firstName,
-					last_name: name.lastName,
-					address_1: address.addressLine1,
-					address_2: address.addressLine2 || '',
-					city: address.adminArea2,
-					state: address.adminArea1,
-					postcode: address.postalCode,
-					country: address.countryCode,
-					phone: phoneNumber.nationalNumber,
-				} );
-			}
-		}
-	}, [ fastlaneSdk, setShippingAddress, setWooShippingAddress ] );
-};
-
 export const useCardChange = ( fastlaneSdk, setCard, setWooBillingAddress ) => {
 	return useCallback( async () => {
 		if ( fastlaneSdk ) {

modules/ppcp-axo-block/resources/js/hooks/useShippingAddressChange.js

@@ -0,0 +1,35 @@
+import { useCallback } from '@wordpress/element';
+
+export const useShippingAddressChange = (
+	fastlaneSdk,
+	setShippingAddress,
+	setWooShippingAddress
+) => {
+	return useCallback( async () => {
+		if ( fastlaneSdk ) {
+			const { selectionChanged, selectedAddress } =
+				await fastlaneSdk.profile.showShippingAddressSelector();
+			if ( selectionChanged ) {
+				setShippingAddress( selectedAddress );
+				console.log(
+					'Selected shipping address changed:',
+					selectedAddress
+				);
+
+				const { address, name, phoneNumber } = selectedAddress;
+
+				setWooShippingAddress( {
+					first_name: name.firstName,
+					last_name: name.lastName,
+					address_1: address.addressLine1,
+					address_2: address.addressLine2 || '',
+					city: address.adminArea2,
+					state: address.adminArea1,
+					postcode: address.postalCode,
+					country: address.countryCode,
+					phone: phoneNumber.nationalNumber,
+				} );
+			}
+		}
+	}, [ fastlaneSdk, setShippingAddress, setWooShippingAddress ] );
+};

modules/ppcp-axo-block/resources/js/index.js

@@ -8,10 +8,8 @@ import { loadPaypalScript } from '../../../ppcp-button/resources/js/modules/Help
 // Hooks
 import useAxoBlockManager from './hooks/useAxoBlockManager';
 import { useCustomerData } from './hooks/useCustomerData';
-import {
+import { useShippingAddressChange } from './hooks/useShippingAddressChange';
-	useShippingAddressChange,
+import { useCardChange } from './hooks/useCardChange';
-	useCardChange,
-} from './hooks/useUserInfoChange';
 
 // Components
 import { Payment } from './components/Payment';