@alma/widgets 3.2.3 → 3.3.0

package/dist/raw/widgets.m.js

@@ -1886,7 +1886,7 @@ var messagesDE = {
 	"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>",
-	"eligibility-modal.bullet-3": "</strong>Verlieren Sie nicht die Kontrolle,</strong> indem Sie Ihre Fälligkeitstermine nach Ihrem eigenen Tempo vor- oder zurückverlegen.",
+	"eligibility-modal.bullet-3": "<strong>Verlieren Sie nicht die Kontrolle,</strong> indem Sie Ihre Fälligkeitstermine nach Ihrem eigenen Tempo vor- oder zurückverlegen.",
 	"eligibility-modal.no-eligibility": "Ups, die Prüfung hat anscheinend nicht funktioniert.",
 	"eligibility-modal.p1x-bullet-1": "Wählen Sie <strong>Alma - 1X</strong> beim Check-out.",
 	"eligibility-modal.p1x-bullet-2": "Tragen Sie Ihre <strong>Kreditkarteninformationen ein.</strong>",
@@ -2022,17 +2022,17 @@ var messagesIT = {
 
 var messagesNL = {
 	"credit-features.credit-cost-display": "{creditCost} (gemiddeld rente percentage {taegPercentage})",
-	"credit-features.information": "Een lening bindt je en moet worden terugbetaald. Ga na of u kunt terugbetalen voordat u zich vastlegt.",
-	"credit-features.total-credit-cost": "Waarvan kosten van krediet",
+	"credit-features.information": "Een lening is bindend en moet worden terugbetaald. Ga na of je het kunt terugbetalen voordat je jezelf vastlegt.",
+	"credit-features.total-credit-cost": "Waarvan kredietkosten",
 	"eligibility-modal.bullet-1": "Kies <strong>Alma</strong> bij het afrekenen.",
-	"eligibility-modal.bullet-2": "Laat ons u begeleiden en uw betaling valideren in <strong>2 minuten.</strong>",
-	"eligibility-modal.bullet-3": "<strong>Houd de controle op</strong> door uw deadlines in uw eigen tempo vooruit of achteruit te schuiven.",
+	"eligibility-modal.bullet-2": "Laat ons je begeleiden en jouw betaling valideren in <strong>2 minuten.</strong>",
+	"eligibility-modal.bullet-3": "<strong>Behoudt de controle</strong> door jouw deadlines op je eigen tempo vooruit of achteruit te schuiven.",
 	"eligibility-modal.no-eligibility": "Oeps, het lijkt erop dat de simulatie niet werkte.",
 	"eligibility-modal.p1x-bullet-1": "Kies <strong>Alma - 1X</strong> bij het afrekenen.",
-	"eligibility-modal.p1x-bullet-2": "Vul uw <strong>creditcardgegevens in.</strong>",
-	"eligibility-modal.p1x-bullet-3": "<strong>De validatie </strong> van uw betaling is onmiddellijk!",
-	"eligibility-modal.title-deferred-plan": "Betaal in termijnen of later per creditcard met Alma.",
-	"eligibility-modal.title-normal": "Betaal in termijnen met een creditcard bij Alma.",
+	"eligibility-modal.p1x-bullet-2": "Vul jouw <strong>creditcardgegevens </strong> in.",
+	"eligibility-modal.p1x-bullet-3": "<strong>De bevestiging </strong> van jouw betaling is onmiddellijk!",
+	"eligibility-modal.title-deferred-plan": "Betaal in termijnen of later via iDEAL of per creditcard met Alma.",
+	"eligibility-modal.title-normal": "Betaal in termijnen met iDEAL of creditcard bij Alma.",
 	"installments.today": "Tegenwoordig",
 	"installments.total-amount": "Totaal",
 	"installments.total-fees": "Waarvan kosten (incl. BTW)",
@@ -2257,7 +2257,8 @@ var useFetchEligibility = function useFetchEligibility(purchaseAmount, _ref, pla
         billing_address: billing_address,
         shipping_address: shipping_address
       }, {
-        Authorization: "Alma-Merchant-Auth " + merchantId
+        Authorization: "Alma-Merchant-Auth " + merchantId,
+        'X-Alma-Agent': 'Alma Widget'
       }).then(function (res) {
         setEligibility(res);
         setStatus(apiStatus.SUCCESS);
@@ -3203,7 +3204,8 @@ var PaymentPlanWidget = function PaymentPlanWidget(_ref) {
       customerShippingCountry = _ref.customerShippingCountry,
       transitionDelay = _ref.transitionDelay,
       _ref$hideBorder = _ref.hideBorder,
-      hideBorder = _ref$hideBorder === void 0 ? false : _ref$hideBorder;
+      hideBorder = _ref$hideBorder === void 0 ? false : _ref$hideBorder,
+      onModalClose = _ref.onModalClose;
 
   var _useFetchEligibility = useFetchEligibility(purchaseAmount, apiData, configPlans, customerBillingCountry, customerShippingCountry),
       eligibilityPlans = _useFetchEligibility[0],
@@ -3228,8 +3230,9 @@ var PaymentPlanWidget = function PaymentPlanWidget(_ref) {
     return setIsOpen(true);
   };
 
-  var closeModal = function closeModal() {
-    return setIsOpen(false);
+  var closeModal = function closeModal(event) {
+    setIsOpen(false);
+    onModalClose && onModalClose(event);
   };
 
   var eligiblePlanKeys = eligibilityPlans.reduce(function (acc, plan, index) {
@@ -3368,7 +3371,8 @@ var WidgetsController = /*#__PURE__*/function () {
           customerShippingCountry = options.customerShippingCountry,
           _options$locale = options.locale,
           locale = _options$locale === void 0 ? Locale.en : _options$locale,
-          cards = options.cards;
+          cards = options.cards,
+          onModalClose = options.onModalClose;
 
       if (containerDiv) {
         render( /*#__PURE__*/React.createElement(Provider, {
@@ -3384,7 +3388,8 @@ var WidgetsController = /*#__PURE__*/function () {
           customerBillingCountry: customerBillingCountry,
           customerShippingCountry: customerShippingCountry,
           transitionDelay: transitionDelay,
-          hideBorder: hideBorder
+          hideBorder: hideBorder,
+          onModalClose: onModalClose
         })), document.querySelector(container));
       }
     }
@@ -3398,10 +3403,13 @@ var WidgetsController = /*#__PURE__*/function () {
           _locale = _options$locale2 === void 0 ? Locale.en : _options$locale2,
           _customerBillingCountry = options.customerBillingCountry,
           _customerShippingCountry = options.customerShippingCountry,
-          _cards = options.cards;
+          _cards = options.cards,
+          onClose = options.onClose;
 
-      var close = function close() {
-        return containerDiv && unmountComponentAtNode(containerDiv);
+      var close = function close(event) {
+        if (!containerDiv) return;
+        unmountComponentAtNode(containerDiv);
+        onClose && onClose(event);
       };
 
       var renderModal = function renderModal() {