@alma/widgets 3.3.12 → 3.4.0

package/dist/raw/widgets-wc.umd.js

@@ -5764,7 +5764,9 @@
 
   var messagesDE = {
   	"credit-features.credit-cost-display": "{creditCost} (APR {taegPercentage})",
-  	"credit-features.information": "Ein Kredit verpflichtet Sie und muss zurückgezahlt werden. Prüfen Sie Ihre Rückzahlungsfähigkeit, bevor Sie sich verpflichten.",
+  	"credit-features.information": "Überprüfen Sie Ihre Rückzahlungsmöglichkeiten, bevor Sie eine Verpflichtung eingehen.",
+  	"credit-features.information.title": "Ein Kredit verpflichtet Sie und muss zurückgezahlt werden.",
+  	"credit-features.legal-text": "Kredit in Höhe von {totalWithoutFirstInstallment} zu einem festen Sollzinssatz von {taegPercentage} über eine Laufzeit von {installmeentsCountWithoutFirst} Monaten. Ermöglicht, zusätzlich zu einer Anzahlung von {firstInstallmentAmount}, die Finanzierung eines Kaufs in Höhe von {productPriceWithoutCreditCost}. Vorbehaltlich der Prüfung und Annahme durch Alma. Gesetzliche Widerrufsfrist von 14 Tagen. Simulation präsentiert von Alma, eingetragen im RCS Nanterre unter der Nummer 839 100 575, Zahlungsinstitut und Finanzierungsgesellschaft, zugelassen von der ACPR unter der Nummer 17408 (IPC-Nummer / Bankcode).",
   	"credit-features.total-credit-cost": "Davon Kreditkosten",
   	"eligibility-modal.bullet-1": "Wählen Sie <strong>Alma</strong> beim Check-out. ",
   	"eligibility-modal.bullet-2": "Lassen Sie sich führen und bestätigen Sie Ihre Zahlung in <strong>2 Minuten.</strong>",
@@ -5779,6 +5781,7 @@
   	"installments.today": "Heute",
   	"installments.total-amount": "Gesamtsumme",
   	"installments.total-fees": "Davon Kosten",
+  	"payment-plan-strings.credit": "Klicken Sie, um mehr zu erfahren",
   	"payment-plan-strings.day-abbreviation": "T{deferredDays}",
   	"payment-plan-strings.default-message": "Bezahlen Sie zinsfrei in mehreren Raten mit Alma.",
   	"payment-plan-strings.deferred": "{totalAmount} zu zahlen am {dueDate}",
@@ -5794,7 +5797,9 @@
 
   var messagesEN = {
   	"credit-features.credit-cost-display": "{creditCost} (APR {taegPercentage})",
-  	"credit-features.information": "A loan commits you and must be repaid. Check your ability to repay before committing yourself.",
+  	"credit-features.information": "Check your repayment capacity before committing yourself.",
+  	"credit-features.information.title": "Credit is a commitment and must be repaid.",
+  	"credit-features.legal-text": "Loan of {totalWithoutFirstInstallment} at a fixed interest rate of {taegPercentage} over a period of {installmeentsCountWithoutFirst} months. In addition to a down payment of {firstInstallmentAmount}, this loan can be used to finance a purchase of {productPriceWithoutCreditCost}. Subject to review and acceptance by Alma. Legal cooling-off period of 14 days. Simulation presented by Alma, registered with the RCS Nanterre under number 839 100 575, payment and finance company approved by the ACPR under number 17408 (CIB number / Bank code).",
   	"credit-features.total-credit-cost": "Of which cost of credit",
   	"eligibility-modal.bullet-1": "Choose <strong>Alma</strong> at checkout.",
   	"eligibility-modal.bullet-2": "Let us guide you and validate your payment in <strong>2 minutes.</strong>",
@@ -5809,6 +5814,7 @@
   	"installments.today": "Today",
   	"installments.total-amount": "Total",
   	"installments.total-fees": "Of which costs (incl. VAT)",
+  	"payment-plan-strings.credit": "Click to find out more",
   	"payment-plan-strings.day-abbreviation": "D{deferredDays}",
   	"payment-plan-strings.default-message": "Pay in installments with Alma",
   	"payment-plan-strings.deferred": "{totalAmount} to pay the {dueDate}",
@@ -5824,7 +5830,9 @@
 
   var messagesES = {
   	"credit-features.credit-cost-display": "{creditCost} (TAE {taegPercentage})",
-  	"credit-features.information": "Un préstamo te compromete y debe ser devuelto. Comprueba tu capacidad financiera antes de comprometerte.",
+  	"credit-features.information": "Compruebe tu capacidad de reembolso antes de comprometerte.",
+  	"credit-features.information.title": "El crédito y/o pago a plazos es un compromiso y debe devolverse.",
+  	"credit-features.legal-text": "{totalWithoutFirstInstallment} {taegPercentage} {installmeentsCountWithoutFirst} Préstamo de a un tipo deudor fijo de a lo largo de un periodo de meses. {firstInstallmentAmount} {productPriceWithoutCreditCost}Además de un depósito de , esto le permitirá financiar una compra de . Sujeto a revisión y aceptación por parte de Alma. Plazo legal de retractación de 14 días. Simulación presentada por Alma, inscrita en el Registro Mercantil de Nanterre con el número 839 100 575, sociedad de pago y financiación autorizada por la ACPR con el número 17408 (número CIB / código bancario).",
   	"credit-features.total-credit-cost": "Coste de crédito (incl. en el total)",
   	"eligibility-modal.bullet-1": "Elige <strong>Alma</strong> como método de pago.",
   	"eligibility-modal.bullet-2": "Déjate guiar y válida tu pago en <strong>2 minutos.</strong>",
@@ -5839,6 +5847,7 @@
   	"installments.today": "Hoy",
   	"installments.total-amount": "Total",
   	"installments.total-fees": "De los cuales, costes (IVA incluido)",
+  	"payment-plan-strings.credit": "Haz click para más información",
   	"payment-plan-strings.day-abbreviation": "D{deferredDays}",
   	"payment-plan-strings.default-message": "Pagar a plazos con Alma",
   	"payment-plan-strings.deferred": "{totalAmount} a pagar el {dueDate}",
@@ -5854,7 +5863,9 @@
 
   var messagesFR = {
   	"credit-features.credit-cost-display": "{creditCost} (TAEG {taegPercentage})",
-  	"credit-features.information": "Un crédit vous engage et doit être remboursé. Vérifiez vos capacités de remboursement avant de vous engager.",
+  	"credit-features.information": "Vérifiez vos capacités de remboursement avant de vous engager.",
+  	"credit-features.information.title": "Un crédit vous engage et doit être remboursé.",
+  	"credit-features.legal-text": "Crédit d'un montant de {totalWithoutFirstInstallment} au taux débiteur fixe de {taegPercentage} sur une durée de {installmeentsCountWithoutFirst} mois. Permettant, en complément d'un acompte de {firstInstallmentAmount}, de financer un achat d'un montant de {productPriceWithoutCreditCost}. Sous réserve d'étude et d'acceptation par Alma. Délai légal de rétractation de 14 jours. Simulation présentée par Alma, immatriculée au RCS Nanterre sous le numéro 839 100 575, établissement de paiement et société de financement agréée par l’ACPR sous le n° 17408 (numéro CIB / Code banque).",
   	"credit-features.total-credit-cost": "Dont coût du crédit",
   	"eligibility-modal.bullet-1": "Choisissez <strong>Alma</strong> au moment du paiement.",
   	"eligibility-modal.bullet-2": "Laissez-vous guider et validez votre paiement en <strong>2 minutes.</strong>",
@@ -5869,6 +5880,7 @@
   	"installments.today": "Aujourd'hui",
   	"installments.total-amount": "Total",
   	"installments.total-fees": "Dont frais (TTC)",
+  	"payment-plan-strings.credit": "Cliquez pour en savoir plus",
   	"payment-plan-strings.day-abbreviation": "J{deferredDays}",
   	"payment-plan-strings.default-message": "Payez en plusieurs fois avec Alma",
   	"payment-plan-strings.deferred": "{totalAmount} à payer le {dueDate}",
@@ -5884,7 +5896,9 @@
 
   var messagesIT = {
   	"credit-features.credit-cost-display": "{creditCost} (TAEG {taegPercentage})",
-  	"credit-features.information": "Un pagamento rateale ti impegna e deve essere ripagato. Verifica la tua disponibilità finanziaria prima di impegnarti.",
+  	"credit-features.information": "Verificate la vostra capacità di rimborso prima di prendere un impegno.",
+  	"credit-features.information.title": "Il credito è un impegno e deve essere ripagato.",
+  	"credit-features.legal-text": "{totalWithoutFirstInstallment} {taegPercentage} {installmeentsCountWithoutFirst} Prestito a tasso fisso per un periodo di mesi. {firstInstallmentAmount} {productPriceWithoutCreditCost}Oltre a un deposito di , questo vi permetterà di finanziare un acquisto di . Soggetto a revisione e accettazione da parte di Alma. Periodo di recesso legale di 14 giorni. Simulazione presentata da Alma, iscritta al Registro del Commercio e delle Imprese di Nanterre con il numero 839 100 575, società di pagamento e di finanziamento approvata dall'ACPR con il numero 17408 (numero CIB / codice bancario).",
   	"credit-features.total-credit-cost": "Di cui commissioni",
   	"eligibility-modal.bullet-1": "Seleziona <strong>Alma</strong> come metodo di pagamento.",
   	"eligibility-modal.bullet-2": "Segui le istruzioni e completa l'acquisto <strong>in meno di 2 minuti.</strong>",
@@ -5899,6 +5913,7 @@
   	"installments.today": "Oggi",
   	"installments.total-amount": "Totale",
   	"installments.total-fees": "Di cui commissioni",
+  	"payment-plan-strings.credit": "Clicca qui per saperne di più",
   	"payment-plan-strings.day-abbreviation": "G{deferredDays}",
   	"payment-plan-strings.default-message": "Paga a rate con Alma, senza registrazione.",
   	"payment-plan-strings.deferred": "{totalAmount} da pagare il {dueDate}",
@@ -5914,7 +5929,9 @@
 
   var messagesNL = {
   	"credit-features.credit-cost-display": "{creditCost} (gemiddeld rente percentage {taegPercentage})",
-  	"credit-features.information": "Een lening is bindend en moet worden terugbetaald. Ga na of je het kunt terugbetalen voordat je jezelf vastlegt.",
+  	"credit-features.information": "Controleer uw terugbetalingscapaciteit voordat u een toezegging doet.",
+  	"credit-features.information.title": "Krediet is een verplichting en moet worden terugbetaald.",
+  	"credit-features.legal-text": "{totalWithoutFirstInstallment} {taegPercentage} {installmeentsCountWithoutFirst} Lening van tegen een vaste rentevoet van over een periode van maanden. {firstInstallmentAmount} {productPriceWithoutCreditCost}Naast een aanbetaling van , kun je hiermee een aankoop financieren van . Onder voorbehoud van beoordeling en aanvaarding door Alma. Wettelijke herroepingstermijn van 14 dagen. Simulatie aangeboden door Alma, ingeschreven in het handels- en bedrijvenregister van Nanterre onder nummer 839 100 575, betalings- en financieringsmaatschappij erkend door de ACPR onder nummer 17408 (CIB-nummer / bankcode).",
   	"credit-features.total-credit-cost": "Waarvan kredietkosten",
   	"eligibility-modal.bullet-1": "Kies <strong>Alma</strong> bij het afrekenen om de eerste termijnbetaling te voldoen. Dit kan gemakkelijk via jouw favoriete betaalmethode.",
   	"eligibility-modal.bullet-2": "Betaal gemakkelijk <strong>binnen 1 minuut </strong>. Je hebt hier geen account voor nodig.",
@@ -5929,6 +5946,7 @@
   	"installments.today": "Vandaag",
   	"installments.total-amount": "Totaal",
   	"installments.total-fees": "Waarvan kosten (incl. BTW)",
+  	"payment-plan-strings.credit": "Klik hier voor meer informatie",
   	"payment-plan-strings.day-abbreviation": "D{deferredDays}",
   	"payment-plan-strings.default-message": "Betaal in termijnen bij Alma - helemaal rentevrij",
   	"payment-plan-strings.deferred": "{totalAmount} te betalen op {dueDate}",
@@ -5944,7 +5962,9 @@
 
   var messagesPT = {
   	"credit-features.credit-cost-display": "{creditCost} (TAEG {taegPercentage})",
-  	"credit-features.information": "Um crédito é um compromisso e deve ser reembolsado. Verifique a sua capacidade de pagar antes de se comprometer.",
+  	"credit-features.information": "Verifique a sua capacidade de reembolso antes de assumir um compromisso.",
+  	"credit-features.information.title": "O crédito é um compromisso e deve ser reembolsado.",
+  	"credit-features.legal-text": "{totalWithoutFirstInstallment} {taegPercentage} {installmeentsCountWithoutFirst} Empréstimo de a uma taxa de juro fixa de durante um período de meses. {firstInstallmentAmount} {productPriceWithoutCreditCost}Para além de um depósito de , isto permitir-lhe-á financiar uma compra de . Sujeito a análise e aceitação pela Alma. Prazo legal de retratação de 14 dias. Simulação apresentada pela Alma, inscrita na Conservatória do Registo Comercial e das Sociedades de Nanterre sob o número 839 100 575, sociedade de pagamento e de financiamento aprovada pela ACPR sob o número 17408 (número CIB / código bancário).",
   	"credit-features.total-credit-cost": "Incluindo comissões de crédito",
   	"eligibility-modal.bullet-1": "Seleccionar <strong>Alma - Pay Now</strong> no final da compra.",
   	"eligibility-modal.bullet-2": "Siga as instruções e valide o seu pagamento em <strong>2 minutos.</strong>",
@@ -5959,6 +5979,7 @@
   	"installments.today": "Hoje",
   	"installments.total-amount": "Total",
   	"installments.total-fees": "Das quais comissões (incl. IVA)",
+  	"payment-plan-strings.credit": "Clique aqui para saber mais",
   	"payment-plan-strings.day-abbreviation": "D{deferredDays}",
   	"payment-plan-strings.default-message": "Pagamento em prestações com a Alma",
   	"payment-plan-strings.deferred": "{totalAmount} a pagar em {dueDate}",
@@ -12864,7 +12885,7 @@
             shipping_address: shipping_address
           }, {
             Authorization: "Alma-Merchant-Auth " + merchantId,
-            'X-Alma-Agent': "Alma Widget/" + "v3.3.12"
+            'X-Alma-Agent': "Alma Widget/" + "v3.4.0"
           }).then(function (res) {
             setCache(key, res);
             setEligibility(res);
@@ -12938,7 +12959,7 @@
     })();
   });
 
-  var s = {"container":"_GTTk7","total":"_34s2g","fees":"_W7qIA","creditCost":"_24KmE"};
+  var s = {"container":"_GTTk7","total":"_34s2g","creditInfo":"_15KNd","creditInfoTitle":"_3T0mA","fees":"_W7qIA","creditCost":"_24KmE","creditInfoLegalText":"_2e3lw"};
 
   /**
    * Prefix classes to avoid name collisions.
@@ -12968,6 +12989,7 @@
   };
 
   var TotalBlock = function TotalBlock(_ref) {
+    var _currentPlan$payment_, _currentPlan$payment_2, _currentPlan$payment_3, _currentPlan$payment_4;
     var currentPlan = _ref.currentPlan;
     var intl = useIntl();
     var total = priceFromCents(currentPlan.purchase_amount + currentPlan.customer_total_cost_amount);
@@ -12975,7 +12997,20 @@
     var TAEG = (currentPlan == null ? void 0 : currentPlan.annual_interest_rate) && currentPlan.annual_interest_rate / 10000 || 0;
     var customerFees = priceFromCents(currentPlan.customer_total_cost_amount);
     var isCredit = currentPlan.installments_count > 4;
-    return /*#__PURE__*/react.createElement("div", {
+    var firstInstallmentAmount = priceFromCents((_currentPlan$payment_ = (_currentPlan$payment_2 = currentPlan.payment_plan) == null || (_currentPlan$payment_2 = _currentPlan$payment_2[0]) == null ? void 0 : _currentPlan$payment_2.total_amount) != null ? _currentPlan$payment_ : 0);
+    // For totalWithoutFirstInstallment, we need to get the total price and add the credit cost, before removing the first installment, to get the rest of the amount to pay.
+    var totalWithoutFirstInstallment = priceFromCents(currentPlan.purchase_amount + currentPlan.customer_total_cost_amount - ((_currentPlan$payment_3 = (_currentPlan$payment_4 = currentPlan.payment_plan) == null || (_currentPlan$payment_4 = _currentPlan$payment_4[0]) == null ? void 0 : _currentPlan$payment_4.total_amount) != null ? _currentPlan$payment_3 : 0));
+    return /*#__PURE__*/react.createElement(react.Fragment, null, isCredit && ( /*#__PURE__*/react.createElement("div", {
+      className: s.creditInfo
+    }, /*#__PURE__*/react.createElement("span", {
+      className: s.creditInfoTitle
+    }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+      id: "credit-features.information.title",
+      defaultMessage: "Un cr\xE9dit vous engage et doit \xEAtre rembours\xE9."
+    })), /*#__PURE__*/react.createElement("br", null), /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+      id: "credit-features.information",
+      defaultMessage: "V\xE9rifiez vos capacit\xE9s de remboursement avant de vous engager."
+    }))), /*#__PURE__*/react.createElement("div", {
       className: classnames(s.container, STATIC_CUSTOMISATION_CLASSES.summary),
       "data-testid": "modal-summary"
     }, /*#__PURE__*/react.createElement("div", {
@@ -13016,7 +13051,31 @@
       value: customerFees,
       style: "currency",
       currency: "EUR"
-    }))))));
+    }))))), isCredit && ( /*#__PURE__*/react.createElement("div", {
+      className: s.creditInfoLegalText
+    }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+      id: "credit-features.legal-text",
+      defaultMessage: "Cr\xE9dit d'un montant de {totalWithoutFirstInstallment} au taux d\xE9biteur fixe de {taegPercentage} sur une dur\xE9e de {installmeentsCountWithoutFirst} mois. Permettant, en compl\xE9ment d'un acompte de {firstInstallmentAmount}, de financer un achat d'un montant de {productPriceWithoutCreditCost}. Sous r\xE9serve d'\xE9tude et d'acceptation par Alma. D\xE9lai l\xE9gal de r\xE9tractation de 14 jours. Simulation pr\xE9sent\xE9e par Alma, immatricul\xE9e au RCS Nanterre sous le num\xE9ro 839 100 575, \xE9tablissement de paiement\xA0et soci\xE9t\xE9 de financement agr\xE9\xE9e par l\u2019ACPR sous le n\xB0 17408 (num\xE9ro CIB / Code banque).",
+      values: {
+        totalWithoutFirstInstallment: intl.formatNumber(totalWithoutFirstInstallment, {
+          style: 'currency',
+          currency: 'EUR'
+        }),
+        taegPercentage: intl.formatNumber(TAEG, {
+          style: 'percent',
+          maximumFractionDigits: 2
+        }),
+        installmeentsCountWithoutFirst: currentPlan.installments_count - 1,
+        firstInstallmentAmount: intl.formatNumber(firstInstallmentAmount, {
+          style: 'currency',
+          currency: 'EUR'
+        }),
+        productPriceWithoutCreditCost: intl.formatNumber(total - creditCost, {
+          style: 'currency',
+          currency: 'EUR'
+        })
+      }
+    })))));
   };
 
   var s$1 = {"loadingIndicator":"_31lrj","bounce":"_3NtDa"};
