@depay/widgets 6.31.1 → 7.0.2

package/dist/esm/index.js

@@ -12,7 +12,6 @@ import { Currency } from '@depay/local-currency';
 import { setProviderEndpoints, request, provider } from '@depay/web3-client';
 import { Blockchain } from '@depay/web3-blockchains';
 import { route as route$1 } from '@depay/web3-payments';
-import Slider from 'react-rangeslider';
 import { TokenImage } from '@depay/react-token-image';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -727,34 +726,37 @@ var SelectWalletDialog = (function (props) {
       navigate = _useContext.navigate;
 
   var wallet = getWallet();
-  useEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-    var accounts;
-    return regenerator.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!wallet) {
-              _context.next = 5;
-              break;
-            }
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var accounts;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!wallet) {
+                _context.next = 5;
+                break;
+              }
 
-            _context.next = 3;
-            return wallet.accounts();
+              _context.next = 3;
+              return wallet.accounts();
 
-          case 3:
-            accounts = _context.sent;
+            case 3:
+              accounts = _context.sent;
 
-            if (accounts == undefined || accounts.length == 0) {
-              navigate('ConnectingWallet');
-            }
+              if (accounts == undefined || accounts.length == 0) {
+                navigate('ConnectingWallet');
+                props.connect(wallet);
+              }
 
-          case 5:
-          case "end":
-            return _context.stop();
+            case 5:
+            case "end":
+              return _context.stop();
+          }
         }
-      }
-    }, _callee);
-  })), [wallet]);
+      }, _callee);
+    }))();
+  }, [wallet]);
 
   var connect = function connect(walletClass) {
     var wallet = new walletClass();
@@ -838,6 +840,7 @@ var ConnectStack = (function (props) {
       setWallet = _useState4[1];
 
   var connect = function connect(wallet) {
+    console.log('CONNECT');
     wallet.connect().then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
       var accounts;
       return regenerator.wrap(function _callee$(_context) {
@@ -888,40 +891,40 @@ var ConnectStack = (function (props) {
       setWallet(wallet);
     }
   }, []);
-  useEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-    var accounts;
-    return regenerator.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!wallet) {
-              _context2.next = 5;
-              break;
-            }
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      var accounts;
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!wallet) {
+                _context2.next = 5;
+                break;
+              }
 
-            _context2.next = 3;
-            return wallet.accounts();
+              _context2.next = 3;
+              return wallet.accounts();
 
-          case 3:
-            accounts = _context2.sent;
+            case 3:
+              accounts = _context2.sent;
 
-            if (accounts instanceof Array && accounts.length > 0) {
-              if (props.resolve) props.resolve({
-                wallet: wallet,
-                account: accounts[0],
-                accounts: accounts
-              });
-            } else {
-              connect(wallet);
-            }
+              if (accounts instanceof Array && accounts.length > 0) {
+                if (props.resolve) props.resolve({
+                  wallet: wallet,
+                  account: accounts[0],
+                  accounts: accounts
+                });
+              }
 
-          case 5:
-          case "end":
-            return _context2.stop();
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
         }
-      }
-    }, _callee2);
-  })), [wallet]);
+      }, _callee2);
+    }))();
+  }, [wallet]);
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
     open: open,
     close: close,
