@depay/widgets 6.2.3 → 6.3.0

package/dist/esm/index.bundle.js

@@ -1528,11 +1528,6 @@ function checkDCE() {
 }
 });
 
-function _interopDefaultLegacy$3 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default$2 = /*#__PURE__*/_interopDefaultLegacy$3(react);
-var ReactDOM__default$1 = /*#__PURE__*/_interopDefaultLegacy$3(reactDom);
-
 function ReactDialogStyle (styles) {
   let background =
     typeof styles === 'object' && styles.background ? styles.background : 'rgba(0,0,0,0.4)';
@@ -1599,7 +1594,7 @@ function ReactDialogStyle (styles) {
 }
 
 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);
 
@@ -1647,11 +1642,11 @@ class Dialog$1 extends React__default$2['default'].Component {
     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
           )
         )
@@ -1661,7 +1656,7 @@ class Dialog$1 extends React__default$2['default'].Component {
 }
 
 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);
 
@@ -1684,8 +1679,8 @@ class ReactDialog extends React__default$2['default'].Component {
     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,
@@ -1702,19 +1697,9 @@ class ReactDialog extends React__default$2['default'].Component {
   }
 }
 
-var ReactDialog_1 = ReactDialog;
-
-var cjs = /*#__PURE__*/Object.defineProperty({
-	ReactDialog: ReactDialog_1
-}, '__esModule', {value: true});
-
-function _interopDefaultLegacy$2 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var CloseStackContext = react.createContext();
 
-var React__default$1 = /*#__PURE__*/_interopDefaultLegacy$2(react);
-
-var CloseStackContext = React__default$1['default'].createContext();
-
-var NavigateStackContext = React__default$1['default'].createContext();
+var NavigateStackContext = react.createContext();
 
 function ReactDialogStackStyle () {
   return `
@@ -1774,10 +1759,10 @@ function ReactDialogStackStyle () {
   `
 }
 
-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);
 
@@ -1895,15 +1880,15 @@ class ReactDialogStack extends React__default$1['default'].Component {
           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])
                     )
                   )
                 )
@@ -1941,24 +1926,22 @@ class ReactDialogStack extends React__default$1['default'].Component {
 
   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),
@@ -1998,7 +1981,7 @@ var ConnectingWalletDialog = (function (props) {
       showConnectButton = _useState2[0],
       setShowConnectButton = _useState2[1];
 
-  var _useContext = react.useContext(NavigateStackContext_1),
+  var _useContext = react.useContext(NavigateStackContext),
       navigate = _useContext.navigate;
 
   var wallet = props.wallet;
@@ -2409,11 +2392,6 @@ let Blockchain = {
   },
 };
 
-var es$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Blockchain: Blockchain
-});
-
 let CONSTANTS = {
   ZERO: '0x0000000000000000000000000000000000000000',
   MAXINT: '115792089237316195423570985008687907853269984665640564039457584007913129639935',
@@ -2443,11 +2421,6 @@ let CONSTANTS$2 = {};
 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;
@@ -48573,12 +48546,18 @@ const submitSimpleTransfer$1 = ({ transaction, signer })=>{
 
 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,
@@ -48705,23 +48684,27 @@ class Web3Wallet {
     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 })=> {
@@ -48835,13 +48818,18 @@ function _optionalChain$6(ops) { let lastAccessLHS = undefined; let value = ops[
 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,
@@ -48883,7 +48871,7 @@ class WalletConnectWallet {
 
     instance.on("modal_closed", ()=>{
       connectedInstance = undefined;
-      this.connector = this.newWalletConnectInstance();
+      this.connector = undefined;
     });
 
     return instance
@@ -48999,18 +48987,20 @@ class WalletConnectWallet {
     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)) {
@@ -49020,13 +49010,27 @@ let getWallet = function () {
   }
 };
 
+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();
@@ -49059,7 +49063,8 @@ var SelectWalletDialog = (function (props) {
     }, _callee);
   })), [wallet]);
 
