woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

✨ Implement first ACDC/BCDC condition in wizard

Browse source
This commit is contained in:
Philipp Stracker 2025-02-07 19:12:53 +01:00
parent 5e00c7d082
commit 055847a83e
No known key found for this signature in database
1 changed files with 22 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

27
modules/ppcp-settings/resources/js/Components/Screens/Onboarding/hooks/usePaymentConfig.js
View file

@ -17,15 +17,22 @@ import {
// Default configuration, used for all countries, unless they override individual attributes below.
const defaultConfig = {
// Included: Items in the left column.
includedMethods: [
{ name: 'PayWithPayPal', Component: PayWithPayPal },
{ name: 'PayLater', Component: PayLater },
],
optionalMethods: [
{ name: 'CreditDebitCards', Component: CreditDebitCards },
// Basic: Items on right side for BCDC-flow.
basicMethods: [ { name: 'CreditDebitCards', Component: CreditDebitCards } ],
// Extended: Items on right side for ACDC-flow.
extendedMethods: [
{ name: 'DigitalWallets', Component: DigitalWallets },
{ name: 'APMs', Component: AlternativePaymentMethods },
],
// Title, Description: Header above the right column items.
optionalTitle: __(
'Optional payment methods',
'woocommerce-paypal-payments'
@ -44,7 +51,10 @@ const countrySpecificConfigs = {
{ name: 'Venmo', Component: Venmo },
{ name: 'Crypto', Component: Crypto },
],
optionalMethods: [
basicMethods: [
{ name: 'CreditDebitCards', Component: CreditDebitCards },
],
extendedMethods: [
{ name: 'CardFields', Component: CardFields },
{ name: 'DigitalWallets', Component: DigitalWallets },
{ name: 'APMs', Component: AlternativePaymentMethods },
@ -81,18 +91,25 @@ export const usePaymentConfig = (
const config = { ...defaultConfig, ...countryConfig };
const learnMoreConfig = learnMoreLinks[ country ] || {};
// Filter the "left side" list. PayLater is conditional.
const includedMethods = filterMethods( config.includedMethods, [
( method ) => isPayLater || method.name !== 'PayLater',
] );
const optionalMethods = filterMethods( config.optionalMethods, [
// Determine the "right side" items: Either BCDC or ACDC items.
const optionalMethods = useAcdc
? config.extendedMethods
: config.basicMethods;
// Remove conditional items from the right side list.
const availableOptionalMethods = filterMethods( optionalMethods, [
( method ) => method.name !== 'Fastlane' || isFastlane,
] );
return {
...config,
includedMethods,
optionalMethods,
optionalMethods: availableOptionalMethods,
learnMoreConfig,
};
}, [ country, isPayLater, useAcdc, isFastlane ] );