feat: Adjust UK Pi30 for regulatory changes

content/messages/GB/pay30nq.json

@@ -0,0 +1,29 @@
+{
+    "meta": {
+        "offerCountry": "GB",
+        "offerType": "PAY_LATER_PAY_IN_1_GB",
+        "messageType": "PLP1_NQ",
+        "offerTerm": "{total_payments}",
+        "lander": "",
+        "variables": {
+            "offer_id": "${CREDIT_OFFERS_DS.offer_id}",
+            "vendor_financing_id": "${CREDIT_OFFERS_DS.vendor_financing_id}",
+            "financing_code": "${CREDIT_OFFERS_DS.financing_code}",
+            "total_payments": "${CREDIT_OFFERS_DS.total_payments}",
+            "formattedMinAmount": "${CREDIT_OFFERS_DS.formattedMinAmount}",
+            "formattedMaxAmount": "${CREDIT_OFFERS_DS.formattedMaxAmount}"
+        }
+    },
+
+    "headline": [
+        [["Buy now, pay later."], ["default", "xsmall"]],
+        ["Buy now and pay later.", ["xsmall.2"]],
+        [
+            "Pay in 30 days for purchases of {formattedMinAmount} to {formattedMaxAmount}. Credit option.",
+            ["medium", "large", "xlarge"]
+        ]
+    ],
+    "subHeadline": [],
+
+    "disclaimer": [["Learn more", ["default"]]]
+}

content/messages/GB/pay30q.json

@@ -0,0 +1,24 @@
+{
+    "meta": {
+        "offerCountry": "GB",
+        "offerType": "PAY_LATER_PAY_IN_1_GB",
+        "messageType": "PLP1_SQ",
+        "offerTerm": "{total_payments}",
+        "lander": "",
+        "variables": {
+            "offer_id": "${CREDIT_OFFERS_DS.offer_id}",
+            "vendor_financing_id": "${CREDIT_OFFERS_DS.vendor_financing_id}",
+            "financing_code": "${CREDIT_OFFERS_DS.financing_code}",
+            "total_payments": "${CREDIT_OFFERS_DS.total_payments}"
+        }
+    },
+
+    "headline": [
+        [["Buy now, pay later."], ["default", "xsmall"]],
+        ["Buy now and pay later.", ["xsmall.2"]],
+        ["Pay in 30 days. Credit option.", ["medium", "large", "xlarge"]]
+    ],
+    "subHeadline": [],
+
+    "disclaimer": [["Learn more", ["default"]]]
+}

content/modals/GB/pay_in_30.json

@@ -0,0 +1,41 @@
+{
+    "meta": {
+        "offerCountry": "GB",
+        "useV5Design": "true",
+        "v5.1": "true",
+        "product": "PAY_LATER_PAY_IN_1",
+        "minAmount": "{minAmount}",
+        "maxAmount": "{maxAmount}",
+        "qualifying": "{qualifying_offer}",
+        "amount": "{transaction_amount}",
+        "variables": {
+            "transaction_amount": "${eval(transaction_amount ? transaction_amount : '-')}",
+            "qualifying_offer": "${eval(CREDIT_OFFERS_DS.qualifying_offer ? CREDIT_OFFERS_DS.qualifying_offer : 'false')}",
+            "financing_code": "${CREDIT_OFFERS_DS.financing_code}",
+            "total_payments": "${CREDIT_OFFERS_DS.total_payments}",
+            "formattedMinAmount": "${CREDIT_OFFERS_DS.formattedMinAmount}",
+            "formattedMaxAmount": "${CREDIT_OFFERS_DS.formattedMaxAmount}",
+            "formattedTotalCost": "${CREDIT_OFFERS_DS.formattedTotalCost}",
+            "minAmount": "${CREDIT_OFFERS_DS.minAmount}",
+            "maxAmount": "${CREDIT_OFFERS_DS.maxAmount}"
+        }
+    },
+    "content": {
+        "headline": "Buy now. Pay in 30 Days.",
+        "subheadline": "Available for purchases of {formattedMinAmount} – {formattedMaxAmount}. Eligibility subject to status.",
+        "instructions": [
+            "Apply for Pay in 30 Days.",
+            "If approved, complete your purchase.",
+            "One repayment is taken automatically 30 days after your order is processed."
+        ],
+        "disclosure": [
+            "Pay in 30 Days is a credit agreement. Carefully consider whether the purchase is affordable and how you will repay. Missing payment may affect your ability to use us in the future, and you may find it more difficult and/or more expensive to obtain credit. Eligibility is subject to status and approval. 18+ UK residents only. Available for purchases {formattedMinAmount} - {formattedMaxAmount}. ",
+            ["Terms and conditions apply", "https://www.paypal.com/uk/webapps/mpp/ua/pay-in-30-full"],
+            ". PayPal Pay in 30 Days is a trading name of PayPal UK Ltd, 5 Fleet Place, London, United Kingdom, EC4M 7RD."
+        ],
+        "learnMoreLink": [
+            ["Learn more about Pay in 30 Days", ["https://www.paypal.com/uk/webapps/mpp/paypal-pay-in-30/faq"]]
+        ],
+        "linkToProductList": "See other ways to pay over time."
+    }
+}

content/modals/GB/product_list.json

