@alma/widgets 3.2.4 → 3.3.0

package/dist/raw/widgets.modern.js

@@ -2000,17 +2000,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)",
@@ -2215,7 +2215,8 @@ const useFetchEligibility = (purchaseAmount, {
         billing_address,
         shipping_address
       }, {
-        Authorization: `Alma-Merchant-Auth ${merchantId}`
+        Authorization: `Alma-Merchant-Auth ${merchantId}`,
+        'X-Alma-Agent': 'Alma Widget'
       }).then(res => {
         setEligibility(res);
         setStatus(apiStatus.SUCCESS);
@@ -3107,7 +3108,8 @@ const PaymentPlanWidget = ({
   customerBillingCountry,
   customerShippingCountry,
   transitionDelay,
-  hideBorder: _hideBorder = false
+  hideBorder: _hideBorder = false,
+  onModalClose
 }) => {
   const [eligibilityPlans, status] = useFetchEligibility(purchaseAmount, apiData, configPlans, customerBillingCountry, customerShippingCountry);
   const eligiblePlans = eligibilityPlans.filter(plan => plan.eligible);
@@ -3123,7 +3125,10 @@ const PaymentPlanWidget = ({
 
   const openModal = () => setIsOpen(true);
 
-  const closeModal = () => setIsOpen(false);
+  const closeModal = event => {
+    setIsOpen(false);
+    onModalClose && onModalClose(event);
+  };
 
   const eligiblePlanKeys = eligibilityPlans.reduce((acc, plan, index) => plan.eligible ? [...acc, index] : acc, []);
   /**
@@ -3255,7 +3260,8 @@ class WidgetsController {
         customerBillingCountry,
         customerShippingCountry,
         locale = Locale.en,
-        cards
+        cards,
+        onModalClose
       } = options;
 
       if (containerDiv) {
@@ -3272,7 +3278,8 @@ class WidgetsController {
           customerBillingCountry: customerBillingCountry,
           customerShippingCountry: customerShippingCountry,
           transitionDelay: transitionDelay,
-          hideBorder: hideBorder
+          hideBorder: hideBorder,
+          onModalClose: onModalClose
         })), document.querySelector(container));
       }
     }
@@ -3286,10 +3293,15 @@ class WidgetsController {
         locale = Locale.en,
         customerBillingCountry,
         customerShippingCountry,
-        cards
+        cards,
+        onClose
       } = options;
 
-      const close = () => containerDiv && unmountComponentAtNode(containerDiv);
+      const close = event => {
+        if (!containerDiv) return;
+        unmountComponentAtNode(containerDiv);
+        onClose && onClose(event);
+      };
 
       const renderModal = () => {
         render( /*#__PURE__*/React.createElement(Provider, {