@depay/widgets 11.4.5 → 11.5.0

package/dist/esm/index.js

@@ -562,17 +562,19 @@ var allWallets = [{
   "mobile": {
     "ios": {
       "native": "metamask:",
-      "encoded": false,
       "universal": "https://metamask.app.link",
-      "connect": "WalletConnectV1",
-      "qr": "WalletConnectV1"
+      "qr": "WalletConnectV1",
+      "open": function open() {
+        return "https://metamask.app.link/dapp/".concat(window.location.toString().replace(/^(https*)*:\/\//, ''));
+      }
     },
     "android": {
       "native": "metamask:",
-      "encoded": false,
       "universal": "https://metamask.app.link",
-      "connect": "WalletConnectV1",
-      "qr": "WalletConnectV1"
+      "qr": "WalletConnectV1",
+      "open": function open() {
+        return "https://metamask.app.link/dapp/".concat(window.location.toString().replace(/^(https*)*:\/\//, ''));
+      }
     }
   },
   "logo": wallets.MetaMask.info.logo,
@@ -4261,6 +4263,13 @@ var allWallets = [{
   "extension": "WindowSolana",
   "logo": wallets.WindowSolana.info.logo,
   "blockchains": _toConsumableArray(supported.evm)
+}, {
+  "name": "WalletConnect V2",
+  "desktop": {
+    "qr": "WalletConnectV2"
+  },
+  "logo": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjUuNC4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLT48c3ZnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNTAwIDUwMCcgc3R5bGU9J2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAwIDUwMDsnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxzdHlsZSB0eXBlPSd0ZXh0L2Nzcyc+IC5zdDB7ZmlsbDojNTk5MUNEO30KPC9zdHlsZT48ZyBpZD0nUGFnZS0xJz48ZyBpZD0nd2FsbGV0Y29ubmVjdC1sb2dvLWFsdCc+PHBhdGggaWQ9J1dhbGxldENvbm5lY3QnIGNsYXNzPSdzdDAnIGQ9J00xMDIuNywxNjJjODEuNS03OS44LDIxMy42LTc5LjgsMjk1LjEsMGw5LjgsOS42YzQuMSw0LDQuMSwxMC41LDAsMTQuNEwzNzQsMjE4LjkgYy0yLDItNS4zLDItNy40LDBsLTEzLjUtMTMuMmMtNTYuOC01NS43LTE0OS01NS43LTIwNS44LDBsLTE0LjUsMTQuMWMtMiwyLTUuMywyLTcuNCwwTDkxLjksMTg3Yy00LjEtNC00LjEtMTAuNSwwLTE0LjQgTDEwMi43LDE2MnogTTQ2Ny4xLDIyOS45bDI5LjksMjkuMmM0LjEsNCw0LjEsMTAuNSwwLDE0LjRMMzYyLjMsNDA1LjRjLTQuMSw0LTEwLjcsNC0xNC44LDBjMCwwLDAsMCwwLDBMMjUyLDMxMS45IGMtMS0xLTIuNy0xLTMuNywwaDBsLTk1LjUsOTMuNWMtNC4xLDQtMTAuNyw0LTE0LjgsMGMwLDAsMCwwLDAsMEwzLjQsMjczLjZjLTQuMS00LTQuMS0xMC41LDAtMTQuNGwyOS45LTI5LjIgYzQuMS00LDEwLjctNCwxNC44LDBsOTUuNSw5My41YzEsMSwyLjcsMSwzLjcsMGMwLDAsMCwwLDAsMGw5NS41LTkzLjVjNC4xLTQsMTAuNy00LDE0LjgsMGMwLDAsMCwwLDAsMGw5NS41LDkzLjUgYzEsMSwyLjcsMSwzLjcsMGw5NS41LTkzLjVDNDU2LjQsMjI1LjksNDYzLDIyNS45LDQ2Ny4xLDIyOS45eicvPjwvZz48L2c+PC9zdmc+Cg==",
+  "blockchains": _toConsumableArray(supported.evm)
 }, {
   "name": "WalletConnect",
   "desktop": {
@@ -4620,8 +4629,6 @@ var SolanaPay = /*#__PURE__*/function (_wallets$WindowSolana) {
                 requireAllSignatures: false
               });
               txBase64 = serializedTransaction.toString('base64');
-              console.log('WIDGET TRACKING TRANSACTION TRACKING HERE!!!');
-              console.log('API TRACKING via TRACK HERE!!!');
               this.socket.send(JSON.stringify({
                 command: 'message',
                 identifier: JSON.stringify({
@@ -4635,7 +4642,7 @@ var SolanaPay = /*#__PURE__*/function (_wallets$WindowSolana) {
                   transaction: txBase64
                 })
               }));
-            case 8:
+            case 6:
             case "end":
               return _context4.stop();
           }
@@ -21858,7 +21865,7 @@ var get = function get() {
 };
 
 var ConnectWalletDialog = (function (props) {
-  var _props$wallet, _props$platform9, _props$platform10, _props$platform11;
+  var _props$wallet, _props$platform9, _props$platform10, _props$platform11, _props$platform12, _props$platform13;
   var QRCodeElement = React.useRef();
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -21990,7 +21997,9 @@ var ConnectWalletDialog = (function (props) {
         }
         break;
       case 'WalletConnectV1':
+      case 'WalletConnectV2':
         if (QRCode == undefined) {
+          localStorage[atob('ZGVwYXk6d2FsbGV0czp3YzI6cHJvamVjdElk')] = atob('YjFmYzJmMDZlYTIxMDdmY2Q5OWM2OGY0MTI3MTQxYWI=');
           var _wallet = new wallets[props.platform.qr]();
           _wallet.connect({
             name: props.wallet.name,
@@ -22083,8 +22092,8 @@ var ConnectWalletDialog = (function (props) {
   }, []);
   useEffect(function () {
     if (appIsConnected !== undefined) {
-      var _props$wallet3, _props$wallet3$deskto, _props$platform7;
-      setShowQRCode(!extensionIsAvailable && !isMobile() && !((_props$wallet3 = props.wallet) !== null && _props$wallet3 !== void 0 && (_props$wallet3$deskto = _props$wallet3.desktop) !== null && _props$wallet3$deskto !== void 0 && _props$wallet3$deskto["native"]) && ((_props$platform7 = props.platform) === null || _props$platform7 === void 0 ? void 0 : _props$platform7.qr) && (props.platform.qr !== 'SolanaPay' || props.accept && props.accept.every(function (accept) {
+      var _props$wallet3, _props$platform7;
+      setShowQRCode(!extensionIsAvailable && !isMobile() && !((_props$wallet3 = props.wallet) !== null && _props$wallet3 !== void 0 && (_props$wallet3 = _props$wallet3.desktop) !== null && _props$wallet3 !== void 0 && _props$wallet3["native"]) && ((_props$platform7 = props.platform) === null || _props$platform7 === void 0 ? void 0 : _props$platform7.qr) && (props.platform.qr !== 'SolanaPay' || props.accept && props.accept.every(function (accept) {
         return accept.amount;
       })));
     }
@@ -22123,7 +22132,17 @@ var ConnectWalletDialog = (function (props) {
     }, /*#__PURE__*/React.createElement("div", {
       ref: QRCodeElement,
       className: "QRCode"
-    }), showQRCode && ((_props$platform10 = props.platform) === null || _props$platform10 === void 0 ? void 0 : _props$platform10.qr) !== 'WalletLink' && /*#__PURE__*/React.createElement("div", {
+    }, showQRCode && ((_props$platform10 = props.platform) === null || _props$platform10 === void 0 ? void 0 : _props$platform10.qr) !== 'WalletLink' && QRCode === undefined && /*#__PURE__*/React.createElement("div", {
+      className: "Skeleton",
+      style: {
+        width: "305px",
+        height: "305px"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "SkeletonBackground"
+    }))), showQRCode && ((_props$platform11 = props.platform) === null || _props$platform11 === void 0 ? void 0 : _props$platform11.qr) !== 'WalletLink' && QRCode === undefined && /*#__PURE__*/React.createElement("div", {
+      className: "Opacity05 PaddingBottomXS PaddingTopS"
+    }, /*#__PURE__*/React.createElement("small", null, "Generating QR code...")), showQRCode && ((_props$platform12 = props.platform) === null || _props$platform12 === void 0 ? void 0 : _props$platform12.qr) !== 'WalletLink' && QRCode !== undefined && /*#__PURE__*/React.createElement("div", {
       className: "Opacity05 PaddingBottomXS PaddingTopS"
     }, /*#__PURE__*/React.createElement("small", null, "Scan QR code with your wallet"))), /*#__PURE__*/React.createElement("div", {
       className: "PaddingLeftL PaddingRightL PaddingTopS"
@@ -22220,7 +22239,7 @@ var ConnectWalletDialog = (function (props) {
       className: "PaddingLeftS LineHeightXS"
     }, /*#__PURE__*/React.createElement("div", {
       className: "CardText FontWeightMedium"
-    }, "Scan QR code")))), ((_props$platform11 = props.platform) === null || _props$platform11 === void 0 ? void 0 : _props$platform11.connect) && props.platform.connect === 'WalletConnectV1' && props.platform.copyLink && /*#__PURE__*/React.createElement("div", {
+    }, "Scan QR code")))), ((_props$platform13 = props.platform) === null || _props$platform13 === void 0 ? void 0 : _props$platform13.connect) && ['WalletConnectV1', 'WalletConnectV2'].includes(props.platform.connect) && props.platform.copyLink && /*#__PURE__*/React.createElement("div", {
       className: "PaddingBottomXS TooltipWrapper"
     }, /*#__PURE__*/React.createElement("button", {
       onClick: connectViaCopyLink,
@@ -22610,7 +22629,7 @@ var SelectWalletDialog = (function (props) {
         return null;
       }
       var connectionType = 'app';
-      if (wallet && wallet.constructor && ![wallets.WalletConnectV1, wallets.WalletLink].includes(wallet.constructor)) {
+      if (wallet && wallet.constructor && ![wallets.WalletConnectV1, wallets.WalletConnectV2, wallets.WalletLink].includes(wallet.constructor)) {
         connectionType = 'extension';
       }
       return /*#__PURE__*/React.createElement("div", {
@@ -22744,7 +22763,7 @@ var WhatIsAWalletDialog = (function (props) {
       src: QuestionsGraphic
     })), /*#__PURE__*/React.createElement("p", {
       className: "FontSizeM PaddingTopS PaddingLeftM PaddingRightM"
-    }, "Wallets are used to send, receive, and store digital assets. Wallets come in many forms. They are either built into your browser, an extension added to your browser, a piece of hardware plugged into your computer or even an app on your phone."), /*#__PURE__*/React.createElement("div", {
+    }, "Wallets are used to send, receive, and store digital assets. Wallets come in many forms. They are either built into your browser, an extension added to your browser, an app on your phone, your computer or even a piece of hardware."), /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS"
     }, /*#__PURE__*/React.createElement("a", {
       className: "Link FontSizeM",
@@ -22851,7 +22870,8 @@ var ConnectStack = (function (props) {
     if (!platform) {
       return;
     }
-    if (platform.connect == 'WalletConnectV1') {
+    if (['WalletConnectV1', 'WalletConnectV2'].includes(platform.connect)) {
+      localStorage[atob('ZGVwYXk6d2FsbGV0czp3YzI6cHJvamVjdElk')] = atob('YjFmYzJmMDZlYTIxMDdmY2Q5OWM2OGY0MTI3MTQxYWI=');
       var _wallet = new wallets[platform.connect]();
       _wallet.connect({
         name: walletMetaData.name,
@@ -22893,6 +22913,7 @@ var ConnectStack = (function (props) {
       return;
     }
     set(walletMetaData.name);
+    console.log('open in app', platform.open());
     window.open(platform.open(), '_self', 'noreferrer noopener');
   };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ReactDialogStack, {
@@ -24527,18 +24548,17 @@ var PaymentRoutingProvider = (function (props) {
                       while (1) switch (_context3.prev = _context3.next) {
                         case 0:
                           if (!(wallet && wallet.isSolanaPay && routes && routes.length && wallet.isTransactionSend !== true)) {
-                            _context3.next = 8;
+                            _context3.next = 7;
                             break;
                           }
-                          console.log('TRACE HERE!!!');
                           route = routes[0];
                           _context3.t0 = wallet;
-                          _context3.next = 6;
+                          _context3.next = 5;
                           return route.getTransaction();
-                        case 6:
+                        case 5:
                           _context3.t1 = _context3.sent;
                           _context3.t0.sendTransaction.call(_context3.t0, _context3.t1);
-                        case 8:
+                        case 7:
                         case "end":
                           return _context3.stop();
                       }
@@ -26228,7 +26248,7 @@ var getNonce = /*#__PURE__*/function () {
             _context3.next = 7;
             break;
           }
-          return _context3.abrupt("return", transaction === null || transaction === void 0 ? void 0 : (_transaction$nonce = transaction.nonce) === null || _transaction$nonce === void 0 ? void 0 : _transaction$nonce.toString());
+          return _context3.abrupt("return", transaction === null || transaction === void 0 || (_transaction$nonce = transaction.nonce) === null || _transaction$nonce === void 0 ? void 0 : _transaction$nonce.toString());
         case 7:
           if (!blockchain) {
             _context3.next = 11;
@@ -26478,7 +26498,7 @@ var PaymentTrackingProvider = (function (props) {
             _context2.t9 = paymentRoute.toToken.address;
             _context2.t10 = paymentRoute.toAmount.toString();
             _context2.t11 = paymentRoute.toDecimals;
-            _context2.t12 = paymentRoute === null || paymentRoute === void 0 ? void 0 : (_paymentRoute$feeAmou = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou === void 0 ? void 0 : _paymentRoute$feeAmou.toString();
+            _context2.t12 = paymentRoute === null || paymentRoute === void 0 || (_paymentRoute$feeAmou = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou === void 0 ? void 0 : _paymentRoute$feeAmou.toString();
             _context2.t13 = transaction.deadline;
             _context2.t14 = {
               blockchain: _context2.t1,
@@ -26725,7 +26745,7 @@ var PaymentTrackingProvider = (function (props) {
               _context5.t7 = paymentRoute.toToken.address;
               _context5.t8 = paymentRoute.toAmount.toString();
               _context5.t9 = paymentRoute.toDecimals;
-              _context5.t10 = paymentRoute === null || paymentRoute === void 0 ? void 0 : (_paymentRoute$feeAmou2 = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou2 === void 0 ? void 0 : _paymentRoute$feeAmou2.toString();
+              _context5.t10 = paymentRoute === null || paymentRoute === void 0 || (_paymentRoute$feeAmou2 = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou2 === void 0 ? void 0 : _paymentRoute$feeAmou2.toString();
               _context5.t11 = transaction.deadline;
               payment = {
                 blockchain: _context5.t0,
@@ -27869,7 +27889,7 @@ var EnterNFTDataForOpenSeaDialog = (function (props) {
     setIdRequired = _useState10[1];
   var confirm = function confirm() {
     var _selection$blockchain, _selection$collection;
-    var blockchain = (selection === null || selection === void 0 ? void 0 : (_selection$blockchain = selection.blockchain) === null || _selection$blockchain === void 0 ? void 0 : _selection$blockchain.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 ? void 0 : (_selection$collection = selection.collection) === null || _selection$collection === void 0 ? void 0 : _selection$collection.blockchain);
+    var blockchain = (selection === null || selection === void 0 || (_selection$blockchain = selection.blockchain) === null || _selection$blockchain === void 0 ? void 0 : _selection$blockchain.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 || (_selection$collection = selection.collection) === null || _selection$collection === void 0 ? void 0 : _selection$collection.blockchain);
     setSelection(Object.assign(props.selection, {
       nft: {
         blockchain: blockchain,
@@ -27885,7 +27905,7 @@ var EnterNFTDataForOpenSeaDialog = (function (props) {
   };
   useEffect(function () {
     var _selection$blockchain2, _selection$collection2;
-    var blockchain = (selection === null || selection === void 0 ? void 0 : (_selection$blockchain2 = selection.blockchain) === null || _selection$blockchain2 === void 0 ? void 0 : _selection$blockchain2.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 ? void 0 : (_selection$collection2 = selection.collection) === null || _selection$collection2 === void 0 ? void 0 : _selection$collection2.blockchain);
+    var blockchain = (selection === null || selection === void 0 || (_selection$blockchain2 = selection.blockchain) === null || _selection$blockchain2 === void 0 ? void 0 : _selection$blockchain2.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 || (_selection$collection2 = selection.collection) === null || _selection$collection2 === void 0 ? void 0 : _selection$collection2.blockchain);
     var checkForIdRequired = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
         var balanceWithId;
@@ -27959,10 +27979,10 @@ var EnterNFTDataForOpenSeaDialog = (function (props) {
       className: "CardImage small"
     }, /*#__PURE__*/React.createElement("img", {
       className: "transparent",
-      src: (_Blockchains$findByNa = Blockchains.findByName((selection === null || selection === void 0 ? void 0 : (_selection$blockchain3 = selection.blockchain) === null || _selection$blockchain3 === void 0 ? void 0 : _selection$blockchain3.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 ? void 0 : (_selection$collection3 = selection.collection) === null || _selection$collection3 === void 0 ? void 0 : _selection$collection3.blockchain))) === null || _Blockchains$findByNa === void 0 ? void 0 : _Blockchains$findByNa.logo
+      src: (_Blockchains$findByNa = Blockchains.findByName((selection === null || selection === void 0 || (_selection$blockchain3 = selection.blockchain) === null || _selection$blockchain3 === void 0 ? void 0 : _selection$blockchain3.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 || (_selection$collection3 = selection.collection) === null || _selection$collection3 === void 0 ? void 0 : _selection$collection3.blockchain))) === null || _Blockchains$findByNa === void 0 ? void 0 : _Blockchains$findByNa.logo
     })), /*#__PURE__*/React.createElement("div", {
       className: "CardBody FontSizeM"
-    }, (_Blockchains$findByNa2 = Blockchains.findByName((selection === null || selection === void 0 ? void 0 : (_selection$blockchain4 = selection.blockchain) === null || _selection$blockchain4 === void 0 ? void 0 : _selection$blockchain4.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 ? void 0 : (_selection$collection4 = selection.collection) === null || _selection$collection4 === void 0 ? void 0 : _selection$collection4.blockchain))) === null || _Blockchains$findByNa2 === void 0 ? void 0 : _Blockchains$findByNa2.label), /*#__PURE__*/React.createElement("div", {
+    }, (_Blockchains$findByNa2 = Blockchains.findByName((selection === null || selection === void 0 || (_selection$blockchain4 = selection.blockchain) === null || _selection$blockchain4 === void 0 ? void 0 : _selection$blockchain4.name) || (selection === null || selection === void 0 ? void 0 : selection.blockchain) || (selection === null || selection === void 0 || (_selection$collection4 = selection.collection) === null || _selection$collection4 === void 0 ? void 0 : _selection$collection4.blockchain))) === null || _Blockchains$findByNa2 === void 0 ? void 0 : _Blockchains$findByNa2.label), /*#__PURE__*/React.createElement("div", {
       className: "CardAction"
     }, /*#__PURE__*/React.createElement(ChevronRight, null))))), idRequired && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopXS TextLeft"
@@ -28097,7 +28117,7 @@ var SelectNFTContractOnOpenSeaDialog = (function (props) {
       }
       response.json().then( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(data) {
-          var result, blockchain, holders, additionalData, _additionalData$colle, _additionalData$colle2, _additionalData$colle3, _additionalData$colle4, _additionalData, _blockchain;
+          var result, blockchain, holders, additionalData, _additionalData$colle, _additionalData$colle2, _additionalData, _blockchain;
           return regenerator.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -28111,7 +28131,7 @@ var SelectNFTContractOnOpenSeaDialog = (function (props) {
                 additionalData = _context.sent;
                 if (additionalData) {
                   blockchain = additionalData !== null && additionalData !== void 0 && additionalData.permalink.match(/https:\/\/opensea\.io\/assets\/(\w*)\//) ? BLOCKCHAIN_NAMES$1[additionalData.permalink.match(/https:\/\/opensea\.io\/assets\/(\w*)\//)[1]] : undefined;
-                  holders = additionalData === null || additionalData === void 0 ? void 0 : (_additionalData$colle = additionalData.collection) === null || _additionalData$colle === void 0 ? void 0 : (_additionalData$colle2 = _additionalData$colle.stats) === null || _additionalData$colle2 === void 0 ? void 0 : _additionalData$colle2.num_owners;
+                  holders = additionalData === null || additionalData === void 0 || (_additionalData$colle = additionalData.collection) === null || _additionalData$colle === void 0 || (_additionalData$colle = _additionalData$colle.stats) === null || _additionalData$colle === void 0 ? void 0 : _additionalData$colle.num_owners;
                 }
                 result = {
                   blockchain: blockchain,
@@ -28147,7 +28167,7 @@ var SelectNFTContractOnOpenSeaDialog = (function (props) {
               case 15:
                 _additionalData = _context.sent;
                 _blockchain = _additionalData !== null && _additionalData !== void 0 && _additionalData.permalink.match(/https:\/\/opensea\.io\/assets\/(\w*)\//) ? BLOCKCHAIN_NAMES$1[_additionalData.permalink.match(/https:\/\/opensea\.io\/assets\/(\w*)\//)[1]] : undefined;
-                _additionalData === null || _additionalData === void 0 ? void 0 : (_additionalData$colle3 = _additionalData.collection) === null || _additionalData$colle3 === void 0 ? void 0 : (_additionalData$colle4 = _additionalData$colle3.stats) === null || _additionalData$colle4 === void 0 ? void 0 : _additionalData$colle4.num_owners;
+                _additionalData === null || _additionalData === void 0 || (_additionalData$colle2 = _additionalData.collection) === null || _additionalData$colle2 === void 0 || (_additionalData$colle2 = _additionalData$colle2.stats) === null || _additionalData$colle2 === void 0 ? void 0 : _additionalData$colle2.num_owners;
                 result = {
                   blockchain: _blockchain,
                   id: null,