@depay/widgets 3.0.3 → 3.0.4

package/dist/cjs/index.bundle.js

@@ -49440,15 +49440,9 @@ function createInsideContainer({ document, shadow, style }) {
 }
 
 const outsideContainerClass = 'ReactShadowDOMOutsideContainer';
-let currentContainer;
-
-function getOutsideContainer(element) {
-  return currentContainer
-}
 
 function createOutsideContainer({ document, element, style }) {
   const container = document.createElement('div');
-  currentContainer = container;
   container.setAttribute('class', outsideContainerClass);
   container.setAttribute('style', style);
   element.appendChild(container);
@@ -49471,8 +49465,7 @@ function trimStyle(style) {
   return style.replace(/\s*[\r\n]\s*/g, '')
 }
 
-function unmount(element) {
-  const outsideContainer = getOutsideContainer();
+function unmount(outsideContainer) {
 
   if (outsideContainer && outsideContainer.shadowRoot) {
     const shadowRoot = outsideContainer.shadowRoot;
@@ -49489,8 +49482,6 @@ function unmount(element) {
 }
 
 function ReactShadowDOM({ document, element, content, outsideStyle = '', insideStyle = '' }) {
-  unmount();
-
   const outsideContainer = createOutsideContainer({
     document,
     element,
@@ -49507,7 +49498,7 @@ function ReactShadowDOM({ document, element, content, outsideStyle = '', insideS
 
   ReactDOM__default['default'].render(content, insideContainer);
 
-  return { content, unmount: () => unmount() }
+  return { content, unmount: () => unmount(outsideContainer) }
 }
 
 var ReactShadowDOM_1 = ReactShadowDOM;

package/dist/es/index.bundle.js

@@ -49438,15 +49438,9 @@ function createInsideContainer({ document, shadow, style }) {
 }
 
 const outsideContainerClass = 'ReactShadowDOMOutsideContainer';
-let currentContainer;
-
-function getOutsideContainer(element) {
-  return currentContainer
-}
 
 function createOutsideContainer({ document, element, style }) {
   const container = document.createElement('div');
-  currentContainer = container;
   container.setAttribute('class', outsideContainerClass);
   container.setAttribute('style', style);
   element.appendChild(container);
@@ -49469,8 +49463,7 @@ function trimStyle(style) {
   return style.replace(/\s*[\r\n]\s*/g, '')
 }
 
-function unmount(element) {
-  const outsideContainer = getOutsideContainer();
+function unmount(outsideContainer) {
 
   if (outsideContainer && outsideContainer.shadowRoot) {
     const shadowRoot = outsideContainer.shadowRoot;
@@ -49487,8 +49480,6 @@ function unmount(element) {
 }
 
 function ReactShadowDOM({ document, element, content, outsideStyle = '', insideStyle = '' }) {
-  unmount();
-
   const outsideContainer = createOutsideContainer({
     document,
     element,
@@ -49505,7 +49496,7 @@ function ReactShadowDOM({ document, element, content, outsideStyle = '', insideS
 
   ReactDOM__default['default'].render(content, insideContainer);
 
-  return { content, unmount: () => unmount() }
+  return { content, unmount: () => unmount(outsideContainer) }
 }
 
 var ReactShadowDOM_1 = ReactShadowDOM;

package/dist/umd/index.bundle.js

@@ -49444,15 +49444,9 @@
   }
 
   const outsideContainerClass = 'ReactShadowDOMOutsideContainer';
-  let currentContainer;
-
-  function getOutsideContainer(element) {
-    return currentContainer
-  }
 
   function createOutsideContainer({ document, element, style }) {
     const container = document.createElement('div');
-    currentContainer = container;
     container.setAttribute('class', outsideContainerClass);
     container.setAttribute('style', style);
     element.appendChild(container);
@@ -49475,8 +49469,7 @@
     return style.replace(/\s*[\r\n]\s*/g, '')
   }
 
-  function unmount(element) {
-    const outsideContainer = getOutsideContainer();
+  function unmount(outsideContainer) {
 
     if (outsideContainer && outsideContainer.shadowRoot) {
       const shadowRoot = outsideContainer.shadowRoot;
@@ -49493,8 +49486,6 @@
   }
 
   function ReactShadowDOM({ document, element, content, outsideStyle = '', insideStyle = '' }) {
-    unmount();
-
     const outsideContainer = createOutsideContainer({
       document,
       element,
@@ -49511,7 +49502,7 @@
 
     ReactDOM__default['default'].render(content, insideContainer);
 
-    return { content, unmount: () => unmount() }
+    return { content, unmount: () => unmount(outsideContainer) }
   }
 
   var ReactShadowDOM_1 = ReactShadowDOM;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "Web3 Payments with any token. DePay simplifies and improves Web3 Payments with the power of DeFi. Accept any token with on-the-fly conversion.",
   "main": "./dist/cjs/index.js",
   "files": [
@@ -35,7 +35,7 @@
     "@depay/walletconnect": "^1.0.2",
     "depay-local-currency": "^1.1.0",
     "depay-react-dialog-stack": "^2.1.0",
-    "depay-react-shadow-dom": "^2.0.3",
+    "depay-react-shadow-dom": "^2.0.4",
     "depay-react-token-image": "^1.1.3",
     "depay-web3-assets": "^2.2.0",
     "depay-web3-blockchains": "^2.6.0",