@alma/widgets 3.3.12 → 3.4.0

package/dist/raw/widgets.modern.js

@@ -1750,7 +1750,9 @@ if (!''.trim) String.prototype.trim = function () {
 
 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>",
@@ -1765,6 +1767,7 @@ var messagesDE = {
 	"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}",
@@ -1780,7 +1783,9 @@ var messagesDE = {
 
 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>",
@@ -1795,6 +1800,7 @@ var messagesEN = {
 	"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}",
@@ -1810,7 +1816,9 @@ var messagesEN = {
 
 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>",
@@ -1825,6 +1833,7 @@ var messagesES = {
 	"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}",
@@ -1840,7 +1849,9 @@ var messagesES = {
 
 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>",
@@ -1855,6 +1866,7 @@ var messagesFR = {
 	"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}",
@@ -1870,7 +1882,9 @@ var messagesFR = {
 
 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>",
@@ -1885,6 +1899,7 @@ var messagesIT = {
 	"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}",
@@ -1900,7 +1915,9 @@ var messagesIT = {
 
 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.",
@@ -1915,6 +1932,7 @@ var messagesNL = {
 	"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}",
@@ -1930,7 +1948,9 @@ var messagesNL = {
 
 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>",
@@ -1945,6 +1965,7 @@ var messagesPT = {
 	"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}",
@@ -2177,7 +2198,7 @@ const useFetchEligibility = (purchaseAmount, {
           shipping_address
         }, {
           Authorization: `Alma-Merchant-Auth ${merchantId}`,
-          'X-Alma-Agent': `Alma Widget/${"v3.3.12"}`
+          'X-Alma-Agent': `Alma Widget/${"v3.4.0"}`
         }).then(res => {
           setCache(key, res);
           setEligibility(res);
@@ -2191,7 +2212,7 @@ const useFetchEligibility = (purchaseAmount, {
   return [filterEligibility(eligibility, plans), status];
 };
 
-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.
@@ -2223,13 +2244,27 @@ const STATIC_CUSTOMISATION_CLASSES = {
 const TotalBlock = ({
   currentPlan
 }) => {
+  var _currentPlan$payment_, _currentPlan$payment_2, _currentPlan$payment_3, _currentPlan$payment_4;
   const intl = useIntl();
   const total = priceFromCents(currentPlan.purchase_amount + currentPlan.customer_total_cost_amount);
   const creditCost = priceFromCents(currentPlan.customer_total_cost_amount);
   const TAEG = (currentPlan == null ? void 0 : currentPlan.annual_interest_rate) && currentPlan.annual_interest_rate / 10000 || 0;
   const customerFees = priceFromCents(currentPlan.customer_total_cost_amount);
   const isCredit = currentPlan.installments_count > 4;
-  return /*#__PURE__*/React.createElement("div", {
+  const 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.
+  const 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(FormattedMessage, {
+    id: "credit-features.information.title",
+    defaultMessage: "Un cr\u00E9dit vous engage et doit \u00EAtre rembours\u00E9."
+  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "credit-features.information",
+    defaultMessage: "V\u00E9rifiez vos capacit\u00E9s de remboursement avant de vous engager."
+  }))), /*#__PURE__*/React.createElement("div", {
     className: cx(s.container, STATIC_CUSTOMISATION_CLASSES.summary),
     "data-testid": "modal-summary"
   }, /*#__PURE__*/React.createElement("div", {
@@ -2270,7 +2305,31 @@ const TotalBlock = ({
     value: customerFees,
     style: "currency",
     currency: "EUR"
-  }))))));
+  }))))), isCredit && ( /*#__PURE__*/React.createElement("div", {
+    className: s.creditInfoLegalText
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "credit-features.legal-text",
+    defaultMessage: "Cr\u00E9dit d'un montant de {totalWithoutFirstInstallment} au taux d\u00E9biteur fixe de {taegPercentage} sur une dur\u00E9e de {installmeentsCountWithoutFirst} mois. Permettant, en compl\u00E9ment d'un acompte de {firstInstallmentAmount}, de financer un achat d'un montant de {productPriceWithoutCreditCost}. Sous r\u00E9serve d'\u00E9tude et d'acceptation par Alma. D\u00E9lai l\u00E9gal de r\u00E9tractation de 14 jours. Simulation pr\u00E9sent\u00E9e par Alma, immatricul\u00E9e au RCS Nanterre sous le num\u00E9ro 839 100 575, \u00E9tablissement de paiement\u00A0et soci\u00E9t\u00E9 de financement agr\u00E9\u00E9e par l\u2019ACPR sous le n\u00B0 17408 (num\u00E9ro 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"};
@@ -2349,6 +2408,8 @@ const ControlledModal = _ref => {
   }, children));
 };
 
+var s$3 = {"openModalInfo":"_bplXm"};
+
 const paymentPlanShorthandName = payment => {
   const {
     deferred_days,
@@ -2450,6 +2511,15 @@ const paymentPlanInfoText = payment => {
     }), withNoFee(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 (installmentsCount > 4) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: s$3.openModalInfo
+      }, /*#__PURE__*/React.createElement(FormattedMessage, {
+        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(FormattedMessage, {
         id: "payment-plan-strings.pay-now",
@@ -2502,38 +2572,38 @@ const paymentPlanInfoText = payment => {
   });
 };
 
-var s$3 = {"buttons":"_1l2Oa","active":"_3rue7","textButton":"_2T78a"};
+var s$4 = {"buttons":"_1l2Oa","active":"_3rue7","textButton":"_2T78a"};
 
 const EligibilityPlansButtons = ({
   eligibilityPlans,
   currentPlanIndex,
   setCurrentPlanIndex
 }) => ( /*#__PURE__*/React.createElement("div", {
-  className: cx(s$3.buttons, STATIC_CUSTOMISATION_CLASSES.eligibilityOptions)
+  className: cx(s$4.buttons, STATIC_CUSTOMISATION_CLASSES.eligibilityOptions)
 }, eligibilityPlans.map((eligibilityPlan, index) => ( /*#__PURE__*/React.createElement("button", {
   key: index,
   className: cx({
-    [cx(s$3.active, STATIC_CUSTOMISATION_CLASSES.activeOption)]: index === currentPlanIndex
+    [cx(s$4.active, STATIC_CUSTOMISATION_CLASSES.activeOption)]: index === currentPlanIndex
   }),
   onClick: () => 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"};
 
 const Installment = ({
   installment,
   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: cx(s$4.dot, {
-      [s$4.isCurrent]: index === 0
+    className: cx(s$5.dot, {
+      [s$5.isCurrent]: index === 0
     })
   }), isToday(installment.due_date * 1000) ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "installments.today",
@@ -2546,7 +2616,7 @@ const Installment = ({
     year: "numeric"
   }))), /*#__PURE__*/React.createElement("div", {
     className: cx({
-      [s$4.bold]: index === 0
+      [s$5.bold]: index === 0
     })
   }, /*#__PURE__*/React.createElement(FormattedNumber, {
     value: installment.total_amount / 100,
@@ -2555,24 +2625,18 @@ const Installment = ({
   })));
 };
 
-var s$5 = {"schedule":"_MPKjS","creditInfo":"_3a7er"};
+var s$6 = {"schedule":"_MPKjS"};
 
 const Schedule = ({
   currentPlan
 }) => {
-  const isCredit = currentPlan.installments_count > 4;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cx(s$5.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
+    className: cx(s$6.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
     "data-testid": "modal-installments-element"
   }, ((currentPlan == null ? void 0 : currentPlan.payment_plan) || []).map((installment, index) => ( /*#__PURE__*/React.createElement(Installment, {
     key: installment.due_date * 1000,
     installment: installment,
     index: index
-  }))), isCredit && ( /*#__PURE__*/React.createElement("div", {
-    className: s$5.creditInfo
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "credit-features.information",
-    defaultMessage: "Un cr\u00E9dit vous engage et doit \u00EAtre rembours\u00E9. V\u00E9rifiez vos capacit\u00E9s de remboursement avant de vous engager."
   })))));
 };
 
@@ -2739,7 +2803,7 @@ const CbCard = () => ( /*#__PURE__*/React.createElement("svg", {
   d: "M19.094 4.03h-6.437V8h6.498c1.165 0 2.084-.889 2.084-2.015-.06-1.066-.98-1.955-2.145-1.955zM19.094 8.593h-6.437v3.97h6.498c1.165 0 2.084-.889 2.084-2.015-.06-1.067-.98-1.955-2.145-1.955zM7.017 8.06h4.966c-.245-2.371-2.391-4.267-4.966-4.267-2.758 0-5.027 2.074-5.027 4.681s2.269 4.682 5.027 4.682c2.698 0 4.904-2.015 5.027-4.563H7.017v-.534z"
 })))));
 
-var s$6 = {"cardContainer":"_1N3yO"};
+var s$7 = {"cardContainer":"_1N3yO"};
 
 const Cards = ({
   cards
@@ -2748,15 +2812,15 @@ const Cards = ({
   const uniqueCards = Array.from(new Set(cards));
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "card-logos",
-    className: cx(s$6.cardContainer, STATIC_CUSTOMISATION_CLASSES.cardContainer)
+    className: cx(s$7.cardContainer, STATIC_CUSTOMISATION_CLASSES.cardContainer)
   }, uniqueCards.map(card => ( /*#__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"};
 
 const Info = ({
   isCurrentPlanP1X
@@ -2764,12 +2828,12 @@ const Info = ({
 /*#__PURE__*/
 // TODO: refactor this component into subcomponent to factorise code and be cleaner
 React.createElement("div", {
-  className: cx(s$7.list, STATIC_CUSTOMISATION_CLASSES.info),
+  className: cx(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: cx(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
+  className: cx(s$8.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
 }, "1"), /*#__PURE__*/React.createElement("div", {
   className: STATIC_CUSTOMISATION_CLASSES.infoMessage
 }, isCurrentPlanP1X ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -2785,9 +2849,9 @@ React.createElement("div", {
     strong: (...chunks) => /*#__PURE__*/React.createElement("strong", null, chunks)
   }
 })))), /*#__PURE__*/React.createElement("div", {
-  className: s$7.listItem
+  className: s$8.listItem
 }, /*#__PURE__*/React.createElement("div", {
-  className: cx(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
+  className: cx(s$8.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
 }, "2"), /*#__PURE__*/React.createElement("div", {
   className: STATIC_CUSTOMISATION_CLASSES.infoMessage
 }, isCurrentPlanP1X ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -2803,9 +2867,9 @@ React.createElement("div", {
     strong: (...chunks) => /*#__PURE__*/React.createElement("strong", null, chunks)
   }
 })))), /*#__PURE__*/React.createElement("div", {
-  className: s$7.listItem
+  className: s$8.listItem
 }, /*#__PURE__*/React.createElement("div", {
-  className: cx(s$7.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
+  className: cx(s$8.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
 }, "3"), /*#__PURE__*/React.createElement("div", {
   className: STATIC_CUSTOMISATION_CLASSES.infoMessage
 }, isCurrentPlanP1X ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -2822,13 +2886,13 @@ React.createElement("div", {
   }
 }))))));
 
-var s$8 = {"title":"_3ERx-"};
+var s$9 = {"title":"_3ERx-"};
 
 const Title = ({
   isSomePlanDeferred,
   isCurrentPlanP1X
 }) => ( /*#__PURE__*/React.createElement("div", {
-  className: cx(s$8.title, STATIC_CUSTOMISATION_CLASSES.title),
+  className: cx(s$9.title, STATIC_CUSTOMISATION_CLASSES.title),
   "data-testid": "modal-title-element"
 }, isSomePlanDeferred ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
   id: "eligibility-modal.title-deferred-plan",
@@ -2841,7 +2905,7 @@ const Title = ({
   defaultMessage: "Payez en plusieurs fois par carte bancaire avec Alma."
 }))));
 
-var s$9 = {"container":"_21g6u","block":"_3zaP5","left":"_2SBRC","logo":"_xW3wt"};
+var s$a = {"container":"_21g6u","block":"_3zaP5","left":"_2SBRC","logo":"_xW3wt"};
 
 const DesktopModal = ({
   children,
@@ -2849,10 +2913,10 @@ const DesktopModal = ({
   cards,
   isCurrentPlanP1X
 }) => ( /*#__PURE__*/React.createElement("div", {
-  className: cx(s$9.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
+  className: cx(s$a.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
   "data-testid": "modal-container"
 }, /*#__PURE__*/React.createElement("aside", {
-  className: cx([s$9.block, s$9.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
+  className: cx([s$a.block, s$a.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
 }, /*#__PURE__*/React.createElement(Title, {
   isSomePlanDeferred: isSomePlanDeferred,
   isCurrentPlanP1X: isCurrentPlanP1X
@@ -2861,15 +2925,15 @@ const DesktopModal = ({
 }), 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: cx(s$9.block, STATIC_CUSTOMISATION_CLASSES.rightSide)
+  className: cx(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"};
 
 const MobileModal = ({
   children,
@@ -2877,7 +2941,7 @@ const MobileModal = ({
   cards,
   isCurrentPlanP1X
 }) => ( /*#__PURE__*/React.createElement("div", {
-  className: cx(s$b.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
+  className: cx(s$c.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
   "data-testid": "modal-container"
 }, /*#__PURE__*/React.createElement(Title, {
   isSomePlanDeferred: isSomePlanDeferred,
@@ -2887,7 +2951,7 @@ const MobileModal = ({
 }), cards && /*#__PURE__*/React.createElement(Cards, {
   cards: cards
 }), /*#__PURE__*/React.createElement(AlmaLogo, {
-  className: s$b.logo,
+  className: s$c.logo,
   width: "75"
 })));
 
@@ -2916,9 +2980,9 @@ const EligibilityModal = ({
     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(FormattedMessage, {
     id: "eligibility-modal.no-eligibility",
     defaultMessage: "Oups, il semblerait que la simulation n'ait pas fonctionn\u00E9."
@@ -2927,9 +2991,9 @@ const EligibilityModal = ({
     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, {
@@ -2959,18 +3023,18 @@ const ModalContainer = ({
   });
 };
 
-var s$c = {"loadingIndicator":"_2SwwZ","line1":"_2qODo","line2":"_2YO01"};
+var s$d = {"loadingIndicator":"_2SwwZ","line1":"_2qODo","line2":"_2YO01"};
 
 const Loader = ({
   className
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: cx(s$c.loadingIndicator, className),
+    className: cx(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
   }));
 };
 
@@ -3052,7 +3116,7 @@ const STATIC_CUSTOMISATION_CLASSES$1 = {
   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"};
 
 const VERY_LONG_TIME_IN_MS = 1000 * 3600;
 const DEFAULT_TRANSITION_TIME = 5500;
@@ -3124,7 +3188,7 @@ const PaymentPlanWidget = ({
   };
   if (status === statusResponse.PENDING) {
     return /*#__PURE__*/React.createElement("div", {
-      className: cx(s$d.widgetButton, s$d.pending)
+      className: cx(s$e.widgetButton, s$e.pending)
     }, /*#__PURE__*/React.createElement(Loader, null));
   }
   if (hideIfNotEligible && eligiblePlans.length === 0 || eligibilityPlans.length === 0 || status === statusResponse.FAILED) {
@@ -3138,19 +3202,19 @@ const PaymentPlanWidget = ({
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     onClick: handleOpenModal,
-    className: cx(s$d.widgetButton, {
-      [s$d.clickable]: eligiblePlans.length > 0,
-      [s$d.unClickable]: eligiblePlans.length === 0,
-      [s$d.hideBorder]: _hideBorder
+    className: cx(s$e.widgetButton, {
+      [s$e.clickable]: eligiblePlans.length > 0,
+      [s$e.unClickable]: eligiblePlans.length === 0,
+      [s$e.hideBorder]: _hideBorder
     }, STATIC_CUSTOMISATION_CLASSES$1.container),
     "data-testid": "widget-button"
   }, /*#__PURE__*/React.createElement("div", {
-    className: cx(s$d.primaryContainer, STATIC_CUSTOMISATION_CLASSES$1.eligibilityLine)
+    className: cx(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: cx(s$d.paymentPlans, STATIC_CUSTOMISATION_CLASSES$1.eligibilityOptions)
+    className: cx(s$e.paymentPlans, STATIC_CUSTOMISATION_CLASSES$1.eligibilityOptions)
   }, eligibilityPlans.map((eligibilityPlan, key) => {
     const isCurrent = key === current;
     return /*#__PURE__*/React.createElement("div", {
@@ -3159,15 +3223,15 @@ const PaymentPlanWidget = ({
       onTouchStart: () => onHover(key),
       onMouseOut: onLeave,
       onTouchEnd: onLeave,
-      className: cx(s$d.plan, {
-        [cx(s$d.active, STATIC_CUSTOMISATION_CLASSES$1.activeOption)]: isCurrent,
-        [s$d.monochrome]: monochrome && isCurrent,
-        [cx(s$d.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)]: !eligibilityPlan.eligible
+      className: cx(s$e.plan, {
+        [cx(s$e.active, STATIC_CUSTOMISATION_CLASSES$1.activeOption)]: isCurrent,
+        [s$e.monochrome]: monochrome && isCurrent,
+        [cx(s$e.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)]: !eligibilityPlan.eligible
       })
     }, paymentPlanShorthandName(eligibilityPlan));
   }))), /*#__PURE__*/React.createElement("div", {
-    className: cx(s$d.info, {
-      [cx(s$d.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)]: eligibilityPlans[current] && !eligibilityPlans[current].eligible
+    className: cx(s$e.info, {
+      [cx(s$e.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)]: eligibilityPlans[current] && !eligibilityPlans[current].eligible
     }, STATIC_CUSTOMISATION_CLASSES$1.paymentInfo)
   }, eligibilityPlans.length !== 0 && paymentPlanInfoText(eligibilityPlans[current]))), isOpen && ( /*#__PURE__*/React.createElement(EligibilityModal, {
     initialPlanIndex: getIndexWithinEligiblePlans(current),