@depay/widgets 6.1.0 → 6.2.0

package/README.md

@@ -1316,6 +1316,31 @@ Which will resolve the `DePayWidgets.Login` request to the resolved account:
 account // 0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
 ```
 
+You can also pass a `recover` function that takes care of signature recovery:
+
+```javascript
+DePayWidgets.Login({ message, recover: ({ message, signature })=>{
+    return new Promise((resolve, reject)=>{
+      fetch('https://example.com/login', {
+        method: 'POST',
+        body: JSON.stringify({ message, signature })
+      })
+        .then((response)=>{
+          if(response.status == 200) {
+            response.text().then((account)=>{
+              resolve(account)
+            }).catch(reject)
+          } else {
+            response.text().then((text)=>{
+              reject(text || 'Recovering login signature failed!')
+            }).catch(reject)
+          }
+        })
+    })
+  }
+})
+```
+
 ### Rejections
 
 1. Rejects if user just closes the dialog without connecting any wallet:

package/dist/esm/index.bundle.js

@@ -70403,29 +70403,45 @@ var SignLoginDialog = (function (props) {
       message = _useContext2.message,
       endpoint = _useContext2.endpoint;
 
+  var _useContext3 = react.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);
+      recover({
+        message: message,
+        signature: signature
+      }).then(props.resolve)["catch"](setError);
     })["catch"](setError);
   };
 
@@ -70486,7 +70502,7 @@ var LoginStack = (function (props) {
 });
 
 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;
@@ -70494,6 +70510,7 @@ var Login = function Login(options) {
     document = options.document;
     message = options.message;
     endpoint = options.endpoint;
+    recover = options.recover;
   }
 
   return new Promise( /*#__PURE__*/function () {
@@ -70520,7 +70537,8 @@ 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

package/dist/esm/index.js

@@ -3799,29 +3799,45 @@ var SignLoginDialog = (function (props) {
       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);
+      recover({
+        message: message,
+        signature: signature
+      }).then(props.resolve)["catch"](setError);
     })["catch"](setError);
   };
 
@@ -3882,7 +3898,7 @@ var LoginStack = (function (props) {
 });
 
 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 +3906,7 @@ var Login = function Login(options) {
     document = options.document;
     message = options.message;
     endpoint = options.endpoint;
+    recover = options.recover;
   }
 
   return new Promise( /*#__PURE__*/function () {
@@ -3916,7 +3933,8 @@ 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

package/dist/umd/index.bundle.js

@@ -70409,29 +70409,45 @@
         message = _useContext2.message,
         endpoint = _useContext2.endpoint;
 
+    var _useContext3 = react.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);
+        recover({
+          message: message,
+          signature: signature
+        }).then(props.resolve)["catch"](setError);
       })["catch"](setError);
     };
 
@@ -70492,7 +70508,7 @@
   });
 
   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;
@@ -70500,6 +70516,7 @@
       document = options.document;
       message = options.message;
       endpoint = options.endpoint;
+      recover = options.recover;
     }
 
     return new Promise( /*#__PURE__*/function () {
@@ -70526,7 +70543,8 @@
                       }, /*#__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

package/dist/umd/index.js

@@ -3794,29 +3794,45 @@
         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);
+        recover({
+          message: message,
+          signature: signature
+        }).then(props.resolve)["catch"](setError);
       })["catch"](setError);
     };
 
@@ -3877,7 +3893,7 @@
   });
 
   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 +3901,7 @@
       document = options.document;
       message = options.message;
       endpoint = options.endpoint;
+      recover = options.recover;
     }
 
     return new Promise( /*#__PURE__*/function () {
@@ -3911,7 +3928,8 @@
                       }, /*#__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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "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",