forked from paypal/paypal-messaging-components
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: update learn more modals to support US and UK short term checko…
…ut and preapproval (paypal#978)
- Loading branch information
Showing
142 changed files
with
739 additions
and
63 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -22,4 +22,4 @@ ehthumbs.db | |
| Icon? | ||
| Thumbs.db | ||
|
|
||
| !*/**/icons | ||
| !*/**/icons | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| { | ||
| "meta": { | ||
| "product": "PAY_LATER_SHORT_TERM", | ||
| "periodicPayment": "{formattedPeriodicPayment}", | ||
| "minAmount": "{minAmount}", | ||
| "maxAmount": "{maxAmount}", | ||
| "qualifying": "{qualifying_offer}", | ||
| "amount": "{transaction_amount}", | ||
| "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')}", | ||
| "financing_code": "${CREDIT_OFFERS_DS.financing_code}", | ||
| "formattedPeriodicPayment": "${CREDIT_OFFERS_DS.formattedPeriodicPayment}", | ||
| "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}", | ||
| "apr": "${CREDIT_OFFERS_DS.apr}", | ||
| "nominal_rate": "${CREDIT_OFFERS_DS.nominal_rate}" | ||
| } | ||
| }, | ||
| "content": { | ||
| "headline": "Pay in 3 interest-free payments", | ||
| "subheadline": "Available for purchases of {formattedMinAmount} to {formattedMaxAmount}. No sign-up fees or late fees.", | ||
| "qualifyingSubheadline": "Split your purchase of {formattedTotalCost} into {total_payments} with no sign-up fees or late fees.", | ||
| "donutTimestamps": ["Today", "1 month", "2 months"], | ||
| "estimatedInstallments": { | ||
| "items": [ | ||
| { "total_payment:": "{formattedPeriodicPayment}", "payment_date": "Today" }, | ||
| { "total_payment:": "{formattedPeriodicPayment}", "payment_date": "1 month" }, | ||
| { "total_payment:": "{formattedPeriodicPayment}", "payment_date": "2 months" } | ||
| ] | ||
| }, | ||
| "instructions": { | ||
| "instructionsHeadline": "How to use Pay in 3", | ||
| "instructionsSubHeadline": "Confirm your info and apply, set up autopay, and review your purchase." | ||
| }, | ||
| "preapproval": { | ||
| "preapprovalHeadline": "Pre-approved to Pay in 3 on this purchase ", | ||
| "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." | ||
| }, | ||
| "cta": { | ||
| "buttonTextEligible": "Continue with Pay in 3", | ||
| "buttonTextIneligible": "Back to Checkout", | ||
| "link": "https://www.paypal.com/link/to/short-term-application" | ||
| }, | ||
| "disclosure": "Pay in 3 is a form of credit, so 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 (Europe) S.à r.l. et Cie, S.C.A. 22-24 Boulevard Royal L-2449, Luxembourg.", | ||
| "learnMoreLink": [["Learn more about Pay in 3", ["https://www.paypal.com/uk/webapps/mpp/paypal-payin3/faq"]]] | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| { | ||
| "meta": { | ||
| "product": "PAY_LATER_SHORT_TERM", | ||
| "periodicPayment": "{formattedPeriodicPayment}", | ||
| "minAmount": "{minAmount}", | ||
| "maxAmount": "{maxAmount}", | ||
| "qualifying": "{qualifying_offer}", | ||
| "amount": "{transaction_amount}", | ||
| "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')}", | ||
| "financing_code": "${CREDIT_OFFERS_DS.financing_code}", | ||
| "formattedPeriodicPayment": "${CREDIT_OFFERS_DS.formattedPeriodicPayment}", | ||
| "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}", | ||
| "apr": "${CREDIT_OFFERS_DS.apr}", | ||
| "nominal_rate": "${CREDIT_OFFERS_DS.nominal_rate}" | ||
| } | ||
| }, | ||
| "content": { | ||
| "headline": "Pay in 4 interest-free payments", | ||
| "subheadline": "No impact on credit score and no late fees. Available for purchases of {formattedMinAmount} to {formattedMaxAmount}.", | ||
| "qualifyingSubheadline": "Split your purchase of {formattedTotalCost} into {total_payments} with no impact on credit score and no late fees.", | ||
| "donutTimestamps": ["Today", "2 weeks", "4 weeks", "6 weeks"], | ||
| "instructions": { | ||
| "instructionsHeadline": "How to use Pay in 4", | ||
| "instructionsSubHeadline": "Confirm your info and apply, set up autopay, and review your purchase." | ||
| }, | ||
| "preapproval": { | ||
| "preapprovalHeadline": "You’re pre-approved", | ||
| "preapprovalSubHeadline": "Pay {formattedTotalCost} in {total_payments} interest-free payments.", | ||
| "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.", | ||
| "This offer starts on {current_date} and ends when you exit checkout, or when the session expires, or if you make another Pay in 4 purchase while this session is active.", | ||
| "We didn't use info from a credit bureau to make this offer." | ||
| ] | ||
| }, | ||
| "cta": { | ||
| "buttonTextEligible": "Continue with Pay in 4", | ||
| "buttonTextIneligible": "Back to Checkout", | ||
| "link": "https://www.paypal.com/link/to/short-term-application" | ||
| }, | ||
| "disclosure": [ | ||
| "Pay in 4 is available to consumers upon approval for purchases of {formattedMinAmount} to {formattedMaxAmount}. Pay in 4 is currently not available to residents of <span aria-hidden='true'>MO or NV</span><span class='sr-only'>Missouri or Nevada</span>. Offer availability depends on the merchant and also may not be available for certain recurring, subscription services. When applying, a soft credit check may be needed, but will not affect your credit score. You must be 18 years old or older to apply. PayPal, Inc.: Loans to <span aria-hidden='true'>CA</span><span class='sr-only'>California</span> residents are made or arranged pursuant to a <span aria-hidden='true'>CA</span><span class='sr-only'>California</span> Financing Law License. <span aria-hidden='true'>GA</span><span class='sr-only'>Georgia</span> Installment Lender Licensee, NMLS #910457. <span aria-hidden='true'>RI</span><span class='sr-only'>Rhode Island</span> Small Loan Lender Licensee. <span aria-hidden='true'>NM</span><span class='sr-only'>New Mexico</span> residents:", | ||
| [ | ||
| "Find more disclosures ", | ||
| "https://www.paypal.com/us/webapps/mpp/campaigns/newmexicodisclosure", | ||
| "Find more disclosures, opens new tab" | ||
| ], | ||
| "related to Pay in 4." | ||
| ] | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| /** @jsx h */ | ||
| import { h } from 'preact'; | ||
| import { currencyFormat, formatDateByCountry } from '../lib'; | ||
|
|
||
| const PreapprovalDisclaimer = ({ preapprovalDisclaimerHeadline, preapprovalDisclaimerBody, country }) => { | ||
| return ( | ||
| <div className="content__row preapproval-disclaimer"> | ||
| <h2 | ||
| // eslint-disable-next-line react/no-danger | ||
| dangerouslySetInnerHTML={{ __html: preapprovalDisclaimerHeadline }} | ||
| /> | ||
| {Array.isArray(preapprovalDisclaimerBody) ? ( | ||
| <ul> | ||
| {preapprovalDisclaimerBody.map(disclaimer => { | ||
| const disclaimerByLocale = disclaimer.replace(/{current_date}/, formatDateByCountry(country)); | ||
| return ( | ||
| <li className="preapproval-disclaimer__item-wrapper"> | ||
| {/* eslint-disable-next-line react/no-danger */} | ||
| <div dangerouslySetInnerHTML={{ __html: currencyFormat(disclaimerByLocale) }} /> | ||
| </li> | ||
| ); | ||
| })} | ||
| </ul> | ||
| ) : ( | ||
| <div> | ||
| <p | ||
| className="subheadline_p" | ||
| // eslint-disable-next-line react/no-danger | ||
| dangerouslySetInnerHTML={{ __html: preapprovalDisclaimerBody }} | ||
| /> | ||
| </div> | ||
| )} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default PreapprovalDisclaimer; |
Oops, something went wrong.