@alma/widgets 2.11.0 → 2.12.1

package/dist/raw/widgets.umd.js

@@ -1531,6 +1531,7 @@
     Locale["it"] = "it";
     Locale["es"] = "es";
     Locale["nl"] = "nl";
+    Locale["pt"] = "pt";
     Locale["nl-NL"] = "nl-NL";
     Locale["nl-BE"] = "nl-BE";
   })(Locale || (Locale = {}));
@@ -1544,6 +1545,7 @@
   function formatCents(cents) {
     return String(priceFromCents(cents)).replace('.', ',');
   }
+  var desktopWidth = 800;
 
   /* eslint-disable */
 
@@ -6707,7 +6709,7 @@
   var messagesDE = {
   	"eligibility-modal.bullet-1": "Wählen Sie an der Kasse <strong>Alma</strong> .",
   	"eligibility-modal.bullet-2": "Füllen Sie die <strong>angeforderten</strong> Informationen aus.",
-  	"eligibility-modal.bullet-3": "Die Bestätigung Ihrer Zahlung <strong>sofort</strong> !",
+  	"eligibility-modal.bullet-3": "Die Bestätigung Ihrer Zahlung erfolgt <strong>sofort</strong> !",
   	"eligibility-modal.cost": "Davon Kosten",
   	"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",
@@ -6730,7 +6732,7 @@
   var messagesEN = {
   	"eligibility-modal.bullet-1": "Choose <strong>Alma</strong> at checkout.",
   	"eligibility-modal.bullet-2": "Fill in the <strong>information</strong> requested.",
-  	"eligibility-modal.bullet-3": "Validation of your payment <strong>instantaneous</strong>!",
+  	"eligibility-modal.bullet-3": "The validation of your payment is <strong>instantaneous</strong> !",
   	"eligibility-modal.cost": "Of which costs",
   	"eligibility-modal.credit-commitment": "A loan commits you and must be repaid. Check your ability to repay before committing yourself.",
   	"eligibility-modal.credit-cost": "Of which cost of credit",
@@ -6753,7 +6755,7 @@
   var messagesES = {
   	"eligibility-modal.bullet-1": "Elige <strong>Alma</strong> como método de pago.",
   	"eligibility-modal.bullet-2": "Completa la <strong>información</strong> solicitada.",
-  	"eligibility-modal.bullet-3": "¡Validación <strong>inmediata</strong> de tu pago!",
+  	"eligibility-modal.bullet-3": "¡La validación de su pago es <strong>instantánea</strong> !",
   	"eligibility-modal.cost": "Gastos (incl. en el total)",
   	"eligibility-modal.credit-commitment": "Un préstamo te compromete y debe ser devuelto. Comprueba tu capacidad financiera antes de comprometerte.",
   	"eligibility-modal.credit-cost": "Coste de crédito (incl. en el total)",
@@ -6776,7 +6778,7 @@
   var messagesFR = {
   	"eligibility-modal.bullet-1": "Choisissez <strong>Alma</strong> au moment du paiement.",
   	"eligibility-modal.bullet-2": "Renseignez les <strong>informations</strong> demandées.",
-  	"eligibility-modal.bullet-3": "La validation de votre paiement <strong>instantanée</strong> !",
+  	"eligibility-modal.bullet-3": "La validation de votre paiement est <strong>instantanée</strong> !",
   	"eligibility-modal.cost": "Dont frais",
   	"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",
@@ -6799,7 +6801,7 @@
   var messagesIT = {
   	"eligibility-modal.bullet-1": "Scegli <strong>Alma</strong> alla cassa.",
   	"eligibility-modal.bullet-2": "Compila le informazioni <strong></strong> richieste.",
-  	"eligibility-modal.bullet-3": "Convalida del tuo pagamento <strong>istantanea</strong>!",
+  	"eligibility-modal.bullet-3": "La convalida del pagamento è <strong>istantanea</strong> !",
   	"eligibility-modal.cost": "Di cui commissioni",
   	"eligibility-modal.credit-commitment": "Un pagamento rateale ti impegna e deve essere ripagato. Verifica la tua capacità di rimborso prima di impegnarti.",
   	"eligibility-modal.credit-cost": "Di cui commissioni",
@@ -6822,24 +6824,47 @@
   var messagesNL = {
   	"eligibility-modal.bullet-1": "Kies <strong>Alma</strong> bij het afrekenen.",
   	"eligibility-modal.bullet-2": "Vul de <strong>gevraagde informatie</strong> in.",
-  	"eligibility-modal.bullet-3": "Onmiddelijke validatie van uw betaling ",
+  	"eligibility-modal.bullet-3": "De validatie van uw betaling is <strong>onmiddellijk</strong> !",
   	"eligibility-modal.cost": "Waarvan kosten",
   	"eligibility-modal.credit-commitment": "Een lening bindt je en moet worden terugbetaald. Ga na of u kunt terugbetalen voordat u zich vastlegt.",
   	"eligibility-modal.credit-cost": "Waarvan kosten van krediet",
-  	"eligibility-modal.credit-cost-amount": "{creditCost} (APR {TAEG})",
+  	"eligibility-modal.credit-cost-amount": "{creditCost} (gemiddeld rente percentage {TAEG})",
   	"eligibility-modal.no-eligibility": "Oeps, het lijkt erop dat de simulatie niet werkte.",
-  	"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.title": "<highlighted>Betaal in termijnen</highlighted> met bank- en kredietkaart bij Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Betaal in termijnen</highlighted> of later per bank- en kredietkaart met Alma.",
   	"eligibility-modal.total": "Totaal",
   	"installments.today": "Tegenwoordig",
-  	"payment-plan-strings.day-abbreviation": "J{numberOfDeferredDays}",
+  	"payment-plan-strings.day-abbreviation": "D{numberOfDeferredDays}",
   	"payment-plan-strings.default-message": "Betaal in termijnen met Alma",
   	"payment-plan-strings.deferred": "{totalAmount} te betalen op {dueDate}",
   	"payment-plan-strings.ineligible-greater-than-max": "Tot {maxAmount}",
   	"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": "(gratis)"
+  	"payment-plan-strings.no-fee": "(zonder kosten)"
+  };
+
+  var messagesPT = {
+  	"eligibility-modal.bullet-1": "Escolha a <strong>Alma</strong> no checkout.",
+  	"eligibility-modal.bullet-2": "Preencha os <strong>dados</strong> solicitados.",
+  	"eligibility-modal.bullet-3": "A validação do seu pagamento é <strong>instantaneamente</strong> !",
+  	"eligibility-modal.cost": "Incluindo encargos",
+  	"eligibility-modal.credit-commitment": "Um crédito é um compromisso e deve ser reembolsado. Verifique a sua capacidade de pagar antes de se comprometer.",
+  	"eligibility-modal.credit-cost": "Incluindo custo do crédito",
+  	"eligibility-modal.credit-cost-amount": "{creditCost} (TAEG {TAEG})",
+  	"eligibility-modal.no-eligibility": "Ups, parece que a simulação não funcionou.",
+  	"eligibility-modal.title": "<highlighted>Pague em prestações</highlighted> com cartão bancário através da Alma.",
+  	"eligibility-modal.title-deferred": "<highlighted>Pague em prestações</highlighted> ou mais tarde com cartão bancário através da Alma.",
+  	"eligibility-modal.total": "Total",
+  	"installments.today": "Hoje",
+  	"payment-plan-strings.day-abbreviation": "D{numberOfDeferredDays}",
+  	"payment-plan-strings.default-message": "Pague em prestações através da Alma",
+  	"payment-plan-strings.deferred": "{totalAmount} a pagar em {dueDate}",
+  	"payment-plan-strings.ineligible-greater-than-max": "Até {maxAmount}",
+  	"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)"
   };
 
   var getTranslationsByLocale = function getTranslationsByLocale(locale) {
@@ -6856,6 +6881,9 @@
       case Locale.de:
         return messagesDE;
 
+      case Locale.pt:
+        return messagesPT;
+
       case Locale.nl:
       case Locale['nl-BE']:
       case Locale['nl-NL']:
@@ -17187,7 +17215,10 @@
    */
 
   var STATIC_CUSTOMISATION_CLASSES = {
+    desktopModal: prefix + '-desktop-modal',
+    mobileModal: prefix + '-mobile-modal',
     leftSide: prefix + '-left-side',
+    bullet: prefix + '-bullet',
     rightSide: prefix + '-right-side',
     title: prefix + '-title',
     info: prefix + '-info',
@@ -19851,11 +19882,11 @@
 
   var Schedule = function Schedule(_ref) {
     var currentPlan = _ref.currentPlan;
-    var total = currentPlan && priceFromCents(currentPlan.purchase_amount + currentPlan.customer_total_cost_amount);
-    var creditCost = currentPlan ? priceFromCents(currentPlan.customer_total_cost_amount) : 0;
+    var total = priceFromCents(currentPlan.purchase_amount + currentPlan.customer_total_cost_amount);
+    var creditCost = priceFromCents(currentPlan.customer_total_cost_amount);
     var TAEG = (currentPlan == null ? void 0 : currentPlan.annual_interest_rate) && currentPlan.annual_interest_rate / 10000;
-    var customerFees = priceFromCents(currentPlan ? currentPlan.customer_total_cost_amount : 0);
-    var isCredit = currentPlan && currentPlan.installments_count > 4;
+    var customerFees = priceFromCents(currentPlan.customer_total_cost_amount);
+    var isCredit = currentPlan.installments_count > 4;
     var intl = useIntl();
     return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
       className: classnames(s$3.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
@@ -20104,7 +20135,7 @@
     }, /*#__PURE__*/react.createElement("div", {
       className: s$5.listItem
     }, /*#__PURE__*/react.createElement("div", {
-      className: s$5.bullet
+      className: classnames(s$5.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
     }, "1"), /*#__PURE__*/react.createElement("div", {
       className: STATIC_CUSTOMISATION_CLASSES.infoMessage
     }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
@@ -20118,7 +20149,7 @@
     }))), /*#__PURE__*/react.createElement("div", {
       className: s$5.listItem
     }, /*#__PURE__*/react.createElement("div", {
-      className: s$5.bullet
+      className: classnames(s$5.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
     }, "2"), /*#__PURE__*/react.createElement("div", {
       className: STATIC_CUSTOMISATION_CLASSES.infoMessage
     }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
@@ -20132,12 +20163,12 @@
     }))), /*#__PURE__*/react.createElement("div", {
       className: s$5.listItem
     }, /*#__PURE__*/react.createElement("div", {
-      className: s$5.bullet
+      className: classnames(s$5.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
     }, "3"), /*#__PURE__*/react.createElement("div", {
       className: STATIC_CUSTOMISATION_CLASSES.infoMessage
     }, /*#__PURE__*/react.createElement(MemoizedFormattedMessage, {
       id: "eligibility-modal.bullet-3",
-      defaultMessage: "La validation de votre paiement <strong>instantan\xE9e</strong> !",
+      defaultMessage: "La validation de votre paiement est <strong>instantan\xE9e</strong> !",
       values: {
         strong: function strong() {
           return /*#__PURE__*/react.createElement("strong", null, [].slice.call(arguments));
@@ -20231,7 +20262,7 @@
         isSomePlanDeferred = _ref.isSomePlanDeferred,
         cards = _ref.cards;
     return /*#__PURE__*/react.createElement("div", {
-      className: s$8.container,
+      className: classnames(s$8.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
       "data-testid": "modal-container"
     }, /*#__PURE__*/react.createElement("div", {
       className: classnames([s$8.block, s$8.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
@@ -20253,7 +20284,7 @@
         isSomePlanDeferred = _ref.isSomePlanDeferred,
         cards = _ref.cards;
     return /*#__PURE__*/react.createElement("div", {
-      className: s$a.container,
+      className: classnames(s$a.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
       "data-testid": "modal-container"
     }, /*#__PURE__*/react.createElement(Title, {
       isSomePlanDeferred: isSomePlanDeferred
@@ -20274,7 +20305,7 @@
         setCurrentPlanIndex = _useState[1];
 
     var isBigScreen = reactResponsive.useMediaQuery({
-      minWidth: 800
+      minWidth: desktopWidth
     });
     var ModalComponent = isBigScreen ? DesktopModal : MobileModal;
     var eligiblePlans = eligibilityPlans.filter(function (plan) {