diff --git a/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.test.tsx b/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.test.tsx index 6a30b6184b..18950c08c6 100644 --- a/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.test.tsx +++ b/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.test.tsx @@ -263,15 +263,6 @@ describe('when using Stripe OCS payment', () => { expect(hidePaymentSubmitButtonMock).toHaveBeenCalledWith(method, false); }); - it('should not initialize method if payment not required', () => { - jest.spyOn(checkoutState.data, 'isPaymentDataRequired').mockReturnValue(false); - - render(); - - expect(screen.queryByTestId('stripe-accordion-skeleton')).not.toBeInTheDocument(); - expect(checkoutService.initializePayment).not.toHaveBeenCalled(); - }); - describe('# Stripe OCS accordion layout', () => { it('should initialize with auto layout when isCustomChecklistItem is false', () => { method = { diff --git a/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.tsx b/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.tsx index d55d6d3686..6870658e7d 100644 --- a/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.tsx +++ b/packages/stripe-integration/src/stripe-ocs/StripeOCSPaymentMethod.tsx @@ -98,6 +98,7 @@ const StripeOCSPaymentMethod: FunctionComponent = ({ setValidationSchema, } = paymentForm; const instruments = checkoutState.data.getInstruments(method) || []; + const { data: { getCheckout, isPaymentDataRequired }, statuses: { isLoadingInstruments }, @@ -149,20 +150,6 @@ const StripeOCSPaymentMethod: FunctionComponent = ({ ], ); - const initializeStripeCustomer = useCallback( - (options: CustomerInitializeOptions) => { - return checkoutService.initializeCustomer({ - ...options, - integrations: [createStripeLinkV2CustomerStrategy], - }); - }, - [checkoutService], - ); - - if (!isPaymentDataRequired()) { - return null; - } - const renderCustomOCSSectionStyles = () => ( ); + const initializeStripeCustomer = useCallback( + (options: CustomerInitializeOptions) => { + return checkoutService.initializeCustomer({ + ...options, + integrations: [createStripeLinkV2CustomerStrategy], + }); + }, + [checkoutService], + ); const renderCheckoutElementsForStripeOCSStyling = () => (