/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { getCurrencyFromPriceResponse } from '@woocommerce/price-format'; import { useCallback, useEffect, useRef } from '@wordpress/element'; import PaymentMethodLabel from '@woocommerce/base-components/cart-checkout/payment-method-label'; import PaymentMethodIcons from '@woocommerce/base-components/cart-checkout/payment-method-icons'; import { getSetting } from '@woocommerce/settings'; import deprecated from '@wordpress/deprecated'; import LoadingMask from '@woocommerce/base-components/loading-mask'; import type { PaymentMethodInterface } from '@woocommerce/types'; /** * Internal dependencies */ import { ValidationInputError } from '../../providers/validation'; import { useStoreCart } from '../cart/use-store-cart'; import { useStoreCartCoupons } from '../cart/use-store-cart-coupons'; import { useEmitResponse } from '../use-emit-response'; import { useCheckoutContext } from '../../providers/cart-checkout/checkout-state'; import { usePaymentMethodDataContext } from '../../providers/cart-checkout/payment-methods'; import { useShippingDataContext } from '../../providers/cart-checkout/shipping'; import { useCustomerDataContext } from '../../providers/cart-checkout/customer'; import { prepareTotalItems } from './utils'; import { useShippingData } from '../shipping/use-shipping-data'; /** * Returns am interface to use as payment method props. */ export const usePaymentMethodInterface = (): PaymentMethodInterface => { const { isCalculating, isComplete, isIdle, isProcessing, onCheckoutBeforeProcessing, onCheckoutValidationBeforeProcessing, onCheckoutAfterProcessingWithSuccess, onCheckoutAfterProcessingWithError, onSubmit, customerId, } = useCheckoutContext(); const { currentStatus, activePaymentMethod, onPaymentProcessing, setExpressPaymentError, shouldSavePayment, } = usePaymentMethodDataContext(); const { shippingErrorStatus, shippingErrorTypes, onShippingRateSuccess, onShippingRateFail, onShippingRateSelectSuccess, onShippingRateSelectFail, } = useShippingDataContext(); const { shippingRates, isLoadingRates, selectedRates, isSelectingRate, selectShippingRate, needsShipping, } = useShippingData(); const { billingAddress, shippingAddress, setShippingAddress } = useCustomerDataContext(); const { cartItems, cartFees, cartTotals, extensions } = useStoreCart(); const { appliedCoupons } = useStoreCartCoupons(); const { noticeContexts, responseTypes } = useEmitResponse(); const currentCartTotals = useRef( prepareTotalItems( cartTotals, needsShipping ) ); const currentCartTotal = useRef( { label: __( 'Total', 'woo-gutenberg-products-block' ), value: parseInt( cartTotals.total_price, 10 ), } ); useEffect( () => { currentCartTotals.current = prepareTotalItems( cartTotals, needsShipping ); currentCartTotal.current = { label: __( 'Total', 'woo-gutenberg-products-block' ), value: parseInt( cartTotals.total_price, 10 ), }; }, [ cartTotals, needsShipping ] ); const deprecatedSetExpressPaymentError = useCallback( ( errorMessage = '' ) => { deprecated( 'setExpressPaymentError should only be used by Express Payment Methods (using the provided onError handler).', { alternative: '', plugin: 'woocommerce-gutenberg-products-block', link: 'https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/4228', } ); setExpressPaymentError( errorMessage ); }, [ setExpressPaymentError ] ); return { activePaymentMethod, billing: { appliedCoupons, billingAddress, billingData: billingAddress, cartTotal: currentCartTotal.current, cartTotalItems: currentCartTotals.current, currency: getCurrencyFromPriceResponse( cartTotals ), customerId, displayPricesIncludingTax: getSetting( 'displayCartPricesIncludingTax', false ) as boolean, }, cartData: { cartItems, cartFees, extensions, }, checkoutStatus: { isCalculating, isComplete, isIdle, isProcessing, }, components: { LoadingMask, PaymentMethodIcons, PaymentMethodLabel, ValidationInputError, }, emitResponse: { noticeContexts, responseTypes, }, eventRegistration: { onCheckoutAfterProcessingWithError, onCheckoutAfterProcessingWithSuccess, onCheckoutBeforeProcessing, onCheckoutValidationBeforeProcessing, onPaymentProcessing, onShippingRateFail, onShippingRateSelectFail, onShippingRateSelectSuccess, onShippingRateSuccess, }, onSubmit, paymentStatus: currentStatus, setExpressPaymentError: deprecatedSetExpressPaymentError, shippingData: { isSelectingRate, needsShipping, selectedRates, setSelectedRates: selectShippingRate, setShippingAddress, shippingAddress, shippingRates, shippingRatesLoading: isLoadingRates, }, shippingStatus: { shippingErrorStatus, shippingErrorTypes, }, shouldSavePayment, }; };