@@ -1091,7 +1094,7 @@ function ReactDialogStyle (styles) {
   `
 }
 
-const _jsxFileName = "/home/runner/work/react-dialog/react-dialog/src/components/Dialog.jsx";
+const _jsxFileName$1 = "/home/runner/work/react-dialog/react-dialog/src/components/Dialog.jsx";
 class Dialog extends React.Component {
   constructor(props) {
     super(props);
@@ -1142,10 +1145,10 @@ class Dialog extends React.Component {
     const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
     const style = ReactDialogStyle({ background: this.props.background });
     return (
-      React.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
-        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}, style)
-        , React.createElement('div', { className: "ReactDialogInner", __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}}
-          , React.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 59}} )
+      React.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 55}}
+        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName$1, lineNumber: 56}}, style)
+        , React.createElement('div', { className: "ReactDialogInner", __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 57}}
+          , React.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 58}} )
           , this.props.children
         )
       )
@@ -1153,7 +1156,7 @@ class Dialog extends React.Component {
   }
 }
 
-const _jsxFileName$1 = "/home/runner/work/react-dialog/react-dialog/src/index.jsx";
+const _jsxFileName = "/home/runner/work/react-dialog/react-dialog/src/index.jsx";
 class ReactDialog extends React.Component {
   constructor(props) {
     super(props);
@@ -1182,7 +1185,7 @@ class ReactDialog extends React.Component {
           background: this.props.background,
           close: this.props.close,
           document: _document,
-          open: this.props.open, __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 29}}
+          open: this.props.open, __self: this, __source: {fileName: _jsxFileName, lineNumber: 29}}
         
           , this.props.children
         ),
@@ -1325,7 +1328,7 @@ var DialogStyle = (function (style) {
 });
 
 var FontStyle = (function (style) {
-  return "\n\n    *, div, div * {\n      font-family: ".concat(style.fontFamily, ";\n    }\n\n    .FontSizeS {\n      font-size: 16px;\n    }\n\n    .FontSizeM {\n      font-size: 19px;\n    }\n\n    .FontSizeL {\n      font-size: 23px;\n    }\n\n    .FontSizeXL {\n      font-size: 32px;\n    }\n\n    .FontWeightBold {\n      font-weight: bold;\n    }\n\n    .FontItalic {\n      font-style: italic;\n    }\n  ");
+  return "\n\n    *, div, div * {\n      font-family: ".concat(style.fontFamily, ";\n    }\n\n    .FontSizeS {\n      font-size: 16px;\n    }\n\n    .FontSizeM {\n      font-size: 19px;\n    }\n\n    .FontSizeL {\n      font-size: 23px;\n    }\n\n    .FontSizeXL {\n      font-size: 32px;\n    }\n\n    .FontSizeXXL {\n      font-size: 42px;\n    }\n\n    .FontWeightBold {\n      font-weight: bold;\n    }\n\n    .FontItalic {\n      font-style: italic;\n    }\n  ");
 });
 
 var GraphicStyle = (function () {
@@ -1418,7 +1421,7 @@ var styleRenderer = (function (style) {
     },
     fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
   }, style);
-  return [ResetStyle(), DialogStyle(style), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(style), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(style), PaddingStyle(), HeightStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(style), TextButtonStyle(style), ImageStyle(style), BlockchainLogoStyle(style), SearchStyle(style), TokenImageStyle(style), AlertStyle(style), TableStyle(style), LinkStyle(style), TooltipStyle(style)].join('');
+  return [ResetStyle(), DialogStyle(), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(style), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(), PaddingStyle(), HeightStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(), TextButtonStyle(style), ImageStyle(), BlockchainLogoStyle(), SearchStyle(style), TokenImageStyle(), AlertStyle(), TableStyle(), LinkStyle(style), TooltipStyle(style)].join('');
 });
 
 var mount = (function (_ref, content) {
@@ -2692,15 +2695,14 @@ var ChangeAmountDialog = (function (props) {
       className: "PaddingLeftM PaddingRightM"
     }, /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS TextCenter PaddingBottomL"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "FontSizeL"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
       max: parseFloat(maxAmount),
       min: min,
       step: step,
-      className: "Input FontSizeXL TextAlignCenter",
+      className: "Input FontSizeXXL TextAlignCenter",
       type: "number",
       name: "amount",
+      autoFocus: true,
       value: parseFloat(inputAmount),
       onChange: function onChange(event) {
         changeAmount(event.target.value);
@@ -2708,18 +2710,7 @@ var ChangeAmountDialog = (function (props) {
       onBlur: function onBlur(event) {
         setValidValue(event.target.value);
       }
-    })), /*#__PURE__*/React.createElement(Slider, {
-      max: parseFloat(maxAmount),
-      min: min,
-      step: step,
-      value: parseFloat(inputAmount),
-      onChange: function onChange(value) {
-        changeAmount(toValidStep(value));
-      },
-      onChangeComplete: function onChangeComplete() {
-        setValidValue(inputAmount);
-      }
-    }), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       style: {
         height: '40px'
       }