@depay/widgets 6.1.0 → 6.2.3

package/dist/esm/index.js

@@ -1344,14 +1344,14 @@ function _inherits(subClass, superClass) {
     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);
@@ -3790,52 +3790,57 @@ var SignLoginDialog = (function (props) {
   var _useContext = useContext(ErrorContext),
       setError = _useContext.setError;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showSignButton = _useState2[0],
-      setShowSignButton = _useState2[1];
-
   var _useContext2 = useContext(ConfigurationContext),
       message = _useContext2.message,
       endpoint = _useContext2.endpoint;
 
+  var _useContext3 = useContext(ConfigurationContext),
+      recover = _useContext3.recover;
+
   var wallet = 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);
+      }
+    });
   };
 
-  useEffect(login, []);
-  useEffect(function () {
-    var timeout = setTimeout(function () {
-      return setShowSignButton(true);
-    }, 10000);
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, []);
   return /*#__PURE__*/React.createElement(Dialog$1, {
-    stacked: true,
     body: /*#__PURE__*/React.createElement("div", null, walletLogo && /*#__PURE__*/React.createElement("div", {
       className: "GraphicWrapper PaddingTopS PaddingBottomS"
     }, /*#__PURE__*/React.createElement("img", {
@@ -3847,8 +3852,8 @@ var SignLoginDialog = (function (props) {
       className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
     }, /*#__PURE__*/React.createElement("p", {
       className: "FontSizeM PaddingLeftM PaddingRightM"
-    }, "Please sign the login message with your connected wallet."))),
-    footer: showSignButton && /*#__PURE__*/React.createElement("div", {
+    }, "Please click \"Log in\" and sign the message with your connected wallet."))),
+    footer: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/React.createElement("button", {
       className: "ButtonPrimary",
@@ -3875,14 +3880,15 @@ var LoginStack = (function (props) {
     document: props.document,
     dialogs: {
       SignLogin: /*#__PURE__*/React.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;
@@ -3890,6 +3896,7 @@ var Login = function Login(options) {
     document = options.document;
     message = options.message;
     endpoint = options.endpoint;
+    recover = options.recover;
   }
 
   return new Promise( /*#__PURE__*/function () {
@@ -3903,7 +3910,7 @@ var Login = function Login(options) {
                   style: style,
                   document: ensureDocument(document)
                 }, function (unmount) {
-                  var rejectBeforeUnmount = function rejectBeforeUnmount() {
+                  var userClosedDialog = function userClosedDialog() {
                     reject('USER_CLOSED_DIALOG');
                     unmount();
                   };
@@ -3916,10 +3923,11 @@ var Login = function Login(options) {
                     }, /*#__PURE__*/React.createElement(ConfigurationProvider, {
                       configuration: {
                         message: message,
-                        endpoint: endpoint || '/login'
+                        endpoint: endpoint || '/login',
+                        recover: recover
                       }
                     }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
-                      unmount: rejectBeforeUnmount
+                      unmount: userClosedDialog
                     }, /*#__PURE__*/React.createElement(LoginStack, {
                       document: document,
                       container: container,