@alma/widgets 2.4.0 → 2.6.0

package/dist/raw/widgets.umd.js

@@ -6292,8 +6292,9 @@
   	"eligibility-modal.credit-commitment": "Ein Kredit verpflichtet Sie und muss zurückgezahlt werden. Prüfen Sie Ihre Rückzahlungsfähigkeit, bevor Sie sich verpflichten.",
   	"eligibility-modal.credit-cost": "Davon Kreditkosten",
   	"eligibility-modal.credit-cost-amount": "{creditCost} (APR {TAEG})",
-  	"eligibility-modal.no-eligibility": "Ups, die Simulation scheint nicht funktioniert zu haben.",
-  	"eligibility-modal.title": "<highlighted>Bezahlen Sie in Raten</highlighted> oder später per Kreditkarte mit Alma.",
+  	"eligibility-modal.no-eligibility": "Ups, die Simulation hat anscheinend nicht funktioniert.",
+  	"eligibility-modal.title": "<highlighted>Bezahlen Sie in Raten</highlighted> per Kreditkarte mit Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Bezahlen Sie in Raten</highlighted> oder später per Kreditkarte mit Alma.",
   	"eligibility-modal.total": "Insgesamt",
   	"installments.today": "Heutzutage",
   	"payment-plan-strings.day-abbreviation": "J{numberOfDeferredDays}",
@@ -6315,7 +6316,8 @@
   	"eligibility-modal.credit-cost": "Of which cost of credit",
   	"eligibility-modal.credit-cost-amount": "{creditCost} (APR {TAEG})",
   	"eligibility-modal.no-eligibility": "Oops, looks like the simulation didn't work.",
-  	"eligibility-modal.title": "<highlighted>Pay in installments</highlighted> or later by credit card with Alma.",
+  	"eligibility-modal.title": "<highlighted>Pay in installments</highlighted> by credit card with Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Pay in installments</highlighted> or later by credit card with Alma.",
   	"eligibility-modal.total": "Total",
   	"installments.today": "Today",
   	"payment-plan-strings.day-abbreviation": "T{numberOfDeferredDays}",
@@ -6337,7 +6339,8 @@
   	"eligibility-modal.credit-cost": "Coste de crédito (incl. en el total)",
   	"eligibility-modal.credit-cost-amount": "{creditCost} (TAE {TAEG})",
   	"eligibility-modal.no-eligibility": "Uy, parece que la simulación no ha funcionado.",
-  	"eligibility-modal.title": "<highlighted>Paga a plazos</highlighted> o más adelante con tu tarjeta, a través de Alma.",
+  	"eligibility-modal.title": "<highlighted>Paga a plazos</highlighted> con tarjeta de crédito con Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Paga a plazos</highlighted> o más adelante con tu tarjeta, a través de Alma.",
   	"eligibility-modal.total": "Total",
   	"installments.today": "Hoy",
   	"payment-plan-strings.day-abbreviation": "D{numberOfDeferredDays}",
@@ -6358,8 +6361,9 @@
   	"eligibility-modal.credit-commitment": "Un crédit vous engage et doit être remboursé. Vérifiez vos capacités de remboursement avant de vous engager.",
   	"eligibility-modal.credit-cost": "Dont coût du crédit",
   	"eligibility-modal.credit-cost-amount": "{creditCost} (TAEG {TAEG})",
-  	"eligibility-modal.no-eligibility": "Oups, il semblerait que la simulation n'aie pas fonctionné.",
-  	"eligibility-modal.title": "<highlighted>Payez en plusieurs fois</highlighted> ou plus tard par carte bancaire avec Alma.",
+  	"eligibility-modal.no-eligibility": "Oups, il semblerait que la simulation n'ait pas fonctionné.",
+  	"eligibility-modal.title": "<highlighted>Payez en plusieurs fois</highlighted> par carte bancaire avec Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Payez en plusieurs fois</highlighted> ou plus tard par carte bancaire avec Alma.",
   	"eligibility-modal.total": "Total",
   	"installments.today": "Aujourd'hui",
   	"payment-plan-strings.day-abbreviation": "J{numberOfDeferredDays}",
