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

Fix the merge

Browse source
This commit is contained in:
Narek Zakarian 2024-11-26 16:10:35 +04:00
parent d0ba54e1c9
commit d768c4e24f
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
6 changed files with 142 additions and 367 deletions
Download patch file Download diff file Expand all files Collapse all files

138
modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/AcdcOptionalPaymentMethods.js
View file

@ -1,11 +1,14 @@
import BadgeBox, { BADGE_BOX_TITLE_BIG } from '../BadgeBox'; import BadgeBox, { BADGE_BOX_TITLE_BIG } from '../BadgeBox';
import { __, sprintf } from '@wordpress/i18n'; import { __, sprintf } from '@wordpress/i18n';
import Separator from '../Separator'; import Separator from '../Separator';
import generatePriceText from '../../../utils/badgeBoxUtils';
const AcdcOptionalPaymentMethods = ( { const AcdcOptionalPaymentMethods = ( {
isFastlane, isFastlane,
isPayLater, isPayLater,
storeCountry, storeCountry,
storeCurrency,
countryPriceInfo,
} ) => { } ) => {
if ( isFastlane && isPayLater && storeCountry === 'us' ) { if ( isFastlane && isPayLater && storeCountry === 'us' ) {
return ( return (
@ -21,20 +24,21 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-amex.svg', 'icon-button-amex.svg',
'icon-button-discover.svg', 'icon-button-discover.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 2.59% + $0.49 USD<sup>1</sup>', 'ccf',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>', 'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( title={ __(
'Digital Wallets', 'Digital Wallets',
@ -44,20 +48,21 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-apple-pay.svg', 'icon-button-apple-pay.svg',
'icon-button-google-pay.svg', 'icon-button-google-pay.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 2.59% + $0.49 USD<sup>1</sup>', 'dw',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>', 'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( title={ __(
'Alternative Payment Methods', 'Alternative Payment Methods',
@ -69,34 +74,36 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-blik.svg', 'icon-button-blik.svg',
'icon-button-bancontact.svg', 'icon-button-bancontact.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 3.49% + $0.49 USD<sup>1</sup>', 'apm',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>', 'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( '', 'woocommerce-paypal-payments' ) } title={ __( '', 'woocommerce-paypal-payments' ) }
imageBadge={ [ 'icon-payment-method-fastlane-small.svg' ] } imageBadge={ [ 'icon-payment-method-fastlane-small.svg' ] }
textBadge={ __( textBadge={ generatePriceText(
'from 2.59% + $0.49 USD<sup>1</sup>', 'fastlane',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Speed up guest checkout with Fatslane. Link a customer\'s email address to their payment details. <a target="_blank" href="%s">Learn more</a>', 'Speed up guest checkout with Fatslane. Link a customer\'s email address to their payment details. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
</div> </div>
@ -117,20 +124,21 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-amex.svg', 'icon-button-amex.svg',
'icon-button-discover.svg', 'icon-button-discover.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 1.20% + £0.30 GBP<sup>1</sup>', 'ccf',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>', 'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( title={ __(
'Digital Wallets', 'Digital Wallets',
@ -140,20 +148,21 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-apple-pay.svg', 'icon-button-apple-pay.svg',
'icon-button-google-pay.svg', 'icon-button-google-pay.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 1.20% + £0.30 GBP<sup>1</sup>', 'dw',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>', 'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( title={ __(
'Alternative Payment Methods', 'Alternative Payment Methods',
@ -165,17 +174,18 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-blik.svg', 'icon-button-blik.svg',
'icon-button-bancontact.svg', 'icon-button-bancontact.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 1.20% + £0.30 GBP<sup>1</sup>', 'apm',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>', 'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
</div> </div>
@ -184,17 +194,6 @@ const AcdcOptionalPaymentMethods = ( {
return ( return (
<div className="ppcp-r-optional-payment-methods__wrapper"> <div className="ppcp-r-optional-payment-methods__wrapper">
<BadgeBox
title={ __(
'Optional payment methods',
'woocommerce-paypal-payments'
) }
titleType={ BADGE_BOX_TITLE_BIG }
description={ __(
'with additional application',
'woocommerce-paypal-payments'
) }
/>
<BadgeBox <BadgeBox
title={ __( title={ __(
'Custom Card Fields', 'Custom Card Fields',
@ -206,40 +205,42 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-amex.svg', 'icon-button-amex.svg',
'icon-button-discover.svg', 'icon-button-discover.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 3.40% + €0.35 EUR<sup>1</sup>', 'ccf',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>', 'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( 'Digital Wallets', 'woocommerce-paypal-payments' ) } title={ __( 'Digital Wallets', 'woocommerce-paypal-payments' ) }
imageBadge={ [ imageBadge={ [
'icon-button-apple-pay.svg', 'icon-button-apple-pay.svg',
'icon-button-google-pay.svg', 'icon-button-google-pay.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 3.40% + €0.35 EUR<sup>1</sup>', 'dw',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>', 'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
<Separator className="ppcp-r-optional-payment-methods__separator" /> <Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox <BadgeBox
title={ __( title={ __(
'Alternative Payment Methods', 'Alternative Payment Methods',
@ -251,17 +252,18 @@ const AcdcOptionalPaymentMethods = ( {
'icon-button-blik.svg', 'icon-button-blik.svg',
'icon-button-bancontact.svg', 'icon-button-bancontact.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 3.40% + €0.35 EUR<sup>1</sup>', 'apm',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal business fees guide
__( __(
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>', 'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
), ),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input ' 'https://www.paypal.com/us/business/paypal-business-fees'
) } ) }
/> />
</div> </div>

22
modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/BcdcOptionalPaymentMethods.js
View file

@ -1,7 +1,13 @@
import BadgeBox from '../BadgeBox'; import BadgeBox from '../BadgeBox';
import { __, sprintf } from '@wordpress/i18n'; import { __, sprintf } from '@wordpress/i18n';
import generatePriceText from '../../../utils/badgeBoxUtils';
const BcdcOptionalPaymentMethods = ( { isPayLater, storeCountry } ) => { const BcdcOptionalPaymentMethods = ( {
isPayLater,
storeCountry,
storeCurrency,
countryPriceInfo,
} ) => {
if ( isPayLater && storeCountry === 'us' ) { if ( isPayLater && storeCountry === 'us' ) {
return ( return (
<div className="ppcp-r-optional-payment-methods__wrapper"> <div className="ppcp-r-optional-payment-methods__wrapper">
@ -16,9 +22,10 @@ const BcdcOptionalPaymentMethods = ( { isPayLater, storeCountry } ) => {
'icon-button-amex.svg', 'icon-button-amex.svg',
'icon-button-discover.svg', 'icon-button-discover.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 2.59% + $0.49 USD<sup>1</sup>', 'standardCardFields',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal REST application guide
@ -46,9 +53,10 @@ const BcdcOptionalPaymentMethods = ( { isPayLater, storeCountry } ) => {
'icon-button-amex.svg', 'icon-button-amex.svg',
'icon-button-discover.svg', 'icon-button-discover.svg',
] } ] }
textBadge={ __( textBadge={ generatePriceText(
'from 3.40% + €0.35 EUR<sup>1</sup>', 'standardCardFields',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ sprintf( description={ sprintf(
// translators: %s: Link to PayPal REST application guide // translators: %s: Link to PayPal REST application guide

6
modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/OptionalPaymentMethods.js
View file

@ -6,6 +6,8 @@ const OptionalPaymentMethods = ( {
isFastlane, isFastlane,
isPayLater, isPayLater,
storeCountry, storeCountry,
storeCurrency,
countryPriceInfo,
} ) => { } ) => {
return ( return (
<div className="ppcp-r-optional-payment-methods"> <div className="ppcp-r-optional-payment-methods">
@ -14,11 +16,15 @@ const OptionalPaymentMethods = ( {
isFastlane={ isFastlane } isFastlane={ isFastlane }
isPayLater={ isPayLater } isPayLater={ isPayLater }
storeCountry={ storeCountry } storeCountry={ storeCountry }
storeCurrency={ storeCurrency }
countryPriceInfo={ countryPriceInfo }
/> />
) : ( ) : (
<BcdcOptionalPaymentMethods <BcdcOptionalPaymentMethods
isPayLater={ isPayLater } isPayLater={ isPayLater }
storeCountry={ storeCountry } storeCountry={ storeCountry }
storeCurrency={ storeCurrency }
countryPriceInfo={ countryPriceInfo }
/> />
) } ) }
</div> </div>

271
modules/ppcp-settings/resources/js/Components/ReusableComponents/WelcomeDocs/AcdcFlow.js
View file

@ -2,6 +2,7 @@ import BadgeBox, { BADGE_BOX_TITLE_BIG } from '../BadgeBox';
import { __, sprintf } from '@wordpress/i18n'; import { __, sprintf } from '@wordpress/i18n';
import Separator from '../Separator'; import Separator from '../Separator';
import generatePriceText from '../../../utils/badgeBoxUtils'; import generatePriceText from '../../../utils/badgeBoxUtils';
import OptionalPaymentMethods from '../OptionalPaymentMethods/OptionalPaymentMethods';
const AcdcFlow = ( { const AcdcFlow = ( {
isFastlane, isFastlane,
@ -20,9 +21,10 @@ const AcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
titleType={ BADGE_BOX_TITLE_BIG } titleType={ BADGE_BOX_TITLE_BIG }
textBadge={ __( textBadge={ generatePriceText(
'from 3.49% + $0.49 USD<sup>1</sup>', 'checkout',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ __( description={ __(
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion', 'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
@ -108,96 +110,13 @@ const AcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
/> />
<BadgeBox <OptionalPaymentMethods
title={ __( useAcdc={ true }
'Custom Card Fields', isFastlane={ isFastlane }
'woocommerce-paypal-payments' isPayLater={ isPayLater }
) } storeCountry={ storeCountry }
imageBadge={ [ storeCurrency={ storeCurrency }
'icon-button-visa.svg', countryPriceInfo={ countryPriceInfo }
'icon-button-mastercard.svg',
'icon-button-amex.svg',
'icon-button-discover.svg',
] }
textBadge={ __(
'from 2.59% + $0.49 USD<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __(
'Digital Wallets',
'woocommerce-paypal-payments'
) }
imageBadge={ [
'icon-button-apple-pay.svg',
'icon-button-google-pay.svg',
] }
textBadge={ __(
'from 2.59% + $0.49 USD<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __(
'Alternative Payment Methods',
'woocommerce-paypal-payments'
) }
imageBadge={ [
'icon-button-sepa.svg',
'icon-button-ideal.svg',
'icon-button-blik.svg',
'icon-button-bancontact.svg',
] }
textBadge={ __(
'from 2.59% + $0.49 USD<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __( '', 'woocommerce-paypal-payments' ) }
imageBadge={ [
'icon-payment-method-fastlane-small.svg',
] }
textBadge={ __(
'from 2.59% + $0.49 USD<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Speed up guest checkout with Fatslane. Link a customer\'s email address to their payment details. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/> />
</div> </div>
</div> </div>
@ -214,9 +133,10 @@ const AcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
titleType={ BADGE_BOX_TITLE_BIG } titleType={ BADGE_BOX_TITLE_BIG }
textBadge={ __( textBadge={ generatePriceText(
'from 2.90% + £0.30 GBP<sup>1</sup>', 'checkout',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ __( description={ __(
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion', 'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
@ -276,77 +196,13 @@ const AcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
/> />
<BadgeBox <OptionalPaymentMethods
title={ __( useAcdc={ true }
'Custom Card Fields', isFastlane={ isFastlane }
'woocommerce-paypal-payments' isPayLater={ isPayLater }
) } storeCountry={ storeCountry }
imageBadge={ [ storeCurrency={ storeCurrency }
'icon-button-visa.svg', countryPriceInfo={ countryPriceInfo }
'icon-button-mastercard.svg',
'icon-button-amex.svg',
'icon-button-discover.svg',
] }
textBadge={ __(
'from 1.20% + £0.30 GBP<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __(
'Digital Wallets',
'woocommerce-paypal-payments'
) }
imageBadge={ [
'icon-button-apple-pay.svg',
'icon-button-google-pay.svg',
] }
textBadge={ __(
'from 1.20% + £0.30 GBP<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __(
'Alternative Payment Methods',
'woocommerce-paypal-payments'
) }
imageBadge={ [
'icon-button-sepa.svg',
'icon-button-ideal.svg',
'icon-button-blik.svg',
'icon-button-bancontact.svg',
] }
textBadge={ __(
'from 1.20% + £0.30 GBP<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/> />
</div> </div>
</div> </div>
@ -420,80 +276,13 @@ const AcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
/> />
<BadgeBox <OptionalPaymentMethods
title={ __( useAcdc={ true }
'Custom Card Fields', isFastlane={ isFastlane }
'woocommerce-paypal-payments' isPayLater={ isPayLater }
) } storeCountry={ storeCountry }
imageBadge={ [ storeCurrency={ storeCurrency }
'icon-button-visa.svg', countryPriceInfo={ countryPriceInfo }
'icon-button-mastercard.svg',
'icon-button-amex.svg',
'icon-button-discover.svg',
] }
textBadge={ generatePriceText(
'ccf',
countryPriceInfo[ storeCountry ],
storeCurrency
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __(
'Digital Wallets',
'woocommerce-paypal-payments'
) }
imageBadge={ [
'icon-button-apple-pay.svg',
'icon-button-google-pay.svg',
] }
textBadge={ generatePriceText(
'dw',
countryPriceInfo[ storeCountry ],
storeCurrency
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/>
<Separator className="ppcp-r-page-welcome-mode-separator" />
<BadgeBox
title={ __(
'Alternative Payment Methods',
'woocommerce-paypal-payments'
) }
imageBadge={ [
'icon-button-sepa.svg',
'icon-button-ideal.svg',
'icon-button-blik.svg',
'icon-button-bancontact.svg',
] }
textBadge={ generatePriceText(
'apm',
countryPriceInfo[ storeCountry ],
storeCurrency
) }
description={ sprintf(
// translators: %s: Link to PayPal business fees guide
__(
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/paypal-business-fees'
) }
/> />
</div> </div>
</div> </div>

69
modules/ppcp-settings/resources/js/Components/ReusableComponents/WelcomeDocs/BcdcFlow.js
View file

@ -2,6 +2,7 @@ import BadgeBox, { BADGE_BOX_TITLE_BIG } from '../BadgeBox';
import { __, sprintf } from '@wordpress/i18n'; import { __, sprintf } from '@wordpress/i18n';
import Separator from '../Separator'; import Separator from '../Separator';
import generatePriceText from '../../../utils/badgeBoxUtils'; import generatePriceText from '../../../utils/badgeBoxUtils';
import OptionalPaymentMethods from '../OptionalPaymentMethods/OptionalPaymentMethods';
const BcdcFlow = ( { const BcdcFlow = ( {
isPayLater, isPayLater,
@ -19,9 +20,10 @@ const BcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
titleType={ BADGE_BOX_TITLE_BIG } titleType={ BADGE_BOX_TITLE_BIG }
textBadge={ __( textBadge={ generatePriceText(
'from 3.49% + $0.49 USD<sup>1</sup>', 'checkout',
'woocommerce-paypal-payments' countryPriceInfo[ storeCountry ],
storeCurrency
) } ) }
description={ __( description={ __(
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion', 'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
@ -107,29 +109,13 @@ const BcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
/> />
<BadgeBox <OptionalPaymentMethods
title={ __( useAcdc={ false }
'Credit and Debit Cards', isFastlane={ false }
'woocommerce-paypal-payments' isPayLater={ isPayLater }
) } storeCountry={ storeCountry }
imageBadge={ [ storeCurrency={ storeCurrency }
'icon-button-visa.svg', countryPriceInfo={ countryPriceInfo }
'icon-button-mastercard.svg',
'icon-button-amex.svg',
'icon-button-discover.svg',
] }
textBadge={ __(
'from 2.99% + $0.49 USD<sup>1</sup>',
'woocommerce-paypal-payments'
) }
description={ sprintf(
// translators: %s: Link to PayPal REST application guide
__(
'Process major credit and debit cards through PayPal’s card fields. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
) }
/> />
</div> </div>
</div> </div>
@ -195,30 +181,13 @@ const BcdcFlow = ( {
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
/> />
<BadgeBox <OptionalPaymentMethods
title={ __( useAcdc={ false }
'Credit and Debit Cards', isFastlane={ false }
'woocommerce-paypal-payments' isPayLater={ isPayLater }
) } storeCountry={ storeCountry }
imageBadge={ [ storeCurrency={ storeCurrency }
'icon-button-visa.svg', countryPriceInfo={ countryPriceInfo }
'icon-button-mastercard.svg',
'icon-button-amex.svg',
'icon-button-discover.svg',
] }
textBadge={ generatePriceText(
'standardCardFields',
countryPriceInfo[ storeCountry ],
storeCurrency
) }
description={ sprintf(
// translators: %s: Link to PayPal REST application guide
__(
'Process major credit and debit cards through PayPal’s card fields. <a target="_blank" href="%s">Learn more</a>',
'woocommerce-paypal-payments'
),
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
) }
/> />
</div> </div>
); );

3
modules/ppcp-settings/resources/js/Components/ReusableComponents/WelcomeDocs/WelcomeDocs.js
View file

@ -27,6 +27,7 @@ const WelcomeDocs = ( {
ccf: 2.59, ccf: 2.59,
dw: 2.59, dw: 2.59,
apm: 2.59, apm: 2.59,
fastlane: 2.59,
standardCardFields: 2.99, standardCardFields: 2.99,
}, },
uk: { uk: {
@ -119,7 +120,7 @@ const WelcomeDocs = ( {
/> />
) } ) }
<p <p
className="ppcp-r-welcome-docs__description" className="ppcp-r-optional-payment-methods__description"
dangerouslySetInnerHTML={ { __html: pricesBasedDescription } } dangerouslySetInnerHTML={ { __html: pricesBasedDescription } }
></p> ></p>
</div> </div>