diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js b/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js index e14e66231..6b6d98785 100644 --- a/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js +++ b/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/index.js @@ -36,7 +36,8 @@ const ALL_STEPS = [ id: 'methods', title: __( 'Choose checkout options', 'woocommerce-paypal-payments' ), StepComponent: StepPaymentMethods, - canProceed: () => true, + canProceed: ( { methods } ) => + methods.areOptionalPaymentMethodsEnabled !== null, }, { id: 'complete', diff --git a/modules/ppcp-settings/resources/js/data/onboarding/hooks.js b/modules/ppcp-settings/resources/js/data/onboarding/hooks.js index 70999960c..a2430ea69 100644 --- a/modules/ppcp-settings/resources/js/data/onboarding/hooks.js +++ b/modules/ppcp-settings/resources/js/data/onboarding/hooks.js @@ -136,10 +136,12 @@ export const useSteps = () => { export const useNavigationState = () => { const products = useProducts(); const business = useBusiness(); + const methods = useOptionalPaymentMethods(); return { products, business, + methods, }; };