@depay/widgets 6.2.2 → 6.2.3

package/dist/esm/index.bundle.js

@@ -70394,11 +70394,6 @@ var SignLoginDialog = (function (props) {
   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;
@@ -70442,20 +70437,13 @@ var SignLoginDialog = (function (props) {
         message: message,
         signature: signature
       }).then(props.resolve)["catch"](setError);
-    })["catch"](setError);
+    })["catch"](function (error) {
+      if (error && error.code && error.code == 4001) ; else {
+        setError(error);
+      }
+    });
   };
 
-  react.useEffect(function () {
-    return setTimeout(login, 1000);
-  }, []);
-  react.useEffect(function () {
-    var timeout = setTimeout(function () {
-      return setShowSignButton(true);
-    }, 10000);
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, []);
   return /*#__PURE__*/react.createElement(Dialog, {
     body: /*#__PURE__*/react.createElement("div", null, walletLogo && /*#__PURE__*/react.createElement("div", {
       className: "GraphicWrapper PaddingTopS PaddingBottomS"
@@ -70468,8 +70456,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",
@@ -70496,7 +70484,8 @@ var LoginStack = (function (props) {
     document: props.document,
     dialogs: {
       SignLogin: /*#__PURE__*/react.createElement(SignLoginDialog, {
-        resolve: props.resolve
+        resolve: props.resolve,
+        userClosedDialog: props.userClosedDialog
       })
     }
   });
@@ -70525,7 +70514,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();
                   };
@@ -70542,7 +70531,7 @@ var Login = function Login(options) {
                         recover: recover
                       }
                     }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
-                      unmount: rejectBeforeUnmount
+                      unmount: userClosedDialog
                     }, /*#__PURE__*/react.createElement(LoginStack, {
                       document: document,
                       container: container,

package/dist/esm/index.js

@@ -3790,11 +3790,6 @@ 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;
@@ -3838,20 +3833,13 @@ var SignLoginDialog = (function (props) {
         message: message,
         signature: signature
       }).then(props.resolve)["catch"](setError);
-    })["catch"](setError);
+    })["catch"](function (error) {
+      if (error && error.code && error.code == 4001) ; else {
+        setError(error);
+      }
+    });
   };
 
-  useEffect(function () {
-    return setTimeout(login, 1000);
-  }, []);
-  useEffect(function () {
-    var timeout = setTimeout(function () {
-      return setShowSignButton(true);
-    }, 10000);
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, []);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     body: /*#__PURE__*/React.createElement("div", null, walletLogo && /*#__PURE__*/React.createElement("div", {
       className: "GraphicWrapper PaddingTopS PaddingBottomS"
@@ -3864,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",
@@ -3892,7 +3880,8 @@ var LoginStack = (function (props) {
     document: props.document,
     dialogs: {
       SignLogin: /*#__PURE__*/React.createElement(SignLoginDialog, {
-        resolve: props.resolve
+        resolve: props.resolve,
+        userClosedDialog: props.userClosedDialog
       })
     }
   });
@@ -3921,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();
                   };
@@ -3938,7 +3927,7 @@ var Login = function Login(options) {
                         recover: recover
                       }
                     }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
-                      unmount: rejectBeforeUnmount
+                      unmount: userClosedDialog
                     }, /*#__PURE__*/React.createElement(LoginStack, {
                       document: document,
                       container: container,

package/dist/umd/index.bundle.js

@@ -70400,11 +70400,6 @@
     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;
@@ -70448,20 +70443,13 @@
           message: message,
           signature: signature
         }).then(props.resolve)["catch"](setError);
-      })["catch"](setError);
+      })["catch"](function (error) {
+        if (error && error.code && error.code == 4001) ; else {
+          setError(error);
+        }
+      });
     };
 
-    react.useEffect(function () {
-      return setTimeout(login, 1000);
-    }, []);
-    react.useEffect(function () {
-      var timeout = setTimeout(function () {
-        return setShowSignButton(true);
-      }, 10000);
-      return function () {
-        return clearTimeout(timeout);
-      };
-    }, []);
     return /*#__PURE__*/react.createElement(Dialog, {
       body: /*#__PURE__*/react.createElement("div", null, walletLogo && /*#__PURE__*/react.createElement("div", {
         className: "GraphicWrapper PaddingTopS PaddingBottomS"
@@ -70474,8 +70462,8 @@
         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",
@@ -70502,7 +70490,8 @@
       document: props.document,
       dialogs: {
         SignLogin: /*#__PURE__*/react.createElement(SignLoginDialog, {
-          resolve: props.resolve
+          resolve: props.resolve,
+          userClosedDialog: props.userClosedDialog
         })
       }
     });
@@ -70531,7 +70520,7 @@
                     style: style,
                     document: ensureDocument(document)
                   }, function (unmount) {
-                    var rejectBeforeUnmount = function rejectBeforeUnmount() {
+                    var userClosedDialog = function userClosedDialog() {
                       reject('USER_CLOSED_DIALOG');
                       unmount();
                     };
@@ -70548,7 +70537,7 @@
                           recover: recover
                         }
                       }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
-                        unmount: rejectBeforeUnmount
+                        unmount: userClosedDialog
                       }, /*#__PURE__*/react.createElement(LoginStack, {
                         document: document,
                         container: container,

package/dist/umd/index.js

@@ -3785,11 +3785,6 @@
     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;
@@ -3833,20 +3828,13 @@
           message: message,
           signature: signature
         }).then(props.resolve)["catch"](setError);
-      })["catch"](setError);
+      })["catch"](function (error) {
+        if (error && error.code && error.code == 4001) ; else {
+          setError(error);
+        }
+      });
     };
 
-    React.useEffect(function () {
-      return setTimeout(login, 1000);
-    }, []);
-    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, {
       body: /*#__PURE__*/React__default$1["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default$1["default"].createElement("div", {
         className: "GraphicWrapper PaddingTopS PaddingBottomS"
@@ -3859,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",
@@ -3887,7 +3875,8 @@
       document: props.document,
       dialogs: {
         SignLogin: /*#__PURE__*/React__default$1["default"].createElement(SignLoginDialog, {
-          resolve: props.resolve
+          resolve: props.resolve,
+          userClosedDialog: props.userClosedDialog
         })
       }
     });
@@ -3916,7 +3905,7 @@
                     style: style,
                     document: ensureDocument(document)
                   }, function (unmount) {
-                    var rejectBeforeUnmount = function rejectBeforeUnmount() {
+                    var userClosedDialog = function userClosedDialog() {
                       reject('USER_CLOSED_DIALOG');
                       unmount();
                     };
@@ -3933,7 +3922,7 @@
                           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.2.2",
+  "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",