@@ -16912,6 +16971,8 @@
     return seconds * millisecondsInSecond;
   }
 
+  var s$3 = {"openModalInfo":"_bplXm"};
+
   var paymentPlanShorthandName = function paymentPlanShorthandName(payment) {
     var deferred_days = payment.deferred_days,
       deferred_months = payment.deferred_months,
@@ -17015,6 +17076,15 @@
       var areInstallmentsOfSameAmount = payment_plan == null ? void 0 : payment_plan.every(function (installment, index) {
         return index === 0 || installment.total_amount === payment_plan[0].total_amount;
       });
+      if (installmentsCount > 4) {
+        return /*#__PURE__*/react.createElement("span", {
+          className: s$3.openModalInfo
+        }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
+          id: "payment-plan-strings.credit",
+          defaultMessage: "Cliquez pour en savoir plus",
+          description: "Link to credit details"
+        }));
+      }
       if (isP1X(payment)) {
         return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
           id: "payment-plan-strings.pay-now",
@@ -17067,41 +17137,41 @@
     });
   };
 
-  var s$3 = {"buttons":"_1l2Oa","active":"_3rue7","textButton":"_2T78a"};
+  var s$4 = {"buttons":"_1l2Oa","active":"_3rue7","textButton":"_2T78a"};
 
   var EligibilityPlansButtons = function EligibilityPlansButtons(_ref) {
     var eligibilityPlans = _ref.eligibilityPlans,
       currentPlanIndex = _ref.currentPlanIndex,
       setCurrentPlanIndex = _ref.setCurrentPlanIndex;
     return /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$3.buttons, STATIC_CUSTOMISATION_CLASSES.eligibilityOptions)
