@alma/widgets 2.10.0 → 2.12.0

package/README.md

@@ -33,21 +33,6 @@
     widgets.add(Alma.Widgets.PaymentPlans, {
       container: '#alma-widget',
       purchaseAmount: 45000,
-      locale: 'fr',
-      hideIfNotEligible: false,
-      plans: [
-        {
-          installmentsCount: 1,
-          deferredDays: 30,
-          minAmount: 5000,
-          maxAmount: 50000,
-        },
-        {
-          installmentsCount: 3,
-          minAmount: 5000,
-          maxAmount: 50000,
-        },
-      ],
     })
   })()
 </script>

package/dist/raw/widgets.css

@@ -486,7 +486,7 @@
 }
 
 ._2G7Ch {
-  height: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
 }

package/dist/raw/widgets.js

@@ -1534,6 +1534,7 @@ var Locale;
   Locale["it"] = "it";
   Locale["es"] = "es";
   Locale["nl"] = "nl";
+  Locale["pt"] = "pt";
   Locale["nl-NL"] = "nl-NL";
   Locale["nl-BE"] = "nl-BE";
 })(Locale || (Locale = {}));
@@ -1547,6 +1548,7 @@ function priceFromCents(cents) {
 function formatCents(cents) {
   return String(priceFromCents(cents)).replace('.', ',');
 }
+var desktopWidth = 800;
 
 /* eslint-disable */
 
@@ -1991,7 +1993,7 @@ var messagesIT = {
 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": "Onmiddellijke validatie van uw betaling ",
 	"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",
@@ -2011,6 +2013,29 @@ var messagesNL = {
 	"payment-plan-strings.no-fee": "(gratis)"
 };
 
+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": "Validação do seu pagamento <strong>imediata</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) {
   switch (locale) {
     case Locale.fr:
@@ -2025,6 +2050,9 @@ var getTranslationsByLocale = function getTranslationsByLocale(locale) {
     case Locale.de:
       return messagesDE;
 
+    case Locale.pt:
+      return messagesPT;
+
     case Locale.nl:
     case Locale['nl-BE']:
     case Locale['nl-NL']:
@@ -2226,7 +2254,10 @@ var prefix = 'alma-eligibility-modal';
  */
 
 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',
@@ -2441,11 +2472,11 @@ var s$3 = {"schedule":"_MPKjS","scheduleLine":"_1A7Qv","total":"_14Ejo","summary
 
 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 = reactIntl.useIntl();
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: cx(s$3.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
@@ -2694,7 +2725,7 @@ var Info = function Info() {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: s$5.listItem
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: s$5.bullet
+    className: cx(s$5.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
   }, "1"), /*#__PURE__*/React__default.createElement("div", {
     className: STATIC_CUSTOMISATION_CLASSES.infoMessage
   }, /*#__PURE__*/React__default.createElement(reactIntl.FormattedMessage, {
@@ -2708,7 +2739,7 @@ var Info = function Info() {
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: s$5.listItem
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: s$5.bullet
+    className: cx(s$5.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
   }, "2"), /*#__PURE__*/React__default.createElement("div", {
     className: STATIC_CUSTOMISATION_CLASSES.infoMessage
   }, /*#__PURE__*/React__default.createElement(reactIntl.FormattedMessage, {
@@ -2722,7 +2753,7 @@ var Info = function Info() {
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: s$5.listItem
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: s$5.bullet
+    className: cx(s$5.bullet, STATIC_CUSTOMISATION_CLASSES.bullet)
   }, "3"), /*#__PURE__*/React__default.createElement("div", {
     className: STATIC_CUSTOMISATION_CLASSES.infoMessage
   }, /*#__PURE__*/React__default.createElement(reactIntl.FormattedMessage, {
@@ -2821,7 +2852,7 @@ var DesktopModal = function DesktopModal(_ref) {
       isSomePlanDeferred = _ref.isSomePlanDeferred,
       cards = _ref.cards;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: s$8.container,
+    className: cx(s$8.container, STATIC_CUSTOMISATION_CLASSES.desktopModal),
     "data-testid": "modal-container"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: cx([s$8.block, s$8.left, STATIC_CUSTOMISATION_CLASSES.leftSide])
@@ -2843,7 +2874,7 @@ var MobileModal = function MobileModal(_ref) {
       isSomePlanDeferred = _ref.isSomePlanDeferred,
       cards = _ref.cards;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: s$a.container,
+    className: cx(s$a.container, STATIC_CUSTOMISATION_CLASSES.mobileModal),
     "data-testid": "modal-container"
   }, /*#__PURE__*/React__default.createElement(Title, {
     isSomePlanDeferred: isSomePlanDeferred
@@ -2864,7 +2895,7 @@ var EligibilityModal = function EligibilityModal(_ref) {
       setCurrentPlanIndex = _useState[1];
 
   var isBigScreen = reactResponsive.useMediaQuery({
-    minWidth: 800
+    minWidth: desktopWidth
   });
   var ModalComponent = isBigScreen ? DesktopModal : MobileModal;
   var eligiblePlans = eligibilityPlans.filter(function (plan) {