@@ -6381,7 +6385,8 @@
   	"eligibility-modal.credit-cost": "Di cui commissioni",
   	"eligibility-modal.credit-cost-amount": "{creditCost} (TAEG {TAEG})",
   	"eligibility-modal.no-eligibility": "Ops, sembra che la simulazione non abbia funzionato.",
-  	"eligibility-modal.title": "<highlighted>Paga a rate</highlighted> e posticipa il pagamento con Alma, senza interessi.",
+  	"eligibility-modal.title": "<highlighted>Paga a rate</highlighted> con carta di credito con Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Paga a rate</highlighted> e posticipa il pagamento con Alma, senza interessi.",
   	"eligibility-modal.total": "Totale",
   	"installments.today": "Oggi",
   	"payment-plan-strings.day-abbreviation": "G{numberOfDeferredDays}",
@@ -6403,7 +6408,8 @@
   	"eligibility-modal.credit-cost": "Waarvan kosten van krediet",
   	"eligibility-modal.credit-cost-amount": "{creditCost} (APR {TAEG})",
   	"eligibility-modal.no-eligibility": "Oeps, het lijkt erop dat de simulatie niet werkte.",
-  	"eligibility-modal.title": "<highlighted>Betaal in termijnen</highlighted> of later per credit card met Alma.",
+  	"eligibility-modal.title": "<highlighted>Betaal in termijnen</highlighted> met kredietkaart bij Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Betaal in termijnen</highlighted> of later per credit card met Alma.",
   	"eligibility-modal.total": "Totaal",
   	"installments.today": "Tegenwoordig",
   	"payment-plan-strings.day-abbreviation": "J{numberOfDeferredDays}",
@@ -16774,7 +16780,8 @@
     closeButton: prefix + '-close-button',
     scheduleDetails: prefix + '-schedule-details',
     scheduleTotal: prefix + '-schedule-total',
-    scheduleCredit: prefix + '-schedule-credit'
+    scheduleCredit: prefix + '-schedule-credit',
+    summary: prefix + '-summary'
   };
 
   var _excluded = ["children", "isOpen", "onClose", "className", "contentClassName", "scrollable"];
@@ -18316,7 +18323,7 @@
     }));
   };
 
-  var s$3 = {"schedule":"_MPKjS","scheduleLine":"_1A7Qv","total":"_14Ejo","creditCost":"_1ZIgu","creditMessage":"_1BUr8"};
+  var s$3 = {"schedule":"_MPKjS","scheduleLine":"_1A7Qv","total":"_14Ejo","summary":"_65ZpD","creditCost":"_1ZIgu","creditCostAmount":"_tUTZp","creditMessage":"_1BUr8"};
 
   var Schedule = function Schedule(_ref) {
     var currentPlan = _ref.currentPlan;
@@ -18326,9 +18333,29 @@
     var customerFees = priceFromCents(currentPlan ? currentPlan.customer_total_cost_amount : 0);
     var isCredit = currentPlan && currentPlan.installments_count > 4;
     var intl = useIntl();
-    return /*#__PURE__*/react.createElement("div", {
+    return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
       className: classnames(s$3.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
       "data-testid": "modal-installments-element"
+    }, ((currentPlan == null ? void 0 : currentPlan.payment_plan) || []).map(function (installment, index) {
+      return /*#__PURE__*/react.createElement("div", {
+        className: s$3.scheduleLine,
+        key: index
+      }, /*#__PURE__*/react.createElement("span", null, isToday(installment.due_date * 1000) ? /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+        id: "installments.today",
+        defaultMessage: "Aujourd'hui"
+      }) : /*#__PURE__*/react.createElement(FormattedDate, {
+        value: installment.due_date * 1000,
+        day: "numeric",
+        month: "long",
+        year: "numeric"
+      })), /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(FormattedNumber, {
+        value: priceFromCents(installment.total_amount),
+        style: "currency",
+        currency: "EUR"
+      })));
+    })), /*#__PURE__*/react.createElement("div", {
+      className: classnames(s$3.summary, STATIC_CUSTOMISATION_CLASSES.summary),
+      "data-testid": "modal-summary"
     }, /*#__PURE__*/react.createElement("div", {
       className: classnames(s$3.scheduleLine, s$3.total, STATIC_CUSTOMISATION_CLASSES.scheduleTotal)
     }, /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
@@ -18346,7 +18373,9 @@
     })) : /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.cost",
       defaultMessage: "Dont frais"
