@depay/widgets 6.2.3 → 6.3.0

package/dist/umd/index.bundle.js

@@ -1534,11 +1534,6 @@
   }
   });
 
-  function _interopDefaultLegacy$4 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var React__default$2 = /*#__PURE__*/_interopDefaultLegacy$4(react);
-  var ReactDOM__default$1 = /*#__PURE__*/_interopDefaultLegacy$4(reactDom);
-
   function ReactDialogStyle (styles) {
     let background =
       typeof styles === 'object' && styles.background ? styles.background : 'rgba(0,0,0,0.4)';
@@ -1605,7 +1600,7 @@
   }
 
   const _jsxFileName$2 = "/home/runner/work/react-dialog/react-dialog/src/components/Dialog.jsx";
-  class Dialog$1 extends React__default$2['default'].Component {
+  class Dialog$1 extends react.Component {
     constructor(props) {
       super(props);
 
@@ -1653,11 +1648,11 @@
       const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
       const style = ReactDialogStyle({ background: this.props.background });
       return (
-        React__default$2['default'].createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 54}}
-          , React__default$2['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName$2, lineNumber: 55}}, style)
-          , React__default$2['default'].createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 56}}
-            , React__default$2['default'].createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 57}}
-              , React__default$2['default'].createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 58}} )
+        react.createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 54}}
+          , react.createElement('style', {__self: this, __source: {fileName: _jsxFileName$2, lineNumber: 55}}, style)
+          , react.createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 56}}
+            , react.createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 57}}
+              , react.createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName$2, lineNumber: 58}} )
               , this.props.children
             )
           )
@@ -1667,7 +1662,7 @@
   }
 
   const _jsxFileName$1$1 = "/home/runner/work/react-dialog/react-dialog/src/index.jsx";
-  class ReactDialog extends React__default$2['default'].Component {
+  class ReactDialog extends react.Component {
     constructor(props) {
       super(props);
 
@@ -1690,8 +1685,8 @@
       let _document = this.props.document || document;
       let container = this.props.container || _document.body;
       if (this.state.open) {
-        return ReactDOM__default$1['default'].createPortal(
-          React__default$2['default'].createElement(Dialog$1, {
+        return reactDom.createPortal(
+          react.createElement(Dialog$1, {
             background: this.props.background,
             close: this.props.close,
             document: _document,
@@ -1708,19 +1703,9 @@
     }
   }
 
-  var ReactDialog_1 = ReactDialog;
-
-  var cjs = /*#__PURE__*/Object.defineProperty({
-  	ReactDialog: ReactDialog_1
-  }, '__esModule', {value: true});
-
-  function _interopDefaultLegacy$3 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+  var CloseStackContext = react.createContext();
 
-  var React__default$1 = /*#__PURE__*/_interopDefaultLegacy$3(react);
-
-  var CloseStackContext = React__default$1['default'].createContext();
-
-  var NavigateStackContext = React__default$1['default'].createContext();
+  var NavigateStackContext = react.createContext();
 
   function ReactDialogStackStyle () {
     return `
@@ -1780,10 +1765,10 @@
   `
   }
 
-  var StackContext = React__default$1['default'].createContext();
+  var StackContext = react.createContext();
 
   const _jsxFileName$1 = "/home/runner/work/react-dialog-stack/react-dialog-stack/src/index.jsx";
-  class ReactDialogStack extends React__default$1['default'].Component {
+  class ReactDialogStack extends react.Component {
     constructor(props) {
       super(props);
 
@@ -1901,15 +1886,15 @@
             this.classForDirection(),
           ];
           return (
-            React__default$1['default'].createElement('div', { key: index, className: ['ReactDialogStack'].concat(stackState).join(' '), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 127}}
-              , React__default$1['default'].createElement('div', { className: "ReactDialogStackRow", __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 128}}
-                , React__default$1['default'].createElement('div', { className: "ReactDialogStackCell", onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 129}}
-                  , React__default$1['default'].createElement(NavigateStackContext.Provider, {
+            react.createElement('div', { key: index, className: ['ReactDialogStack'].concat(stackState).join(' '), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 127}}
+              , react.createElement('div', { className: "ReactDialogStackRow", __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 128}}
+                , react.createElement('div', { className: "ReactDialogStackCell", onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 129}}
+                  , react.createElement(NavigateStackContext.Provider, {
                     value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 130}}
                   
-                    , React__default$1['default'].createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 133}}
-                      , React__default$1['default'].createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 134}}
-                        , React__default$1['default'].createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 135}}, this.props.dialogs[route])
+                    , react.createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 133}}
+                      , react.createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 134}}
+                        , react.createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 135}}, this.props.dialogs[route])
                       )
                     )
                   )
@@ -1947,24 +1932,22 @@
 
     render() {
       return (
-        React__default$1['default'].createElement(cjs.ReactDialog, {
+        react.createElement(ReactDialog, {
           close: this.close.bind(this),
           open: this.props.open,
           document: this.props.document,
           container: this.props.container,
           background: this.props.background, __self: this, __source: {fileName: _jsxFileName$1, lineNumber: 173}}
         
-          , React__default$1['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName$1, lineNumber: 180}}, ReactDialogStackStyle())
+          , react.createElement('style', {__self: this, __source: {fileName: _jsxFileName$1, lineNumber: 180}}, ReactDialogStackStyle())
           , this.renderStack()
         )
       )
     }
   }
-  var NavigateStackContext_1 = NavigateStackContext;
-  var ReactDialogStack_1 = ReactDialogStack;
 
   var Dialog = (function (props) {
-    var _useContext = react.useContext(NavigateStackContext_1),
+    var _useContext = react.useContext(NavigateStackContext),
         navigate = _useContext.navigate;
 
     var _useContext2 = react.useContext(ClosableContext),
@@ -2004,7 +1987,7 @@
         showConnectButton = _useState2[0],
         setShowConnectButton = _useState2[1];
 
-    var _useContext = react.useContext(NavigateStackContext_1),
+    var _useContext = react.useContext(NavigateStackContext),
         navigate = _useContext.navigate;
 
     var wallet = props.wallet;
@@ -2415,11 +2398,6 @@
     },
   };
 
-  var es$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Blockchain: Blockchain
-  });
-
   let CONSTANTS = {
     ZERO: '0x0000000000000000000000000000000000000000',
     MAXINT: '115792089237316195423570985008687907853269984665640564039457584007913129639935',
@@ -2449,11 +2427,6 @@
   CONSTANTS$2['ethereum'] = CONSTANTS;
   CONSTANTS$2['bsc'] = CONSTANTS$1;
 
-  var es = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    CONSTANTS: CONSTANTS$2
-  });
-
   var byteLength_1 = byteLength$1;
   var toByteArray_1 = toByteArray$1;
   var fromByteArray_1 = fromByteArray$1;
