109 lines
2.8 KiB
TypeScript
109 lines
2.8 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import {
|
|
defaultAddressFields,
|
|
AddressFields,
|
|
ShippingAddress,
|
|
BillingAddress,
|
|
getSetting,
|
|
} from '@woocommerce/settings';
|
|
import { useCallback } from '@wordpress/element';
|
|
import { useDispatch, useSelect } from '@wordpress/data';
|
|
import { CHECKOUT_STORE_KEY } from '@woocommerce/block-data';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { useCustomerData } from './use-customer-data';
|
|
import { useShippingData } from './shipping/use-shipping-data';
|
|
|
|
interface CheckoutAddress {
|
|
shippingAddress: ShippingAddress;
|
|
billingAddress: BillingAddress;
|
|
setShippingAddress: ( data: Partial< ShippingAddress > ) => void;
|
|
setBillingAddress: ( data: Partial< BillingAddress > ) => void;
|
|
setEmail: ( value: string ) => void;
|
|
setBillingPhone: ( value: string ) => void;
|
|
setShippingPhone: ( value: string ) => void;
|
|
useShippingAsBilling: boolean;
|
|
setUseShippingAsBilling: ( useShippingAsBilling: boolean ) => void;
|
|
defaultAddressFields: AddressFields;
|
|
showShippingFields: boolean;
|
|
showBillingFields: boolean;
|
|
forcedBillingAddress: boolean;
|
|
useBillingAsShipping: boolean;
|
|
needsShipping: boolean;
|
|
showShippingMethods: boolean;
|
|
}
|
|
|
|
/**
|
|
* Custom hook for exposing address related functionality for the checkout address form.
|
|
*/
|
|
export const useCheckoutAddress = (): CheckoutAddress => {
|
|
const { needsShipping } = useShippingData();
|
|
const { useShippingAsBilling, prefersCollection } = useSelect(
|
|
( select ) => ( {
|
|
useShippingAsBilling:
|
|
select( CHECKOUT_STORE_KEY ).getUseShippingAsBilling(),
|
|
prefersCollection: select( CHECKOUT_STORE_KEY ).prefersCollection(),
|
|
} )
|
|
);
|
|
const { __internalSetUseShippingAsBilling } =
|
|
useDispatch( CHECKOUT_STORE_KEY );
|
|
const {
|
|
billingAddress,
|
|
setBillingAddress,
|
|
shippingAddress,
|
|
setShippingAddress,
|
|
} = useCustomerData();
|
|
|
|
const setEmail = useCallback(
|
|
( value ) =>
|
|
void setBillingAddress( {
|
|
email: value,
|
|
} ),
|
|
[ setBillingAddress ]
|
|
);
|
|
|
|
const setBillingPhone = useCallback(
|
|
( value ) =>
|
|
void setBillingAddress( {
|
|
phone: value,
|
|
} ),
|
|
[ setBillingAddress ]
|
|
);
|
|
|
|
const setShippingPhone = useCallback(
|
|
( value ) =>
|
|
void setShippingAddress( {
|
|
phone: value,
|
|
} ),
|
|
[ setShippingAddress ]
|
|
);
|
|
const forcedBillingAddress: boolean = getSetting(
|
|
'forcedBillingAddress',
|
|
false
|
|
);
|
|
return {
|
|
shippingAddress,
|
|
billingAddress,
|
|
setShippingAddress,
|
|
setBillingAddress,
|
|
setEmail,
|
|
setBillingPhone,
|
|
setShippingPhone,
|
|
defaultAddressFields,
|
|
useShippingAsBilling,
|
|
setUseShippingAsBilling: __internalSetUseShippingAsBilling,
|
|
needsShipping,
|
|
showShippingFields:
|
|
! forcedBillingAddress && needsShipping && ! prefersCollection,
|
|
showShippingMethods: needsShipping && ! prefersCollection,
|
|
showBillingFields:
|
|
! needsShipping || ! useShippingAsBilling || prefersCollection,
|
|
forcedBillingAddress,
|
|
useBillingAsShipping: forcedBillingAddress || prefersCollection,
|
|
};
|
|
};
|