+      className: classnames(s$4.buttons, STATIC_CUSTOMISATION_CLASSES.eligibilityOptions)
     }, eligibilityPlans.map(function (eligibilityPlan, index) {
       var _cx;
       return /*#__PURE__*/react.createElement("button", {
         key: index,
-        className: classnames((_cx = {}, _cx[classnames(s$3.active, STATIC_CUSTOMISATION_CLASSES.activeOption)] = index === currentPlanIndex, _cx)),
+        className: classnames((_cx = {}, _cx[classnames(s$4.active, STATIC_CUSTOMISATION_CLASSES.activeOption)] = index === currentPlanIndex, _cx)),
         onClick: function onClick() {
           return setCurrentPlanIndex(index);
         }
       }, /*#__PURE__*/react.createElement("span", {
-        className: s$3.textButton
+        className: s$4.textButton
       }, paymentPlanShorthandName(eligibilityPlan)));
     }));
   };
 
-  var s$4 = {"installment":"_z2Uiv","date":"_2lJQy","dot":"_1Z9wr","isCurrent":"_2Nmkl","bold":"_ezY-3"};
+  var s$5 = {"installment":"_z2Uiv","date":"_2lJQy","dot":"_1Z9wr","isCurrent":"_2Nmkl","bold":"_ezY-3"};
 
   var Installment = function Installment(_ref) {
     var _cx, _cx2;
     var installment = _ref.installment,
       index = _ref.index;
     return /*#__PURE__*/react.createElement("div", {
-      className: s$4.installment,
+      className: s$5.installment,
       "data-testid": "installment-" + index
     }, /*#__PURE__*/react.createElement("div", {
-      className: s$4.date
+      className: s$5.date
     }, /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$4.dot, (_cx = {}, _cx[s$4.isCurrent] = index === 0, _cx))
+      className: classnames(s$5.dot, (_cx = {}, _cx[s$5.isCurrent] = index === 0, _cx))
     }), isToday(installment.due_date * 1000) ? ( /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "installments.today",
       defaultMessage: "Aujourd'hui",
@@ -17112,7 +17182,7 @@
       month: "long",
       year: "numeric"
     }))), /*#__PURE__*/react.createElement("div", {
-      className: classnames((_cx2 = {}, _cx2[s$4.bold] = index === 0, _cx2))
+      className: classnames((_cx2 = {}, _cx2[s$5.bold] = index === 0, _cx2))
     }, /*#__PURE__*/react.createElement(FormattedNumber, {
       value: installment.total_amount / 100,
       style: "currency",
@@ -17120,13 +17190,12 @@
     })));
   };
 
