@monei-js/components 1.7.4 → 1.7.6

package/dist/components.esm.js

@@ -816,12 +816,19 @@ var transformStyle = function transformStyle(style) {
     return result;
   }, {});
 };
-var loadScript = function loadScript(src, nonce, dataset) {
+var loadScript = function loadScript(src, nonce, dataset, forceReload) {
   return new Promise(function (resolve, reject) {
-    if (Array.from(document.scripts).findIndex(function (s) {
+    var existingScript = Array.from(document.scripts).find(function (s) {
       return s.src === src;
-    }) !== -1) {
-      resolve();
+    });
+
+    if (existingScript) {
+      if (forceReload) {
+        existingScript.remove();
+      } else {
+        resolve();
+        return;
+      }
     }
 
     var script = document.createElement('script');
@@ -15163,7 +15170,7 @@ var onLoadPaypal = /*#__PURE__*/function () {
             return loadScript(src, props.cspNonce, {
               namespace: namespace,
               cspNonce: props.cspNonce
-            });
+            }, true);
 
           case 2:
             defaultStyle = {
@@ -15274,7 +15281,14 @@ var options$2 = {
       throw new Error('You need to provide paymentId or accountId');
     }
 
-    return containerTemplate(params);
+    var container = containerTemplate(params);
+
+    params.event.on(zoid.EVENT.DESTROY, function () {
+      window[namespace].Buttons.instances.forEach(function (instance) {
+        instance.close();
+      });
+    });
+    return container;
   },
   props: {
     accountId: {
@@ -15605,12 +15619,14 @@ var options$4 = {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false,
       value: function value(_ref2) {
-        var props = _ref2.props;
+        var props = _ref2.props,
+            state = _ref2.state;
         var rootNode = document.createElement('div');
         document.body.appendChild(rootNode);
         return function (_ref3) {
           var amount = _ref3.amount,
               currency = _ref3.currency;
+          if (state.isOpen) return;
           var shouldOpen = true;
 
           if (props.onBeforeOpen) {
@@ -15618,11 +15634,13 @@ var options$4 = {
           }
 
           if (!shouldOpen) return;
+          state.isOpen = true;
           var bizumModal = new BizumModal(_extends({
             amount: amount,
             currency: currency
           }, props, {
             onClose: function onClose() {
+              state.isOpen = false;
               window.onpopstate = null;
               document.body.style.overflow = '';
             },