@depay/widgets 10.0.1 → 10.2.0

package/dist/esm/index.js

@@ -2417,6 +2417,246 @@ var allWallets = [{
     }
   },
   "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/f78dab27-7165-4a3d-fdb1-fcff06c0a700?projectId=ec576959c7769a8b4dbbb3da3f12fef4"
+}, {
+  "name": "Binana",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/65a60845-8fe3-4146-2688-586e4dc68a00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Linen",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/91458f54-aabe-44cf-4788-159ccc733600?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Fundamenta Mobile",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/79797f9e-a6c7-4284-1a1c-88332f11ea00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Nitrogen Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/af185895-cda5-4eaf-e31b-28b6fe4b0800?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "ApolloX",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/80ab63a2-1b32-4140-3577-9fbc8ea82e00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "ID Pocket",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/c227ee0a-5127-4707-ded9-c3cd81348d00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "CoinCircle",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/eae63a23-c7ba-4f7e-24b3-e6fc69215d00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Dracula Metaverse",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/7259499f-3a9c-4905-d881-19944500d000?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "SahalWallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/d29d6426-b6f2-481b-12d8-7b20ec82af00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "UPBOND Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/698e08f3-b452-4c91-9f65-299939396a00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Sequence Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/b2d5c39c-a485-4efa-5736-a782204e4a00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "LocalTrade Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/fcc60983-74ae-484a-4242-87cb6f05f100?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Loopring Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/2103feda-4fc8-4635-76a7-02a4ed998000?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Vision: Crypto Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/64ccf07c-1fba-4473-49e8-dc446e5a5000?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Ballet Crypto",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/542094e6-70d6-4b0d-4c8f-b61cc2c38500?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Pitaka",
+  "link": "WalletConnectV1",
+  "mobile": {
+    "ios": {
+      "native": "pitaka://"
+    },
+    "android": {
+      "native": "pitaka://"
+    }
+  },
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/691c0716-5213-4b99-e837-079268313800?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "AbsoluteWallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/03797059-fc49-4adc-7b93-503290b62300?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "The Parallel",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/de73fe0b-0244-4373-dea4-bef78ca82e00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "CypherD Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/6dfec0f3-2cbb-4300-b049-d66d28fcf400?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Obvious",
+  "link": "WalletConnectV1",
+  "mobile": {
+    "ios": {
+      "native": "obvious://"
+    },
+    "android": {
+      "native": "obvious://"
+    }
+  },
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/40945cea-9cd2-4acc-5799-ca7fb31f4700?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Keplr",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/527324b0-3849-462b-9a1a-72b53bdfea00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "MyWalliD",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/e6cff623-9671-4a39-acc7-1c2292d7e100?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Status",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/e131fa98-8c4f-4680-f5b6-6fb77189c900?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Monarch Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/c664d955-8a1e-4460-3917-4cfcf198f000?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Marble",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/eb6de921-6824-4f35-6331-8a8b031e7100?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Flooz",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/0a04f368-4f56-4c12-0bfa-93b14bb20800?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Blockchain.com",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/fc282669-2dbe-44d5-33fc-9168fcf08600?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Dohrnii Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/1bb51ed9-68ed-4012-3082-72dcb7754300?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "UniPass",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/77865965-4322-4ac4-5049-b2af11bf8300?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "ZenGo",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/d1794d97-ea1f-4966-be42-9f614bb5d800?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Locker Token",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/37401d35-3fa1-451c-802d-604940315800?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Keeper",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/41f6ac85-8f4e-4d9f-b37b-92b43fa7f400?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "XDEFI Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/efec6318-7f96-4b30-9287-6c287660cd00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "BeeWallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/ae53ba0b-4d01-42f6-53d8-cc568409b700?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Numio",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/416ee463-6699-43f7-c0e3-396f0ad3d300?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "UvToken",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/a0057241-cd91-4a53-7175-016b76bfd900?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Neon Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/322bd6f0-09b5-4595-cb15-0dfab8054800?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Nabox",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/3b75e9f7-2ca8-4a33-ed2b-4e8a0c048d00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Snowball",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/313faea4-af8c-41f4-0ed8-98be5d048e00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "KryptoGO Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/3ccbd966-97e8-45a0-1ceb-6141a8978e00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Payperless",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/4a867e30-44c9-4627-6281-33457b8e2100?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Brave Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/8cecad66-73e3-46ee-f45f-01503c032f00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Crossmint",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/8ad627ec-cbcd-4878-ec5c-3df588055200?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Safematrix",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/48ea5de9-869a-4994-2402-97afba060900?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "pier",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/cf3f0da1-40ec-4940-aebe-df075513d100?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "FILWallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/f400f6c2-ca6c-487b-654d-e119af247500?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "ParaSwap Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/73dc6b30-b644-46e6-020c-5926851df600?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "DopamineApp",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/7ed8ec36-fb7c-4b43-494b-36e907101f00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Bitski",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/94d94cb5-a94f-47cf-70e6-fe8d3f1c3700?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Hippo Wallet",
+  "link": "WalletConnectV1",
+  "mobile": {
+    "ios": {
+      "native": "hippowallet://"
+    },
+    "android": {
+      "native": "hippowallet://"
+    }
+  },
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/f9570968-45f7-47c1-3189-98cf60e25c00?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Core",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/35f9c46e-cc57-4aa7-315d-e6ccb2a1d600?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Xcapit",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/17f59b75-21b0-4b3f-b024-fe4b9b8d2300?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "Paper Wallet",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/37d7a10f-d94d-4a56-c30e-267e8afbd500?projectId=a8d876c6f91c3748db621583fad358f1"
+}, {
+  "name": "BC Vault",
+  "link": "WalletConnectV1",
+  "logo": "https://explorer-api.walletconnect.com/v3/logo/lg/4d7bf99f-b2d9-48b0-5d7e-7d64f9a4f700?projectId=a8d876c6f91c3748db621583fad358f1"
 }, {
   "name": "WalletConnect",
   "link": "WalletConnectV1",
@@ -2541,38 +2781,34 @@ var get = function get() {
 var ConnectWalletDialog = (function (props) {
   var _props$wallet;
   var QRCodeElement = React.useRef();
-  var _useState = useState(false),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    showConnectExtensionWarning = _useState2[0],
-    setShowConnectExtensionWarning = _useState2[1];
+    extensionIsAvailable = _useState2[0],
+    setExtensionIsAvailable = _useState2[1];
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    extensionIsAvailable = _useState4[0],
-    setExtensionIsAvailable = _useState4[1];
+    appIsAvailable = _useState4[0],
+    setAppIsAvailable = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    appIsAvailable = _useState6[0],
-    setAppIsAvailable = _useState6[1];
+    linkIsConnected = _useState6[0],
+    setLinkIsConnected = _useState6[1];
   var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    linkIsConnected = _useState8[0],
-    setLinkIsConnected = _useState8[1];
-  var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2);
-    _useState10[0];
-    _useState10[1];
+    _useState8 = _slicedToArray(_useState7, 2);
+    _useState8[0];
+    _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showQRCode = _useState10[0],
+    setShowQRCode = _useState10[1];
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    showQRCode = _useState12[0],
-    setShowQRCode = _useState12[1];
-  var _useState13 = useState(false),
+    showLinkCopied = _useState12[0],
+    setShowLinkCopied = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    showLinkCopied = _useState14[0],
-    setShowLinkCopied = _useState14[1];
-  var _useState15 = useState(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    QRCode = _useState16[0],
-    setQRCode = _useState16[1];
+    QRCode = _useState14[0],
+    setQRCode = _useState14[1];
   var _useContext = useContext(NavigateStackContext);
     _useContext.navigate;
   var header = /*#__PURE__*/React.createElement("div", {
@@ -2587,20 +2823,6 @@ var ConnectWalletDialog = (function (props) {
     className: "transparent",
     src: props.wallet.logo
   })))));
-  var connectExtension = function connectExtension() {
-    setShowConnectExtensionWarning(false);
-    if (extensionIsAvailable) {
-      var wallet = new wallets[props.wallet.extension]();
-      wallet.connect().then(function (account) {
-        props.resolve(account, wallet);
-      })["catch"](function (error) {
-        if ((error === null || error === void 0 ? void 0 : error.code) == -32002) {
-          // Request of type 'wallet_requestPermissions' already pending...
-          setShowConnectExtensionWarning(true);
-        }
-      });
-    }
-  };
   var connectViaCopyLink = function connectViaCopyLink() {
     var wallet = new wallets[props.wallet.link]();
     wallet.connect({
@@ -2619,29 +2841,6 @@ var ConnectWalletDialog = (function (props) {
       props.resolve(account, wallet);
     });
   };
-  var connect = function connect() {
-    if (linkIsConnected) {
-      if (props.wallet.link == 'WalletConnectV1') {
-        wallets[props.wallet.link].getConnectedInstance().then(function (wallet) {
-          if (extensionIsAvailable && wallet.name == wallets[props.wallet.extension].info.name) {
-            return; // extension found and link with same wallet name found (e.g. MetaMask extension + mobile) let user decide!
-          }
-
-          if (props.wallet.name == wallet.name) {
-            return wallet.account().then(function (account) {
-              props.resolve(account, wallet);
-            });
-          } else if (extensionIsAvailable) {
-            connectExtension();
-          }
-        });
-      } else if (props.wallet.link == 'WalletLink') {
-        connectViaQRCode();
-      }
-    } else if (extensionIsAvailable) {
-      connectExtension();
-    }
-  };
   var connectViaQRCode = function connectViaQRCode() {
     switch (props.wallet.link) {
       case 'WalletConnectV1':
@@ -2746,14 +2945,9 @@ var ConnectWalletDialog = (function (props) {
     }))();
   }, []);
   useEffect(function () {
-    if (extensionIsAvailable !== undefined && linkIsConnected !== undefined) {
-      if (props.wallet.via == 'detected') {
-        connect();
-      }
-      if (linkIsConnected == false) {
-        var _props$wallet4, _props$wallet4$deskto;
-        setShowQRCode(!extensionIsAvailable && !isMobile() && !((_props$wallet4 = props.wallet) !== null && _props$wallet4 !== void 0 && (_props$wallet4$deskto = _props$wallet4.desktop) !== null && _props$wallet4$deskto !== void 0 && _props$wallet4$deskto["native"]));
-      }
+    if (linkIsConnected !== undefined) {
+      var _props$wallet4, _props$wallet4$deskto;
+      setShowQRCode(!extensionIsAvailable && !isMobile() && !((_props$wallet4 = props.wallet) !== null && _props$wallet4 !== void 0 && (_props$wallet4$deskto = _props$wallet4.desktop) !== null && _props$wallet4$deskto !== void 0 && _props$wallet4$deskto["native"]));
     }
   }, [extensionIsAvailable, linkIsConnected]);
   useEffect(function () {
@@ -2787,7 +2981,7 @@ var ConnectWalletDialog = (function (props) {
       className: "PaddingLeftL PaddingRightL PaddingTopL"
     }, extensionIsAvailable && /*#__PURE__*/React.createElement("div", {
       className: "PaddingBottomXS"
-    }, showConnectExtensionWarning && /*#__PURE__*/React.createElement("div", {
+    }, props.showConnectExtensionWarning && /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
     }, /*#__PURE__*/React.createElement("div", {
       className: "Alert"
@@ -2795,7 +2989,7 @@ var ConnectWalletDialog = (function (props) {
       className: "FontWeightBold PaddingBottomXS"
     }, "You wallet extension window is already asking to connect. It might be hidden."))), /*#__PURE__*/React.createElement("button", {
       onClick: function onClick() {
-        return connectExtension();
+        return props.connectExtension(props.wallet);
       },
       className: "Card small PaddingTopS PaddingRightXS PaddingBottomS PaddingLeftXS"
     }, /*#__PURE__*/React.createElement("span", {
@@ -3148,45 +3342,64 @@ var SelectWalletDialog = (function (props) {
   var searchElement = useRef();
   var _useContext = useContext(NavigateStackContext),
     navigate = _useContext.navigate;
-  var onClickWallet = function onClickWallet(wallet) {
-    if (wallet.via != 'detected') {
-      props.connectViaRedirect(wallet);
+  var onClickWallet = function onClickWallet(walletMetaData, wallet) {
+    if (walletMetaData.via == 'detected') {
+      if (walletMetaData.connectionType == 'app') {
+        wallet.account().then(function (account) {
+          if (account) {
+            props.resolve(account, wallet);
+          }
+        });
+        props.setWallet(walletMetaData);
+        navigate('ConnectWallet');
+      } else if (walletMetaData.connectionType == 'extension') {
+        props.setWallet(walletMetaData);
+        props.connectExtension(walletMetaData);
+        navigate('ConnectWallet');
+      }
+    } else {
+      props.connectViaRedirect(walletMetaData);
+      props.setWallet(walletMetaData);
+      navigate('ConnectWallet');
     }
-    props.setWallet(wallet);
-    navigate('ConnectWallet');
   };
   useEffect(function () {
     getWallets().then(function (availableWallets) {
       var renderedWallets = {}; // prevents rendering same wallet twice (e.g. extension + via walletconnect)
-      var renderWalletElement = function renderWalletElement(wallet, index, type) {
-        if (renderedWallets[wallet.name]) {
+      var renderWalletElement = function renderWalletElement(walletMetaData, index, type, wallet) {
+        if (renderedWallets[walletMetaData.name] && type == 'previouslyConnected') {
           return null;
         }
-        renderedWallets[wallet.name] = true;
+        renderedWallets[walletMetaData.name] = true;
+        var connectionType = 'app';
+        if (wallet && wallet.constructor && ![wallets.WalletConnectV1, wallets.WalletLink].includes(wallet.constructor)) {
+          connectionType = 'extension';
+        }
         return /*#__PURE__*/React.createElement("div", {
           key: index,
           className: "PaddingBottomXS"
         }, /*#__PURE__*/React.createElement("button", {
           type: "button",
           className: "Card small",
-          title: "Connect ".concat(wallet.name),
+          title: "Connect ".concat(walletMetaData.name),
           onClick: function onClick() {
-            return onClickWallet(_objectSpread$4(_objectSpread$4({}, wallet), {}, {
-              via: type
-            }));
+            return onClickWallet(_objectSpread$4(_objectSpread$4({}, walletMetaData), {}, {
+              via: type,
+              connectionType: connectionType
+            }), wallet);
           }
         }, /*#__PURE__*/React.createElement("div", {
           className: "CardImage"
         }, /*#__PURE__*/React.createElement("img", _defineProperty({
           className: "transparent",
-          src: wallet.logo
+          src: walletMetaData.logo
         }, "className", "WalletLogoS"))), /*#__PURE__*/React.createElement("div", {
           className: "CardBody"
         }, /*#__PURE__*/React.createElement("div", {
           className: "CardBodyWrapper PaddingLeftXS LineHeightXS"
         }, /*#__PURE__*/React.createElement("div", {
           className: "CardText FontWeightMedium"
-        }, wallet.name), type != 'previouslyConnected' && /*#__PURE__*/React.createElement("div", {
+        }, walletMetaData.name), type != 'previouslyConnected' && /*#__PURE__*/React.createElement("div", {
           className: "LightGreen"
         }, /*#__PURE__*/React.createElement("span", {
           className: "LightGreen",
@@ -3195,7 +3408,7 @@ var SelectWalletDialog = (function (props) {
             top: '-1px',
             position: 'relative'
           }
-        }, "\u25CF"), " Detected"), type == 'previouslyConnected' && /*#__PURE__*/React.createElement("div", {
+        }, "\u25CF"), " Connect detected ", connectionType), type == 'previouslyConnected' && /*#__PURE__*/React.createElement("div", {
           className: "Opacity05"
         }, /*#__PURE__*/React.createElement("span", {
           style: {
@@ -3209,13 +3422,11 @@ var SelectWalletDialog = (function (props) {
         if (availableWallet.name == 'Phantom') {
           return;
         }
-        var wallet = allWallets.find(function (wallet) {
-          return wallet.name == availableWallet.name;
-        }) || allWallets.find(function (wallet) {
+        var walletMetaData = allWallets.find(function (wallet) {
           return wallet.name == availableWallet.name;
         });
-        if (wallet) {
-          return renderWalletElement(wallet, index, 'detected');
+        if (walletMetaData) {
+          return renderWalletElement(walletMetaData, index, 'detected', availableWallet);
         }
       }).filter(function (wallet) {
         return !!wallet;
@@ -3339,6 +3550,10 @@ var ConnectStack = (function (props) {
     _useState4 = _slicedToArray(_useState3, 2),
     selection = _useState4[0];
     _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showConnectExtensionWarning = _useState6[0],
+    setShowConnectExtensionWarning = _useState6[1];
   var resolve = function resolve(account, wallet) {
     if (account && wallet) {
       var walletMeta = allWallets.find(function (walletMeta) {
@@ -3354,7 +3569,20 @@ var ConnectStack = (function (props) {
       });
     }
   };
+  var connectExtension = function connectExtension(wallet) {
+    setShowConnectExtensionWarning(false);
+    wallet = new wallets[wallet.extension]();
+    wallet.connect().then(function (account) {
+      resolve(account, wallet);
+    })["catch"](function (error) {
+      if ((error === null || error === void 0 ? void 0 : error.code) == -32002) {
+        // Request of type 'wallet_requestPermissions' already pending...
+        setShowConnectExtensionWarning(true);
+      }
+    });
+  };
   var connectViaRedirect = function connectViaRedirect(walletMetaData) {
+    var reconnect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var platform = platformForWallet(walletMetaData);
     if (!platform) {
       return;
@@ -3364,7 +3592,7 @@ var ConnectStack = (function (props) {
       _wallet.connect({
         name: walletMetaData.name,
         logo: walletMetaData.logo,
-        reconnect: true,
+        reconnect: reconnect,
         connect: function connect(_ref) {
           var uri = _ref.uri;
           var href;
@@ -3416,14 +3644,17 @@ var ConnectStack = (function (props) {
       SelectWallet: /*#__PURE__*/React.createElement(SelectWalletDialog, {
         setWallet: setWallet,
         resolve: resolve,
-        connectViaRedirect: connectViaRedirect
+        connectViaRedirect: connectViaRedirect,
+        connectExtension: connectExtension
       }),
       WhatIsAWallet: /*#__PURE__*/React.createElement(WhatIsAWalletDialog, null),
       ConnectWallet: /*#__PURE__*/React.createElement(ConnectWalletDialog, {
         selection: selection,
         wallet: wallet,
         resolve: resolve,
-        connectViaRedirect: connectViaRedirect
+        connectViaRedirect: connectViaRedirect,
+        connectExtension: connectExtension,
+        showConnectExtensionWarning: showConnectExtensionWarning
       })
     }
   }), /*#__PURE__*/React.createElement(PoweredBy, null));
@@ -3800,7 +4031,7 @@ var DialogStyle = (function (style) {
 });
 
 var DropDownStyle = (function (style) {
-  return "\n\n    .DropDownWrapper {\n      position: relative;\n    }\n\n    .DropDown {\n      background: rgb(240,240,240);\n      border-radius: 8px;\n      border: 1px solid rgb(230,230,230);\n      box-shadow: 0 0 12px rgba(0,0,0,0.1);\n      display: block;\n      padding: 8px 6px;\n      position: absolute;\n      right: 0;\n    }\n\n    .DropDownItem {\n      border: 1px solid transparent;\n      border-radius: 6px;\n      cursor: pointer;\n      font-size: 17px;\n      font-weight: 500;\n      min-width: 160px;\n      padding: 6px 10px;\n      text-align: left;\n      white-space: nowrap;\n    }\n\n    .DropDownItem:focus {\n      border: 1px solid ".concat(style.colors.primary, ";\n    }\n\n    .DropDownItem:hover {\n      background: rgba(0,0,0,0.1);\n    }\n    \n    .DropDownItem:active {\n      background: rgba(0,0,0,0.15);\n    }\n    \n  ");
+  return "\n\n    .DropDownWrapper {\n      position: relative;\n    }\n\n    .DropDown {\n      background: rgb(240,240,240);\n      border-radius: 8px;\n      border: 1px solid rgb(230,230,230);\n      box-shadow: 0 0 12px rgba(0,0,0,0.1);\n      display: block;\n      padding: 8px 6px;\n      position: absolute;\n      right: 0;\n      z-index: 1000;\n    }\n\n    .DropDownItem {\n      border: 1px solid transparent;\n      border-radius: 6px;\n      cursor: pointer;\n      font-size: 17px;\n      font-weight: 500;\n      min-width: 160px;\n      padding: 6px 10px;\n      text-align: left;\n      white-space: nowrap;\n    }\n\n    .DropDownItem:focus {\n      border: 1px solid ".concat(style.colors.primary, ";\n    }\n\n    .DropDownItem:hover {\n      background: rgba(0,0,0,0.1);\n    }\n    \n    .DropDownItem:active {\n      background: rgba(0,0,0,0.15);\n    }\n    \n  ");
 });
 
 var FontStyle = (function (style) {
@@ -23670,10 +23901,11 @@ var TransactionTrackingProvider = (function (props) {
 
 var WalletProvider = (function (props) {
   var _useContext = useContext(ConfigurationContext),
-    recover = _useContext.recover;
+    recover = _useContext.recover,
+    passedWallet = _useContext.wallet;
   var _useContext2 = useContext(ErrorContext);
     _useContext2.setError;
-  var _useState = useState(),
+  var _useState = useState(passedWallet),
     _useState2 = _slicedToArray(_useState, 2),
     wallet = _useState2[0],
     setWallet = _useState2[1];
@@ -23681,7 +23913,7 @@ var WalletProvider = (function (props) {
     _useState4 = _slicedToArray(_useState3, 2),
     account = _useState4[0],
     setAccount = _useState4[1];
-  var _useState5 = useState(),
+  var _useState5 = useState(passedWallet ? 'connected' : undefined),
     _useState6 = _slicedToArray(_useState5, 2),
     walletState = _useState6[0],
     setWalletState = _useState6[1];
@@ -23690,9 +23922,7 @@ var WalletProvider = (function (props) {
       wallet = _ref.wallet;
     setAccount(account);
     setWallet(wallet);
-    setTimeout(function () {
-      return setWalletState('connected');
-    }, 200); // wait for animation to finish
+    setWalletState('connected');
     if (props.connected) {
       props.connected(account);
     }
@@ -23702,6 +23932,33 @@ var WalletProvider = (function (props) {
     setWallet();
     setWalletState();
   };
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var _account;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!passedWallet) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 3;
+            return passedWallet.account();
+          case 3:
+            _account = _context.sent;
+            if (_account) {
+              setAccount(_account);
+            } else {
+              setWallet();
+              setWalletState();
+            }
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }, []);
   if (walletState == 'connected' || recover != undefined) {
     return /*#__PURE__*/React.createElement(WalletContext.Provider, {
       value: {
@@ -23758,11 +24015,11 @@ var preflight$2 = /*#__PURE__*/function () {
 }();
 var Donation = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, accept, event, sent, succeeded, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, title, document, unmount;
+    var amount, accept, event, sent, succeeded, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, title, wallet, document, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, succeeded = _ref3.succeeded, validated = _ref3.validated, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, title = _ref3.title, document = _ref3.document;
+          amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, succeeded = _ref3.succeeded, validated = _ref3.validated, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, title = _ref3.title, wallet = _ref3.wallet, document = _ref3.document;
           requireReactVersion();
           _context2.prev = 2;
           _context2.next = 5;
@@ -23799,7 +24056,8 @@ var Donation = /*#__PURE__*/function () {
                   providers: providers,
                   integration: integration,
                   link: link,
-                  title: title
+                  title: title,
+                  wallet: wallet
                 }
               }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
                 unmount: unmount,
@@ -24059,7 +24317,7 @@ var LoginStack = (function (props) {
 
 var Login = function Login(options) {
   requireReactVersion();
-  var style, error, document, message, endpoint, recover;
+  var style, error, document, message, endpoint, recover, wallet;
   if (_typeof(options) == 'object') {
     style = options.style;
     error = options.error;
@@ -24067,6 +24325,7 @@ var Login = function Login(options) {
     message = options.message;
     endpoint = options.endpoint;
     recover = options.recover;
+    wallet = options.wallet;
   }
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(_resolve, reject) {
@@ -24090,7 +24349,8 @@ var Login = function Login(options) {
                   configuration: {
                     message: message,
                     endpoint: endpoint || '/login',
-                    recoverSignature: recover
+                    recoverSignature: recover,
+                    wallet: wallet
                   }
                 }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
                   unmount: userClosedDialog
@@ -24467,11 +24727,11 @@ var preflight$1 = /*#__PURE__*/function () {
 }();
 var Payment = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var accept, amount, sent, succeeded, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, link, container, before, document, unmount;
+    var accept, amount, sent, succeeded, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, link, container, before, wallet, document, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          accept = _ref3.accept, amount = _ref3.amount, sent = _ref3.sent, succeeded = _ref3.succeeded, validated = _ref3.validated, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, before = _ref3.before, document = _ref3.document;
+          accept = _ref3.accept, amount = _ref3.amount, sent = _ref3.sent, succeeded = _ref3.succeeded, validated = _ref3.validated, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, before = _ref3.before, wallet = _ref3.wallet, document = _ref3.document;
           requireReactVersion();
           _context2.prev = 2;
           _context2.next = 5;
@@ -24513,7 +24773,8 @@ var Payment = /*#__PURE__*/function () {
                   fee: fee,
                   recover: recover,
                   integration: integration,
-                  link: link
+                  link: link,
+                  wallet: wallet
                 }
               }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
                 unmount: unmount,
@@ -24871,11 +25132,11 @@ var preflight = /*#__PURE__*/function () {
 }();
 var Sale = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, sell, sent, succeeded, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, document, accept, unmount;
+    var amount, sell, sent, succeeded, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, wallet, document, accept, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, succeeded = _ref3.succeeded, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
+          amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, succeeded = _ref3.succeeded, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, wallet = _ref3.wallet, document = _ref3.document;
           requireReactVersion();
           _context2.prev = 2;
           _context2.next = 5;
@@ -24911,7 +25172,8 @@ var Sale = /*#__PURE__*/function () {
                   failed: failed,
                   blacklist: blacklist,
                   providers: providers,
-                  integration: integration
+                  integration: integration,
+                  wallet: wallet
                 }
               }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
                 unmount: unmount,