-  var s$5 = {"schedule":"_MPKjS","creditInfo":"_3a7er"};
+  var s$6 = {"schedule":"_MPKjS"};
 
   var Schedule = function Schedule(_ref) {
     var currentPlan = _ref.currentPlan;
-    var isCredit = currentPlan.installments_count > 4;
     return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$5.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
+      className: classnames(s$6.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(Installment, {
@@ -17134,12 +17203,7 @@
         installment: installment,
         index: index
       });
-    }), isCredit && ( /*#__PURE__*/react.createElement("div", {
-      className: s$5.creditInfo
-    }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
-      id: "credit-features.information",
-      defaultMessage: "Un cr\xE9dit vous engage et doit \xEAtre rembours\xE9. V\xE9rifiez vos capacit\xE9s de remboursement avant de vous engager."
-    })))));
+    })));
   };
 
   var _excluded$1 = ["color"];
@@ -17312,7 +17376,7 @@
     }))));
   };
 
-  var s$6 = {"cardContainer":"_1N3yO"};
+  var s$7 = {"cardContainer":"_1N3yO"};
 
   var Cards = function Cards(_ref) {
     var cards = _ref.cards;
@@ -17320,17 +17384,17 @@
     var uniqueCards = Array.from(new Set(cards));
     return /*#__PURE__*/react.createElement("div", {
       "data-testid": "card-logos",
-      className: classnames(s$6.cardContainer, STATIC_CUSTOMISATION_CLASSES.cardContainer)
+      className: classnames(s$7.cardContainer, STATIC_CUSTOMISATION_CLASSES.cardContainer)
     }, uniqueCards.map(function (card) {
       return /*#__PURE__*/react.createElement("div", {
         key: card,
-        className: s$6.card,
+        className: s$7.card,
         "data-testid": "card-logo-" + card
       }, card === 'cb' && /*#__PURE__*/react.createElement(CbCard, null), card === 'amex' && /*#__PURE__*/react.createElement(AmexCard, null), card === 'mastercard' && /*#__PURE__*/react.createElement(MasterCard, null), card === 'visa' && /*#__PURE__*/react.createElement(VisaCard, null));
     }));
   };
 