-  var connect = function connect(wallet) {
+  var connect = function connect(walletClass) {
+    var wallet = new walletClass();
     props.setWallet(wallet);
     navigate('ConnectingWallet');
     props.connect(wallet);
@@ -49068,7 +49073,7 @@ var SelectWalletDialog = (function (props) {
   var availableWallets = [wallets.WalletConnect];
 
   if (wallet) {
-    availableWallets.unshift(wallet);
+    availableWallets.unshift(wallet.constructor);
   }
 
   var walletCards = availableWallets.map(function (wallet, index) {
@@ -49077,21 +49082,21 @@ var SelectWalletDialog = (function (props) {
       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", {
@@ -49217,7 +49222,7 @@ var ConnectStack = (function (props) {
       }
     }, _callee2);
   })), [wallet]);
-  return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+  return /*#__PURE__*/react.createElement(ReactDialogStack, {
     open: open,
     close: close,
     start: "SelectWallet",
@@ -49382,7 +49387,7 @@ var ErrorProvider = (function (props) {
 
   if (error) {
     console.log(error);
-    return /*#__PURE__*/react.createElement(ReactDialog_1, {
+    return /*#__PURE__*/react.createElement(ReactDialog, {
       container: props.container,
       close: close,
       open: open
@@ -49531,10 +49536,6 @@ var styleRenderer = (function (style) {
   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$1 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy$1(reactDom);
-
 const insideContainerClass = 'ReactShadowDOMInsideContainer';
 
 function createInsideContainer({ document, shadow, style }) {
@@ -49585,7 +49586,7 @@ function unmount(outsideContainer) {
     if (shadowRoot) {
       const insideContainer = shadowRoot.childNodes[0];
       if (insideContainer) {
-        ReactDOM__default['default'].unmountComponentAtNode(insideContainer);
+        reactDom.unmountComponentAtNode(insideContainer);
       }
     }
 
@@ -49608,13 +49609,11 @@ function ReactShadowDOM({ document, element, content, outsideStyle = '', insideS
     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,
@@ -49636,7 +49635,7 @@ var mount = (function (_ref, content) {
     }, 300);
   };
 
-  var _ReactShadowDOM = ReactShadowDOM_1({
+  var _ReactShadowDOM = ReactShadowDOM({
     document: document,
     element: document.body,
     content: content(unmountShadowDOM),
@@ -62522,7 +62521,7 @@ var PaymentProvider = (function (props) {
   }, [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",
@@ -69280,14 +69279,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = _Rangeslider2.default;
 
-var web3Blockchains = /*@__PURE__*/getAugmentedNamespace(es$1);
-
-var web3Constants = /*@__PURE__*/getAugmentedNamespace(es);
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(react);
-
 const _jsxFileName = "/home/runner/work/react-token-image/react-token-image/src/index.jsx";
 let TokenImage = function(props){
 
@@ -69298,8 +69289,8 @@ let TokenImage = function(props){
   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 }));
     }
@@ -69333,17 +69324,15 @@ let TokenImage = function(props){
   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);
@@ -69509,7 +69498,7 @@ var ChangePaymentDialog = (function (props) {
   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([]),
@@ -69556,7 +69545,7 @@ var ChangePaymentDialog = (function (props) {
         }
       }, /*#__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", {
@@ -69724,7 +69713,7 @@ var Footer = (function () {
   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),
@@ -69907,7 +69896,7 @@ var DonationOverviewDialog = (function (props) {
       payment = _useContext3.payment,
       paymentState = _useContext3.paymentState;
 
-  var _useContext4 = react.useContext(NavigateStackContext_1),
+  var _useContext4 = react.useContext(NavigateStackContext),
       navigate = _useContext4.navigate;
 
   if (payment == undefined) {
@@ -69960,7 +69949,7 @@ var DonationOverviewDialog = (function (props) {
     }, /*#__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", {
@@ -69987,7 +69976,7 @@ var DonationOverviewDialog = (function (props) {
 });
 
 var PaymentErrorDialog = (function () {
-  var _useContext = react.useContext(NavigateStackContext_1),
+  var _useContext = react.useContext(NavigateStackContext),
       navigate = _useContext.navigate;
 
   var _useContext2 = react.useContext(PaymentContext),
@@ -70035,7 +70024,7 @@ var WrongNetworkDialog = (function (props) {
   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);
@@ -70076,7 +70065,7 @@ var DonationStack = (function (props) {
       open = _useContext.open,
       close = _useContext.close;
 
-  return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+  return /*#__PURE__*/react.createElement(ReactDialogStack, {
     open: open,
     close: close,
     start: "DonationOverview",
@@ -70476,7 +70465,7 @@ var LoginStack = (function (props) {
       _useState2[0];
       _useState2[1];
 
-  return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+  return /*#__PURE__*/react.createElement(ReactDialogStack, {
     open: open,
     close: close,
     start: "SignLogin",
@@ -70640,7 +70629,7 @@ var PaymentOverviewDialog = (function (props) {
   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) {
@@ -70693,7 +70682,7 @@ var PaymentOverviewDialog = (function (props) {
     }, /*#__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", {
@@ -70724,7 +70713,7 @@ var PaymentStack = (function (props) {
       open = _useContext.open,
       close = _useContext.close;
 
-  return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+  return /*#__PURE__*/react.createElement(ReactDialogStack, {
     open: open,
     close: close,
     start: "PaymentOverview",
@@ -70994,7 +70983,7 @@ var SaleOverviewDialog = (function (props) {
       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),
@@ -71026,7 +71015,7 @@ var SaleOverviewDialog = (function (props) {
       src: tokenImage
     });
   } else {
-    tokenImageElement = /*#__PURE__*/react.createElement(TokenImage_1, {
+    tokenImageElement = /*#__PURE__*/react.createElement(TokenImage, {
       blockchain: payment.route.blockchain,
       address: toToken.address
     });
@@ -71084,7 +71073,7 @@ var SaleOverviewDialog = (function (props) {
     }, /*#__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", {
@@ -71115,7 +71104,7 @@ var SaleStack = (function (props) {
       open = _useContext.open,
       close = _useContext.close;
 
-  return /*#__PURE__*/react.createElement(ReactDialogStack_1, {
+  return /*#__PURE__*/react.createElement(ReactDialogStack, {
     open: open,
     close: close,
     start: "SaleOverview",