@@ -48579,12 +48552,18 @@
 
   function _optionalChain$3$1(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
   class Web3Wallet {
-    __init() {this.name = 'Web3 Wallet';}
-    __init2() {this.logo =
-      "data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 446.42 376.77'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23828487;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M408.69,171.4H473.4V107.77a46.55,46.55,0,0,0-46.55-46.55H73.53A46.55,46.55,0,0,0,27,107.77v65.09H62.7L89.56,146a9.46,9.46,0,0,1,5.73-2.73h0l.41,0h78.59a47.2,47.2,0,1,1,82.63,39.56q-1.41,1.71-3,3.31t-3.31,3a47.21,47.21,0,0,1-76.31-26.9H100.21L73.34,189.07a9.43,9.43,0,0,1-5.73,2.73h0l-.41,0h-.07l-.48,0H27v74H55.83l18.25-18.24a9.39,9.39,0,0,1,5.73-2.74h0l.41,0h29.9a47.16,47.16,0,1,1,0,19H84.72L66.48,282.11a9.42,9.42,0,0,1-5.72,2.74h0l-.39,0H27V319H83.29a4,4,0,0,1,.49,0h.06l.41,0h0A9.41,9.41,0,0,1,90,321.78l28,28h57.66a47.2,47.2,0,1,1,81.48,40.9c-.6.67-1.22,1.32-1.86,2s-1.3,1.26-2,1.86a47.22,47.22,0,0,1-77.65-25.73H114.09a9.5,9.5,0,0,1-3.09-.52l-.08,0-.29-.11-.17-.07-.19-.08-.27-.12-.08,0a9.38,9.38,0,0,1-2.55-1.81l-28-28H27v53.46A46.55,46.55,0,0,0,73.53,438H426.86a46.55,46.55,0,0,0,46.54-46.55V327.82H408.69a78.22,78.22,0,0,1-78.21-78.21h0A78.22,78.22,0,0,1,408.69,171.4Z' transform='translate(-26.98 -61.22)'/%3E%3Cpath class='cls-1' d='M247.91,359.29a26,26,0,1,0-26,26A26,26,0,0,0,247.91,359.29Z' transform='translate(-26.98 -61.22)'/%3E%3Cpath class='cls-1' d='M246.55,152.71a26,26,0,1,0-26,26A26,26,0,0,0,246.55,152.71Z' transform='translate(-26.98 -61.22)'/%3E%3Ccircle class='cls-1' cx='129.39' cy='193.15' r='25.99'/%3E%3Cpath class='cls-1' d='M409.17,190h-.48a59.57,59.57,0,0,0-59.57,59.57h0a59.57,59.57,0,0,0,59.57,59.57h.48a59.58,59.58,0,0,0,59.58-59.57h0A59.58,59.58,0,0,0,409.17,190Zm14.45,90.61h-31l8.88-32.53a15.5,15.5,0,1,1,13.29,0Z' transform='translate(-26.98 -61.22)'/%3E%3C/svg%3E";}
-    __init3() {this.blockchains = ['ethereum', 'bsc'];}
 
-    constructor () {Web3Wallet.prototype.__init.call(this);Web3Wallet.prototype.__init2.call(this);Web3Wallet.prototype.__init3.call(this);
+    static __initStatic() {this.info = {
+      name: 'Web3 Wallet',
+      logo: "data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 446.42 376.77'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23828487;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M408.69,171.4H473.4V107.77a46.55,46.55,0,0,0-46.55-46.55H73.53A46.55,46.55,0,0,0,27,107.77v65.09H62.7L89.56,146a9.46,9.46,0,0,1,5.73-2.73h0l.41,0h78.59a47.2,47.2,0,1,1,82.63,39.56q-1.41,1.71-3,3.31t-3.31,3a47.21,47.21,0,0,1-76.31-26.9H100.21L73.34,189.07a9.43,9.43,0,0,1-5.73,2.73h0l-.41,0h-.07l-.48,0H27v74H55.83l18.25-18.24a9.39,9.39,0,0,1,5.73-2.74h0l.41,0h29.9a47.16,47.16,0,1,1,0,19H84.72L66.48,282.11a9.42,9.42,0,0,1-5.72,2.74h0l-.39,0H27V319H83.29a4,4,0,0,1,.49,0h.06l.41,0h0A9.41,9.41,0,0,1,90,321.78l28,28h57.66a47.2,47.2,0,1,1,81.48,40.9c-.6.67-1.22,1.32-1.86,2s-1.3,1.26-2,1.86a47.22,47.22,0,0,1-77.65-25.73H114.09a9.5,9.5,0,0,1-3.09-.52l-.08,0-.29-.11-.17-.07-.19-.08-.27-.12-.08,0a9.38,9.38,0,0,1-2.55-1.81l-28-28H27v53.46A46.55,46.55,0,0,0,73.53,438H426.86a46.55,46.55,0,0,0,46.54-46.55V327.82H408.69a78.22,78.22,0,0,1-78.21-78.21h0A78.22,78.22,0,0,1,408.69,171.4Z' transform='translate(-26.98 -61.22)'/%3E%3Cpath class='cls-1' d='M247.91,359.29a26,26,0,1,0-26,26A26,26,0,0,0,247.91,359.29Z' transform='translate(-26.98 -61.22)'/%3E%3Cpath class='cls-1' d='M246.55,152.71a26,26,0,1,0-26,26A26,26,0,0,0,246.55,152.71Z' transform='translate(-26.98 -61.22)'/%3E%3Ccircle class='cls-1' cx='129.39' cy='193.15' r='25.99'/%3E%3Cpath class='cls-1' d='M409.17,190h-.48a59.57,59.57,0,0,0-59.57,59.57h0a59.57,59.57,0,0,0,59.57,59.57h.48a59.58,59.58,0,0,0,59.58-59.57h0A59.58,59.58,0,0,0,409.17,190Zm14.45,90.61h-31l8.88-32.53a15.5,15.5,0,1,1,13.29,0Z' transform='translate(-26.98 -61.22)'/%3E%3C/svg%3E",
+      blockchains: ['ethereum', 'bsc']
+    };}
+    
+    constructor () {
+      this.name = this.constructor.info.name;
+      this.logo = this.constructor.info.logo;
+      this.blockchains = this.constructor.info.blockchains;
+      this.install = this.constructor.info.install;
       this.sendTransaction = (transaction)=>{ 
         return sendTransaction$1({
           wallet: this,
@@ -48711,23 +48690,27 @@
       let signature = await signer.signMessage(message);
       return signature
     }
-  }
+  } Web3Wallet.__initStatic();
 
-  class Coinbase extends Web3Wallet {constructor(...args) { super(...args); Coinbase.prototype.__init.call(this);Coinbase.prototype.__init2.call(this);Coinbase.prototype.__init3.call(this);Coinbase.prototype.__init4.call(this); }
-    __init() {this.name = 'Coinbase Wallet';}
-    __init2() {this.logo =
-      "data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 488.96 488.96'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D.cls-2%7Bfill:%234361ad;%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='250' y1='7.35' x2='250' y2='496.32' gradientTransform='matrix(1, 0, 0, -1, 0, 502)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233d5ba9'/%3E%3Cstop offset='1' stop-color='%234868b1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath class='cls-1' d='M250,5.68C114.87,5.68,5.52,115,5.52,250.17S114.87,494.65,250,494.65,494.48,385.29,494.48,250.17,385.13,5.68,250,5.68Zm0,387.54A143.06,143.06,0,1,1,393.05,250.17,143.11,143.11,0,0,1,250,393.22Z' transform='translate(-5.52 -5.68)'/%3E%3Cpath class='cls-2' d='M284.69,296.09H215.31a11,11,0,0,1-10.9-10.9V215.48a11,11,0,0,1,10.9-10.91H285a11,11,0,0,1,10.9,10.91v69.71A11.07,11.07,0,0,1,284.69,296.09Z' transform='translate(-5.52 -5.68)'/%3E%3C/svg%3E";}
-    __init3() {this.blockchains = ['ethereum', 'bsc'];}
-    __init4() {this.install = 'https://wallet.coinbase.com';}
-  }
+  class Coinbase extends Web3Wallet {
 
-  class MetaMask extends Web3Wallet {constructor(...args) { super(...args); MetaMask.prototype.__init.call(this);MetaMask.prototype.__init2.call(this);MetaMask.prototype.__init3.call(this);MetaMask.prototype.__init4.call(this); }
-    __init() {this.name = 'MetaMask';}
-    __init2() {this.logo =
-      "data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485.93 450.56'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23828487;%7D.cls-2%7Bfill:%23e27726;stroke:%23e27726;%7D.cls-10,.cls-11,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9%7Bstroke-linecap:round;stroke-linejoin:round;%7D.cls-3%7Bfill:%23e37725;stroke:%23e37725;%7D.cls-4%7Bfill:%23d6c0b3;stroke:%23d6c0b3;%7D.cls-5%7Bfill:%23243447;stroke:%23243447;%7D.cls-6%7Bfill:%23cd6328;stroke:%23cd6328;%7D.cls-7%7Bfill:%23e37525;stroke:%23e37525;%7D.cls-8%7Bfill:%23f6851f;stroke:%23f6851f;%7D.cls-9%7Bfill:%23c1ae9e;stroke:%23c1ae9e;%7D.cls-10%7Bfill:%23171717;stroke:%23171717;%7D.cls-11%7Bfill:%23763e1a;stroke:%23763e1a;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M247.91,356.29a26,26,0,1,0-26,26A26,26,0,0,0,247.91,356.29Z' transform='translate(-7.97 -21.33)'/%3E%3Cpath class='cls-1' d='M246.55,149.71a26,26,0,1,0-26,26A26,26,0,0,0,246.55,149.71Z' transform='translate(-7.97 -21.33)'/%3E%3Ccircle class='cls-1' cx='148.4' cy='230.05' r='25.99'/%3E%3Cpolygon class='cls-2' points='461.28 0.5 272.06 141.03 307.05 58.12 461.28 0.5'/%3E%3Cpolygon class='cls-3' points='24.46 0.5 212.16 142.37 178.88 58.12 24.46 0.5'/%3E%3Cpolygon class='cls-3' points='393.2 326.26 342.81 403.47 450.63 433.14 481.63 327.97 393.2 326.26'/%3E%3Cpolygon class='cls-3' points='4.49 327.97 35.3 433.14 143.13 403.47 92.73 326.26 4.49 327.97'/%3E%3Cpolygon class='cls-3' points='137.04 195.8 107 241.25 214.06 246.01 210.26 130.96 137.04 195.8'/%3E%3Cpolygon class='cls-3' points='348.7 195.8 274.53 129.63 272.06 246.01 378.94 241.25 348.7 195.8'/%3E%3Cpolygon class='cls-3' points='143.13 403.47 207.41 372.09 151.88 328.73 143.13 403.47'/%3E%3Cpolygon class='cls-3' points='278.34 372.09 342.81 403.47 333.87 328.73 278.34 372.09'/%3E%3Cpolygon class='cls-4' points='342.81 403.47 278.34 372.09 283.47 414.12 282.9 431.81 342.81 403.47'/%3E%3Cpolygon class='cls-4' points='143.13 403.47 203.03 431.81 202.65 414.12 207.41 372.09 143.13 403.47'/%3E%3Cpolygon class='cls-5' points='203.98 300.97 150.35 285.18 188.2 267.88 203.98 300.97'/%3E%3Cpolygon class='cls-5' points='281.76 300.97 297.55 267.88 335.58 285.18 281.76 300.97'/%3E%3Cpolygon class='cls-6' points='143.13 403.47 152.25 326.26 92.73 327.97 143.13 403.47'/%3E%3Cpolygon class='cls-6' points='333.68 326.26 342.81 403.47 393.2 327.97 333.68 326.26'/%3E%3Cpolygon class='cls-6' points='378.94 241.25 272.06 246.01 281.95 300.97 297.74 267.88 335.77 285.18 378.94 241.25'/%3E%3Cpolygon class='cls-6' points='150.35 285.18 188.39 267.88 203.98 300.97 214.06 246.01 107 241.25 150.35 285.18'/%3E%3Cpolygon class='cls-7' points='107 241.25 151.88 328.73 150.35 285.18 107 241.25'/%3E%3Cpolygon class='cls-7' points='335.77 285.18 333.87 328.73 378.94 241.25 335.77 285.18'/%3E%3Cpolygon class='cls-7' points='214.06 246.01 203.98 300.97 216.53 365.82 219.38 280.43 214.06 246.01'/%3E%3Cpolygon class='cls-7' points='272.06 246.01 266.93 280.24 269.21 365.82 281.95 300.97 272.06 246.01'/%3E%3Cpolygon class='cls-8' points='281.95 300.97 269.21 365.82 278.34 372.09 333.87 328.73 335.77 285.18 281.95 300.97'/%3E%3Cpolygon class='cls-8' points='150.35 285.18 151.88 328.73 207.41 372.09 216.53 365.82 203.98 300.97 150.35 285.18'/%3E%3Cpolygon class='cls-9' points='282.9 431.81 283.47 414.12 278.72 409.94 207.02 409.94 202.65 414.12 203.03 431.81 143.13 403.47 164.05 420.58 206.45 450.06 279.29 450.06 321.89 420.58 342.81 403.47 282.9 431.81'/%3E%3Cpolygon class='cls-10' points='278.34 372.09 269.21 365.82 216.53 365.82 207.41 372.09 202.65 414.12 207.02 409.94 278.72 409.94 283.47 414.12 278.34 372.09'/%3E%3Cpolygon class='cls-11' points='469.27 150.16 485.43 72.57 461.28 0.5 278.34 136.28 348.7 195.8 448.16 224.9 470.22 199.23 460.71 192.38 475.92 178.5 464.13 169.37 479.35 157.77 469.27 150.16'/%3E%3Cpolygon class='cls-11' points='0.5 72.57 16.66 150.16 6.39 157.77 21.61 169.37 10.01 178.5 25.22 192.38 15.71 199.23 37.58 224.9 137.04 195.8 207.41 136.28 24.46 0.5 0.5 72.57'/%3E%3Cpolygon class='cls-8' points='448.16 224.9 348.7 195.8 378.94 241.25 333.87 328.73 393.2 327.97 481.63 327.97 448.16 224.9'/%3E%3Cpolygon class='cls-8' points='137.04 195.8 37.58 224.9 4.49 327.97 92.73 327.97 151.88 328.73 107 241.25 137.04 195.8'/%3E%3Cpolygon class='cls-8' points='272.06 246.01 278.34 136.28 307.24 58.12 178.88 58.12 207.41 136.28 214.06 246.01 216.34 280.62 216.53 365.82 269.21 365.82 269.59 280.62 272.06 246.01'/%3E%3C/svg%3E";}
-    __init3() {this.blockchains = ['ethereum', 'bsc'];}
-    __init4() {this.install = 'https://metamask.io/download.html';}
-  }
+    static __initStatic() {this.info = {
+      name: 'Coinbase Wallet',
+      logo: "data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 488.96 488.96'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D.cls-2%7Bfill:%234361ad;%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='250' y1='7.35' x2='250' y2='496.32' gradientTransform='matrix(1, 0, 0, -1, 0, 502)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233d5ba9'/%3E%3Cstop offset='1' stop-color='%234868b1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath class='cls-1' d='M250,5.68C114.87,5.68,5.52,115,5.52,250.17S114.87,494.65,250,494.65,494.48,385.29,494.48,250.17,385.13,5.68,250,5.68Zm0,387.54A143.06,143.06,0,1,1,393.05,250.17,143.11,143.11,0,0,1,250,393.22Z' transform='translate(-5.52 -5.68)'/%3E%3Cpath class='cls-2' d='M284.69,296.09H215.31a11,11,0,0,1-10.9-10.9V215.48a11,11,0,0,1,10.9-10.91H285a11,11,0,0,1,10.9,10.91v69.71A11.07,11.07,0,0,1,284.69,296.09Z' transform='translate(-5.52 -5.68)'/%3E%3C/svg%3E",
+      blockchains: ['ethereum', 'bsc'],
+      install: 'https://wallet.coinbase.com'
+    };}
+  } Coinbase.__initStatic();
+
+  class MetaMask extends Web3Wallet {
+
+    static __initStatic() {this.info = {
+      name: 'MetaMask',
+      logo: "data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485.93 450.56'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23828487;%7D.cls-2%7Bfill:%23e27726;stroke:%23e27726;%7D.cls-10,.cls-11,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9%7Bstroke-linecap:round;stroke-linejoin:round;%7D.cls-3%7Bfill:%23e37725;stroke:%23e37725;%7D.cls-4%7Bfill:%23d6c0b3;stroke:%23d6c0b3;%7D.cls-5%7Bfill:%23243447;stroke:%23243447;%7D.cls-6%7Bfill:%23cd6328;stroke:%23cd6328;%7D.cls-7%7Bfill:%23e37525;stroke:%23e37525;%7D.cls-8%7Bfill:%23f6851f;stroke:%23f6851f;%7D.cls-9%7Bfill:%23c1ae9e;stroke:%23c1ae9e;%7D.cls-10%7Bfill:%23171717;stroke:%23171717;%7D.cls-11%7Bfill:%23763e1a;stroke:%23763e1a;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M247.91,356.29a26,26,0,1,0-26,26A26,26,0,0,0,247.91,356.29Z' transform='translate(-7.97 -21.33)'/%3E%3Cpath class='cls-1' d='M246.55,149.71a26,26,0,1,0-26,26A26,26,0,0,0,246.55,149.71Z' transform='translate(-7.97 -21.33)'/%3E%3Ccircle class='cls-1' cx='148.4' cy='230.05' r='25.99'/%3E%3Cpolygon class='cls-2' points='461.28 0.5 272.06 141.03 307.05 58.12 461.28 0.5'/%3E%3Cpolygon class='cls-3' points='24.46 0.5 212.16 142.37 178.88 58.12 24.46 0.5'/%3E%3Cpolygon class='cls-3' points='393.2 326.26 342.81 403.47 450.63 433.14 481.63 327.97 393.2 326.26'/%3E%3Cpolygon class='cls-3' points='4.49 327.97 35.3 433.14 143.13 403.47 92.73 326.26 4.49 327.97'/%3E%3Cpolygon class='cls-3' points='137.04 195.8 107 241.25 214.06 246.01 210.26 130.96 137.04 195.8'/%3E%3Cpolygon class='cls-3' points='348.7 195.8 274.53 129.63 272.06 246.01 378.94 241.25 348.7 195.8'/%3E%3Cpolygon class='cls-3' points='143.13 403.47 207.41 372.09 151.88 328.73 143.13 403.47'/%3E%3Cpolygon class='cls-3' points='278.34 372.09 342.81 403.47 333.87 328.73 278.34 372.09'/%3E%3Cpolygon class='cls-4' points='342.81 403.47 278.34 372.09 283.47 414.12 282.9 431.81 342.81 403.47'/%3E%3Cpolygon class='cls-4' points='143.13 403.47 203.03 431.81 202.65 414.12 207.41 372.09 143.13 403.47'/%3E%3Cpolygon class='cls-5' points='203.98 300.97 150.35 285.18 188.2 267.88 203.98 300.97'/%3E%3Cpolygon class='cls-5' points='281.76 300.97 297.55 267.88 335.58 285.18 281.76 300.97'/%3E%3Cpolygon class='cls-6' points='143.13 403.47 152.25 326.26 92.73 327.97 143.13 403.47'/%3E%3Cpolygon class='cls-6' points='333.68 326.26 342.81 403.47 393.2 327.97 333.68 326.26'/%3E%3Cpolygon class='cls-6' points='378.94 241.25 272.06 246.01 281.95 300.97 297.74 267.88 335.77 285.18 378.94 241.25'/%3E%3Cpolygon class='cls-6' points='150.35 285.18 188.39 267.88 203.98 300.97 214.06 246.01 107 241.25 150.35 285.18'/%3E%3Cpolygon class='cls-7' points='107 241.25 151.88 328.73 150.35 285.18 107 241.25'/%3E%3Cpolygon class='cls-7' points='335.77 285.18 333.87 328.73 378.94 241.25 335.77 285.18'/%3E%3Cpolygon class='cls-7' points='214.06 246.01 203.98 300.97 216.53 365.82 219.38 280.43 214.06 246.01'/%3E%3Cpolygon class='cls-7' points='272.06 246.01 266.93 280.24 269.21 365.82 281.95 300.97 272.06 246.01'/%3E%3Cpolygon class='cls-8' points='281.95 300.97 269.21 365.82 278.34 372.09 333.87 328.73 335.77 285.18 281.95 300.97'/%3E%3Cpolygon class='cls-8' points='150.35 285.18 151.88 328.73 207.41 372.09 216.53 365.82 203.98 300.97 150.35 285.18'/%3E%3Cpolygon class='cls-9' points='282.9 431.81 283.47 414.12 278.72 409.94 207.02 409.94 202.65 414.12 203.03 431.81 143.13 403.47 164.05 420.58 206.45 450.06 279.29 450.06 321.89 420.58 342.81 403.47 282.9 431.81'/%3E%3Cpolygon class='cls-10' points='278.34 372.09 269.21 365.82 216.53 365.82 207.41 372.09 202.65 414.12 207.02 409.94 278.72 409.94 283.47 414.12 278.34 372.09'/%3E%3Cpolygon class='cls-11' points='469.27 150.16 485.43 72.57 461.28 0.5 278.34 136.28 348.7 195.8 448.16 224.9 470.22 199.23 460.71 192.38 475.92 178.5 464.13 169.37 479.35 157.77 469.27 150.16'/%3E%3Cpolygon class='cls-11' points='0.5 72.57 16.66 150.16 6.39 157.77 21.61 169.37 10.01 178.5 25.22 192.38 15.71 199.23 37.58 224.9 137.04 195.8 207.41 136.28 24.46 0.5 0.5 72.57'/%3E%3Cpolygon class='cls-8' points='448.16 224.9 348.7 195.8 378.94 241.25 333.87 328.73 393.2 327.97 481.63 327.97 448.16 224.9'/%3E%3Cpolygon class='cls-8' points='137.04 195.8 37.58 224.9 4.49 327.97 92.73 327.97 151.88 328.73 107 241.25 137.04 195.8'/%3E%3Cpolygon class='cls-8' points='272.06 246.01 278.34 136.28 307.24 58.12 178.88 58.12 207.41 136.28 214.06 246.01 216.34 280.62 216.53 365.82 269.21 365.82 269.59 280.62 272.06 246.01'/%3E%3C/svg%3E",
+      blockchains: ['ethereum', 'bsc'],
+      install: 'https://metamask.io/download.html'
+    };}
+  } MetaMask.__initStatic();
 
   function _optionalChain$2$1(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
   const estimate = async ({ transaction, wallet })=> {
@@ -48841,13 +48824,18 @@
   let connectedInstance;
 
   class WalletConnectWallet {
-    __init() {this.name = 'WalletConnect';}
-    __init2() {this.logo =
-      "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%235991CD;%7D%0A%3C/style%3E%3Cg id='Page-1'%3E%3Cg id='walletconnect-logo-alt'%3E%3Cpath id='WalletConnect' class='st0' d='M102.7,162c81.5-79.8,213.6-79.8,295.1,0l9.8,9.6c4.1,4,4.1,10.5,0,14.4L374,218.9 c-2,2-5.3,2-7.4,0l-13.5-13.2c-56.8-55.7-149-55.7-205.8,0l-14.5,14.1c-2,2-5.3,2-7.4,0L91.9,187c-4.1-4-4.1-10.5,0-14.4 L102.7,162z M467.1,229.9l29.9,29.2c4.1,4,4.1,10.5,0,14.4L362.3,405.4c-4.1,4-10.7,4-14.8,0c0,0,0,0,0,0L252,311.9 c-1-1-2.7-1-3.7,0h0l-95.5,93.5c-4.1,4-10.7,4-14.8,0c0,0,0,0,0,0L3.4,273.6c-4.1-4-4.1-10.5,0-14.4l29.9-29.2 c4.1-4,10.7-4,14.8,0l95.5,93.5c1,1,2.7,1,3.7,0c0,0,0,0,0,0l95.5-93.5c4.1-4,10.7-4,14.8,0c0,0,0,0,0,0l95.5,93.5 c1,1,2.7,1,3.7,0l95.5-93.5C456.4,225.9,463,225.9,467.1,229.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A";}
-    __init3() {this.blockchains = ['ethereum', 'bsc'];}
 
-    constructor() {WalletConnectWallet.prototype.__init.call(this);WalletConnectWallet.prototype.__init2.call(this);WalletConnectWallet.prototype.__init3.call(this);
-      this.connector = this.newWalletConnectInstance();
+    static __initStatic() {this.info = {
+      name: 'WalletConnect',
+      logo: "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%235991CD;%7D%0A%3C/style%3E%3Cg id='Page-1'%3E%3Cg id='walletconnect-logo-alt'%3E%3Cpath id='WalletConnect' class='st0' d='M102.7,162c81.5-79.8,213.6-79.8,295.1,0l9.8,9.6c4.1,4,4.1,10.5,0,14.4L374,218.9 c-2,2-5.3,2-7.4,0l-13.5-13.2c-56.8-55.7-149-55.7-205.8,0l-14.5,14.1c-2,2-5.3,2-7.4,0L91.9,187c-4.1-4-4.1-10.5,0-14.4 L102.7,162z M467.1,229.9l29.9,29.2c4.1,4,4.1,10.5,0,14.4L362.3,405.4c-4.1,4-10.7,4-14.8,0c0,0,0,0,0,0L252,311.9 c-1-1-2.7-1-3.7,0h0l-95.5,93.5c-4.1,4-10.7,4-14.8,0c0,0,0,0,0,0L3.4,273.6c-4.1-4-4.1-10.5,0-14.4l29.9-29.2 c4.1-4,10.7-4,14.8,0l95.5,93.5c1,1,2.7,1,3.7,0c0,0,0,0,0,0l95.5-93.5c4.1-4,10.7-4,14.8,0c0,0,0,0,0,0l95.5,93.5 c1,1,2.7,1,3.7,0l95.5-93.5C456.4,225.9,463,225.9,467.1,229.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A",
+      blockchains: ['ethereum', 'bsc']
+    };}
+    
+    constructor() {
+      this.name = this.constructor.info.name;
+      this.logo = this.constructor.info.logo;
+      this.blockchains = this.constructor.info.blockchains;
+      this.connector = WalletConnectWallet.instance || this.newWalletConnectInstance();
       this.sendTransaction = (transaction)=>{ 
         return sendTransaction({
           wallet: this,
@@ -48889,7 +48877,7 @@
 
       instance.on("modal_closed", ()=>{
         connectedInstance = undefined;
-        this.connector = this.newWalletConnectInstance();
+        this.connector = undefined;
       });
 
       return instance
@@ -49005,18 +48993,20 @@
       let signature = await this.connector.signPersonalMessage(params);
       return signature
     }
-  }
+  } WalletConnectWallet.__initStatic();
 
   const wallets = {
-    MetaMask: new MetaMask(),
-    Coinbase: new Coinbase(),
-    Web3Wallet: new Web3Wallet(),
-    WalletConnect: new WalletConnectWallet()
+    MetaMask,
+    Coinbase,
+    Web3Wallet,
+    WalletConnect: WalletConnectWallet
   };
 
-  let getWallet = function () {
+  const instances = {};
+
+  const getWalletClass = function(){
     if(connectedInstance) {
-      return connectedInstance
+      return wallets.WalletConnect
     } else if (typeof window.ethereum === 'object' && window.ethereum.isMetaMask) {
       return wallets.MetaMask
     } else if (typeof window.ethereum === 'object' && (window.ethereum.isCoinbaseWallet || window.ethereum.isWalletLink)) {
@@ -49026,13 +49016,27 @@
     }
   };
 
+  const getWallet = function () {
+    const walletClass = getWalletClass();
+    const existingInstance = instances[walletClass];
+
+    if(connectedInstance) {
+      return connectedInstance
+    } else if(existingInstance) {
+      return existingInstance
+    } else if(walletClass) {
+      instances[walletClass] = new walletClass();
+      return instances[walletClass]
+    }
+  };
+
   var SelectWalletDialog = (function (props) {
     var _useState = react.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
         showExplanation = _useState2[0],
         setShowExplanation = _useState2[1];
 
-    var _useContext = react.useContext(NavigateStackContext_1),
+    var _useContext = react.useContext(NavigateStackContext),
         navigate = _useContext.navigate;
 
     var wallet = getWallet();
@@ -49065,7 +49069,8 @@
       }, _callee);
     })), [wallet]);
 
-    var connect = function connect(wallet) {
+    var connect = function connect(walletClass) {
+      var wallet = new walletClass();
       props.setWallet(wallet);
       navigate('ConnectingWallet');
       props.connect(wallet);
@@ -49074,7 +49079,7 @@
     var availableWallets = [wallets.WalletConnect];
 
     if (wallet) {
-      availableWallets.unshift(wallet);
+      availableWallets.unshift(wallet.constructor);
     }
 
     var walletCards = availableWallets.map(function (wallet, index) {
@@ -49083,21 +49088,21 @@
         className: "PaddingBottomXS"
       }, /*#__PURE__*/react.createElement("button", {
         className: "Card small",
-        title: "Connect ".concat(wallet.name),
+        title: "Connect ".concat(wallet.info.name),
         onClick: function onClick() {
           return connect(wallet);
         }
       }, /*#__PURE__*/react.createElement("div", {
         className: "CardImage"
       }, /*#__PURE__*/react.createElement("img", {
-        src: wallet.logo
+        src: wallet.info.logo
       })), /*#__PURE__*/react.createElement("div", {
         className: "CardBody"
       }, /*#__PURE__*/react.createElement("div", {
         className: "CardBodyWrapper PaddingLeftXS"
       }, /*#__PURE__*/react.createElement("h2", {
         className: "CardText FontWeightBold"
-      }, wallet.name)))));
+      }, wallet.info.name)))));
     });
     return /*#__PURE__*/react.createElement(Dialog, {
       header: /*#__PURE__*/react.createElement("div", {
@@ -49223,7 +49228,7 @@
         }
       }, _callee2);
     })), [wallet]);
