@depay/widgets 6.16.1 → 6.16.5

package/dist/esm/index.bundle.js

@@ -48841,7 +48841,13 @@ const submitSimpleTransfer = ({ transaction, wallet })=>{
 };
 
 function _optionalChain$6(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-let connectedInstance;
+const setConnectedInstance = (value)=>{
+  window._connectedWalletConnectInstance = value;
+};
+
+const getConnectedInstance = ()=>{
+  return window._connectedWalletConnectInstance
+};
 
 class WalletConnectWallet {
 
@@ -48891,12 +48897,12 @@ class WalletConnectWallet {
     });
 
     instance.on("disconnect", (error, payload) => {
-      connectedInstance = undefined;
+      setConnectedInstance(undefined);
       if (error) { throw error }
     });
 
     instance.on("modal_closed", ()=>{
-      connectedInstance = undefined;
+      setConnectedInstance(undefined);
       this.connector = undefined;
     });
 
@@ -48915,23 +48921,28 @@ class WalletConnectWallet {
 
   async connect(options) {
     try {
+      if(this.connector == undefined){
+        this.connector = this.newWalletConnectInstance();
+      }
+
       if(this.connector.connected) {
         await this.connector.killSession();
-        connectedInstance = undefined;
+        setConnectedInstance(undefined);
         this.connector = this.newWalletConnectInstance();
       }
 
       const { accounts, chainId } = await this.connector.connect({ chainId: _optionalChain$6([options, 'optionalAccess', _ => _.chainId]) });
 
       if(accounts instanceof Array && accounts.length) {
-        connectedInstance = this;
+        setConnectedInstance(this);
       }
 
       this.connectedAccounts = accounts;
       this.connectedChainId = chainId;
         
       return accounts
-    } catch (e) {
+    } catch (error) {
+      console.log('WALLETCONNECT ERROR', error);
       return []
     }
   }
@@ -49025,7 +49036,7 @@ const wallets = {
 const instances = {};
 
 const getWalletClass = function(){
-  if(connectedInstance) {
+  if(getConnectedInstance()) {
     return wallets.WalletConnect
   } else if (typeof window.ethereum === 'object' && window.ethereum.isMetaMask) {
     return wallets.MetaMask
@@ -49040,8 +49051,8 @@ const getWallet = function () {
   const walletClass = getWalletClass();
   const existingInstance = instances[walletClass];
 
-  if(connectedInstance) {
-    return connectedInstance
+  if(getConnectedInstance()) {
+    return getConnectedInstance()
   } else if(existingInstance) {
     return existingInstance
   } else if(walletClass) {
@@ -70070,6 +70081,7 @@ let TokenImage = function(props){
 
   return(
     react.createElement('img', {
+      className:  props.className ,
       src:  src ,
       onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 51}}
     )

package/dist/umd/index.bundle.js

@@ -48847,7 +48847,13 @@
   };
 
   function _optionalChain$6(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-  let connectedInstance;
+  const setConnectedInstance = (value)=>{
+    window._connectedWalletConnectInstance = value;
+  };
+
+  const getConnectedInstance = ()=>{
+    return window._connectedWalletConnectInstance
+  };
 
   class WalletConnectWallet {
 
@@ -48897,12 +48903,12 @@
       });
 
       instance.on("disconnect", (error, payload) => {
-        connectedInstance = undefined;
+        setConnectedInstance(undefined);
         if (error) { throw error }
       });
 
       instance.on("modal_closed", ()=>{
-        connectedInstance = undefined;
+        setConnectedInstance(undefined);
         this.connector = undefined;
       });
 
@@ -48921,23 +48927,28 @@
 
     async connect(options) {
       try {
+        if(this.connector == undefined){
+          this.connector = this.newWalletConnectInstance();
+        }
+
         if(this.connector.connected) {
           await this.connector.killSession();
-          connectedInstance = undefined;
+          setConnectedInstance(undefined);
           this.connector = this.newWalletConnectInstance();
         }
 
         const { accounts, chainId } = await this.connector.connect({ chainId: _optionalChain$6([options, 'optionalAccess', _ => _.chainId]) });
 
         if(accounts instanceof Array && accounts.length) {
-          connectedInstance = this;
+          setConnectedInstance(this);
         }
 
         this.connectedAccounts = accounts;
         this.connectedChainId = chainId;
           
         return accounts
-      } catch (e) {
+      } catch (error) {
+        console.log('WALLETCONNECT ERROR', error);
         return []
       }
     }
@@ -49031,7 +49042,7 @@
   const instances = {};
 
   const getWalletClass = function(){
-    if(connectedInstance) {
+    if(getConnectedInstance()) {
       return wallets.WalletConnect
     } else if (typeof window.ethereum === 'object' && window.ethereum.isMetaMask) {
       return wallets.MetaMask
@@ -49046,8 +49057,8 @@
     const walletClass = getWalletClass();
     const existingInstance = instances[walletClass];
 
-    if(connectedInstance) {
-      return connectedInstance
+    if(getConnectedInstance()) {
+      return getConnectedInstance()
     } else if(existingInstance) {
       return existingInstance
     } else if(walletClass) {
@@ -70076,6 +70087,7 @@
 
     return(
       react.createElement('img', {
+        className:  props.className ,
         src:  src ,
         onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 51}}
       )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.16.1",
+  "version": "6.16.5",
   "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/umd/index.js",
   "module": "./dist/esm/index.js",
@@ -37,7 +37,7 @@
     "@depay/react-dialog-stack": "^4.1.1",
     "@depay/react-shadow-dom": "^4.0.0",
     "@depay/react-token-image": "^3.0.0",
-    "@depay/walletconnect-v1": "^1.0.18",
+    "@depay/walletconnect-v1": "^1.1.0",
     "@depay/web3-assets": "^5.2.0",
     "@depay/web3-blockchains": "^4.2.0",
     "@depay/web3-client": "^8.0.0",
@@ -45,7 +45,7 @@
     "@depay/web3-exchanges": "^8.1.0",
     "@depay/web3-payments": "^9.3.3",
     "@depay/web3-tokens": "^8.0.1",
-    "@depay/web3-wallets": "^9.0.0",
+    "@depay/web3-wallets": "^9.1.0",
     "decimal.js": "^10.3.1",
     "react-rangeslider": "^2.2.0"
   },