From 750a851919519f6e4fa8d87cbf6c0d9e95d05490 Mon Sep 17 00:00:00 2001
From: Narek Zakarian <narekzakarian@gmail.com>
Date: Thu, 23 Jan 2025 19:44:39 +0400
Subject: [PATCH] Implement country based descriptions

---
 .../SettingsBlocks/FeatureSettingsBlock.js    |  13 ++-
 .../TabSettingsElements/Blocks/Features.js    |  17 ++-
 .../pay-later-messaging-component-data.js     | 106 ++++++++++++++++++
 3 files changed, 129 insertions(+), 7 deletions(-)
 create mode 100644 modules/ppcp-settings/resources/js/data/settings/pay-later-messaging-component-data.js

diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/FeatureSettingsBlock.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/FeatureSettingsBlock.js
index 3f747bda7..0863257e1 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/FeatureSettingsBlock.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/FeatureSettingsBlock.js
@@ -19,12 +19,21 @@ const FeatureSettingsBlock = ( { title, description, ...props } ) => {
 		);
 	};
 
+	const renderDescription = () => {
+		return (
+			<span
+				className="ppcp-r-feature-item__description ppcp-r-settings-block__feature__description"
+				dangerouslySetInnerHTML={ { __html: description } }
+			/>
+		);
+	};
+
 	const renderButton = ( button ) => {
 		const buttonElement = (
 			<Button
 				className={ button.class ? button.class : '' }
 				key={ button.text }
-                isBusy={ props.actionProps?.isBusy }
+				isBusy={ props.actionProps?.isBusy }
 				variant={ button.type }
 				onClick={ button.onClick }
 			>
@@ -51,7 +60,7 @@ const FeatureSettingsBlock = ( { title, description, ...props } ) => {
 					) }
 				</Title>
 				<Description className="ppcp-r-settings-block__feature__description">
-					{ description }
+					{ renderDescription() }
 					{ printNotes() }
 				</Description>
 			</Header>
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/Features.js b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/Features.js
index fc54c2899..c7a8d63e7 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/Features.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/Features.js
@@ -1,8 +1,11 @@
 import { __ } from '@wordpress/i18n';
 import { TAB_IDS, selectTab } from '../../../../../utils/tabSelector';
+import { CommonHooks } from '../../../../../data';
+import { payLaterMessagingComponentData } from '../../../../../data/settings/pay-later-messaging-component-data';
 
 const Features = {
 	getFeatures: ( setActiveModal ) => {
+		const { storeCountry } = CommonHooks.useWooSettings();
 		const features = [
 			{
 				id: 'save_paypal_and_venmo',
@@ -254,17 +257,21 @@ const Features = {
 			},
 		];
 
-		if ( !! window.ppcpSettings?.isPayLaterConfiguratorAvailable ) {
+		const countryData =
+			payLaterMessagingComponentData[ storeCountry ] || {};
+
+		if (
+			!! window.ppcpSettings?.isPayLaterConfiguratorAvailable &&
+			countryData
+		) {
 			features.push( {
 				id: 'pay_later_messaging',
 				title: __(
 					'Pay Later Messaging',
 					'woocommerce-paypal-payments'
 				),
-				description: __(
-					'Let customers know they can buy now and pay later with PayPal. Adding this messaging can boost conversion rates and increase cart sizes by 39%¹, with no extra cost to you—plus, you get paid up front.',
-					'woocommerce-paypal-payments'
-				),
+				description: countryData?.description,
+				notes: countryData?.notes,
 				buttons: [
 					{
 						type: 'secondary',
diff --git a/modules/ppcp-settings/resources/js/data/settings/pay-later-messaging-component-data.js b/modules/ppcp-settings/resources/js/data/settings/pay-later-messaging-component-data.js
new file mode 100644
index 000000000..13df867aa
--- /dev/null
+++ b/modules/ppcp-settings/resources/js/data/settings/pay-later-messaging-component-data.js
@@ -0,0 +1,106 @@
+import { __, sprintf } from '@wordpress/i18n';
+
+export const payLaterMessagingComponentData = {
+	US: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. PayPal’s Pay Later helps boost merchants\' conversion rates and increases cart sizes by 39%%.¹ You get paid in full up front. <a target="_blank" href="%s">More about Pay Later</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/us/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__( '¹PayPal Q2 Earnings-2021.', 'woocommerce-paypal-payments' ),
+		],
+	},
+	GB: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 gets a 216%% higher Average Order Value than a standard PayPal transaction.¹ There’s <strong>no extra cost</strong> and you get paid up front. <a target="_blank" href="%s">More about Pay in 3</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/uk/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__(
+				'Based on PayPal internal data from Q1 2022, results include Pay in 3 (UK).',
+				'woocommerce-paypal-payments'
+			),
+		],
+	},
+	FR: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4x gets a 65%% higher Average Order Value than a standard PayPal transaction.¹ <strong>There\'s no extra cost on top of your PayPal Checkout rate</strong>, and you get paid up front. <a target="_blank" href="%s">More about Pay in 4x</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/fr/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__(
+				'Internal Data Analysis of 1124 SMB across integrated partners and non-integrated partners, November 2022. SMB internally defined as up to 100,000€ in annual estimated ecommerce online payment volume.',
+				'woocommerce-paypal-payments'
+			),
+		],
+	},
+	AU: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4 gets more than a 100%% higher Average Order Value than a standard PayPal transaction.¹ There’s <strong>no extra cost</strong> and you get paid up front. <a target="_blank" href="%s">More about Pay in 4</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/au/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__(
+				'Based on PayPal internal data from Q1 2022, results include Pay in 4 (AU). Consumer eligibility applies.',
+				'woocommerce-paypal-payments'
+			),
+		],
+	},
+	IT: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹ <strong>There\'s no extra cost on top of your PayPal Checkout rate</strong>, and you get paid up front. <a target="_blank" href="%s">More about Pay in 3 installments</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/it/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__(
+				'Based on PayPal internal data from Q1 2022, results include Pay in 3 installments (IT).',
+				'woocommerce-paypal-payments'
+			),
+		],
+	},
+	ES: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹ <strong>There\'s no extra cost on top of your PayPal Checkout rate</strong>, and you get paid up front. <a target="_blank" href="%s">More about Pay in 3 installments</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/es/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__(
+				'Based on PayPal internal data from Q1 2022, results include Pay in 3 installments (ES).',
+				'woocommerce-paypal-payments'
+			),
+		],
+	},
+	DE: {
+		description: sprintf(
+			__(
+				'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. When you offer your customers Pay Later options, 57%% will be more likely to buy from you again.¹ <strong>There\'s no extra cost</strong> and you get paid up front. <a target="_blank" href="%s">More about Pay Later</a>',
+				'woocommerce-paypal-payments'
+			),
+			'https://www.paypal.com/de/business/accept-payments/checkout/installments'
+		),
+		notes: [
+			__(
+				'Average order value in 2020 with PayPal installments compared to total PayPal sales.',
+				'woocommerce-paypal-payments'
+			),
+		],
+	},
+};