@depay/widgets 6.1.0 → 6.2.3

package/dist/umd/index.js

@@ -1339,14 +1339,14 @@
       throw new TypeError("Super expression must either be null or a function");
     }
 
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
     Object.defineProperty(subClass, "prototype", {
-      value: Object.create(superClass && superClass.prototype, {
-        constructor: {
-          value: subClass,
-          writable: true,
-          configurable: true
-        }
-      }),
       writable: false
     });
     if (superClass) _setPrototypeOf(subClass, superClass);
@@ -3785,52 +3785,57 @@
     var _useContext = React.useContext(ErrorContext),
         setError = _useContext.setError;
 
-    var _useState = React.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        showSignButton = _useState2[0],
-        setShowSignButton = _useState2[1];
-
     var _useContext2 = React.useContext(ConfigurationContext),
         message = _useContext2.message,
         endpoint = _useContext2.endpoint;
 
+    var _useContext3 = React.useContext(ConfigurationContext),
+        recover = _useContext3.recover;
+
     var wallet = web3Wallets.getWallet();
     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) {
+        var message = _ref.message,
+            signature = _ref.signature;
+        return new Promise(function (resolve, reject) {
+          fetch(endpoint, {
+            method: 'POST',
+            body: JSON.stringify({
+              message: message,
+              signature: signature
+            })
+          }).then(function (response) {
+            if (response.status == 200) {
+              response.text().then(function (account) {
+                resolve(account);
+              })["catch"](setError);
+            } else {
+              response.text().then(function (text) {
+                setError(text || 'Recovering login signature failed!');
+              });
+            }
+          });
+        });
+      };
+    }
+
     var login = function login() {
       wallet.sign(message).then(function (signature) {
-        fetch(endpoint, {
-          method: 'POST',
-          body: JSON.stringify({
-            message: message,
-            signature: signature
-          })
-        }).then(function (response) {
-          if (response.status == 200) {
-            response.text().then(function (account) {
-              props.resolve(account);
-            })["catch"](setError);
-          } else {
-            response.text().then(function (text) {
-              setError(text || 'Recovering login signature failed!');
-            });
-          }
-        })["catch"](setError);
-      })["catch"](setError);
+        recover({
+          message: message,
+          signature: signature
+        }).then(props.resolve)["catch"](setError);
+      })["catch"](function (error) {
+        if (error && error.code && error.code == 4001) ; else {
+          setError(error);
+        }
+      });
     };
 
-    React.useEffect(login, []);
-    React.useEffect(function () {
-      var timeout = setTimeout(function () {
-        return setShowSignButton(true);
-      }, 10000);
-      return function () {
-        return clearTimeout(timeout);
-      };
-    }, []);
     return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
-      stacked: true,
       body: /*#__PURE__*/React__default$1["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default$1["default"].createElement("div", {
         className: "GraphicWrapper PaddingTopS PaddingBottomS"
       }, /*#__PURE__*/React__default$1["default"].createElement("img", {
@@ -3842,8 +3847,8 @@
         className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
       }, /*#__PURE__*/React__default$1["default"].createElement("p", {
         className: "FontSizeM PaddingLeftM PaddingRightM"
-      }, "Please sign the login message with your connected wallet."))),
-      footer: showSignButton && /*#__PURE__*/React__default$1["default"].createElement("div", {
+      }, "Please click \"Log in\" and sign the message with your connected wallet."))),
+      footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
         className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
       }, /*#__PURE__*/React__default$1["default"].createElement("button", {
         className: "ButtonPrimary",
@@ -3870,14 +3875,15 @@
       document: props.document,
       dialogs: {
         SignLogin: /*#__PURE__*/React__default$1["default"].createElement(SignLoginDialog, {
-          resolve: props.resolve
+          resolve: props.resolve,
+          userClosedDialog: props.userClosedDialog
         })
       }
     });
   });
 
   var Login = function Login(options) {
-    var style, error, document, message, endpoint;
+    var style, error, document, message, endpoint, recover;
 
     if (_typeof(options) == 'object') {
       style = options.style;
@@ -3885,6 +3891,7 @@
       document = options.document;
       message = options.message;
       endpoint = options.endpoint;
+      recover = options.recover;
     }
 
     return new Promise( /*#__PURE__*/function () {
@@ -3898,7 +3905,7 @@
                     style: style,
                     document: ensureDocument(document)
                   }, function (unmount) {
-                    var rejectBeforeUnmount = function rejectBeforeUnmount() {
+                    var userClosedDialog = function userClosedDialog() {
                       reject('USER_CLOSED_DIALOG');
                       unmount();
                     };
@@ -3911,10 +3918,11 @@
                       }, /*#__PURE__*/React__default$1["default"].createElement(ConfigurationProvider, {
                         configuration: {
                           message: message,
-                          endpoint: endpoint || '/login'
+                          endpoint: endpoint || '/login',
+                          recover: recover
                         }
                       }, /*#__PURE__*/React__default$1["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ClosableProvider, {
-                        unmount: rejectBeforeUnmount
+                        unmount: userClosedDialog
                       }, /*#__PURE__*/React__default$1["default"].createElement(LoginStack, {
                         document: document,
                         container: container,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.1.0",
+  "version": "6.2.3",
   "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",
@@ -45,7 +45,7 @@
     "@depay/web3-exchanges": "^8.0.0",
     "@depay/web3-payments": "^9.0.2",
     "@depay/web3-tokens": "^7.2.0",
-    "@depay/web3-wallets": "^7.2.0",
+    "@depay/web3-wallets": "^7.2.1",
     "decimal.js": "^10.3.1",
     "react-rangeslider": "^2.2.0"
   },