-    })), /*#__PURE__*/react.createElement("span", null, isCredit ? /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+    })), /*#__PURE__*/react.createElement("span", {
+      className: s$3.creditCostAmount
+    }, isCredit ? /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.credit-cost-amount",
       defaultMessage: "{creditCost} (TAEG {TAEG})",
       values: {
@@ -18363,29 +18392,12 @@
       value: customerFees,
       style: "currency",
       currency: "EUR"
-    }))), ((currentPlan == null ? void 0 : currentPlan.payment_plan) || []).map(function (installment, index) {
-      return /*#__PURE__*/react.createElement("div", {
-        className: s$3.scheduleLine,
-        key: index
-      }, /*#__PURE__*/react.createElement("span", null, isToday(installment.due_date * 1000) ? /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
-        id: "installments.today",
-        defaultMessage: "Aujourd'hui"
-      }) : /*#__PURE__*/react.createElement(FormattedDate, {
-        value: installment.due_date * 1000,
-        day: "numeric",
-        month: "long",
-        year: "numeric"
-      })), /*#__PURE__*/react.createElement("span", null, /*#__PURE__*/react.createElement(FormattedNumber, {
-        value: priceFromCents(installment.total_amount),
-        style: "currency",
-        currency: "EUR"
-      })));
-    }), isCredit && /*#__PURE__*/react.createElement("p", {
+    }))), isCredit && /*#__PURE__*/react.createElement("p", {
       className: s$3.creditMessage
     }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.credit-commitment",
       defaultMessage: "Un cr\xE9dit vous engage et doit \xEAtre rembours\xE9. V\xE9rifiez vos capacit\xE9s de remboursement\n              avant de vous engager."
-    })));
+    }))));
   };
 
   var s$4 = {"list":"_180ro","listItem":"_1HqCO","bullet":"_3B8wx"};
@@ -18484,31 +18496,43 @@
 
   var s$6 = {"title":"_3ERx-"};
 
