chore: cut release (#1264)

Author: yeul

content/modals/GB/short_term_xo.json

@@ -8,6 +8,7 @@
         "amount": "{transaction_amount}",
         "useV5Design": "true",
         "apr": "{apr}",
+        "preapproved": "false",
         "variables": {
             "transaction_amount": "${eval(transaction_amount ? transaction_amount : '-')}",
             "qualifying_offer": "${eval(CREDIT_OFFERS_DS.qualifying_offer ? CREDIT_OFFERS_DS.qualifying_offer : 'false')}",
@@ -46,9 +47,25 @@
         "preapproval": {
             "preapprovalHeadline": "Pay in 3 interest-free payments",
             "preapprovalLabel": "Pre-approved",
-            "preapprovalSubHeadline": "Pay {formattedTotalCost} in {total_payments} interest-free payments.",
-            "preapprovalDisclaimerHeadline": "What to know about pre-approval",
-            "preapprovalDisclaimerBody": "Pre-approval may not be valid if you make another Pay in 3 purchase before the session expires."
+            "preapprovalSubHeadline": "Split your purchase of {formattedTotalCost} into {total_payments} with no sign-up fees or late fees.",
+            "preapprovalDisclaimerHeadline": "What does pre-approval mean?",
+            "preapprovalDisclaimerBody": [
+                "Pre-approval applies to this purchase only. It is based on a recent assessment of PayPal internal data that includes your account status, payment history and other factors. We use this data to assess if this loan is affordable to you.",
+                "If this data changes in the period between showing pre-approval and the completion of your purchase and after completion of final identity and fraud checks, there is a small risk that this may result in a decline.",
+                "You should consider if the purchase is affordable and how you will make repayments.",
+                "Missing payments may make other borrowing more difficult or expensive for you."
+            ],
+            "preapprovalPrivacyDisclaimer": [
+                "To stop seeing the Pay in 3 ",
+                "'Pre-approved'",
+                " badge in PayPal checkout, go to Data & Privacy in your settings and ",
+                [
+                    "turn off permission",
+                    "https://www.paypal.com/myaccount/privacy/settings/personalization/paypal",
+                    "turn off permission, opens new tab"
+                ],
+                " for interest-based marketing."
+            ]
         },
         "cta": {
             "buttonTextEligible": "Continue",

package.json

@@ -50,8 +50,7 @@
         "@paypal/common-components": "^1.0.33",
         "@paypal/sdk-client": "^4.0.166",
         "@paypal/sdk-constants": "^1.0.118",
-        "@paypal/sdk-logos": "^2.0.0",
-        "core-js-pure": "3.31.1"
+        "@paypal/sdk-logos": "^2.0.0"
     },
     "devDependencies": {
         "@axe-core/playwright": "^4.10.1",

src/components/message/Message.js

@@ -1,4 +1,3 @@
-import objectEntries from 'core-js-pure/stable/object/entries';
 import { uniqueID } from '@krakenjs/belter/src';
 
 import {
@@ -159,7 +158,7 @@ const Message = function ({ markup, meta, parentStyles, warnings }) {
                 // Generate new MRID on message update.
                 const newMessageRequestId = uniqueID();
 
-                const query = objectEntries({
+                const query = Object.entries({
                     message_request_id: newMessageRequestId,
                     amount,
                     currency,

src/components/modal/v2/lib/hooks/content.js

@@ -1,10 +1,22 @@
-import arrayFind from 'core-js-pure/stable/array/find';
 import { useServerData } from '../providers';
 
+/**
+ * Retrieves product data from server views by product identifier.
+ * Returns a fallback object with empty content if views is not an array or product is not found.
+ *
+ * @param {string} product - The product identifier to find
+ * @returns {Object} Product object containing meta and content
+ */
 export function useProduct(product) {
+    const fallback = { content: {} };
     const { views } = useServerData();
 
-    return arrayFind(views, ({ meta }) => meta.product === product) ?? { content: {} };
+    if (!Array.isArray(views)) {
+        return fallback;
+    }
+    const view = views.find(({ meta }) => meta.product === product);
+
+    return view ?? fallback;
 }
 
 export function useContent(product) {

src/components/modal/v2/lib/utils.js

@@ -1,5 +1,3 @@
-import objectEntries from 'core-js-pure/stable/object/entries';
-import arrayFrom from 'core-js-pure/stable/array/from';
 import { isIosWebview, isAndroidWebview } from '@krakenjs/belter/src';
 import { request, memoize, ppDebug } from '../../../../utils';
 import validate from '../../../../library/zoid/message/validation';
@@ -28,7 +26,7 @@ export const getContent = memoize(
         buttonSessionId,
         integrationIdentifier
     }) => {
-        const query = objectEntries({
+        const query = Object.entries({
             currency,
             amount,
             payer_id: payerId,
@@ -87,7 +85,7 @@ export function setupTabTrap() {
     function trapTabKey(e) {
         // Check for TAB key press
         if (e.keyCode === 9 && !document.querySelector('.modal-closed')) {
-            const tabArray = arrayFrom(document.querySelectorAll(focusableElementsString)).filter(
+            const tabArray = Array.from(document.querySelectorAll(focusableElementsString)).filter(
                 node => window.getComputedStyle(node).visibility === 'visible'
             );
             // SHIFT + TAB

src/components/modal/v2/parts/LoadingShimmer.jsx

@@ -1,7 +1,6 @@
 /* eslint-disable eslint-comments/disable-enable-pair */
 /** @jsx h */
 import { Fragment, h } from 'preact';
-import arrayFrom from 'core-js-pure/stable/array/from';
 
 const LoadingShimmer = ({ numOffers = 3, offerCountry, useNewCheckoutDesign }) => {
     /**
@@ -11,7 +10,7 @@ const LoadingShimmer = ({ numOffers = 3, offerCountry, useNewCheckoutDesign }) =
 
     return (
         <Fragment>
-            {arrayFrom({ length: numOffers }).map((_, index) => {
+            {Array.from({ length: numOffers }).map((_, index) => {
                 if (offerCountry === 'DE') {
                     return (
                         <div id={index} className="accordion__container shimmer">

src/components/modal/v2/parts/PreapprovalDisclaimer.jsx

@@ -1,10 +1,12 @@
 /** @jsx h */
 import { h } from 'preact';
 import { currencyFormat, formatDateByCountry } from '../lib';
+import InlineLinks from './InlineLinks';
 
 const PreapprovalDisclaimer = ({
     preapprovalDisclaimerHeadline,
     preapprovalDisclaimerBody,
+    preapprovalPrivacyDisclaimer,
     country,
     useNewCheckoutDesign
 }) => {
@@ -35,6 +37,11 @@ const PreapprovalDisclaimer = ({
                     />
                 </div>
             )}
+            {preapprovalPrivacyDisclaimer && (
+                <div className="preapproval-disclaimer__privacy">
+                    <InlineLinks text={preapprovalPrivacyDisclaimer} />
+                </div>
+            )}
         </div>
     );
 };

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

@@ -1,14 +1,14 @@
-@import '../../../styles/globals/colors';
-@import '../../../styles/globals/mixins';
-@import '../../../styles/globals/variables';
+@use '../../../styles/globals/colors';
+@use '../../../styles/globals/mixins';
+@use '../../../styles/globals/variables';
 
 .spinner {
     display: block;
     position: absolute;
     left: 50%;
     top: 50%;
     border-radius: 50%;
-    border-top: 4px solid $spinner-green;
+    border-top: 4px solid colors.$spinner-green;
     width: 80px;
     height: 80px;
     opacity: 0;
@@ -24,30 +24,30 @@
     padding: 0px;
     font-size: 14px;
     margin: 0px;
-    @include tablet {
+    @include mixins.tablet {
         margin: 0px 44px 0px 44px;
     }
 
-    @include desktop {
+    @include mixins.desktop {
         margin-left: 30px;
     }
 
-    @include mobile {
+    @include mixins.mobile {
         margin-top: 20px;
         margin-left: 0px;
     }
 }
 
 .button__fixed-wrapper {
-    @include fixedWrapper;
+    @include mixins.fixedWrapper;
     bottom: 0;
     z-index: 1;
 
-    @include tablet {
-        border-radius: 0 0 $content-wrapper-border-radius $content-wrapper-border-radius;
+    @include mixins.tablet {
+        border-radius: 0 0 variables.$content-wrapper-border-radius variables.$content-wrapper-border-radius;
         overflow: hidden;
 
-        @include lander {
+        @include mixins.lander {
             border-radius: 0;
         }
     }
@@ -58,29 +58,29 @@
     flex-direction: column;
     align-items: center;
 
-    @include tablet {
+    @include mixins.tablet {
         margin-bottom: 0;
-        max-width: $content-wrapper-max-width-tablet;
+        max-width: variables.$content-wrapper-max-width-tablet;
         padding: 15px 0;
         .button {
             width: calc(80%);
         }
     }
 
-    @include mobile {
+    @include mixins.mobile {
         margin-bottom: 0;
-        max-width: $content-wrapper-max-width-tablet;
+        max-width: variables.$content-wrapper-max-width-tablet;
         padding: 15px 0;
         .button {
             width: calc(80%);
         }
     }
 
-    @include apiIframe {
-        max-width: $content-wrapper-max-width-api-iframe;
+    @include mixins.apiIframe {
+        max-width: variables.$content-wrapper-max-width-api-iframe;
     }
 }
 
 .checkout {
-    background: $white;
+    background: colors.$white;
 }