-    return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+    return /*#__PURE__*/react.createElement(ReactDialogStack, {
       open: open,
       close: close,
       start: "SelectWallet",
@@ -49388,7 +49393,7 @@
 
     if (error) {
       console.log(error);
-      return /*#__PURE__*/react.createElement(ReactDialog_1, {
+      return /*#__PURE__*/react.createElement(ReactDialog, {
         container: props.container,
         close: close,
         open: open
@@ -49537,10 +49542,6 @@
     return [ResetStyle(), FontStyle(style), DialogStyle(), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(style), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), IconStyle(style), OpacityStyle(), PaddingStyle(), HeightStyle(), LabelStyle(style), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(), TextButtonStyle(style), ImageStyle(), BlockchainLogoStyle()].join('');
   });
 
-  function _interopDefaultLegacy$2 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy$2(reactDom);
-
   const insideContainerClass = 'ReactShadowDOMInsideContainer';
 
   function createInsideContainer({ document, shadow, style }) {
@@ -49591,7 +49592,7 @@
       if (shadowRoot) {
         const insideContainer = shadowRoot.childNodes[0];
         if (insideContainer) {
-          ReactDOM__default['default'].unmountComponentAtNode(insideContainer);
+          reactDom.unmountComponentAtNode(insideContainer);
         }
       }
 
@@ -49614,13 +49615,11 @@
       content = content(insideContainer);
     }
 
-    ReactDOM__default['default'].render(content, insideContainer);
+    reactDom.render(content, insideContainer);
 
     return { content, unmount: () => unmount(outsideContainer) }
   }
 
-  var ReactShadowDOM_1 = ReactShadowDOM;
-
   var mount = (function (_ref, content) {
     var style = _ref.style,
         document = _ref.document,
@@ -49642,7 +49641,7 @@
       }, 300);
     };
 
-    var _ReactShadowDOM = ReactShadowDOM_1({
+    var _ReactShadowDOM = ReactShadowDOM({
       document: document,
       element: document.body,
       content: content(unmountShadowDOM),
@@ -62528,7 +62527,7 @@
     }, [allRoutes]);
 
     if (allRoutes instanceof Array && allRoutes.length == 0) {
-      return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+      return /*#__PURE__*/react.createElement(ReactDialogStack, {
         open: open,
         close: close,
         start: "NoPaymentMethodFound",
@@ -69286,14 +69285,6 @@
 
   var _default = _Rangeslider2.default;
 
-  var web3Blockchains = /*@__PURE__*/getAugmentedNamespace(es$1);
-
-  var web3Constants = /*@__PURE__*/getAugmentedNamespace(es);
-
-  function _interopDefaultLegacy$1 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var React__default = /*#__PURE__*/_interopDefaultLegacy$1(react);
-
   const _jsxFileName = "/home/runner/work/react-token-image/react-token-image/src/index.jsx";
   let TokenImage = function(props){
 
@@ -69304,8 +69295,8 @@
     const address = props.address;
 
     react.useEffect(()=>{
-      if(web3Constants.CONSTANTS[blockchain].NATIVE.toLowerCase() == address.toLowerCase()) {
-        setSrc(web3Blockchains.Blockchain.findByName(blockchain).logo);
+      if(CONSTANTS$2[blockchain].NATIVE.toLowerCase() == address.toLowerCase()) {
+        setSrc(Blockchain.findByName(blockchain).logo);
       } else {
         setSrc(trustWalletAddress({ blockchain, address }));
       }
@@ -69339,17 +69330,15 @@
     if(src == undefined) { return null }
 
     return(
-      React__default['default'].createElement('img', {
+      react.createElement('img', {
         src:  src ,
         onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 51}}
       )
     )
   };
 
-  var TokenImage_1 = TokenImage;
-
   var ChangeAmountDialog = (function (props) {
-    var _useContext = react.useContext(NavigateStackContext_1),
+    var _useContext = react.useContext(NavigateStackContext),
         navigate = _useContext.navigate;
 
     var _useContext2 = react.useContext(ErrorContext);
@@ -69515,7 +69504,7 @@
     var _useContext3 = react.useContext(PaymentValueContext),
         paymentValue = _useContext3.paymentValue;
 
-    var _useContext4 = react.useContext(NavigateStackContext_1),
+    var _useContext4 = react.useContext(NavigateStackContext),
         navigate = _useContext4.navigate;
 
     var _useState = react.useState([]),
@@ -69562,7 +69551,7 @@
           }
         }, /*#__PURE__*/react.createElement("div", {
           className: "CardImage"
-        }, /*#__PURE__*/react.createElement(TokenImage_1, {
+        }, /*#__PURE__*/react.createElement(TokenImage, {
           blockchain: payment.route.blockchain,
           address: payment.route.fromToken.address
         }), /*#__PURE__*/react.createElement("img", {
@@ -69730,7 +69719,7 @@
     var _useContext5 = react.useContext(PaymentValueContext),
         paymentValue = _useContext5.paymentValue;
 
-    var _useContext6 = react.useContext(NavigateStackContext_1),
+    var _useContext6 = react.useContext(NavigateStackContext),
         navigate = _useContext6.navigate;
 
     var _useContext7 = react.useContext(ClosableContext),
@@ -69913,7 +69902,7 @@
         payment = _useContext3.payment,
         paymentState = _useContext3.paymentState;
 
-    var _useContext4 = react.useContext(NavigateStackContext_1),
+    var _useContext4 = react.useContext(NavigateStackContext),
         navigate = _useContext4.navigate;
 
     if (payment == undefined) {
@@ -69966,7 +69955,7 @@
       }, /*#__PURE__*/react.createElement("div", {
         className: "CardImage",
         title: payment.name
-      }, /*#__PURE__*/react.createElement(TokenImage_1, {
+      }, /*#__PURE__*/react.createElement(TokenImage, {
         blockchain: payment.route.blockchain,
         address: payment.token
       })), /*#__PURE__*/react.createElement("div", {
@@ -69993,7 +69982,7 @@
   });
 
   var PaymentErrorDialog = (function () {
-    var _useContext = react.useContext(NavigateStackContext_1),
+    var _useContext = react.useContext(NavigateStackContext),
         navigate = _useContext.navigate;
 
     var _useContext2 = react.useContext(PaymentContext),
@@ -70041,7 +70030,7 @@
     var _useContext = react.useContext(PaymentContext),
         payment = _useContext.payment;
 
-    var _useContext2 = react.useContext(NavigateStackContext_1),
+    var _useContext2 = react.useContext(NavigateStackContext),
         navigate = _useContext2.navigate;
 
     var blockchain = Blockchain.findByName(payment.route.blockchain);
@@ -70082,7 +70071,7 @@
         open = _useContext.open,
         close = _useContext.close;
 
-    return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+    return /*#__PURE__*/react.createElement(ReactDialogStack, {
       open: open,
       close: close,
       start: "DonationOverview",
@@ -70482,7 +70471,7 @@
         _useState2[0];
         _useState2[1];
 
-    return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+    return /*#__PURE__*/react.createElement(ReactDialogStack, {
       open: open,
       close: close,
       start: "SignLogin",
@@ -70646,7 +70635,7 @@
     var _useContext4 = react.useContext(PaymentValueContext),
         paymentValue = _useContext4.paymentValue;
 
-    var _useContext5 = react.useContext(NavigateStackContext_1),
+    var _useContext5 = react.useContext(NavigateStackContext),
         navigate = _useContext5.navigate;
 
     if (payment == undefined || paymentValue == undefined) {
@@ -70699,7 +70688,7 @@
       }, /*#__PURE__*/react.createElement("div", {
         className: "CardImage",
         title: payment.name
-      }, /*#__PURE__*/react.createElement(TokenImage_1, {
+      }, /*#__PURE__*/react.createElement(TokenImage, {
         blockchain: payment.route.blockchain,
         address: payment.token
       })), /*#__PURE__*/react.createElement("div", {
@@ -70730,7 +70719,7 @@
         open = _useContext.open,
         close = _useContext.close;
 
-    return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+    return /*#__PURE__*/react.createElement(ReactDialogStack, {
       open: open,
       close: close,
       start: "PaymentOverview",
@@ -71000,7 +70989,7 @@
         payment = _useContext4.payment,
         paymentState = _useContext4.paymentState;
 
-    var _useContext5 = react.useContext(NavigateStackContext_1),
+    var _useContext5 = react.useContext(NavigateStackContext),
         navigate = _useContext5.navigate;
 
     var _useContext6 = react.useContext(ToTokenContext),
@@ -71032,7 +71021,7 @@
         src: tokenImage
       });
     } else {
-      tokenImageElement = /*#__PURE__*/react.createElement(TokenImage_1, {
+      tokenImageElement = /*#__PURE__*/react.createElement(TokenImage, {
         blockchain: payment.route.blockchain,
         address: toToken.address
       });
@@ -71090,7 +71079,7 @@
       }, /*#__PURE__*/react.createElement("div", {
         className: "CardImage",
         title: payment.name
-      }, /*#__PURE__*/react.createElement(TokenImage_1, {
+      }, /*#__PURE__*/react.createElement(TokenImage, {
         blockchain: payment.route.blockchain,
         address: payment.token
       })), /*#__PURE__*/react.createElement("div", {
@@ -71121,7 +71110,7 @@
         open = _useContext.open,
         close = _useContext.close;
 
-    return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+    return /*#__PURE__*/react.createElement(ReactDialogStack, {
       open: open,
       close: close,
       start: "SaleOverview",