feat: fix preapproval pi4 xo modal (#1062)

paypal · Mar 19, 2024 · 2448735 · 2448735
1 parent 26f4cd4
commit 2448735
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/content/modals/US/v2_short_term_xo.json b/content/modals/US/v2_short_term_xo.json
@@ -38,9 +38,9 @@
  ]
  },
  "preapproval": {
- "preapprovalHeadline": "You’re pre-approved",
+ "preapprovalHeadline": "Pay in 4",
  "preapprovalLabel": "Pre-approved",
- "preapprovalSubHeadline": "Pay {formattedTotalCost} in {total_payments} interest-free payments.",
+ "preapprovalSubHeadline": "Split {formattedTotalCost} into {total_payments} interest-free payments with no impact on credit score and no late fees.",
  "preapprovalDisclaimerHeadline": "What to know about pre-approval",
  "preapprovalDisclaimerBody": [
  "If you no longer meet the criteria used to select you for this offer, or give info we can’t match, pre-approval won’t apply and you may be declined for Pay in 4.",

diff --git a/src/components/modal/v2/parts/BodyContent.jsx b/src/components/modal/v2/parts/BodyContent.jsx
@@ -69,7 +69,7 @@ const BodyContent = () => {
  if (useV4Design && isLander) {
  document.documentElement.className = `${documentClassName} v4Design`;
  }
- const isPreapproved = productMeta?.preapproved === 'true';
+ const isPreapproved = productMeta?.preapproved;
  const preapprovalHeadline = content?.preapproval?.preapprovalHeadline;
  const preapprovalSubHeadline = content?.preapproval?.preapprovalSubHeadline;
  const preapprovalLabel = content?.preapproval?.preapprovalLabel;

diff --git a/src/components/modal/v2/parts/CheckoutHeader.jsx b/src/components/modal/v2/parts/CheckoutHeader.jsx
@@ -80,7 +80,7 @@ const CheckoutHeader = ({
  // eslint-disable-next-line react/no-danger
  dangerouslySetInnerHTML={{ __html: isPreapproved === 'true' ? preapprovalHeadline : headline }}
  />
- {isPreapproved === true ? <span className="preapproved-label">{preapprovalLabel}</span> : ''}
+ {isPreapproved === 'true' ? <span className="preapproved-label">{preapprovalLabel}</span> : ''}
  </div>
  {isQualifying === 'true' && qualifyingSubheadline !== '' ? (
  <p className={`subheadline_p subheadline-${countryClassName} qualifying`}>