-  var s$7 = {"list":"_180ro","listItem":"_1HqCO","bullet":"_3B8wx"};
+  var s$8 = {"list":"_180ro","listItem":"_1HqCO","bullet":"_3B8wx"};
 
   var Info = function Info(_ref) {
     var isCurrentPlanP1X = _ref.isCurrentPlanP1X;
@@ -17338,12 +17402,12 @@
       /*#__PURE__*/
       // TODO: refactor this component into subcomponent to factorise code and be cleaner
       react.createElement("div", {
-        className: classnames(s$7.list, STATIC_CUSTOMISATION_CLASSES.info),
+        className: classnames(s$8.list, STATIC_CUSTOMISATION_CLASSES.info),
         "data-testid": "modal-info-element"
       }, /*#__PURE__*/react.createElement("div", {
-        className: s$7.listItem
+        className: s$8.listItem
       }, /*#__PURE__*/react.createElement("div", {
-        className: classnames(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
+        className: classnames(s$8.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
       }, "1"), /*#__PURE__*/react.createElement("div", {
         className: STATIC_CUSTOMISATION_CLASSES.infoMessage
       }, isCurrentPlanP1X ? ( /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
@@ -17363,9 +17427,9 @@
           }
         }
       })))), /*#__PURE__*/react.createElement("div", {
-        className: s$7.listItem
+        className: s$8.listItem
       }, /*#__PURE__*/react.createElement("div", {
-        className: classnames(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
+        className: classnames(s$8.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
       }, "2"), /*#__PURE__*/react.createElement("div", {
         className: STATIC_CUSTOMISATION_CLASSES.infoMessage
       }, isCurrentPlanP1X ? ( /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
@@ -17385,9 +17449,9 @@
           }
         }
       })))), /*#__PURE__*/react.createElement("div", {
-        className: s$7.listItem
+        className: s$8.listItem
       }, /*#__PURE__*/react.createElement("div", {
-        className: classnames(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
+        className: classnames(s$8.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
       }, "3"), /*#__PURE__*/react.createElement("div", {
         className: STATIC_CUSTOMISATION_CLASSES.infoMessage
       }, isCurrentPlanP1X ? ( /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
@@ -17410,13 +17474,13 @@
     );
   };
 
-  var s$8 = {"title":"_3ERx-"};
+  var s$9 = {"title":"_3ERx-"};
 
   var Title = function Title(_ref) {
     var isSomePlanDeferred = _ref.isSomePlanDeferred,
       isCurrentPlanP1X = _ref.isCurrentPlanP1X;
     return /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$8.title, STATIC_CUSTOMISATION_CLASSES.title),
+      className: classnames(s$9.title, STATIC_CUSTOMISATION_CLASSES.title),
       "data-testid": "modal-title-element"
     }, isSomePlanDeferred ? ( /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.title-deferred-plan",
@@ -17430,7 +17494,7 @@
     })));
   };
 
