@depay/widgets 9.0.1 → 9.0.3

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import React, { useState, useContext, useEffect, useCallback, useRef } from 'react';
 import { NavigateStackContext, ReactDialogStack } from '@depay/react-dialog-stack';
-import { getWallets, wallets } from '@depay/web3-wallets';
+import { getWallets, getConnectedWallets, wallets } from '@depay/web3-wallets';
 import ReactDOM from 'react-dom';
 import { ReactShadowDOM } from '@depay/react-shadow-dom';
 import { ethers } from 'ethers';
@@ -653,23 +653,27 @@ var SelectWalletDialog = (function (props) {
   var wallet = getWallets()[0];
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      var account;
+      var connectedWallets, account;
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!wallet) {
-              _context.next = 5;
+            _context.next = 2;
+            return getConnectedWallets();
+          case 2:
+            connectedWallets = _context.sent;
+            if (!(wallet && connectedWallets == 0)) {
+              _context.next = 8;
               break;
             }
-            _context.next = 3;
+            _context.next = 6;
             return wallet.account();
-          case 3:
+          case 6:
             account = _context.sent;
             if (account == undefined) {
               navigate('ConnectingWallet');
               props.connect(wallet);
             }
-          case 5:
+          case 8:
           case "end":
             return _context.stop();
         }
@@ -806,6 +810,7 @@ var ConnectStack = (function (props) {
           case 3:
             account = _context2.sent;
             if (account) {
+              if (props.autoClose) close();
               if (props.resolve) props.resolve({
                 wallet: wallet,
                 account: account
@@ -1398,28 +1403,28 @@ var Connect = function Connect(options) {
   }
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(resolve, reject) {
-      var wallet, account;
+      var connectedWallets, wallet, account;
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            wallet = getWallets()[0];
-            if (!wallet) {
-              _context.next = 7;
+            _context.next = 2;
+            return getConnectedWallets();
+          case 2:
+            connectedWallets = _context.sent;
+            if (!(connectedWallets && connectedWallets.length == 1)) {
+              _context.next = 9;
               break;
             }
-            _context.next = 4;
+            wallet = connectedWallets[0];
+            _context.next = 7;
             return wallet.account();
-          case 4:
+          case 7:
             account = _context.sent;
-            if (!account) {
-              _context.next = 7;
-              break;
-            }
             return _context.abrupt("return", resolve({
               wallet: wallet,
               account: account
             }));
-          case 7:
+          case 9:
             mount({
               style: style,
               document: ensureDocument(document)
@@ -1444,7 +1449,7 @@ var Connect = function Connect(options) {
                 }), /*#__PURE__*/React.createElement(PoweredBy, null))));
               };
             });
-          case 8:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -21109,7 +21114,45 @@ var WalletProvider = (function (props) {
       props.connected(account);
     }
   };
-  if (walletState == 'connected' || recover != undefined && typeof recover != 'function') {
+  useEffect(function () {
+    if (recover == undefined) {
+      var selectConnectedWallet = /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+          var connectedWallets, _wallet, _account;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return getConnectedWallets();
+              case 2:
+                connectedWallets = _context.sent;
+                if (!(connectedWallets && connectedWallets.length == 1)) {
+                  _context.next = 9;
+                  break;
+                }
+                _wallet = connectedWallets[0];
+                _context.next = 7;
+                return _wallet.account();
+              case 7:
+                _account = _context.sent;
+                connected({
+                  account: _account,
+                  wallet: _wallet
+                });
+              case 9:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function selectConnectedWallet() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      selectConnectedWallet();
+    }
+  }, []);
+  if (walletState == 'connected' || recover != undefined) {
     return /*#__PURE__*/React.createElement(WalletContext.Provider, {
       value: {
         account: account,
@@ -21256,7 +21299,7 @@ var SignLoginDialog = (function (props) {
     message = _useContext2.message,
     endpoint = _useContext2.endpoint;
   var _useContext3 = useContext(ConfigurationContext),
-    recover = _useContext3.recover;
+    recoverSignature = _useContext3.recoverSignature;
   var _useContext4 = useContext(WalletContext),
     wallet = _useContext4.wallet;
   if (!wallet) {
@@ -21264,8 +21307,8 @@ var SignLoginDialog = (function (props) {
   }
   wallet !== null && wallet !== void 0 && wallet.name ? wallet.name : 'wallet';
   var walletLogo = wallet !== null && wallet !== void 0 && wallet.logo ? wallet.logo : undefined;
-  if (typeof recover != 'function') {
-    recover = function recover(_ref) {
+  if (typeof recoverSignature != 'function') {
+    recoverSignature = function recoverSignature(_ref) {
       var message = _ref.message,
         signature = _ref.signature;
       return new Promise(function (resolve, reject) {
@@ -21294,7 +21337,7 @@ var SignLoginDialog = (function (props) {
   }
   var login = function login() {
     wallet.sign(message).then(function (signature) {
-      recover({
+      recoverSignature({
         message: message,
         signature: signature
       }).then(props.resolve)["catch"](setError);
@@ -21380,7 +21423,7 @@ var Login = function Login(options) {
                   configuration: {
                     message: message,
                     endpoint: endpoint || '/login',
-                    recover: recover
+                    recoverSignature: recover
                   }
                 }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
                   unmount: userClosedDialog