@alma/widgets 3.2.0 → 3.2.1

package/dist/raw/widgets.modern.js

@@ -1551,7 +1551,6 @@ function formatCents(cents) {
   return String(priceFromCents(cents)).replace('.', ',');
 }
 const desktopWidth = 800;
-const isP1X = plan => (plan == null ? void 0 : plan.installments_count) === 1 && (plan == null ? void 0 : plan.deferred_days) === 0 && (plan == null ? void 0 : plan.deferred_months) === 0;
 
 /* eslint-disable */
 
@@ -1866,9 +1865,6 @@ var messagesDE = {
 	"eligibility-modal.bullet-2": "Lassen Sie sich führen und bestätigen Sie Ihre Zahlung in <strong>2 Minuten.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Behalten Sie die Kontrolle</strong> , indem Sie Ihre Fristen in Ihrem eigenen Tempo vor- oder zurückverlegen.",
 	"eligibility-modal.no-eligibility": "Ups, die Prüfung hat anscheinend nicht funktioniert.",
-	"eligibility-modal.p1x-bullet-1": "Wählen Sie <strong>Alma - 1X</strong> bei der Bezahlung.",
-	"eligibility-modal.p1x-bullet-2": "Füllen Sie die Informationen auf Ihrer <strong>Kreditkarte aus.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>Die Bestätigung </strong> Ihrer Zahlung erfolgt sofort!",
 	"eligibility-modal.title-deferred-plan": "Zahlen Sie mit Alma in Raten oder später.",
 	"eligibility-modal.title-normal": "Zahlen Sie mit Alma in mehreren Raten.",
 	"installments.today": "Heute",
@@ -1881,8 +1877,7 @@ var messagesDE = {
 	"payment-plan-strings.ineligible-lower-than-min": "Ab {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {{firstInstallmentAmount} dann {numberOfRemainingInstallments} x {othersInstallmentAmount}} other {{firstInstallmentAmount} dann {numberOfRemainingInstallments} x {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
-	"payment-plan-strings.no-fee": "(0% Finanzierung)",
-	"payment-plan-strings.pay-now": "Bezahlen Sie jetzt {totalAmount}"
+	"payment-plan-strings.no-fee": "(0% Finanzierung)"
 };
 
 var messagesEN = {
@@ -1893,9 +1888,6 @@ var messagesEN = {
 	"eligibility-modal.bullet-2": "Let us guide you and validate your payment in <strong>2 minutes.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Stay in control</strong> by moving your deadlines forward or backward at your own pace.",
 	"eligibility-modal.no-eligibility": "Oops, looks like the simulation didn't work.",
-	"eligibility-modal.p1x-bullet-1": "Choose <strong>Alma - 1X</strong> at checkout.",
-	"eligibility-modal.p1x-bullet-2": "Fill in your <strong>credit card information.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>The validation </strong> of your payment is instantaneous!",
 	"eligibility-modal.title-deferred-plan": "Pay in installments or later by credit card with Alma.",
 	"eligibility-modal.title-normal": "Pay in installments by credit card with Alma.",
 	"installments.today": "Today",
@@ -1908,8 +1900,7 @@ var messagesEN = {
 	"payment-plan-strings.ineligible-lower-than-min": "From {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {{firstInstallmentAmount} then {numberOfRemainingInstallments} x {othersInstallmentAmount}} other {{firstInstallmentAmount} then {numberOfRemainingInstallments} x {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
-	"payment-plan-strings.no-fee": "(free of charge)",
-	"payment-plan-strings.pay-now": "Pay now {totalAmount}"
+	"payment-plan-strings.no-fee": "(free of charge)"
 };
 
 var messagesES = {
@@ -1920,9 +1911,6 @@ var messagesES = {
 	"eligibility-modal.bullet-2": "Déjese guiar y valide su pago en <strong>2 minutos.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Mantenga el control</strong> adelantando o retrasando los plazos a su propio ritmo.",
 	"eligibility-modal.no-eligibility": "Uy, parece que la simulación no ha funcionado.",
-	"eligibility-modal.p1x-bullet-1": "Elija <strong>Alma - 1X</strong> en la caja.",
-	"eligibility-modal.p1x-bullet-2": "Introduzca los datos de su tarjeta de crédito en <strong>.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>¡La validación </strong> de su pago es instantánea!",
 	"eligibility-modal.title-deferred-plan": "Paga a plazos o posteriormente con tarjeta bancaria con Alma.",
 	"eligibility-modal.title-normal": "Pagar a plazos con tarjeta bancaria con Alma.",
 	"installments.today": "Hoy",
@@ -1935,8 +1923,7 @@ var messagesES = {
 	"payment-plan-strings.ineligible-lower-than-min": "Desde {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {{firstInstallmentAmount} hoy, después {numberOfRemainingInstallments} mensualidad de {othersInstallmentAmount}} other {{firstInstallmentAmount} hoy, después {numberOfRemainingInstallments} mensualidades de {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} plazos de {totalAmount}",
-	"payment-plan-strings.no-fee": "(sin intereses)",
-	"payment-plan-strings.pay-now": "Pague ahora {totalAmount}"
+	"payment-plan-strings.no-fee": "(sin intereses)"
 };
 
 var messagesFR = {
@@ -1947,9 +1934,6 @@ var messagesFR = {
 	"eligibility-modal.bullet-2": "Laissez-vous guider et validez votre paiement en <strong>2 minutes.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Gardez le contrôle</strong> en avançant ou reculant vos échéances à votre rythme.",
 	"eligibility-modal.no-eligibility": "Oups, il semblerait que la simulation n'ait pas fonctionné.",
-	"eligibility-modal.p1x-bullet-1": "Choisissez <strong>Alma - 1X</strong> au moment du paiement.",
-	"eligibility-modal.p1x-bullet-2": "Renseignez les informations de votre <strong>carte bancaire.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>La validation </strong> de votre paiement est instantanée !",
 	"eligibility-modal.title-deferred-plan": "Payez en plusieurs fois ou plus tard par carte bancaire avec Alma.",
 	"eligibility-modal.title-normal": "Payez en plusieurs fois par carte bancaire avec Alma.",
 	"installments.today": "Aujourd'hui",
@@ -1962,8 +1946,7 @@ var messagesFR = {
 	"payment-plan-strings.ineligible-lower-than-min": "À partir de {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {{firstInstallmentAmount} puis {numberOfRemainingInstallments} x {othersInstallmentAmount}} other {{firstInstallmentAmount} puis {numberOfRemainingInstallments} x {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
-	"payment-plan-strings.no-fee": "(sans frais)",
-	"payment-plan-strings.pay-now": "Payez maintenant {totalAmount}"
+	"payment-plan-strings.no-fee": "(sans frais)"
 };
 
 var messagesIT = {
@@ -1974,9 +1957,6 @@ var messagesIT = {
 	"eligibility-modal.bullet-2": "Lasciatevi guidare e convalidate il pagamento in <strong>2 minuti.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Mantenete il controllo</strong> spostando le scadenze in avanti o indietro al vostro ritmo.",
 	"eligibility-modal.no-eligibility": "Ops, sembra che qualcosa non abbia funzionato.",
-	"eligibility-modal.p1x-bullet-1": "Scegliere <strong>Alma - 1X</strong> alla cassa.",
-	"eligibility-modal.p1x-bullet-2": "Compilare i dati della carta di credito <strong>.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>La convalida </strong> del vostro pagamento è istantanea!",
 	"eligibility-modal.title-deferred-plan": "Paga a rate o posticipa il pagamento con Alma, senza registrazione.",
 	"eligibility-modal.title-normal": "Paga a rate con Alma, senza registrazione.",
 	"installments.today": "Oggi",
@@ -1989,8 +1969,7 @@ var messagesIT = {
 	"payment-plan-strings.ineligible-lower-than-min": "Pagamento rateale disponibile a partire da {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {Oggi paghi {firstInstallmentAmount} poi tra {numberOfRemainingInstallments} mese {othersInstallmentAmount}} other {Oggi paghi {firstInstallmentAmount} poi {numberOfRemainingInstallments} rate mensili di {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "In {installmentsCount} rate mensili di {totalAmount}",
-	"payment-plan-strings.no-fee": "(senza interessi)",
-	"payment-plan-strings.pay-now": "Paga ora {totalAmount}"
+	"payment-plan-strings.no-fee": "(senza interessi)"
 };
 
 var messagesNL = {
@@ -2001,9 +1980,6 @@ var messagesNL = {
 	"eligibility-modal.bullet-2": "Laat ons u begeleiden en uw betaling valideren in <strong>2 minuten.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Houd de controle op</strong> door uw deadlines in uw eigen tempo vooruit of achteruit te schuiven.",
 	"eligibility-modal.no-eligibility": "Oeps, het lijkt erop dat de simulatie niet werkte.",
-	"eligibility-modal.p1x-bullet-1": "Kies <strong>Alma - 1X</strong> bij het afrekenen.",
-	"eligibility-modal.p1x-bullet-2": "Vul uw <strong>creditcardgegevens in.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>De validatie </strong> van uw betaling is onmiddellijk!",
 	"eligibility-modal.title-deferred-plan": "Betaal in termijnen of later per creditcard met Alma.",
 	"eligibility-modal.title-normal": "Betaal in termijnen met een creditcard bij Alma.",
 	"installments.today": "Tegenwoordig",
@@ -2016,8 +1992,7 @@ var messagesNL = {
 	"payment-plan-strings.ineligible-lower-than-min": "Van {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {{firstInstallmentAmount} dan {numberOfRemainingInstallments} x {othersInstallmentAmount}} other {{firstInstallmentAmount} dan {numberOfRemainingInstallments} x {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
-	"payment-plan-strings.no-fee": "(zonder kosten)",
-	"payment-plan-strings.pay-now": "Betaal nu {totalAmount}"
+	"payment-plan-strings.no-fee": "(zonder kosten)"
 };
 
 var messagesPT = {
@@ -2028,9 +2003,6 @@ var messagesPT = {
 	"eligibility-modal.bullet-2": "Deixe-nos guiá-lo e validar o seu pagamento em <strong>2 minutos.</strong>",
 	"eligibility-modal.bullet-3": "<strong>Mantenha-se em controlo</strong> avançando ou recuando os seus prazos ao seu próprio ritmo.",
 	"eligibility-modal.no-eligibility": "Ups, parece que a simulação não funcionou.",
-	"eligibility-modal.p1x-bullet-1": "Escolher <strong>Alma - 1X</strong> no checkout.",
-	"eligibility-modal.p1x-bullet-2": "Preencha as informações do seu <strong>cartão de crédito.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>A validação </strong> do seu pagamento é instantânea!",
 	"eligibility-modal.title-deferred-plan": "Pagar em prestações ou mais tarde por cartão de crédito com Alma.",
 	"eligibility-modal.title-normal": "Pagar em prestações por cartão de crédito com Alma.",
 	"installments.today": "Hoje",
@@ -2043,8 +2015,7 @@ var messagesPT = {
 	"payment-plan-strings.ineligible-lower-than-min": "A partir de {minAmount}",
 	"payment-plan-strings.multiple-installments": "{numberOfRemainingInstallments, plural, one {{firstInstallmentAmount} depois {numberOfRemainingInstallments} x {othersInstallmentAmount}} other {{firstInstallmentAmount} depois {numberOfRemainingInstallments} x {othersInstallmentAmount}}}",
 	"payment-plan-strings.multiple-installments-same-amount": "{installmentsCount} x {totalAmount}",
-	"payment-plan-strings.no-fee": "(sem encargos)",
-	"payment-plan-strings.pay-now": "Pague agora {totalAmount}"
+	"payment-plan-strings.no-fee": "(sem encargos)"
 };
 
 const getTranslationsByLocale = locale => {
@@ -2154,13 +2125,15 @@ const getPaymentPlanBoundaries = (plan, configPlan) => {
 };
 
 const filterELigibility = (eligibilities, configPlans) => {
-  // If no configPlans was provided, return eligibility response
+  // Remove p1x
+  const filteredEligibilityPlans = eligibilities.filter(plan => !(plan.installments_count === 1 && plan.deferred_days === 0 && plan.deferred_months === 0)); // If no configPlans was provided, return eligibility response
+
   if (!configPlans) {
-    return eligibilities;
+    return filteredEligibilityPlans;
   } // Else check if the plan is eligible regarding the related configPlan
 
 
-  return eligibilities.map(plan => {
+  return filteredEligibilityPlans.map(plan => {
     const eligibilityDeferredDays = (plan.deferred_months ? plan.deferred_months : 0) * 30 + (plan.deferred_days ? plan.deferred_days : 0); // find the related configPlan
 
     const relatedConfigPlan = configPlans.find(configPlan => {
@@ -2389,8 +2362,7 @@ const paymentPlanShorthandName = payment => {
   } = payment;
   const deferredDaysCount = deferred_days + deferred_months * 30;
 
-  if (installmentsCount === 1 && deferredDaysCount > 0) {
-    // For now there is no distinction between deferred days and deferred months, it will be J+ anyway
+  if (installmentsCount === 1) {
     return /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "payment-plan-strings.day-abbreviation",
       defaultMessage: "J{numberOfDeferredDays}",
@@ -2475,21 +2447,6 @@ const paymentPlanInfoText = payment => {
   } else if (installmentsCount > 0) {
     const areInstallmentsOfSameAmount = payment_plan == null ? void 0 : payment_plan.every((installment, index) => index === 0 || installment.total_amount === payment_plan[0].total_amount);
 
-    if (isP1X(payment)) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "payment-plan-strings.pay-now",
-        defaultMessage: "Payez maintenant {totalAmount}",
-        values: {
-          totalAmount: /*#__PURE__*/React.createElement(FormattedNumber, {
-            value: priceFromCents(payment_plan[0].total_amount),
-            style: "currency",
-            currency: "EUR"
-          }),
-          installmentsCount
-        }
-      }), withNoFee(payment));
-    }
-
     if (areInstallmentsOfSameAmount) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, {
         id: "payment-plan-strings.multiple-installments-same-amount",
@@ -2785,12 +2742,7 @@ const Cards = ({
 
 var s$7 = {"list":"_180ro","listItem":"_1HqCO","bullet":"_3B8wx"};
 
-const Info = ({
-  isCurrentPlanP1X
-}) =>
-/*#__PURE__*/
-// TODO: refactor this component into subcomponent to factorise code and be cleaner
-React.createElement("div", {
+const Info = () => /*#__PURE__*/React.createElement("div", {
   className: cx(s$7.list, STATIC_CUSTOMISATION_CLASSES.info),
   "data-testid": "modal-info-element"
 }, /*#__PURE__*/React.createElement("div", {
@@ -2799,13 +2751,7 @@ React.createElement("div", {
   className: cx(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
 }, "1"), /*#__PURE__*/React.createElement("div", {
   className: STATIC_CUSTOMISATION_CLASSES.infoMessage
-}, isCurrentPlanP1X ? /*#__PURE__*/React.createElement(FormattedMessage, {
-  id: "eligibility-modal.p1x-bullet-1",
-  defaultMessage: "Choisissez <strong>Alma - 1X</strong> au moment du paiement.",
-  values: {
-    strong: (...chunks) => /*#__PURE__*/React.createElement("strong", null, chunks)
-  }
-}) : /*#__PURE__*/React.createElement(FormattedMessage, {
+}, /*#__PURE__*/React.createElement(FormattedMessage, {
   id: "eligibility-modal.bullet-1",
   defaultMessage: "Choisissez <strong>Alma</strong> au moment du paiement.",
   values: {
@@ -2817,13 +2763,7 @@ React.createElement("div", {
   className: cx(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
 }, "2"), /*#__PURE__*/React.createElement("div", {
   className: STATIC_CUSTOMISATION_CLASSES.infoMessage
-}, isCurrentPlanP1X ? /*#__PURE__*/React.createElement(FormattedMessage, {
-  id: "eligibility-modal.p1x-bullet-2",
-  defaultMessage: "Renseignez les informations de votre <strong>carte bancaire.</strong>",
-  values: {
-    strong: (...chunks) => /*#__PURE__*/React.createElement("strong", null, chunks)
-  }
-}) : /*#__PURE__*/React.createElement(FormattedMessage, {
+}, /*#__PURE__*/React.createElement(FormattedMessage, {
   id: "eligibility-modal.bullet-2",
   defaultMessage: "Laissez-vous guider et validez votre paiement en <strong>2 minutes.</strong>",
   values: {
@@ -2835,13 +2775,7 @@ React.createElement("div", {
   className: cx(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
 }, "3"), /*#__PURE__*/React.createElement("div", {
   className: STATIC_CUSTOMISATION_CLASSES.infoMessage
-}, isCurrentPlanP1X ? /*#__PURE__*/React.createElement(FormattedMessage, {
-  id: "eligibility-modal.p1x-bullet-3",
-  defaultMessage: "<strong>La validation </strong> de votre paiement est instantan\u00E9e !",
-  values: {
-    strong: (...chunks) => /*#__PURE__*/React.createElement("strong", null, chunks)
-  }
-}) : /*#__PURE__*/React.createElement(FormattedMessage, {
+}, /*#__PURE__*/React.createElement(FormattedMessage, {
   id: "eligibility-modal.bullet-3",
   defaultMessage: "<strong>Gardez le contr\u00F4le</strong> en avan\u00E7ant ou reculant vos \u00E9ch\u00E9ances \u00E0 votre rythme.",
   values: {
@@ -2869,8 +2803,7 @@ var s$9 = {"container":"_21g6u","block":"_3zaP5","left":"_2SBRC","logo":"_xW3wt"
 const DesktopModal = ({
   children,
   isSomePlanDeferred,
-  cards,
-  isCurrentPlanP1X
+  cards
 }) => /*#__PURE__*/React.createElement("div", {
   className: cx(s$9.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
   "data-testid": "modal-container"
@@ -2878,9 +2811,7 @@ const DesktopModal = ({
   className: cx([s$9.block, s$9.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
 }, /*#__PURE__*/React.createElement(Title, {
   isSomePlanDeferred: isSomePlanDeferred
-}), /*#__PURE__*/React.createElement(Info, {
-  isCurrentPlanP1X: isCurrentPlanP1X
-}), cards && /*#__PURE__*/React.createElement(Cards, {
+}), /*#__PURE__*/React.createElement(Info, null), cards && /*#__PURE__*/React.createElement(Cards, {
   cards: cards
 }), /*#__PURE__*/React.createElement(AlmaLogo, {
   className: s$9.logo,
@@ -2896,16 +2827,13 @@ var s$b = {"container":"_2G7Ch","logo":"_2779r"};
 const MobileModal = ({
   children,
   isSomePlanDeferred,
-  cards,
-  isCurrentPlanP1X
+  cards
 }) => /*#__PURE__*/React.createElement("div", {
   className: cx(s$b.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
   "data-testid": "modal-container"
 }, /*#__PURE__*/React.createElement(Title, {
   isSomePlanDeferred: isSomePlanDeferred
-}), children, /*#__PURE__*/React.createElement(Info, {
-  isCurrentPlanP1X: isCurrentPlanP1X
-}), cards && /*#__PURE__*/React.createElement(Cards, {
+}), children, /*#__PURE__*/React.createElement(Info, null), cards && /*#__PURE__*/React.createElement(Cards, {
   cards: cards
 }), /*#__PURE__*/React.createElement(AlmaLogo, {
   className: s$b.logo,
@@ -2934,8 +2862,7 @@ const EligibilityModal = ({
     isOpen: true
   }, /*#__PURE__*/React.createElement(ModalComponent, {
     isSomePlanDeferred: isSomePlanDeferred,
-    cards: cards,
-    isCurrentPlanP1X: isP1X(currentPlan)
+    cards: cards
   }, status === apiStatus.PENDING && /*#__PURE__*/React.createElement("div", {
     className: s$a.loader
   }, /*#__PURE__*/React.createElement(LoadingIndicator, null)), status === apiStatus.SUCCESS && eligiblePlans.length === 0 && /*#__PURE__*/React.createElement("div", {
@@ -3045,9 +2972,7 @@ const getIndexOfActivePlan = ({
   for (const index in suggestedPaymentPlanArray) {
     const installmentsCount = suggestedPaymentPlanArray[index];
     const planFound = eligibilityPlans.findIndex(plan => {
-      return plan.installments_count === installmentsCount && plan.eligible && // Remove the PayLater plans from the plan to target, we will code a better solution later
-      // To differentiate P1X from PayLater while using the `suggestedPaymentPlan` property.
-      !plan.deferred_days && !plan.deferred_months;
+      return plan.installments_count === installmentsCount && plan.eligible;
     });
 
     if (planFound !== -1) {
@@ -3078,7 +3003,7 @@ const STATIC_CUSTOMISATION_CLASSES$1 = {
 
 var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
 
-const VERY_LONG_TIME_IN_MS = 1000 * 3600;
+const VERY_LONG_TIME_IN_MS = 1000 * 3600 * 24 * 365;
 const DEFAULT_TRANSITION_TIME = 5500;
 
 const PaymentPlanWidget = ({