-  var s$9 = {"container":"_21g6u","block":"_3zaP5","left":"_2SBRC","logo":"_xW3wt"};
+  var s$a = {"container":"_21g6u","block":"_3zaP5","left":"_2SBRC","logo":"_xW3wt"};
 
   var DesktopModal = function DesktopModal(_ref) {
     var children = _ref.children,
@@ -17438,10 +17502,10 @@
       cards = _ref.cards,
       isCurrentPlanP1X = _ref.isCurrentPlanP1X;
     return /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$9.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
+      className: classnames(s$a.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
       "data-testid": "modal-container"
     }, /*#__PURE__*/react.createElement("aside", {
-      className: classnames([s$9.block, s$9.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
+      className: classnames([s$a.block, s$a.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
     }, /*#__PURE__*/react.createElement(Title, {
       isSomePlanDeferred: isSomePlanDeferred,
       isCurrentPlanP1X: isCurrentPlanP1X
@@ -17450,16 +17514,16 @@
     }), cards && /*#__PURE__*/react.createElement(Cards, {
       cards: cards
     }), /*#__PURE__*/react.createElement(AlmaLogo, {
-      className: s$9.logo,
+      className: s$a.logo,
       width: "75"
     })), /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$9.block, STATIC_CUSTOMISATION_CLASSES.rightSide)
+      className: classnames(s$a.block, STATIC_CUSTOMISATION_CLASSES.rightSide)
     }, children));
   };
 