-  var Title = function Title() {
+  var Title = function Title(_ref) {
+    var isSomePlanDeferred = _ref.isSomePlanDeferred;
     return /*#__PURE__*/react.createElement("div", {
       className: classnames(s$6.title, STATIC_CUSTOMISATION_CLASSES.title),
       "data-testid": "modal-title-element"
-    }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
-      id: "eligibility-modal.title",
+    }, isSomePlanDeferred ? /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+      id: 'eligibility-modal.title-deferred',
       defaultMessage: "<highlighted>Payez en plusieurs fois</highlighted> ou plus tard par carte bancaire avec Alma.",
       values: {
         highlighted: function highlighted() {
           return /*#__PURE__*/react.createElement("span", null, [].slice.call(arguments));
         }
       }
+    }) : /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+      id: 'eligibility-modal.title',
+      defaultMessage: "<highlighted>Payez en plusieurs fois</highlighted> par carte bancaire avec Alma.",
+      values: {
+        highlighted: function highlighted() {
+          return /*#__PURE__*/react.createElement("span", null, [].slice.call(arguments));
+        }
+      }
     }));
   };
 
   var s$7 = {"container":"_21g6u","block":"_3zaP5","left":"_2SBRC"};
 
   var DesktopModal = function DesktopModal(_ref) {
-    var children = _ref.children;
+    var children = _ref.children,
+        isSomePlanDeferred = _ref.isSomePlanDeferred;
     return /*#__PURE__*/react.createElement("div", {
       className: s$7.container,
       "data-testid": "modal-container"
     }, /*#__PURE__*/react.createElement("div", {
       className: classnames([s$7.block, s$7.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
-    }, /*#__PURE__*/react.createElement(Title, null), /*#__PURE__*/react.createElement(Info, null), /*#__PURE__*/react.createElement(Logo, null)), /*#__PURE__*/react.createElement("div", {
+    }, /*#__PURE__*/react.createElement(Title, {
+      isSomePlanDeferred: isSomePlanDeferred
+    }), /*#__PURE__*/react.createElement(Info, null), /*#__PURE__*/react.createElement(Logo, null)), /*#__PURE__*/react.createElement("div", {
       className: classnames(s$7.block, STATIC_CUSTOMISATION_CLASSES.rightSide)
     }, children));
   };
@@ -18518,11 +18542,14 @@
   var s$9 = {"container":"_2G7Ch"};
 
   var MobileModal = function MobileModal(_ref) {
-    var children = _ref.children;
+    var children = _ref.children,
+        isSomePlanDeferred = _ref.isSomePlanDeferred;
     return /*#__PURE__*/react.createElement("div", {
       className: s$9.container,
       "data-testid": "modal-container"
-    }, /*#__PURE__*/react.createElement(Title, null), children, /*#__PURE__*/react.createElement(Info, null), /*#__PURE__*/react.createElement(Logo, null));
+    }, /*#__PURE__*/react.createElement(Title, {
+      isSomePlanDeferred: isSomePlanDeferred
+    }), children, /*#__PURE__*/react.createElement(Info, null), /*#__PURE__*/react.createElement(Logo, null));
   };
 
   var EligibilityModal = function EligibilityModal(_ref) {
@@ -18543,25 +18570,23 @@
       return plan.eligible;
     });
     var currentPlan = eligiblePlans[currentPlanIndex];
-    var modalProps = {
-      eligibilityPlans: eligiblePlans,
-      currentPlanIndex: currentPlanIndex,
-      setCurrentPlanIndex: setCurrentPlanIndex,
-      currentPlan: currentPlan,
-      status: status
-    };
+    var isSomePlanDeferred = eligibilityPlans.some(function (plan) {
+      return plan.deferred_days > 0 || plan.deferred_months > 0;
+    });
     return /*#__PURE__*/react.createElement(ControlledModal, {
       onClose: onClose,
       ariaHideApp: false,
       scrollable: true,
       isOpen: true
-    }, /*#__PURE__*/react.createElement(ModalComponent, Object.assign({}, modalProps), status === apiStatus.PENDING && /*#__PURE__*/react.createElement("div", {
+    }, /*#__PURE__*/react.createElement(ModalComponent, {
+      isSomePlanDeferred: isSomePlanDeferred
+    }, status === apiStatus.PENDING && /*#__PURE__*/react.createElement("div", {
       className: s$8.loader
     }, /*#__PURE__*/react.createElement(LoadingIndicator, null)), status === apiStatus.SUCCESS && eligiblePlans.length === 0 && /*#__PURE__*/react.createElement("div", {
       className: s$8.noEligibility
     }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.no-eligibility",
-      defaultMessage: "Oups, il semblerait que la simulation n'aie pas fonctionn\xE9."
+      defaultMessage: "Oups, il semblerait que la simulation n'ait pas fonctionn\xE9."
     })), status === apiStatus.SUCCESS && eligiblePlans.length >= 1 && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(EligibilityPlansButtons, {
       eligibilityPlans: eligiblePlans,
       currentPlanIndex: currentPlanIndex,