woocommerce-paypal-payments/modules/ppcp-settings/resources/js/Components/Screens/Onboarding/hooks/usePaymentConfig.js

import { __ } from '@wordpress/i18n';
import { useMemo } from '@wordpress/element';

import { learnMoreLinks } from '../../../../utils/countryInfoLinks';
import {
	PayWithPayPal,
	PayLater,
	Venmo,
	Crypto,
	PayInThree,
	CardFields,
	DigitalWallets,
	AlternativePaymentMethods,
	Fastlane,
	CreditDebitCards,
} from '../Components/PaymentOptions';

// 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 },
	],

	// Basic: Items on right side for BCDC-flow.
	basicMethods: [ { name: 'CreditDebitCards', Component: CreditDebitCards } ],

	// Extended: Items on right side for ACDC-flow.
	extendedMethods: [
		{ name: 'CardFields', Component: CardFields },
		{ name: 'DigitalWallets', Component: DigitalWallets },
		{ name: 'APMs', Component: AlternativePaymentMethods },
	],

	// Title, Description: Header above the right column items.
	optionalTitle: __(
		'Optional payment methods',
		'woocommerce-paypal-payments'
	),
	optionalDescription: __(
		'with additional application',
		'woocommerce-paypal-payments'
	),

	// PayPal Checkout description.
	paypalCheckoutDescription: __(
		'Our all-in-one checkout solution lets you offer PayPal, Pay Later options, and more to help maximise conversion',
		'woocommerce-paypal-payments'
	),

	// Icon groups.
	bcdcIcons: [ 'paypal', 'visa', 'mastercard', 'amex', 'discover' ],
	acdcIcons: [
		'paypal',
		'visa',
		'mastercard',
		'amex',
		'discover',
		'apple-pay',
		'google-pay',
		'ideal',
		'bancontact',
	],
};

const countrySpecificConfigs = {
	US: {
		includedMethods: [
			{ name: 'PayWithPayPal', Component: PayWithPayPal },
			{ name: 'PayLater', Component: PayLater },
			{ name: 'Venmo', Component: Venmo },
			{ name: 'Crypto', Component: Crypto },
		],
		basicMethods: [
			{ name: 'CreditDebitCards', Component: CreditDebitCards },
		],
		extendedMethods: [
			{ name: 'CardFields', Component: CardFields },
			{ name: 'DigitalWallets', Component: DigitalWallets },
			{ name: 'APMs', Component: AlternativePaymentMethods },
			{ name: 'Fastlane', Component: Fastlane },
		],
		paypalCheckoutDescription: __(
			'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
			'woocommerce-paypal-payments'
		),
		optionalTitle: __( 'Expanded Checkout', 'woocommerce-paypal-payments' ),
		optionalDescription: __(
			'Accept debit/credit cards, PayPal, Apple Pay, Google Pay, and more. Note: Additional application required for more methods',
			'woocommerce-paypal-payments'
		),
		bcdcIcons: [
			'paypal',
			'venmo',
			'visa',
			'mastercard',
			'amex',
			'discover',
		],
		acdcIcons: [
			'paypal',
			'venmo',
			'visa',
			'mastercard',
			'amex',
			'discover',
			'apple-pay',
			'google-pay',
			'ideal',
			'bancontact',
		],
	},
	GB: {
		includedMethods: [
			{ name: 'PayWithPayPal', Component: PayWithPayPal },
			{ name: 'PayInThree', Component: PayInThree },
		],
	},
	MX: {
		extendedMethods: [
			{ name: 'CardFields', Component: CardFields },
			{ name: 'APMs', Component: AlternativePaymentMethods },
		],
	},
};

const filterMethods = ( methods, conditions ) => {
	return methods.filter( ( method ) =>
		conditions.every( ( condition ) => condition( method ) )
	);
};

export const usePaymentConfig = ( country, useAcdc, isFastlane ) => {
	return useMemo( () => {
		const countryConfig = countrySpecificConfigs[ country ] || {};
		const config = { ...defaultConfig, ...countryConfig };
		const learnMoreConfig = learnMoreLinks[ country ] || {};

		// 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,
			optionalMethods: availableOptionalMethods,
			learnMoreConfig,
			acdcIcons: config.acdcIcons,
			bcdcIcons: config.bcdcIcons,
		};
	}, [ country, useAcdc, isFastlane ] );
};