-  var s$a = {"noEligibility":"_17qNJ","loader":"_2oTJq","scheduleArea":"_2u9rj","verticalLine":"_VRdAU"};
+  var s$b = {"noEligibility":"_17qNJ","loader":"_2oTJq","scheduleArea":"_2u9rj","verticalLine":"_VRdAU"};
 
-  var s$b = {"container":"_2G7Ch","logo":"_2779r"};
+  var s$c = {"container":"_2G7Ch","logo":"_2779r"};
 
   var MobileModal = function MobileModal(_ref) {
     var children = _ref.children,
@@ -17467,7 +17531,7 @@
       cards = _ref.cards,
       isCurrentPlanP1X = _ref.isCurrentPlanP1X;
     return /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$b.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
+      className: classnames(s$c.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
       "data-testid": "modal-container"
     }, /*#__PURE__*/react.createElement(Title, {
       isSomePlanDeferred: isSomePlanDeferred,
@@ -17477,7 +17541,7 @@
     }), cards && /*#__PURE__*/react.createElement(Cards, {
       cards: cards
     }), /*#__PURE__*/react.createElement(AlmaLogo, {
-      className: s$b.logo,
+      className: s$c.logo,
       width: "75"
     }));
   };
@@ -17512,9 +17576,9 @@
       cards: cards,
       isCurrentPlanP1X: isP1X(currentPlan)
     }, status === statusResponse.PENDING && ( /*#__PURE__*/react.createElement("div", {
-      className: s$a.loader
+      className: s$b.loader
     }, /*#__PURE__*/react.createElement(LoadingIndicator, null))), status === statusResponse.SUCCESS && eligiblePlans.length === 0 && ( /*#__PURE__*/react.createElement("div", {
-      className: s$a.noEligibility
+      className: s$b.noEligibility
     }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.no-eligibility",
       defaultMessage: "Oups, il semblerait que la simulation n'ait pas fonctionn\xE9."
@@ -17523,9 +17587,9 @@
       currentPlanIndex: currentPlanIndex,
       setCurrentPlanIndex: setCurrentPlanIndex
     }), /*#__PURE__*/react.createElement("div", {
-      className: s$a.scheduleArea
+      className: s$b.scheduleArea
     }, /*#__PURE__*/react.createElement("div", {
-      className: s$a.verticalLine
+      className: s$b.verticalLine
     }), /*#__PURE__*/react.createElement(Schedule, {
       currentPlan: currentPlan
     }), /*#__PURE__*/react.createElement(TotalBlock, {
@@ -17556,17 +17620,17 @@
     });
   };
 
-  var s$c = {"loadingIndicator":"_2SwwZ","line1":"_2qODo","line2":"_2YO01"};
+  var s$d = {"loadingIndicator":"_2SwwZ","line1":"_2qODo","line2":"_2YO01"};
 
   var Loader = function Loader(_ref) {
     var className = _ref.className;
     return /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$c.loadingIndicator, className),
+      className: classnames(s$d.loadingIndicator, className),
       "data-testid": "loader"
     }, /*#__PURE__*/react.createElement("div", {
-      className: s$c.line1
+      className: s$d.line1
     }), /*#__PURE__*/react.createElement("div", {
-      className: s$c.line2
+      className: s$d.line2
     }));
   };
 
@@ -17658,7 +17722,7 @@
     activeOption: prefix$1 + '-active-option'
   };
 
-  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"};
+  var s$e = {"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"};
 
   var VERY_LONG_TIME_IN_MS = 1000 * 3600;
   var DEFAULT_TRANSITION_TIME = 5500;
@@ -17742,7 +17806,7 @@
     };
     if (status === statusResponse.PENDING) {
       return /*#__PURE__*/react.createElement("div", {
-        className: classnames(s$d.widgetButton, s$d.pending)
+        className: classnames(s$e.widgetButton, s$e.pending)
       }, /*#__PURE__*/react.createElement(Loader, null));
     }
     if (hideIfNotEligible && eligiblePlans.length === 0 || eligibilityPlans.length === 0 || status === statusResponse.FAILED) {
@@ -17756,15 +17820,15 @@
     };
     return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
       onClick: handleOpenModal,
