@monei-js/components 1.7.5 → 1.7.7

package/dist/components.cjs.development.js

@@ -820,19 +820,26 @@ 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(existingScript);
+        return;
+      }
     }
 
     var script = document.createElement('script');
     script.src = src;
 
     script.onload = function () {
-      return resolve();
+      return resolve(script);
     };
 
     script.onerror = function (error) {
@@ -15158,7 +15165,7 @@ var namespace = 'monei-paypal';
 
 var onLoadPaypal = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(props, state, src) {
-    var defaultStyle, token;
+    var script, defaultStyle, token;
     return runtime_1.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -15167,15 +15174,17 @@ var onLoadPaypal = /*#__PURE__*/function () {
             return loadScript(src, props.cspNonce, {
               namespace: namespace,
               cspNonce: props.cspNonce
-            });
+            }, true);
 
           case 2:
+            script = _context2.sent;
+            state.__scriptId = script.dataset.uidAuto;
             defaultStyle = {
               layout: 'horizontal',
               tagline: false
             };
             props.onLoad == null ? void 0 : props.onLoad(true);
-            _context2.next = 6;
+            _context2.next = 8;
             return window[namespace].Buttons({
               createOrder: function () {
                 var _createOrder = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
@@ -15244,7 +15253,7 @@ var onLoadPaypal = /*#__PURE__*/function () {
               style: _extends({}, defaultStyle, props.style)
             }).render(state.__container);
 
-          case 6:
+          case 8:
           case "end":
             return _context2.stop();
         }
@@ -15272,13 +15281,33 @@ var options$2 = {
     return undefined;
   },
   containerTemplate: function containerTemplate$1(params) {
+    console.log({
+      params: params
+    });
     params.state.__container = params.container;
 
     if (!params.props.accountId && !params.props.paymentId) {
       throw new Error('You need to provide paymentId or accountId');
     }
 
-    return containerTemplate(params);
+    var container = containerTemplate(params);
+
+    params.event.on(zoid.EVENT.DESTROY, function () {
+      console.log('destroy');
+      window[namespace].Buttons.instances.forEach(function (instance) {
+        instance.close();
+      });
+      var scriptId = params.state.__scriptId;
+
+      if (scriptId) {
+        var script = document.querySelector("script[data-uid-auto=\"" + scriptId + "\"]");
+
+        if (script) {
+          script.remove();
+        }
+      }
+    });
+    return container;
   },
   props: {
     accountId: {