@@ -0,0 +1,29 @@
+{
+    "meta": {
+        "product": "PRODUCT_LIST",
+        "useV5Design": "true",
+        "v5.1": "true",
+        "offerCountry": "GB"
+    },
+    "content": {
+        "headline": "<span aria-hidden='true'>Buy now, <br />pay later</span><span class='sr-only'>Buy now, pay later</span>",
+        "disclosure": "Pay in 3 and Pay in 30 Days are credit agreements. Missing payments can impact future borrowing. Eligibility subject to status. Terms and conditions apply.",
+        "instructions": {
+            "payLater": "Get more info on Pay Later options."
+        },
+        "productTiles": {
+            "payLater": [
+                {
+                    "header": "Pay in 3",
+                    "body": "Interest-free payments every month, starting today.",
+                    "viewName": "PAY_LATER_SHORT_TERM"
+                },
+                {
+                    "header": "Pay in 30 Days",
+                    "body": "Full amount due in 30 days, nothing due today. Interest-free.",
+                    "viewName": "PAY_LATER_PAY_IN_1"
+                }
+            ]
+        }
+    }
+}

content/modals/GB/short_term.json

@@ -42,6 +42,7 @@
             "Remaining payments are taken automatically."
         ],
         "disclosure": "Pay in 3 is an unregulated credit agreement, so you will have fewer protections under this agreement than you would under a regulated credit agreement. Carefully consider whether the purchase is affordable and how you will make the repayments. Be aware of the possible impact of using Pay in 3 and of missing payments, including making other borrowing more difficult or more expensive. Pay in 3 eligibility is subject to status and approval. 18+ UK residents only. Available for purchases of {formattedMinAmount} to {formattedMaxAmount}. Terms and conditions apply. PayPal Pay in 3 is a trading name of PayPal UK Ltd, 5 Fleet Place, London, United Kingdom, EC4M 7RD.",
-        "learnMoreLink": [["Learn more about Pay in 3", ["https://www.paypal.com/uk/webapps/mpp/paypal-payin3/faq"]]]
+        "learnMoreLink": [["Learn more about Pay in 3", ["https://www.paypal.com/uk/webapps/mpp/paypal-payin3/faq"]]],
+        "linkToProductList": "See other ways to pay over time."
     }
 }

src/components/modal/v2/parts/views/PayIn1/Content.jsx

@@ -12,11 +12,21 @@ import { getEuroStyleClass } from '../../../lib';
 
 export const PayIn1 = ({
     productMeta: { useV5Design },
-    content: { instructions, linkToProductList, disclosure, navLinkPrefix },
+    content: { instructions, linkToProductList, disclosure, navLinkPrefix, learnMoreLink },
     openProductList
 }) => {
     const { views, country } = useServerData();
 
+    const renderLearnMoreLink = () => {
+        return (
+            learnMoreLink && (
+                <div className="learnMoreLink__container">
+                    <InlineLinks text={learnMoreLink} />
+                </div>
+            )
+        );
+    };
+
     const renderProductListLink = () => {
         if (views?.length > 2) {
             return (
@@ -46,6 +56,7 @@ export const PayIn1 = ({
             </div>
             <div className={`content__row disclosure ${useV5Design ? 'v5Design' : ''} ${getEuroStyleClass(country)}`}>
                 <InlineLinks text={currencyFormat(disclosure)} />
+                {renderLearnMoreLink()}
             </div>
             <div className="content__row productLink">
                 <div className="productLink__container">{renderProductListLink()}</div>

src/components/modal/v2/parts/views/PayIn1/styles.scss

@@ -9,6 +9,19 @@
             padding: 0px;
         }
 
+        .learnMoreLink__container {
+            font-size: 14px;
+
+            @include mixins.tablet {
+                margin-top: 10px;
+            }
+
+            @include mixins.mobile {
+                margin-top: 20px;
+                margin-left: 0px;
+            }
+        }
+
         &.nav__link-prefix {
             min-width: 315px;
             padding: 0px;
@@ -27,4 +40,93 @@
             }
         }
     }
+
+    .pay-in-1-upstream-gb {
+        .content__row.dynamic {
+            background-color: colors.$white;
+            box-sizing: border-box;
+            flex-direction: column;
+            height: auto;
+            margin: 0 -20px;
+            padding: 24px 20px 32px;
+
+            @include mixins.desktop {
+                .content__col {
+                    width: 100%;
+                }
+            }
+
+            .content__col:last-child {
+                display: none;
+            }
+        }
+
+        .content__row.disclosure.v5Design {
+            box-sizing: border-box;
+            color: #696969;
+            font-size: 12px;
+            line-height: 16px;
+            margin: 0 -20px;
+            padding: 32px 20px 0;
+
+            @include mixins.desktop {
+                margin: 0 -20px;
+            }
+
+            @include mixins.tablet {
+                margin: 0 -20px;
+            }
+
+            @include mixins.mobile {
+                margin: 0 -20px;
+            }
+
+            .inline-link {
+                font-size: 12px;
+                line-height: 16px;
+            }
+        }
+
+        .learnMoreLink__container {
+            font-size: 12px;
+            line-height: 16px;
+            margin-top: 16px;
+
+            @include mixins.tablet {
+                margin-top: 16px;
+            }
+
+            @include mixins.mobile {
+                margin-left: 0;
+                margin-top: 16px;
+            }
+
+            .inline-link {
+                font-size: 12px;
+                line-height: 16px;
+            }
+        }
+
+        .content__row.productLink {
+            padding-right: 0;
+        }
+
+        .product-list-link.gb {
+            font-size: 12px;
+            line-height: 16px;
+            margin: 16px 20px 20px;
+
+            @include mixins.desktop {
+                margin: 16px 20px 24px;
+            }
+
+            @include mixins.tablet {
+                margin: 16px 20px 24px;
+            }
+
+            @include mixins.mobile {
+                margin: 16px 20px 24px;
+            }
+        }
+    }
 }