-      className: classnames(s$d.widgetButton, (_cx = {}, _cx[s$d.clickable] = eligiblePlans.length > 0, _cx[s$d.unClickable] = eligiblePlans.length === 0, _cx[s$d.hideBorder] = hideBorder, _cx), STATIC_CUSTOMISATION_CLASSES$1.container),
+      className: classnames(s$e.widgetButton, (_cx = {}, _cx[s$e.clickable] = eligiblePlans.length > 0, _cx[s$e.unClickable] = eligiblePlans.length === 0, _cx[s$e.hideBorder] = hideBorder, _cx), STATIC_CUSTOMISATION_CLASSES$1.container),
       "data-testid": "widget-button"
     }, /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$d.primaryContainer, STATIC_CUSTOMISATION_CLASSES$1.eligibilityLine)
+      className: classnames(s$e.primaryContainer, STATIC_CUSTOMISATION_CLASSES$1.eligibilityLine)
     }, /*#__PURE__*/react.createElement(AlmaLogo, {
-      className: s$d.logo,
+      className: s$e.logo,
       color: monochrome ? 'var(--off-black)' : undefined
     }), /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$d.paymentPlans, STATIC_CUSTOMISATION_CLASSES$1.eligibilityOptions)
+      className: classnames(s$e.paymentPlans, STATIC_CUSTOMISATION_CLASSES$1.eligibilityOptions)
     }, eligibilityPlans.map(function (eligibilityPlan, key) {
       var _cx2;
       var isCurrent = key === current;
@@ -17778,10 +17842,10 @@
         },
         onMouseOut: onLeave,
         onTouchEnd: onLeave,
-        className: classnames(s$d.plan, (_cx2 = {}, _cx2[classnames(s$d.active, STATIC_CUSTOMISATION_CLASSES$1.activeOption)] = isCurrent, _cx2[s$d.monochrome] = monochrome && isCurrent, _cx2[classnames(s$d.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)] = !eligibilityPlan.eligible, _cx2))
+        className: classnames(s$e.plan, (_cx2 = {}, _cx2[classnames(s$e.active, STATIC_CUSTOMISATION_CLASSES$1.activeOption)] = isCurrent, _cx2[s$e.monochrome] = monochrome && isCurrent, _cx2[classnames(s$e.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)] = !eligibilityPlan.eligible, _cx2))
       }, paymentPlanShorthandName(eligibilityPlan));
     }))), /*#__PURE__*/react.createElement("div", {
-      className: classnames(s$d.info, (_cx3 = {}, _cx3[classnames(s$d.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)] = eligibilityPlans[current] && !eligibilityPlans[current].eligible, _cx3), STATIC_CUSTOMISATION_CLASSES$1.paymentInfo)
+      className: classnames(s$e.info, (_cx3 = {}, _cx3[classnames(s$e.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)] = eligibilityPlans[current] && !eligibilityPlans[current].eligible, _cx3), STATIC_CUSTOMISATION_CLASSES$1.paymentInfo)
     }, eligibilityPlans.length !== 0 && paymentPlanInfoText(eligibilityPlans[current]))), isOpen && ( /*#__PURE__*/react.createElement(EligibilityModal, {
       initialPlanIndex: getIndexWithinEligiblePlans(current),
       onClose: closeModal,

package/dist/raw/widgets.css

@@ -76,6 +76,21 @@
   font-size: 20px;
 }
 
+._15KNd {
+  margin: 4px 0;
+  font-family: 'Venn', sans-serif;
+  border-radius: 20px;
+  border: 1px solid var(--off-white);
+  padding: 16px;
+  z-index: 2;
+  position: relative;
+  font-size: 16px;
+}
+
+._3T0mA {
+  font-weight: var(--weight-bold);
+}
+
 ._W7qIA {
   display: flex;
   font-family: 'Venn', sans-serif;
@@ -90,6 +105,13 @@
   text-align: right;
 }
 
+._2e3lw {
+  font-size: 10px;
+  font-family: 'Venn', sans-serif;
+  margin-top: 8px;
+  font-weight: var(--weight-normal);
+}
+
 ._31lrj {
   display: flex;
   flex-direction: column;
@@ -195,6 +217,9 @@
   }
 }
 
+._bplXm {
+    text-decoration: underline;
+}
 ._1l2Oa {
   display: flex;
   flex-wrap: wrap;
@@ -273,7 +298,7 @@
 
   ._1Z9wr::after {
     border-left: 2px solid var(--off-white);
-    height: 85px;
+    height: 18px;
     margin-left: 4px;
     content: " ";
     position: absolute;
@@ -288,11 +313,6 @@
   font-family: 'Venn', sans-serif;
 }
 
-._3a7er {
-  font-size: 14px;
-  margin-left: 4px;
-}
-
 @media (min-width: 800px) {
   ._MPKjS {
     overflow-y: auto;