@depay/widgets 4.4.0 → 5.0.3

package/dist/es/index.bundle.js

@@ -37,17 +37,11 @@ function _asyncToGenerator(fn) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 var commonjsGlobal$4 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1028,6 +1022,8 @@ var react = createCommonjsModule$4(function (module) {
 
 var ClosableContext = /*#__PURE__*/react.createContext();
 
+var UpdatableContext = /*#__PURE__*/react.createContext();
+
 var ClosableProvider = (function (props) {
   var _useState = react.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1039,11 +1035,15 @@ var ClosableProvider = (function (props) {
       open = _useState4[0],
       setOpen = _useState4[1];
 
+  var _useContext = react.useContext(UpdatableContext),
+      setUpdatable = _useContext.setUpdatable;
+
   var close = function close() {
     if (!closable) {
       return;
     }
 
+    setUpdatable(false);
     setOpen(false);
     setTimeout(props.unmount, 300);
   };
@@ -1989,12 +1989,7 @@ var Dialog = (function (props) {
     className: "DialogBody"
   }, props.body), /*#__PURE__*/react.createElement("div", {
     className: "DialogFooter"
-  }, props.footer, /*#__PURE__*/react.createElement("a", {
-    href: 'https://depay.fi?utm_source=' + window.location.hostname + '&utm_medium=widget&utm_campaign=WidgetV2',
-    rel: "noopener noreferrer",
-    target: "_blank",
-    className: "FooterLink"
-  }, "by DePay")));
+  }, props.footer));
 });
 
 var ConnectingWalletDialog = (function (props) {
@@ -2044,9 +2039,9 @@ var ConnectingWalletDialog = (function (props) {
         className: "TextButton"
       }, "Connect with another wallet")))),
       footer: /*#__PURE__*/react.createElement("div", {
-        className: "PaddingTopXS PaddingRightM PaddingLeftM"
+        className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
       }, /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary wide",
+        className: "ButtonPrimary",
         onClick: function onClick() {
           return props.connect(wallet);
         }
@@ -2409,7 +2404,7 @@ var es$1 = /*#__PURE__*/Object.freeze({
 let CONSTANTS = {
   ZERO: '0x0000000000000000000000000000000000000000',
   MAXINT: '115792089237316195423570985008687907853269984665640564039457584007913129639935',
-  WRAPPED: '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+  WRAPPED: '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2',
   NATIVE: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
   DECIMALS: 18,
   SYMBOL: 'ETH',
@@ -11354,7 +11349,7 @@ function throwFault$6(fault, operation, value) {
     return logger$H.throwError(fault, Logger$4.errors.NUMERIC_FAULT, params);
 }
 // value should have no prefix
-function _base36To16$2(value) {
+function _base36To16$3(value) {
     return (new BN$4(value, 36)).toString(16);
 }
 
@@ -12819,7 +12814,7 @@ class Reader$1 {
     }
 }
 
-var sha3$3 = createCommonjsModule$4(function (module) {
+var sha3$4 = createCommonjsModule$4(function (module) {
 /*jslint bitwise: true */
 (function () {
 
@@ -13463,10 +13458,10 @@ var sha3$3 = createCommonjsModule$4(function (module) {
 })();
 });
 
-var sha3$4 = sha3$3;
+var sha3$5 = sha3$4;
 
-function keccak256$2(data) {
-    return '0x' + sha3$4.keccak_256(arrayify$3(data));
+function keccak256$3(data) {
+    return '0x' + sha3$5.keccak_256(arrayify$3(data));
 }
 
 const version$s = "rlp/5.5.0";
@@ -13516,7 +13511,7 @@ function encode$4(object) {
 const version$r = "address/5.5.0";
 
 const logger$B = new Logger$4(version$r);
-function getChecksumAddress$2(address) {
+function getChecksumAddress$3(address) {
     if (!isHexString$4(address, 20)) {
         logger$B.throwArgumentError("invalid address", "address", address);
     }
@@ -13526,7 +13521,7 @@ function getChecksumAddress$2(address) {
     for (let i = 0; i < 40; i++) {
         expanded[i] = chars[i].charCodeAt(0);
     }
-    const hashed = arrayify$3(keccak256$2(expanded));
+    const hashed = arrayify$3(keccak256$3(expanded));
     for (let i = 0; i < 40; i += 2) {
         if ((hashed[i >> 1] >> 4) >= 8) {
             chars[i] = chars[i].toUpperCase();
@@ -13538,8 +13533,8 @@ function getChecksumAddress$2(address) {
     return "0x" + chars.join("");
 }
 // Shims for environments that are missing some required constants and functions
-const MAX_SAFE_INTEGER$3 = 0x1fffffffffffff;
-function log10$3(x) {
+const MAX_SAFE_INTEGER$4 = 0x1fffffffffffff;
+function log10$4(x) {
     if (Math.log10) {
         return Math.log10(x);
     }
@@ -13547,22 +13542,22 @@ function log10$3(x) {
 }
 // See: https://en.wikipedia.org/wiki/International_Bank_Account_Number
 // Create lookup table
-const ibanLookup$2 = {};
+const ibanLookup$3 = {};
 for (let i = 0; i < 10; i++) {
-    ibanLookup$2[String(i)] = String(i);
+    ibanLookup$3[String(i)] = String(i);
 }
 for (let i = 0; i < 26; i++) {
-    ibanLookup$2[String.fromCharCode(65 + i)] = String(10 + i);
+    ibanLookup$3[String.fromCharCode(65 + i)] = String(10 + i);
 }
 // How many decimal digits can we process? (for 64-bit float, this is 15)
-const safeDigits$2 = Math.floor(log10$3(MAX_SAFE_INTEGER$3));
-function ibanChecksum$2(address) {
+const safeDigits$3 = Math.floor(log10$4(MAX_SAFE_INTEGER$4));
+function ibanChecksum$3(address) {
     address = address.toUpperCase();
     address = address.substring(4) + address.substring(0, 2) + "00";
-    let expanded = address.split("").map((c) => { return ibanLookup$2[c]; }).join("");
+    let expanded = address.split("").map((c) => { return ibanLookup$3[c]; }).join("");
     // Javascript can handle integers safely up to 15 (decimal) digits
-    while (expanded.length >= safeDigits$2) {
-        let block = expanded.substring(0, safeDigits$2);
+    while (expanded.length >= safeDigits$3) {
+        let block = expanded.substring(0, safeDigits$3);
         expanded = parseInt(block, 10) % 97 + expanded.substring(block.length);
     }
     let checksum = String(98 - (parseInt(expanded, 10) % 97));
@@ -13571,7 +13566,7 @@ function ibanChecksum$2(address) {
     }
     return checksum;
 }
-function getAddress$2(address) {
+function getAddress$3(address) {
     let result = null;
     if (typeof (address) !== "string") {
         logger$B.throwArgumentError("invalid address", "address", address);
@@ -13581,7 +13576,7 @@ function getAddress$2(address) {
         if (address.substring(0, 2) !== "0x") {
             address = "0x" + address;
         }
-        result = getChecksumAddress$2(address);
+        result = getChecksumAddress$3(address);
         // It is a checksummed address with a bad checksum
         if (address.match(/([A-F].*[a-f])|([a-f].*[A-F])/) && result !== address) {
             logger$B.throwArgumentError("bad address checksum", "address", address);
@@ -13590,14 +13585,14 @@ function getAddress$2(address) {
     }
     else if (address.match(/^XE[0-9]{2}[0-9A-Za-z]{30,31}$/)) {
         // It is an ICAP address with a bad checksum
-        if (address.substring(2, 4) !== ibanChecksum$2(address)) {
+        if (address.substring(2, 4) !== ibanChecksum$3(address)) {
             logger$B.throwArgumentError("bad icap checksum", "address", address);
         }
-        result = _base36To16$2(address.substring(4));
+        result = _base36To16$3(address.substring(4));
         while (result.length < 40) {
             result = "0" + result;
         }
-        result = getChecksumAddress$2("0x" + result);
+        result = getChecksumAddress$3("0x" + result);
     }
     else {
         logger$B.throwArgumentError("invalid address", "address", address);
@@ -13608,13 +13603,13 @@ function getAddress$2(address) {
 function getContractAddress$2(transaction) {
     let from = null;
     try {
-        from = getAddress$2(transaction.from);
+        from = getAddress$3(transaction.from);
     }
     catch (error) {
         logger$B.throwArgumentError("missing from address", "transaction", transaction);
     }
     const nonce = stripZeros$2(arrayify$3(BigNumber$4.from(transaction.nonce).toHexString()));
-    return getAddress$2(hexDataSlice$2(keccak256$2(encode$4([from, nonce])), 12));
+    return getAddress$3(hexDataSlice$2(keccak256$3(encode$4([from, nonce])), 12));
 }
 
 class AddressCoder$1 extends Coder$1 {
@@ -13626,7 +13621,7 @@ class AddressCoder$1 extends Coder$1 {
     }
     encode(writer, value) {
         try {
-            value = getAddress$2(value);
+            value = getAddress$3(value);
         }
         catch (error) {
             this._throwError(error.message, value);
@@ -13634,7 +13629,7 @@ class AddressCoder$1 extends Coder$1 {
         return writer.writeValue(value);
     }
     decode(reader) {
-        return getAddress$2(hexZeroPad$3(reader.readValue().toHexString(), 20));
+        return getAddress$3(hexZeroPad$3(reader.readValue().toHexString(), 20));
     }
 }
 
@@ -14347,7 +14342,7 @@ class AbiCoder$1 {
 const defaultAbiCoder$1 = new AbiCoder$1();
 
 function id$2(text) {
-    return keccak256$2(toUtf8Bytes$2(text));
+    return keccak256$3(toUtf8Bytes$2(text));
 }
 
 const logger$x = new Logger$4(version$t);
@@ -14464,7 +14459,7 @@ class Interface$1 {
         return defaultAbiCoder$1;
     }
     static getAddress(address) {
-        return getAddress$2(address);
+        return getAddress$3(address);
     }
     static getSighash(fragment) {
         return hexDataSlice$2(id$2(fragment.format()), 0, 4);
@@ -14709,7 +14704,7 @@ class Interface$1 {
                 return id$2(value);
             }
             else if (param.type === "bytes") {
-                return keccak256$2(hexlify$4(value));
+                return keccak256$3(hexlify$4(value));
             }
             // Check addresses are valid
             if (param.type === "address") {
@@ -14764,7 +14759,7 @@ class Interface$1 {
                     topics.push(id$2(value));
                 }
                 else if (param.type === "bytes") {
-                    topics.push(keccak256$2(value));
+                    topics.push(keccak256$3(value));
                 }
                 else if (param.baseType === "tuple" || param.baseType === "array") {
                     // @TODO
@@ -15301,7 +15296,7 @@ var TransactionTypes$2;
 })(TransactionTypes$2 || (TransactionTypes$2 = {}));
 function accessSetify$2(addr, storageKeys) {
     return {
-        address: getAddress$2(addr),
+        address: getAddress$3(addr),
         storageKeys: (storageKeys || []).map((storageKey, index) => {
             if (hexDataLength$2(storageKey) !== 32) {
                 logger$u.throwArgumentError("invalid access list storageKey", `accessList[${addr}:${index}]`, storageKey);
@@ -15353,7 +15348,7 @@ function resolveName$1(resolver, nameOrPromise) {
         }
         // If it is already an address, just use it (after adding checksum)
         try {
-            return getAddress$2(name);
+            return getAddress$3(name);
         }
         catch (error) { }
         if (!resolver) {
@@ -15412,7 +15407,7 @@ function populateTransaction$1(contract, fragment, args) {
                     override: resolveName$1(contract.signer, overrides.from),
                     signer: contract.signer.getAddress()
                 }).then((check) => __awaiter$a(this, void 0, void 0, function* () {
-                    if (getAddress$2(check.signer) !== check.override) {
+                    if (getAddress$3(check.signer) !== check.override) {
                         logger$t.throwError("Contract with a Signer cannot override from", Logger$4.errors.UNSUPPORTED_OPERATION, {
                             operation: "overrides.from"
                         });
@@ -15848,7 +15843,7 @@ class BaseContract$1 {
         }
         else {
             try {
-                defineReadOnly$2(this, "resolvedAddress", Promise.resolve(getAddress$2(addressOrName)));
+                defineReadOnly$2(this, "resolvedAddress", Promise.resolve(getAddress$3(addressOrName)));
             }
             catch (error) {
                 // Without a provider, we cannot use ENS names
@@ -20913,7 +20908,7 @@ function throwFault$4(fault, operation, value) {
     return logger$e$1.throwError(fault, Logger$3.errors.NUMERIC_FAULT, params);
 }
 // value should have no prefix
-function _base36To16$1(value) {
+function _base36To16$2(value) {
     return (new BN$3(value, 36)).toString(16);
 }
 
@@ -22119,7 +22114,7 @@ const Base58$1 = new BaseX$1("123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqr
  * @license MIT
  */
 
-var sha3$2 = createCommonjsModule$1$2(function (module) {
+var sha3$3 = createCommonjsModule$1$2(function (module) {
 /*jslint bitwise: true */
 (function () {
 
@@ -22588,14 +22583,14 @@ var sha3$2 = createCommonjsModule$1$2(function (module) {
 })();
 });
 
-var sha3$1$1 = sha3$2;
+var sha3$1$2 = sha3$3;
 
-function keccak256$1(data) {
-    return '0x' + sha3$1$1.keccak_256(arrayify$2(data));
+function keccak256$2(data) {
+    return '0x' + sha3$1$2.keccak_256(arrayify$2(data));
 }
 
 function id$1(text) {
-    return keccak256$1(toUtf8Bytes$1(text));
+    return keccak256$2(toUtf8Bytes$1(text));
 }
 
 const version$7$1 = "hash/5.4.0";
@@ -22617,7 +22612,7 @@ function namehash$1(name) {
             logger$9$1.throwArgumentError("invalid ENS address; missing component", "name", name);
         }
         const label = toUtf8Bytes$1(nameprep$1(partition[3]));
-        result = keccak256$1(concat$1([result, keccak256$1(label)]));
+        result = keccak256$2(concat$1([result, keccak256$2(label)]));
         current = partition[2] || "";
     }
     return hexlify$3(result);
@@ -22740,10 +22735,10 @@ function decode$1$1(data) {
     return decoded.result;
 }
 
-const version$5$1 = "address/5.4.0";
+const version$5$2 = "address/5.4.0";
 
-const logger$7$1 = new Logger$3(version$5$1);
-function getChecksumAddress$1(address) {
+const logger$7$1 = new Logger$3(version$5$2);
+function getChecksumAddress$2(address) {
     if (!isHexString$3(address, 20)) {
         logger$7$1.throwArgumentError("invalid address", "address", address);
     }
@@ -22753,7 +22748,7 @@ function getChecksumAddress$1(address) {
     for (let i = 0; i < 40; i++) {
         expanded[i] = chars[i].charCodeAt(0);
     }
-    const hashed = arrayify$2(keccak256$1(expanded));
+    const hashed = arrayify$2(keccak256$2(expanded));
     for (let i = 0; i < 40; i += 2) {
         if ((hashed[i >> 1] >> 4) >= 8) {
             chars[i] = chars[i].toUpperCase();
@@ -22765,8 +22760,8 @@ function getChecksumAddress$1(address) {
     return "0x" + chars.join("");
 }
 // Shims for environments that are missing some required constants and functions
-const MAX_SAFE_INTEGER$2 = 0x1fffffffffffff;
-function log10$2(x) {
+const MAX_SAFE_INTEGER$3 = 0x1fffffffffffff;
+function log10$3(x) {
     if (Math.log10) {
         return Math.log10(x);
     }
@@ -22774,22 +22769,22 @@ function log10$2(x) {
 }
 // See: https://en.wikipedia.org/wiki/International_Bank_Account_Number
 // Create lookup table
-const ibanLookup$1 = {};
+const ibanLookup$2 = {};
 for (let i = 0; i < 10; i++) {
-    ibanLookup$1[String(i)] = String(i);
+    ibanLookup$2[String(i)] = String(i);
 }
 for (let i = 0; i < 26; i++) {
-    ibanLookup$1[String.fromCharCode(65 + i)] = String(10 + i);
+    ibanLookup$2[String.fromCharCode(65 + i)] = String(10 + i);
 }
 // How many decimal digits can we process? (for 64-bit float, this is 15)
-const safeDigits$1 = Math.floor(log10$2(MAX_SAFE_INTEGER$2));
-function ibanChecksum$1(address) {
+const safeDigits$2 = Math.floor(log10$3(MAX_SAFE_INTEGER$3));
+function ibanChecksum$2(address) {
     address = address.toUpperCase();
     address = address.substring(4) + address.substring(0, 2) + "00";
-    let expanded = address.split("").map((c) => { return ibanLookup$1[c]; }).join("");
+    let expanded = address.split("").map((c) => { return ibanLookup$2[c]; }).join("");
     // Javascript can handle integers safely up to 15 (decimal) digits
-    while (expanded.length >= safeDigits$1) {
-        let block = expanded.substring(0, safeDigits$1);
+    while (expanded.length >= safeDigits$2) {
+        let block = expanded.substring(0, safeDigits$2);
         expanded = parseInt(block, 10) % 97 + expanded.substring(block.length);
     }
     let checksum = String(98 - (parseInt(expanded, 10) % 97));
@@ -22798,7 +22793,7 @@ function ibanChecksum$1(address) {
     }
     return checksum;
 }
-function getAddress$1(address) {
+function getAddress$2(address) {
     let result = null;
     if (typeof (address) !== "string") {
         logger$7$1.throwArgumentError("invalid address", "address", address);
@@ -22808,7 +22803,7 @@ function getAddress$1(address) {
         if (address.substring(0, 2) !== "0x") {
             address = "0x" + address;
         }
-        result = getChecksumAddress$1(address);
+        result = getChecksumAddress$2(address);
         // It is a checksummed address with a bad checksum
         if (address.match(/([A-F].*[a-f])|([a-f].*[A-F])/) && result !== address) {
             logger$7$1.throwArgumentError("bad address checksum", "address", address);
@@ -22817,14 +22812,14 @@ function getAddress$1(address) {
     }
     else if (address.match(/^XE[0-9]{2}[0-9A-Za-z]{30,31}$/)) {
         // It is an ICAP address with a bad checksum
-        if (address.substring(2, 4) !== ibanChecksum$1(address)) {
+        if (address.substring(2, 4) !== ibanChecksum$2(address)) {
             logger$7$1.throwArgumentError("bad icap checksum", "address", address);
         }
-        result = _base36To16$1(address.substring(4));
+        result = _base36To16$2(address.substring(4));
         while (result.length < 40) {
             result = "0" + result;
         }
-        result = getChecksumAddress$1("0x" + result);
+        result = getChecksumAddress$2("0x" + result);
     }
     else {
         logger$7$1.throwArgumentError("invalid address", "address", address);
@@ -22835,13 +22830,13 @@ function getAddress$1(address) {
 function getContractAddress$1(transaction) {
     let from = null;
     try {
-        from = getAddress$1(transaction.from);
+        from = getAddress$2(transaction.from);
     }
     catch (error) {
         logger$7$1.throwArgumentError("missing from address", "transaction", transaction);
     }
     const nonce = stripZeros$1(arrayify$2(BigNumber$3.from(transaction.nonce).toHexString()));
-    return getAddress$1(hexDataSlice$1(keccak256$1(encode$1$1([from, nonce])), 12));
+    return getAddress$2(hexDataSlice$1(keccak256$2(encode$1$1([from, nonce])), 12));
 }
 
 var __awaiter$3$1 = function (thisArg, _arguments, P, generator) {
@@ -22900,7 +22895,7 @@ const domainChecks$1 = {
     },
     verifyingContract: function (value) {
         try {
-            return getAddress$1(value).toLowerCase();
+            return getAddress$2(value).toLowerCase();
         }
         catch (error) { }
         return logger$6$1.throwArgumentError(`invalid domain value "verifyingContract"`, "domain.verifyingContract", value);
@@ -22957,13 +22952,13 @@ function getBaseEncoder$1(type) {
     }
     switch (type) {
         case "address": return function (value) {
-            return hexZeroPad$2(getAddress$1(value), 32);
+            return hexZeroPad$2(getAddress$2(value), 32);
         };
         case "bool": return function (value) {
             return ((!value) ? hexFalse$1 : hexTrue$1);
         };
         case "bytes": return function (value) {
-            return keccak256$1(value);
+            return keccak256$2(value);
         };
         case "string": return function (value) {
             return id$1(value);
@@ -23079,9 +23074,9 @@ class TypedDataEncoder$1 {
                 }
                 let result = value.map(subEncoder);
                 if (this._types[subtype]) {
-                    result = result.map(keccak256$1);
+                    result = result.map(keccak256$2);
                 }
-                return keccak256$1(hexConcat$1(result));
+                return keccak256$2(hexConcat$1(result));
             };
         }
         // Struct
@@ -23092,7 +23087,7 @@ class TypedDataEncoder$1 {
                 const values = fields.map(({ name, type }) => {
                     const result = this.getEncoder(type)(value[name]);
                     if (this._types[type]) {
-                        return keccak256$1(result);
+                        return keccak256$2(result);
                     }
                     return result;
                 });
@@ -23113,7 +23108,7 @@ class TypedDataEncoder$1 {
         return this.getEncoder(type)(value);
     }
     hashStruct(name, value) {
-        return keccak256$1(this.encodeData(name, value));
+        return keccak256$2(this.encodeData(name, value));
     }
     encode(value) {
         return this.encodeData(this.primaryType, value);
@@ -23183,7 +23178,7 @@ class TypedDataEncoder$1 {
         ]);
     }
     static hash(domain, types, value) {
-        return keccak256$1(TypedDataEncoder$1.encode(domain, types, value));
+        return keccak256$2(TypedDataEncoder$1.encode(domain, types, value));
     }
     // Replaces all address types with ENS names with their looked up address
     static resolveNames(domain, types, value, resolveName) {
@@ -27174,7 +27169,7 @@ var EC$1$1 = elliptic_1$1.ec;
 
 const version$2$3 = "signing-key/5.4.0";
 
-const logger$5$1 = new Logger$3(version$2$3);
+const logger$5$2 = new Logger$3(version$2$3);
 let _curve$1 = null;
 function getCurve$1() {
     if (!_curve$1) {
@@ -27200,7 +27195,7 @@ class SigningKey$1 {
         const keyPair = getCurve$1().keyFromPrivate(arrayify$2(this.privateKey));
         const digestBytes = arrayify$2(digest);
         if (digestBytes.length !== 32) {
-            logger$5$1.throwArgumentError("bad digest length", "digest", digest);
+            logger$5$2.throwArgumentError("bad digest length", "digest", digest);
         }
         const signature = keyPair.sign(digestBytes, { canonical: true });
         return splitSignature$1({
@@ -27244,7 +27239,7 @@ function computePublicKey$1(key, compressed) {
         }
         return "0x" + getCurve$1().keyFromPublic(bytes).getPublic(true, "hex");
     }
-    return logger$5$1.throwArgumentError("invalid public or private key", "key", "[REDACTED]");
+    return logger$5$2.throwArgumentError("invalid public or private key", "key", "[REDACTED]");
 }
 
 const version$1$3 = "transactions/5.4.0";
@@ -27261,7 +27256,7 @@ function handleAddress$1(value) {
     if (value === "0x") {
         return null;
     }
-    return getAddress$1(value);
+    return getAddress$2(value);
 }
 function handleNumber$1(value) {
     if (value === "0x") {
@@ -27271,7 +27266,7 @@ function handleNumber$1(value) {
 }
 function computeAddress$1(key) {
     const publicKey = computePublicKey$1(key);
-    return getAddress$1(hexDataSlice$1(keccak256$1(hexDataSlice$1(publicKey, 1)), 12));
+    return getAddress$2(hexDataSlice$1(keccak256$2(hexDataSlice$1(publicKey, 1)), 12));
 }
 function recoverAddress$1(digest, signature) {
     return computeAddress$1(recoverPublicKey$1(arrayify$2(digest), signature));
@@ -27285,7 +27280,7 @@ function formatNumber$1(value, name) {
 }
 function accessSetify$1(addr, storageKeys) {
     return {
-        address: getAddress$1(addr),
+        address: getAddress$2(addr),
         storageKeys: (storageKeys || []).map((storageKey, index) => {
             if (hexDataLength$1(storageKey) !== 32) {
                 logger$4$2.throwArgumentError("invalid access list storageKey", `accessList[${addr}:${index}]`, storageKey);
@@ -27338,7 +27333,7 @@ function _serializeEip1559$1(transaction, signature) {
         formatNumber$1(transaction.maxPriorityFeePerGas || 0, "maxPriorityFeePerGas"),
         formatNumber$1(transaction.maxFeePerGas || 0, "maxFeePerGas"),
         formatNumber$1(transaction.gasLimit || 0, "gasLimit"),
-        ((transaction.to != null) ? getAddress$1(transaction.to) : "0x"),
+        ((transaction.to != null) ? getAddress$2(transaction.to) : "0x"),
         formatNumber$1(transaction.value || 0, "value"),
         (transaction.data || "0x"),
         (formatAccessList$1(transaction.accessList || []))
@@ -27357,7 +27352,7 @@ function _serializeEip2930$1(transaction, signature) {
         formatNumber$1(transaction.nonce || 0, "nonce"),
         formatNumber$1(transaction.gasPrice || 0, "gasPrice"),
         formatNumber$1(transaction.gasLimit || 0, "gasLimit"),
-        ((transaction.to != null) ? getAddress$1(transaction.to) : "0x"),
+        ((transaction.to != null) ? getAddress$2(transaction.to) : "0x"),
         formatNumber$1(transaction.value || 0, "value"),
         (transaction.data || "0x"),
         (formatAccessList$1(transaction.accessList || []))
@@ -27384,7 +27379,7 @@ function _parseEipSignature$1(tx, fields, serialize) {
     tx.r = hexZeroPad$2(fields[1], 32);
     tx.s = hexZeroPad$2(fields[2], 32);
     try {
-        const digest = keccak256$1(serialize(tx));
+        const digest = keccak256$2(serialize(tx));
         tx.from = recoverAddress$1(digest, { r: tx.r, s: tx.s, recoveryParam: tx.v });
     }
     catch (error) {
@@ -27415,7 +27410,7 @@ function _parseEip1559$1(payload) {
     if (transaction.length === 9) {
         return tx;
     }
-    tx.hash = keccak256$1(payload);
+    tx.hash = keccak256$2(payload);
     _parseEipSignature$1(tx, transaction.slice(9), _serializeEip1559$1);
     return tx;
 }
@@ -27439,7 +27434,7 @@ function _parseEip2930$1(payload) {
     if (transaction.length === 8) {
         return tx;
     }
-    tx.hash = keccak256$1(payload);
+    tx.hash = keccak256$2(payload);
     _parseEipSignature$1(tx, transaction.slice(8), _serializeEip2930$1);
     return tx;
 }
@@ -27490,14 +27485,14 @@ function _parse$1(rawTransaction) {
             raw.push("0x");
             recoveryParam -= tx.chainId * 2 + 8;
         }
-        const digest = keccak256$1(encode$1$1(raw));
+        const digest = keccak256$2(encode$1$1(raw));
         try {
             tx.from = recoverAddress$1(digest, { r: hexlify$3(tx.r), s: hexlify$3(tx.s), recoveryParam: recoveryParam });
         }
         catch (error) {
             console.log(error);
         }
-        tx.hash = keccak256$1(rawTransaction);
+        tx.hash = keccak256$2(rawTransaction);
     }
     tx.type = null;
     return tx;
@@ -27699,13 +27694,13 @@ class Formatter$1 {
     // Requires an address
     // Strict! Used on input.
     address(value) {
-        return getAddress$1(value);
+        return getAddress$2(value);
     }
     callAddress(value) {
         if (!isHexString$3(value, 32)) {
             return null;
         }
-        const address = getAddress$1(hexDataSlice$1(value, 12));
+        const address = getAddress$2(hexDataSlice$1(value, 12));
         return (address === AddressZero$1) ? null : address;
     }
     contractAddress(value) {
@@ -30524,6 +30519,8 @@ let balance = ({ address, provider }) => {
 var request$1 = async ({ provider, address, api, method, params }) => {
   if (api) {
     return contractCall({ address, api, method, params, provider })
+  } else if (method === 'latestBlockNumber') {
+    return provider.getBlockNumber()
   } else if (method === 'balance') {
     return balance({ address, provider })
   }
@@ -30580,8 +30577,20 @@ var parseUrl = (url) => {
   if (typeof url == 'object') {
     return url
   }
-  let deconstructed = url.match(/(?<blockchain>\w+):\/\/(?<address>[\w\d]+)\/(?<method>[\w\d]+)/);
-  return deconstructed.groups
+  let deconstructed = url.match(/(?<blockchain>\w+):\/\/(?<part1>[\w\d]+)(\/(?<part2>[\w\d]+))?/);
+
+  if(deconstructed.groups.part2 == undefined) {
+    return {
+      blockchain: deconstructed.groups.blockchain,
+      method: deconstructed.groups.part1
+    }
+  } else {
+    return {
+      blockchain: deconstructed.groups.blockchain,
+      address: deconstructed.groups.part1,
+      method: deconstructed.groups.part2
+    }
+  }
 };
 
 let request = async function (url, options) {
@@ -35070,7 +35079,7 @@ function throwFault$1$1(fault, operation, value) {
     return logger$o.throwError(fault, Logger$2.errors.NUMERIC_FAULT, params);
 }
 // value should have no prefix
-function _base36To16(value) {
+function _base36To16$1(value) {
     return (new BN$2(value, 36)).toString(16);
 }
 
@@ -36554,7 +36563,7 @@ class Reader {
  * @license MIT
  */
 
-var sha3 = createCommonjsModule$1$1(function (module) {
+var sha3$2 = createCommonjsModule$1$1(function (module) {
 /*jslint bitwise: true */
 (function () {
 
@@ -37023,10 +37032,10 @@ var sha3 = createCommonjsModule$1$1(function (module) {
 })();
 });
 
-var sha3$1 = sha3;
+var sha3$1$1 = sha3$2;
 
-function keccak256(data) {
-    return '0x' + sha3$1.keccak_256(arrayify$1(data));
+function keccak256$1(data) {
+    return '0x' + sha3$1$1.keccak_256(arrayify$1(data));
 }
 
 const version$d = "rlp/5.4.0";
@@ -37149,7 +37158,7 @@ function decode$1(data) {
 const version$c = "address/5.4.0";
 
 const logger$i = new Logger$2(version$c);
-function getChecksumAddress(address) {
+function getChecksumAddress$1(address) {
     if (!isHexString$2(address, 20)) {
         logger$i.throwArgumentError("invalid address", "address", address);
     }
@@ -37159,7 +37168,7 @@ function getChecksumAddress(address) {
     for (let i = 0; i < 40; i++) {
         expanded[i] = chars[i].charCodeAt(0);
     }
-    const hashed = arrayify$1(keccak256(expanded));
+    const hashed = arrayify$1(keccak256$1(expanded));
     for (let i = 0; i < 40; i += 2) {
         if ((hashed[i >> 1] >> 4) >= 8) {
             chars[i] = chars[i].toUpperCase();
@@ -37171,8 +37180,8 @@ function getChecksumAddress(address) {
     return "0x" + chars.join("");
 }
 // Shims for environments that are missing some required constants and functions
-const MAX_SAFE_INTEGER$1 = 0x1fffffffffffff;
-function log10$1(x) {
+const MAX_SAFE_INTEGER$2 = 0x1fffffffffffff;
+function log10$2(x) {
     if (Math.log10) {
         return Math.log10(x);
     }
@@ -37180,22 +37189,22 @@ function log10$1(x) {
 }
 // See: https://en.wikipedia.org/wiki/International_Bank_Account_Number
 // Create lookup table
-const ibanLookup = {};
+const ibanLookup$1 = {};
 for (let i = 0; i < 10; i++) {
-    ibanLookup[String(i)] = String(i);
+    ibanLookup$1[String(i)] = String(i);
 }
 for (let i = 0; i < 26; i++) {
-    ibanLookup[String.fromCharCode(65 + i)] = String(10 + i);
+    ibanLookup$1[String.fromCharCode(65 + i)] = String(10 + i);
 }
 // How many decimal digits can we process? (for 64-bit float, this is 15)
-const safeDigits = Math.floor(log10$1(MAX_SAFE_INTEGER$1));
-function ibanChecksum(address) {
+const safeDigits$1 = Math.floor(log10$2(MAX_SAFE_INTEGER$2));
+function ibanChecksum$1(address) {
     address = address.toUpperCase();
     address = address.substring(4) + address.substring(0, 2) + "00";
-    let expanded = address.split("").map((c) => { return ibanLookup[c]; }).join("");
+    let expanded = address.split("").map((c) => { return ibanLookup$1[c]; }).join("");
     // Javascript can handle integers safely up to 15 (decimal) digits
-    while (expanded.length >= safeDigits) {
-        let block = expanded.substring(0, safeDigits);
+    while (expanded.length >= safeDigits$1) {
+        let block = expanded.substring(0, safeDigits$1);
         expanded = parseInt(block, 10) % 97 + expanded.substring(block.length);
     }
     let checksum = String(98 - (parseInt(expanded, 10) % 97));
@@ -37204,7 +37213,7 @@ function ibanChecksum(address) {
     }
     return checksum;
 }
-function getAddress(address) {
+function getAddress$1(address) {
     let result = null;
     if (typeof (address) !== "string") {
         logger$i.throwArgumentError("invalid address", "address", address);
@@ -37214,7 +37223,7 @@ function getAddress(address) {
         if (address.substring(0, 2) !== "0x") {
             address = "0x" + address;
         }
-        result = getChecksumAddress(address);
+        result = getChecksumAddress$1(address);
         // It is a checksummed address with a bad checksum
         if (address.match(/([A-F].*[a-f])|([a-f].*[A-F])/) && result !== address) {
             logger$i.throwArgumentError("bad address checksum", "address", address);
@@ -37223,14 +37232,14 @@ function getAddress(address) {
     }
     else if (address.match(/^XE[0-9]{2}[0-9A-Za-z]{30,31}$/)) {
         // It is an ICAP address with a bad checksum
-        if (address.substring(2, 4) !== ibanChecksum(address)) {
+        if (address.substring(2, 4) !== ibanChecksum$1(address)) {
             logger$i.throwArgumentError("bad icap checksum", "address", address);
         }
-        result = _base36To16(address.substring(4));
+        result = _base36To16$1(address.substring(4));
         while (result.length < 40) {
             result = "0" + result;
         }
-        result = getChecksumAddress("0x" + result);
+        result = getChecksumAddress$1("0x" + result);
     }
     else {
         logger$i.throwArgumentError("invalid address", "address", address);
@@ -37241,13 +37250,13 @@ function getAddress(address) {
 function getContractAddress(transaction) {
     let from = null;
     try {
-        from = getAddress(transaction.from);
+        from = getAddress$1(transaction.from);
     }
     catch (error) {
         logger$i.throwArgumentError("missing from address", "transaction", transaction);
     }
     const nonce = stripZeros(arrayify$1(BigNumber$2.from(transaction.nonce).toHexString()));
-    return getAddress(hexDataSlice(keccak256(encode$2([from, nonce])), 12));
+    return getAddress$1(hexDataSlice(keccak256$1(encode$2([from, nonce])), 12));
 }
 
 class AddressCoder extends Coder {
@@ -37259,7 +37268,7 @@ class AddressCoder extends Coder {
     }
     encode(writer, value) {
         try {
-            value = getAddress(value);
+            value = getAddress$1(value);
         }
         catch (error) {
             this._throwError(error.message, value);
@@ -37267,7 +37276,7 @@ class AddressCoder extends Coder {
         return writer.writeValue(value);
     }
     decode(reader) {
-        return getAddress(hexZeroPad$1(reader.readValue().toHexString(), 20));
+        return getAddress$1(hexZeroPad$1(reader.readValue().toHexString(), 20));
     }
 }
 
@@ -38173,7 +38182,7 @@ class AbiCoder {
 const defaultAbiCoder = new AbiCoder();
 
 function id(text) {
-    return keccak256(toUtf8Bytes(text));
+    return keccak256$1(toUtf8Bytes(text));
 }
 
 const version$a = "hash/5.4.0";
@@ -38195,7 +38204,7 @@ function namehash(name) {
             logger$e.throwArgumentError("invalid ENS address; missing component", "name", name);
         }
         const label = toUtf8Bytes(nameprep(partition[3]));
-        result = keccak256(concat([result, keccak256(label)]));
+        result = keccak256$1(concat([result, keccak256$1(label)]));
         current = partition[2] || "";
     }
     return hexlify$2(result);
@@ -38257,7 +38266,7 @@ const domainChecks = {
     },
     verifyingContract: function (value) {
         try {
-            return getAddress(value).toLowerCase();
+            return getAddress$1(value).toLowerCase();
         }
         catch (error) { }
         return logger$d.throwArgumentError(`invalid domain value "verifyingContract"`, "domain.verifyingContract", value);
@@ -38314,13 +38323,13 @@ function getBaseEncoder(type) {
     }
     switch (type) {
         case "address": return function (value) {
-            return hexZeroPad$1(getAddress(value), 32);
+            return hexZeroPad$1(getAddress$1(value), 32);
         };
         case "bool": return function (value) {
             return ((!value) ? hexFalse : hexTrue);
         };
         case "bytes": return function (value) {
-            return keccak256(value);
+            return keccak256$1(value);
         };
         case "string": return function (value) {
             return id(value);
@@ -38436,9 +38445,9 @@ class TypedDataEncoder {
                 }
                 let result = value.map(subEncoder);
                 if (this._types[subtype]) {
-                    result = result.map(keccak256);
+                    result = result.map(keccak256$1);
                 }
-                return keccak256(hexConcat(result));
+                return keccak256$1(hexConcat(result));
             };
         }
         // Struct
@@ -38449,7 +38458,7 @@ class TypedDataEncoder {
                 const values = fields.map(({ name, type }) => {
                     const result = this.getEncoder(type)(value[name]);
                     if (this._types[type]) {
-                        return keccak256(result);
+                        return keccak256$1(result);
                     }
                     return result;
                 });
@@ -38470,7 +38479,7 @@ class TypedDataEncoder {
         return this.getEncoder(type)(value);
     }
     hashStruct(name, value) {
-        return keccak256(this.encodeData(name, value));
+        return keccak256$1(this.encodeData(name, value));
     }
     encode(value) {
         return this.encodeData(this.primaryType, value);
@@ -38540,7 +38549,7 @@ class TypedDataEncoder {
         ]);
     }
     static hash(domain, types, value) {
-        return keccak256(TypedDataEncoder.encode(domain, types, value));
+        return keccak256$1(TypedDataEncoder.encode(domain, types, value));
     }
     // Replaces all address types with ENS names with their looked up address
     static resolveNames(domain, types, value, resolveName) {
@@ -38748,7 +38757,7 @@ class Interface {
         return defaultAbiCoder;
     }
     static getAddress(address) {
-        return getAddress(address);
+        return getAddress$1(address);
     }
     static getSighash(fragment) {
         return hexDataSlice(id(fragment.format()), 0, 4);
@@ -38993,7 +39002,7 @@ class Interface {
                 return id(value);
             }
             else if (param.type === "bytes") {
-                return keccak256(hexlify$2(value));
+                return keccak256$1(hexlify$2(value));
             }
             // Check addresses are valid
             if (param.type === "address") {
@@ -39048,7 +39057,7 @@ class Interface {
                     topics.push(id(value));
                 }
                 else if (param.type === "bytes") {
-                    topics.push(keccak256(value));
+                    topics.push(keccak256$1(value));
                 }
                 else if (param.baseType === "tuple" || param.baseType === "array") {
                     // @TOOD
@@ -46821,7 +46830,7 @@ function handleAddress(value) {
     if (value === "0x") {
         return null;
     }
-    return getAddress(value);
+    return getAddress$1(value);
 }
 function handleNumber(value) {
     if (value === "0x") {
@@ -46831,7 +46840,7 @@ function handleNumber(value) {
 }
 function computeAddress(key) {
     const publicKey = computePublicKey(key);
-    return getAddress(hexDataSlice(keccak256(hexDataSlice(publicKey, 1)), 12));
+    return getAddress$1(hexDataSlice(keccak256$1(hexDataSlice(publicKey, 1)), 12));
 }
 function recoverAddress(digest, signature) {
     return computeAddress(recoverPublicKey(arrayify$1(digest), signature));
@@ -46845,7 +46854,7 @@ function formatNumber(value, name) {
 }
 function accessSetify(addr, storageKeys) {
     return {
-        address: getAddress(addr),
+        address: getAddress$1(addr),
         storageKeys: (storageKeys || []).map((storageKey, index) => {
             if (hexDataLength(storageKey) !== 32) {
                 logger$8.throwArgumentError("invalid access list storageKey", `accessList[${addr}:${index}]`, storageKey);
@@ -46898,7 +46907,7 @@ function _serializeEip1559(transaction, signature) {
         formatNumber(transaction.maxPriorityFeePerGas || 0, "maxPriorityFeePerGas"),
         formatNumber(transaction.maxFeePerGas || 0, "maxFeePerGas"),
         formatNumber(transaction.gasLimit || 0, "gasLimit"),
-        ((transaction.to != null) ? getAddress(transaction.to) : "0x"),
+        ((transaction.to != null) ? getAddress$1(transaction.to) : "0x"),
         formatNumber(transaction.value || 0, "value"),
         (transaction.data || "0x"),
         (formatAccessList(transaction.accessList || []))
@@ -46917,7 +46926,7 @@ function _serializeEip2930(transaction, signature) {
         formatNumber(transaction.nonce || 0, "nonce"),
         formatNumber(transaction.gasPrice || 0, "gasPrice"),
         formatNumber(transaction.gasLimit || 0, "gasLimit"),
-        ((transaction.to != null) ? getAddress(transaction.to) : "0x"),
+        ((transaction.to != null) ? getAddress$1(transaction.to) : "0x"),
         formatNumber(transaction.value || 0, "value"),
         (transaction.data || "0x"),
         (formatAccessList(transaction.accessList || []))
@@ -46944,7 +46953,7 @@ function _parseEipSignature(tx, fields, serialize) {
     tx.r = hexZeroPad$1(fields[1], 32);
     tx.s = hexZeroPad$1(fields[2], 32);
     try {
-        const digest = keccak256(serialize(tx));
+        const digest = keccak256$1(serialize(tx));
         tx.from = recoverAddress(digest, { r: tx.r, s: tx.s, recoveryParam: tx.v });
     }
     catch (error) {
@@ -46975,7 +46984,7 @@ function _parseEip1559(payload) {
     if (transaction.length === 9) {
         return tx;
     }
-    tx.hash = keccak256(payload);
+    tx.hash = keccak256$1(payload);
     _parseEipSignature(tx, transaction.slice(9), _serializeEip1559);
     return tx;
 }
@@ -46999,7 +47008,7 @@ function _parseEip2930(payload) {
     if (transaction.length === 8) {
         return tx;
     }
-    tx.hash = keccak256(payload);
+    tx.hash = keccak256$1(payload);
     _parseEipSignature(tx, transaction.slice(8), _serializeEip2930);
     return tx;
 }
@@ -47050,14 +47059,14 @@ function _parse(rawTransaction) {
             raw.push("0x");
             recoveryParam -= tx.chainId * 2 + 8;
         }
-        const digest = keccak256(encode$2(raw));
+        const digest = keccak256$1(encode$2(raw));
         try {
             tx.from = recoverAddress(digest, { r: hexlify$2(tx.r), s: hexlify$2(tx.s), recoveryParam: recoveryParam });
         }
         catch (error) {
             console.log(error);
         }
-        tx.hash = keccak256(rawTransaction);
+        tx.hash = keccak256$1(rawTransaction);
     }
     tx.type = null;
     return tx;
@@ -47081,7 +47090,7 @@ function parse(rawTransaction) {
     });
 }
 
-const version$5 = "contracts/5.4.1";
+const version$5$1 = "contracts/5.4.1";
 
 var __awaiter$4 = function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -47092,13 +47101,13 @@ var __awaiter$4 = function (thisArg, _arguments, P, generator) {
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$7 = new Logger$2(version$5);
+const logger$7 = new Logger$2(version$5$1);
 function resolveName(resolver, nameOrPromise) {
     return __awaiter$4(this, void 0, void 0, function* () {
         const name = yield nameOrPromise;
         // If it is already an address, just use it (after adding checksum)
         try {
-            return getAddress(name);
+            return getAddress$1(name);
         }
         catch (error) { }
         if (!resolver) {
@@ -47154,7 +47163,7 @@ function populateTransaction(contract, fragment, args) {
                     override: resolveName(contract.signer, overrides.from),
                     signer: contract.signer.getAddress()
                 }).then((check) => __awaiter$4(this, void 0, void 0, function* () {
-                    if (getAddress(check.signer) !== check.override) {
+                    if (getAddress$1(check.signer) !== check.override) {
                         logger$7.throwError("Contract with a Signer cannot override from", Logger$2.errors.UNSUPPORTED_OPERATION, {
                             operation: "overrides.from"
                         });
@@ -47583,7 +47592,7 @@ class BaseContract {
         }
         else {
             try {
-                defineReadOnly(this, "resolvedAddress", Promise.resolve(getAddress(addressOrName)));
+                defineReadOnly(this, "resolvedAddress", Promise.resolve(getAddress$1(addressOrName)));
             }
             catch (error) {
                 // Without a provider, we cannot use ENS names
@@ -48347,7 +48356,7 @@ var __awaiter$2 = function (thisArg, _arguments, P, generator) {
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const logger$5 = new Logger$2(version$2$2);
+const logger$5$1 = new Logger$2(version$2$2);
 function staller(duration) {
     return new Promise((resolve) => {
         setTimeout(resolve, duration);
@@ -48380,10 +48389,10 @@ function bodyify(value, type) {
 function _fetchData(connection, body, processFunc) {
     // How many times to retry in the event of a throttle
     const attemptLimit = (typeof (connection) === "object" && connection.throttleLimit != null) ? connection.throttleLimit : 12;
-    logger$5.assertArgument((attemptLimit > 0 && (attemptLimit % 1) === 0), "invalid connection throttle limit", "connection.throttleLimit", attemptLimit);
+    logger$5$1.assertArgument((attemptLimit > 0 && (attemptLimit % 1) === 0), "invalid connection throttle limit", "connection.throttleLimit", attemptLimit);
     const throttleCallback = ((typeof (connection) === "object") ? connection.throttleCallback : null);
     const throttleSlotInterval = ((typeof (connection) === "object" && typeof (connection.throttleSlotInterval) === "number") ? connection.throttleSlotInterval : 100);
-    logger$5.assertArgument((throttleSlotInterval > 0 && (throttleSlotInterval % 1) === 0), "invalid connection throttle slot interval", "connection.throttleSlotInterval", throttleSlotInterval);
+    logger$5$1.assertArgument((throttleSlotInterval > 0 && (throttleSlotInterval % 1) === 0), "invalid connection throttle slot interval", "connection.throttleSlotInterval", throttleSlotInterval);
     const headers = {};
     let url = null;
     // @TODO: Allow ConnectionInfo to override some of these values
@@ -48397,7 +48406,7 @@ function _fetchData(connection, body, processFunc) {
     }
     else if (typeof (connection) === "object") {
         if (connection == null || connection.url == null) {
-            logger$5.throwArgumentError("missing URL", "connection.url", connection);
+            logger$5$1.throwArgumentError("missing URL", "connection.url", connection);
         }
         url = connection.url;
         if (typeof (connection.timeout) === "number" && connection.timeout > 0) {
@@ -48414,7 +48423,7 @@ function _fetchData(connection, body, processFunc) {
         options.allowGzip = !!connection.allowGzip;
         if (connection.user != null && connection.password != null) {
             if (url.substring(0, 6) !== "https:" && connection.allowInsecureAuthentication !== true) {
-                logger$5.throwError("basic authentication requires a secure https url", Logger$2.errors.INVALID_ARGUMENT, { argument: "url", url: url, user: connection.user, password: "[REDACTED]" });
+                logger$5$1.throwError("basic authentication requires a secure https url", Logger$2.errors.INVALID_ARGUMENT, { argument: "url", url: url, user: connection.user, password: "[REDACTED]" });
             }
             const authorization = connection.user + ":" + connection.password;
             headers["authorization"] = {
@@ -48448,7 +48457,7 @@ function _fetchData(connection, body, processFunc) {
                         return;
                     }
                     timer = null;
-                    reject(logger$5.makeError("timeout", Logger$2.errors.TIMEOUT, {
+                    reject(logger$5$1.makeError("timeout", Logger$2.errors.TIMEOUT, {
                         requestBody: bodyify(options.body, flatHeaders["content-type"]),
                         requestMethod: options.method,
                         timeout: timeout,
@@ -48497,7 +48506,7 @@ function _fetchData(connection, body, processFunc) {
                     response = error.response;
                     if (response == null) {
                         runningTimeout.cancel();
-                        logger$5.throwError("missing response", Logger$2.errors.SERVER_ERROR, {
+                        logger$5$1.throwError("missing response", Logger$2.errors.SERVER_ERROR, {
                             requestBody: bodyify(options.body, flatHeaders["content-type"]),
                             requestMethod: options.method,
                             serverError: error,
@@ -48511,7 +48520,7 @@ function _fetchData(connection, body, processFunc) {
                 }
                 else if (response.statusCode < 200 || response.statusCode >= 300) {
                     runningTimeout.cancel();
-                    logger$5.throwError("bad response", Logger$2.errors.SERVER_ERROR, {
+                    logger$5$1.throwError("bad response", Logger$2.errors.SERVER_ERROR, {
                         status: response.statusCode,
                         headers: response.headers,
                         body: bodyify(body, ((response.headers) ? response.headers["content-type"] : null)),
@@ -48541,7 +48550,7 @@ function _fetchData(connection, body, processFunc) {
                             }
                         }
                         runningTimeout.cancel();
-                        logger$5.throwError("processing response error", Logger$2.errors.SERVER_ERROR, {
+                        logger$5$1.throwError("processing response error", Logger$2.errors.SERVER_ERROR, {
                             body: bodyify(body, ((response.headers) ? response.headers["content-type"] : null)),
                             error: error,
                             requestBody: bodyify(options.body, flatHeaders["content-type"]),
@@ -48555,7 +48564,7 @@ function _fetchData(connection, body, processFunc) {
                 // The "body" is now a Uint8Array.
                 return body;
             }
-            return logger$5.throwError("failed response", Logger$2.errors.SERVER_ERROR, {
+            return logger$5$1.throwError("failed response", Logger$2.errors.SERVER_ERROR, {
                 requestBody: bodyify(options.body, flatHeaders["content-type"]),
                 requestMethod: options.method,
                 url: url
@@ -48572,7 +48581,7 @@ function fetchJson(connection, json, processFunc) {
                 result = JSON.parse(toUtf8String(value));
             }
             catch (error) {
-                logger$5.throwError("invalid JSON", Logger$2.errors.SERVER_ERROR, {
+                logger$5$1.throwError("invalid JSON", Logger$2.errors.SERVER_ERROR, {
                     body: value,
                     error: error
                 });
@@ -49047,13 +49056,13 @@ class Formatter {
     // Requires an address
     // Strict! Used on input.
     address(value) {
-        return getAddress(value);
+        return getAddress$1(value);
     }
     callAddress(value) {
         if (!isHexString$2(value, 32)) {
             return null;
         }
-        const address = getAddress(hexDataSlice(value, 12));
+        const address = getAddress$1(hexDataSlice(value, 12));
         return (address === AddressZero) ? null : address;
     }
     contractAddress(value) {
@@ -51562,10 +51571,11 @@ function parseUnits$1(value, unitName) {
 function _optionalChain$5(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 Transaction {
 
-  constructor({ blockchain, from, to, api, method, params, value, sent, confirmed, ensured, failed }) {
+  constructor({ blockchain, from, nonce, to, api, method, params, value, sent, confirmed, ensured, failed }) {
 
     this.blockchain = blockchain;
     this.from = from;
+    this.nonce = nonce;
     this.to = to;
     this.api = api;
     this.method = method;
@@ -51673,6 +51683,7 @@ const sendTransaction$1 = async ({ transaction, wallet })=> {
   await executeSubmit$1({ transaction, provider, signer }).then((sentTransaction)=>{
     if (sentTransaction) {
       transaction.id = sentTransaction.hash;
+      transaction.nonce = sentTransaction.nonce;
       transaction.url = Blockchain.findByName(transaction.blockchain).explorerUrlFor({ transaction });
       if (transaction.sent) transaction.sent(transaction);
       sentTransaction.wait(1).then(() => {
@@ -51873,6 +51884,7 @@ const sendTransaction = async ({ transaction, wallet })=> {
       transaction.url = blockchain.explorerUrlFor({ transaction });
       if (transaction.sent) transaction.sent(transaction);
       let sentTransaction = await retrieveTransaction(tx, transaction.blockchain);
+      transaction.nonce = sentTransaction.nonce;
       if(!sentTransaction) {
         transaction._failed = true;
         console.log('Error retrieving transaction');
@@ -52160,7 +52172,7 @@ var SelectWalletDialog = (function (props) {
         return connect(wallet);
       }
     }, /*#__PURE__*/react.createElement("div", {
-      className: "CardImage PaddingLeftM"
+      className: "CardImage"
     }, /*#__PURE__*/react.createElement("img", {
       src: wallet.logo
     })), /*#__PURE__*/react.createElement("div", {
@@ -52173,9 +52185,9 @@ var SelectWalletDialog = (function (props) {
   });
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Select a wallet")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingBottomXS PaddingLeftS PaddingRightS"
@@ -52183,11 +52195,13 @@ var SelectWalletDialog = (function (props) {
     footer: /*#__PURE__*/react.createElement("div", {
       className: "PaddingBottomS"
     }, /*#__PURE__*/react.createElement("button", {
-      className: "FontSizeS FontWeightBold TextGrey TextButton",
+      className: "FontSizeS FontWeightBold TextButton",
       onClick: function onClick() {
         return setShowExplanation(!showExplanation);
       }
-    }, /*#__PURE__*/react.createElement("strong", null, "What is a wallet?")), showExplanation && /*#__PURE__*/react.createElement("p", {
+    }, /*#__PURE__*/react.createElement("strong", {
+      className: "Opacity05"
+    }, "What is a wallet?")), showExplanation && /*#__PURE__*/react.createElement("p", {
       className: "PaddingLeftM PaddingRightM"
     }, "Wallets are used to send, receive, and store digital assets. Wallets come in many forms. They are either built into your browser, an extension added to your browser, a piece of hardware plugged into your computer or even an app on your phone."))
   });
@@ -52340,6 +52354,9 @@ function _defineProperties(target, props) {
 function _createClass$1(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -52357,12 +52374,15 @@ function _inherits$1(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
+  Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
+    writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
@@ -52465,7 +52485,7 @@ var ErrorProvider = (function (props) {
     })), /*#__PURE__*/react.createElement("div", {
       className: "DialogBody"
     }, /*#__PURE__*/react.createElement("div", {
-      className: "GraphicWrapper"
+      className: "GraphicWrapper PaddingTopS"
     }, /*#__PURE__*/react.createElement("img", {
       className: "Graphic",
       src: ErrorGraphic
@@ -52483,15 +52503,12 @@ var ErrorProvider = (function (props) {
       className: "FontSizeM PaddingTopS"
     }, "If this keeps happening, please report it.")))), /*#__PURE__*/react.createElement("div", {
       className: "DialogFooter"
-    }, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("button", {
+    }, /*#__PURE__*/react.createElement("div", {
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
+    }, /*#__PURE__*/react.createElement("button", {
       className: "ButtonPrimary",
       onClick: close
-    }, "Try again")), /*#__PURE__*/react.createElement("a", {
-      href: 'https://depay.fi?utm_source=' + window.location.hostname + '&utm_medium=widget&utm_campaign=WidgetV2',
-      rel: "noopener noreferrer",
-      target: "_blank",
-      className: "FooterLink"
-    }, "by DePay"))));
+    }, "Try again")))));
   } else {
     return /*#__PURE__*/react.createElement(ErrorContext.Provider, {
       value: {
@@ -52503,28 +52520,28 @@ var ErrorProvider = (function (props) {
   }
 });
 
+var BlockchainLogoStyle = (function (style) {
+  return "\n\n    .BlockchainLogo {\n      border-radius: 999px;\n    }\n\n    .BlockchainLogo.small {\n      height: 18px;\n      width: 18px;\n    }\n  ";
+});
+
 var ButtonCircularStyle = (function () {
   return "\n\n    .ButtonCircular {\n      border-radius: 99rem;\n      cursor: pointer;\n      height: 34px;\n      opacity: 0.5;\n      padding: 5px 4px 4px 4px;\n      width: 34px;\n    }\n\n    .ButtonCircular:hover {\n      background: rgba(0,0,0,0.1);\n      opacity: 1;\n    }\n\n    .ButtonCircular:active {\n      background: rgba(0,0,0,0.25);\n      opacity: 1;\n    }\n  ";
 });
 
 var ButtonPrimaryStyle = (function (style) {
-  return "\n\n    .ButtonPrimary {\n      align-items: center;\n      align-self: center;\n      background: ".concat(style.colors.primary, ";\n      border-radius: 9999rem;\n      border: 1px solid transparent;\n      box-shadow: 0 0 16px rgba(0,0,0,0.1);\n      font-size: 1.3rem;\n      font-weight: 400;\n      height: 2.8rem;\n      line-height: 2.8rem;\n      justify-content: center;\n      min-width: 12rem;\n      overflow: hidden;\n      padding: 0 1.4rem;\n      position: relative;\n      text-align: center;\n      text-decoration: none;\n      text-overflow: ellipsis;\n      transition: background 0.1s;\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    .ButtonPrimary, .ButtonPrimary * {\n      color: ").concat(style.colors.buttonText, ";\n    }\n\n    .ButtonPrimary.round {\n      padding: 0;\n      width: 3.4rem;\n      min-width: 3.4rem;\n    }\n\n    .ButtonPrimary.wide {\n      border-radius: 0.8rem;\n      width: 100%;\n      display: block;\n    }\n\n    .ButtonPrimary.disabled {\n      background: rgb(210,210,210);\n      color: rgb(140,140,140);\n    }\n\n    .ButtonPrimary:not(.disabled){\n      cursor: pointer;\n    }\n    .ButtonPrimary:not(.disabled):hover {\n      box-shadow: inset 0 0 300px rgba(0,0,0,0.1);\n    }\n    .ButtonPrimary:not(.disabled):active {\n      box-shadow: inset 0 0 300px rgba(0,0,0,0.2);\n    }\n  ");
+  return "\n\n    .ButtonPrimary {\n      align-items: center;\n      align-self: center;\n      background: ".concat(style.colors.primary, ";\n      border-radius: 0.8rem;\n      border: 1px solid transparent;\n      box-shadow: 0 0 16px rgba(0,0,0,0.1);\n      font-size: 1.3rem;\n      font-weight: 400;\n      line-height: 2.8rem;\n      height: 3.6rem;\n      justify-content: center;\n      width: 100%;\n      overflow: hidden;\n      padding: 0.4rem 0;\n      position: relative;\n      text-align: center;\n      text-decoration: none;\n      text-overflow: ellipsis;\n      transition: background 0.1s;\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    .ButtonPrimary, .ButtonPrimary * {\n      color: ").concat(style.colors.buttonText, ";\n    }\n\n    .ButtonPrimary.disabled {\n      background: rgb(210,210,210);\n      color: rgb(140,140,140);\n    }\n\n    .ButtonPrimary:not(.disabled){\n      cursor: pointer;\n    }\n    .ButtonPrimary:not(.disabled):hover {\n      box-shadow: inset 0 0 300px rgba(0,0,0,0.1);\n    }\n    .ButtonPrimary:not(.disabled):active {\n      box-shadow: inset 0 0 300px rgba(0,0,0,0.2);\n    }\n  ");
 });
 
 var CardStyle = (function (style) {
-  return "\n\n    .Card {\n      align-items: center;\n      background: rgb(255,255,255);\n      border-radius: 0.8rem;\n      box-shadow: 0 0 8px rgba(0,0,0,0.03);\n      cursor: pointer;\n      display: flex;\n      flex-direction: row;\n      margin-bottom: 0.5rem;\n      min-height: 4.78rem;\n      padding: 1rem 0.6rem;\n      width: 100%;\n    }\n\n    a.Card, a.Card * {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .Card.small {\n      min-height: auto;\n      padding: 0.6rem 0.6rem;\n    }\n\n    .Card.disabled {\n      cursor: default;\n    }\n\n    .Card:hover:not(.disabled) {\n      background: rgb(240,240,240);\n      box-shadow: 0 0 0 rgba(0,0,0,0); \n    }\n\n    .Card:active:not(.disabled) {\n      background: rgb(235,235,235);\n      box-shadow: inset 0 0 6px rgba(0,0,0,0.02);\n      color: inherit;\n    }\n\n    .Card:hover:not(.disabled) .CardAction {\n      opacity: 0.4;\n    }\n\n    .CardImage, .CardBody, .CardAction, .CardInfo {\n      align-items: center;\n      display: flex;\n      min-width: 0;\n      padding: 0 0.4rem;\n    }\n\n    .CardImage {\n      flex-basis: auto;\n      flex-shrink: 0;\n      flex-grow: 0;\n    }\n\n    .CardBody {\n      flex-basis: auto;\n      flex-grow: 1;\n      flex-shrink: 1;\n      line-height: 1.4rem;\n      padding-left: 0.6rem;\n      text-align: left;\n    }\n\n    .CardBodyWrapper {\n      min-width: 0;\n    }\n\n    .CardAction {\n      flex-basis: auto;\n      flex-shrink: 0;\n      flex-grow: 0;\n      padding-right: 0;\n      margin-left: auto;\n    }\n\n    .Card.disabled .CardAction {\n      opacity: 0;  \n    }\n\n    .CardInfo {\n      display: flex;\n      flex-basis: auto;\n      flex-direction: column;\n      flex-grow: 0;\n      flex-shrink: 1;\n      justify-content: center;\n      margin-left: auto; \n      padding-right: 0;\n    }\n\n    .CardImage img {\n      background: white;\n      border-radius: 99rem;\n      border: 1px solid white;\n      box-shadow: 0 2px 8px rgb(0 0 0 / 10%);\n      height: 2.8rem;\n      position: relative;\n      vertical-align: middle;\n      width: 2.8rem;\n    }\n\n    .CardTitle {\n      font-size: 0.9rem;\n      color: rgb(150,150,150);\n    }\n    \n    .CardText, a .CardText {\n      color: ".concat(style.colors.text, ";\n      flex: 1;\n      font-size: 1.3rem;\n    }\n\n    .CardText strong {\n      font-weight: 500;\n    }\n\n    .CardText small {\n      font-size: 1.1rem;\n      color: rgb(150,150,150);\n    }\n\n    .CardAction {\n      opacity: 0.2;\n    }\n\n    .Card.More {\n      display: inline-block;\n      text-align: center;\n    }\n  ");
+  return "\n\n    .Card {\n      align-items: center;\n      background: rgb(255,255,255);\n      border-radius: 0.8rem;\n      box-shadow: 0 0 8px rgba(0,0,0,0.03);\n      cursor: pointer;\n      display: flex;\n      flex-direction: row;\n      margin-bottom: 0.5rem;\n      min-height: 4.78rem;\n      padding: 1rem 0.6rem;\n      width: 100%;\n    }\n\n    a.Card, a.Card * {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .Card.transparent {\n      background: none;\n      box-shadow: none;\n    }\n\n    .Card.small {\n      min-height: auto;\n      padding: 0.5rem 0.5rem;\n      margin: 0;\n    }\n\n    .Card.disabled {\n      cursor: default;\n    }\n\n    .Card:hover:not(.disabled) {\n      background: rgb(240,240,240);\n      box-shadow: 0 0 0 rgba(0,0,0,0); \n    }\n\n    .Card:active:not(.disabled) {\n      background: rgb(235,235,235);\n      box-shadow: inset 0 0 6px rgba(0,0,0,0.02);\n      color: inherit;\n    }\n\n    .Card:hover:not(.disabled) .CardAction {\n      opacity: 0.4;\n    }\n\n    .CardImage, .CardBody, .CardAction, .CardInfo {\n      align-items: center;\n      display: flex;\n      min-width: 0;\n      padding: 0 0.4rem;\n    }\n\n    .CardImage {\n      flex-basis: auto;\n      flex-grow: 0;\n      flex-shrink: 0;\n      justify-content: center;\n      position: relative;\n      width: 3.6rem;\n    }\n\n    .CardBody {\n      flex-basis: auto;\n      flex-grow: 1;\n      flex-shrink: 1;\n      line-height: 1.4rem;\n      padding-left: 0.6rem;\n      text-align: left;\n    }\n\n    .CardBodyWrapper {\n      min-width: 0;\n    }\n\n    .CardAction {\n      flex-basis: auto;\n      flex-shrink: 0;\n      flex-grow: 0;\n      padding-right: 0;\n      margin-left: auto;\n    }\n\n    .Card.disabled .CardAction {\n      opacity: 0;  \n    }\n\n    .CardInfo {\n      display: flex;\n      flex-basis: auto;\n      flex-direction: column;\n      flex-grow: 0;\n      flex-shrink: 1;\n      justify-content: center;\n      margin-left: auto; \n      padding-right: 0;\n    }\n\n    .CardImage img {\n      background: white;\n      border-radius: 99rem;\n      border: 1px solid white;\n      box-shadow: 0 2px 8px rgb(0 0 0 / 10%);\n      height: 2.8rem;\n      position: relative;\n      vertical-align: middle;\n      width: 2.8rem;\n    }\n\n    .CardImage .BlockchainLogo {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n    }\n\n    .CardTitle {\n      font-size: 0.9rem;\n      color: rgb(150,150,150);\n    }\n    \n    .CardText, a .CardText {\n      color: ".concat(style.colors.text, ";\n      flex: 1;\n      font-size: 1.3rem;\n    }\n\n    .CardText strong {\n      font-weight: 500;\n    }\n\n    .CardText small {\n      font-size: 1.1rem;\n      color: rgb(150,150,150);\n    }\n\n    .CardAction {\n      opacity: 0.2;\n    }\n\n    .Card.More {\n      display: inline-block;\n      text-align: center;\n    }\n  ");
 });
 
 var DialogStyle = (function (style) {
-  return "\n\n    .ReactDialogBackground {\n      background: rgba(0,0,0,0.7);\n    }\n\n    .Dialog {\n      margin: 0 auto;\n      position: relative;\n      width: 420px;\n      box-shadow: 0 0 20px rgba(0,0,0,0.1);\n      border-radius: 0.8rem;\n    }\n\n    @media screen and (max-width: 450px) {\n      \n      .Dialog, .ReactDialogAnimation {\n        width: 100%;\n      }\n\n    }\n\n    @media (orientation: portrait) and (max-width: 900px) {\n\n      .Dialog {\n        align-content: stretch;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n      }\n\n      .DialogBody {\n        flex: 1;\n        align-items: flex-end;\n        max-height: 40vh !important;\n      }\n\n      .FooterLink {\n        bottom: 0;\n        left: 0;\n        position: absolute;\n        padding-bottom: 1rem;\n        right: 0;\n        width: 100%;\n      }\n\n      .DialogFooter {\n        padding-bottom: 50px;\n      }\n\n      .ReactDialogStackCell {\n        vertical-align: bottom;\n      }\n\n      .ReactDialogAnimation {\n        bottom: -100px !important;\n        max-height: 66vh !important;\n        top: inherit !important;\n        transition: opacity 0.4s ease, bottom 0.4s ease;\n      }\n\n      .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n        bottom: 0px !important;\n      }\n\n      .DialogFooter {\n        border-bottom-left-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n    }\n\n    .DialogBody {\n      background: rgb(248,248,248);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    .DialogBody.HeightAuto {\n      height: auto;\n    }\n\n    .DialogHeader {\n      background: rgb(248,248,248);\n      border-top-left-radius: 0.8rem;\n      border-top-right-radius: 0.8rem;\n      display: flex;\n      flex-direction: row;\n      position: relative;\n    }\n\n    .DialogHeaderTitle {\n      flex-basis: auto;\n      flex-grow: 1;\n    }\n    \n    .DialogHeaderAction {\n      height: 3rem;\n    }\n\n    .DialogFooter {\n      background: rgb(248,248,248);\n      border-bottom-left-radius: 0.8rem;\n      border-bottom-right-radius: 0.8rem;\n      line-height: 1.5rem;\n      min-height: 2rem;\n      position: relative;\n      text-align: center;\n    }\n\n    .ReactShadowDOMInsideContainer > .ReactDialog {\n      display: table;\n    }\n\n  ";
+  return "\n\n    .ReactDialogBackground {\n      backdrop-filter: blur(5px);\n      background: rgba(0,0,0,0.7);\n    }\n\n    .Dialog {\n      margin: 0 auto;\n      position: relative;\n      width: 420px;\n      box-shadow: 0 0 20px rgba(0,0,0,0.1);\n      border-radius: 0.8rem;\n    }\n\n    @media screen and (max-width: 450px) {\n      \n      .Dialog, .ReactDialogAnimation {\n        width: 100%;\n      }\n\n    }\n\n    @media (orientation: portrait) and (max-width: 900px) {\n\n      .Dialog {\n        align-content: stretch;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n      }\n\n      .DialogBody {\n        flex: 1;\n        align-items: flex-end;\n        max-height: 40vh !important;\n      }\n\n      .DialogFooter {\n        padding-bottom: 50px;\n      }\n\n      .ReactDialogStackCell {\n        vertical-align: bottom;\n      }\n\n      .ReactDialogAnimation {\n        bottom: -100px !important;\n        max-height: 66vh !important;\n        top: inherit !important;\n        transition: opacity 0.4s ease, bottom 0.4s ease;\n      }\n\n      .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n        bottom: 0px !important;\n      }\n\n      .DialogFooter {\n        border-bottom-left-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n    }\n\n    .DialogBody {\n      background: rgb(248,248,248);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    .DialogBody.HeightAuto {\n      height: auto;\n    }\n\n    .DialogHeader {\n      background: rgb(248,248,248);\n      border-top-left-radius: 0.8rem;\n      border-top-right-radius: 0.8rem;\n      display: flex;\n      flex-direction: row;\n      position: relative;\n    }\n\n    .DialogHeaderTitle {\n      flex-basis: auto;\n      flex-grow: 1;\n    }\n    \n    .DialogHeaderAction {\n      height: 3rem;\n    }\n\n    .DialogFooter {\n      background: rgb(248,248,248);\n      border-bottom-left-radius: 0.8rem;\n      border-bottom-right-radius: 0.8rem;\n      line-height: 1.5rem;\n      min-height: 2rem;\n      position: relative;\n      text-align: center;\n    }\n\n    .ReactShadowDOMInsideContainer > .ReactDialog {\n      display: table;\n    }\n\n  ";
 });
 
 var FontStyle = (function (style) {
-  return "\n\n    .Dialog, * {\n      font-family: ".concat(style.fontFamily, ";\n    }\n\n    .FontSizeS {\n      font-size: 1rem;\n    }\n\n    .FontSizeM {\n      font-size: 1.2rem;\n    }\n\n    .FontSizeL {\n      font-size: 1.4rem;\n    }\n\n    .FontSizeXL {\n      font-size: 2.0rem;\n    }\n\n    .FontWeightBold {\n      font-weight: bold;\n    }\n\n    .FontItalic {\n      font-style: italic;\n    }\n  ");
-});
-
-var FooterStyle = (function (style) {
-  return "\n\n    .FooterLink {\n      color: rgba(0,0,0,0.2);\n      display: inline-block;\n      font-size: 0.9rem;\n      text-decoration: none;\n    }\n\n    .FooterLink:hover, .FooterLink:active {\n      color: ".concat(style.colors.primary, ";\n    }\n  ");
+  return "\n\n    *, div, div * {\n      font-family: ".concat(style.fontFamily, ";\n    }\n\n    .FontSizeS {\n      font-size: 1rem;\n    }\n\n    .FontSizeM {\n      font-size: 1.2rem;\n    }\n\n    .FontSizeL {\n      font-size: 1.4rem;\n    }\n\n    .FontSizeXL {\n      font-size: 2.0rem;\n    }\n\n    .FontWeightBold {\n      font-weight: bold;\n    }\n\n    .FontItalic {\n      font-style: italic;\n    }\n  ");
 });
 
 var GraphicStyle = (function () {
@@ -52536,7 +52553,7 @@ var HeightStyle = (function () {
 });
 
 var IconStyle = (function (style) {
-  return "\n\n    .Icon {\n      fill : ".concat(style.colors.icons, ";\n      stroke : ").concat(style.colors.icons, ";\n    }\n\n    .ChevronLeft, .ChevronRight {\n      position: relative;\n      top: 1px;\n    }\n\n    .Checkmark {\n      height: 1.4rem;\n      position: relative;\n      top: -1px;\n      vertical-align: middle;\n      width: 1.4rem;\n    }\n\n    .ButtonPrimary .Icon {\n      fill : ").concat(style.colors.buttonText, ";\n      stroke : ").concat(style.colors.buttonText, ";\n    }\n    \n  ");
+  return "\n\n    .Icon {\n      fill : ".concat(style.colors.icons, ";\n      stroke : ").concat(style.colors.icons, ";\n    }\n\n    .ChevronLeft, .ChevronRight {\n      position: relative;\n      top: 1px;\n    }\n\n    .Checkmark {\n      height: 24px;\n      position: relative;\n      top: -1px;\n      vertical-align: middle;\n      width: 24px;\n    }\n\n    .CheckMark.small {\n      height: 16px;\n      width: 16px;\n    }\n\n    .DigitalWalletIcon {\n      height: 24px;\n      position: relative;\n      top: -1px;\n      vertical-align: middle;\n      width: 24px;\n    }\n\n    .ButtonPrimary .Icon {\n      fill : ").concat(style.colors.buttonText, ";\n      stroke : ").concat(style.colors.buttonText, ";\n    }\n\n    .Loading {\n      border: 3px solid ").concat(style.colors.primary, ";\n      border-top: 3px solid rgba(0,0,0,0.1);\n      border-radius: 100%;\n      position: relative;\n      left: -1px;\n      width: 18px;\n      height: 18px;\n      animation: spin 1.5s linear infinite;\n    }\n\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n  ");
 });
 
 var ImageStyle = (function (style) {
@@ -52555,10 +52572,18 @@ var LoadingTextStyle = (function (style) {
   return "\n\n    .LoadingText {\n      color: ".concat(style.colors.buttonText, ";\n      display: inline-block;\n      text-decoration: none;\n    }\n\n    @keyframes blink {\n      0% { opacity: .2; }\n      20% { opacity: 1; }\n      100% { opacity: .2; }\n    }\n    \n    .LoadingText .dot {\n      animation-name: blink;\n      animation-duration: 1.4s;\n      animation-iteration-count: infinite;\n      animation-fill-mode: both;\n    }\n    \n    .LoadingText .dot:nth-child(2) {\n      animation-delay: .2s;\n    }\n    \n    .LoadingText .dot:nth-child(3) {\n      animation-delay: .4s;\n    }\n  ");
 });
 
+var OpacityStyle = (function (style) {
+  return "\n\n    .Opacity05 {\n      opacity: 0.5;\n    }\n  ";
+});
+
 var PaddingStyle = (function () {
   return "\n\n    .PaddingTopXS {\n      padding-top: 0.2rem;\n    }\n\n    .PaddingRightXS {\n      padding-right: 0.2rem;\n    }\n\n    .PaddingBottomXS {\n      padding-bottom: 0.2rem;\n    }\n\n    .PaddingLeftXS {\n      padding-left: 0.2rem; \n    }\n\n    .PaddingTopS {\n      padding-top: 0.8rem;\n    }\n\n    .PaddingRightS {\n      padding-right: 0.8rem;\n    }\n\n    .PaddingBottomS {\n      padding-bottom: 0.8rem;\n    }\n\n    .PaddingLeftS {\n      padding-left: 0.8rem; \n    }\n\n    .PaddingTopM {\n      padding-top: 1.2rem;\n    }\n\n    .PaddingRightM {\n      padding-right: 1.2rem;\n    }\n\n    .PaddingBottomM {\n      padding-bottom: 1.2rem;\n    }\n\n    .PaddingLeftM {\n      padding-left: 1.2rem; \n    }\n\n    .PaddingTopL {\n      padding-top: 1.8rem;\n    }\n\n    .PaddingRightL {\n      padding-right: 1.8rem;\n    }\n\n    .PaddingBottomL {\n      padding-bottom: 1.8rem;\n    }\n\n    .PaddingLeftL {\n      padding-left: 1.28em; \n    }\n  ";
 });
 
+var PoweredByStyle = (function (style) {
+  return "\n\n    .PoweredByWrapper {\n      display: block;\n      left: 0;\n      padding-top: 0.2rem;\n      position: fixed;\n      right: 0;\n      text-align: center;\n      top: 0;\n    }\n\n    .PoweredByLink {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n      color: white;\n      opacity: 0.4;\n      display: inline-block;\n      font-size: 0.78rem;\n      font-style: italic;\n      font-weight: bold;\n      letter-spacing: -0.2px;\n      margin-left: 0.5rem;\n      text-decoration: none;\n    }\n\n    .PoweredByLink:hover, .PoweredByLink:active {\n      opacity: 1.0;\n      color: ".concat(style.colors.primary, ";\n    }\n  ");
+});
+
 var RangeSliderStyle = (function (style) {
   return "\n\n    .rangeslider {\n      margin: 20px 0;\n      position: relative;\n      background: #e6e6e6;\n      -ms-touch-action: none;\n      touch-action: none;\n    }\n\n    .rangeslider,\n    .rangeslider__fill {\n      display: block;\n      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);\n    }\n\n    .rangeslider__handle {\n      outline: none;\n      cursor: pointer;\n      display: inline-block;\n      position: absolute;\n      border-radius: 50%;\n      background-color: " + style.colors.primary + ";\n      border: 1px solid white;\n      box-shadow: 0 0 8px rgba(0,0,0,0.1);\n    }\n\n    .rangeslider__handle:hover {\n      box-shadow: inset 0 0 300px rgba(0,0,0,0.2);\n    }\n\n    .rangeslider__handle:active {\n      box-shadow: inset 0 0 300px rgba(0,0,0,0.3);\n    }\n\n    .rangeslider__active {\n      opacity: 1;\n    }\n\n    .rangeslider__handle-tooltip {\n      display: none;\n    }\n\n    .rangeslider-horizontal {\n      height: 12px;\n      border-radius: 10px;\n    }\n\n    .rangeslider-horizontal .rangeslider__fill {\n      height: 100%;\n      background-color: " + style.colors.primary + ";\n      border-radius: 10px;\n      top: 0;\n    }\n    .rangeslider-horizontal .rangeslider__handle {\n      width: 18px;\n      height: 18px;\n      border-radius: 30px;\n      top: 50%;\n      transform: translate3d(-50%, -50%, 0);\n    }\n\n\n    .rangeslider-horizontal .rangeslider__handle-tooltip {\n      top: -55px;\n    }\n\n  ";
 });
@@ -52568,15 +52593,15 @@ var ResetStyle = (function () {
 });
 
 var SkeletonStyle = (function () {
-  return "\n        \n    .Skeleton {\n      background: rgb(230,230,230) !important;\n      box-shadow: none !important;\n      cursor: inherit !important;\n      line-height: 0;\n      overflow: hidden;\n      position: relative;\n    }\n\n    @keyframes SkeletonBackgroundAnimation {\n      from {\n        left: -500px;\n      }\n      to   {\n        left: +120%;\n      }\n    }\n\n    .SkeletonBackground {\n      animation: 2s SkeletonBackgroundAnimation 0.2s ease infinite;\n      background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.1) 50%, transparent 100%);\n      height: 100%;\n      left: -140%;\n      position: absolute;\n      top: 0;\n      width: 400px;\n    }\n\n    .SkeletonWrapper {\n      line-height: 0;\n    }\n  ";
+  return "\n        \n    .Skeleton {\n      background: rgb(230,230,230) !important;\n      border: 0px solid transparent !important;\n      box-shadow: none !important;\n      cursor: inherit !important;\n      line-height: 0;\n      overflow: hidden;\n      position: relative;\n    }\n\n    @keyframes SkeletonBackgroundAnimation {\n      from {\n        left: -500px;\n      }\n      to   {\n        left: +120%;\n      }\n    }\n\n    .SkeletonBackground {\n      animation: 2s SkeletonBackgroundAnimation 0.2s ease infinite;\n      background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.1) 50%, transparent 100%);\n      height: 100%;\n      left: -140%;\n      position: absolute;\n      top: 0;\n      width: 400px;\n    }\n\n    .SkeletonWrapper {\n      line-height: 0;\n    }\n  ";
 });
 
 var TextButtonStyle = (function (style) {
-  return "\n\n    .TextButton {\n      cursor: pointer;\n      font-size: 16px;\n      color: ".concat(style.colors.primary, "\n    }\n\n    .TextButton.TextGrey {\n      color: grey;\n    }\n    \n    .TextButton.TextGrey:hover {\n      color: ").concat(style.colors.primary, "\n    }\n  ");
+  return "\n\n    .TextButton {\n      cursor: pointer;\n      font-size: 16px;\n      color: ".concat(style.colors.primary, "\n    }\n\n    .TextButton:hover * {\n      opacity: 1.0;\n    }\n  ");
 });
 
 var TextStyle = (function (style) {
-  return "\n\n    * {\n      color: ".concat(style.colors.text, ";\n    }\n\n    .TextLeft, .TextLeft * {\n      text-align: left;\n    }\n\n    .TextCenter, .TextCenter * {\n      text-align: center;\n    }\n\n    .TextGrey {\n      color: grey;\n    }\n\n    .LineHeightL {\n      line-height: 2.0rem;\n    }\n\n    .ErrorSnippetText {\n      background: rgb(30, 30, 20);\n      border-radius: 1.2rem;\n      border: 0.5rem solid rgb(30, 30, 20);\n      color: #00FF41;\n      font-size: 0.9rem;\n      font-style: italic;\n      max-height: 100px;\n      padding: 6px;\n      overflow-wrap: break-word;\n      overflow-y: auto;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n  ");
+  return "\n\n    * {\n      color: ".concat(style.colors.text, ";\n    }\n\n    h1, h2, h3, h4, h5, h6 {\n      display: block;\n    }\n\n    .TextLeft, .TextLeft * {\n      text-align: left;\n    }\n\n    .TextCenter, .TextCenter * {\n      text-align: center;\n    }\n\n    .LineHeightL {\n      line-height: 2.0rem;\n    }\n\n    .ErrorSnippetText {\n      background: rgb(30, 30, 20);\n      border-radius: 1.2rem;\n      border: 0.5rem solid rgb(30, 30, 20);\n      color: #00FF41;\n      font-size: 0.9rem;\n      font-style: italic;\n      max-height: 100px;\n      padding: 6px;\n      overflow-wrap: break-word;\n      overflow-y: auto;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n  ");
 });
 
 var TokenAmountStyle = (function () {
@@ -52593,7 +52618,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(), FontStyle(style), DialogStyle(), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), FooterStyle(style), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), IconStyle(style), PaddingStyle(), HeightStyle(), LabelStyle(style), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(), TextButtonStyle(style), ImageStyle()].join('');
+  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 }; }
@@ -52713,6 +52738,31 @@ var mount = (function (_ref, content) {
   return unmount;
 });
 
+var PoweredBy = (function () {
+  return /*#__PURE__*/react.createElement("div", {
+    className: "PoweredByWrapper"
+  }, /*#__PURE__*/react.createElement("a", {
+    href: 'https://depay.fi?utm_source=' + window.location.hostname + '&utm_medium=widget&utm_campaign=WidgetV2',
+    rel: "noopener noreferrer",
+    target: "_blank",
+    className: "PoweredByLink"
+  }, "by DePay"));
+});
+
+var UpdatableProvider = (function (props) {
+  var _useState = react.useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      updatable = _useState2[0],
+      setUpdatable = _useState2[1];
+
+  return /*#__PURE__*/react.createElement(UpdatableContext.Provider, {
+    value: {
+      updatable: updatable,
+      setUpdatable: setUpdatable
+    }
+  }, props.children);
+});
+
 var Connect = function Connect(options) {
   var style, error, document;
 
@@ -52768,7 +52818,7 @@ var Connect = function Connect(options) {
                     error: error,
                     container: container,
                     unmount: unmount
-                  }, /*#__PURE__*/react.createElement(ClosableProvider, {
+                  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
                     unmount: rejectBeforeUnmount
                   }, /*#__PURE__*/react.createElement(ConnectStack, {
                     document: document,
@@ -52776,7 +52826,7 @@ var Connect = function Connect(options) {
                     resolve: resolve,
                     reject: reject,
                     autoClose: true
-                  })));
+                  }), /*#__PURE__*/react.createElement(PoweredBy, null))));
                 };
               });
 
@@ -53000,7 +53050,7 @@ var EXP_LIMIT = 9e15,                      // 0 to 9e15
 
   BASE = 1e7,
   LOG_BASE = 7,
-  MAX_SAFE_INTEGER = 9007199254740991,
+  MAX_SAFE_INTEGER$1 = 9007199254740991,
 
   LN10_PRECISION = LN10.length - 1,
   PI_PRECISION = PI.length - 1,
@@ -55170,7 +55220,7 @@ P.toPower = P.pow = function (y) {
   e = mathfloor(y.e / LOG_BASE);
 
   // If y is a small integer use the 'exponentiation by squaring' algorithm.
-  if (e >= y.d.length - 1 && (k = yn < 0 ? -yn : yn) <= MAX_SAFE_INTEGER) {
+  if (e >= y.d.length - 1 && (k = yn < 0 ? -yn : yn) <= MAX_SAFE_INTEGER$1) {
     r = intPow(Ctor, x, k, pr);
     return y.s < 0 ? new Ctor(1).div(r) : finalise(r, pr, rm);
   }
@@ -57304,7 +57354,7 @@ function clone(obj) {
   Decimal.hypot = hypot;        // ES6
   Decimal.ln = ln;
   Decimal.log = log;
-  Decimal.log10 = log10;        // ES6
+  Decimal.log10 = log10$1;        // ES6
   Decimal.log2 = log2;          // ES6
   Decimal.max = max;
   Decimal.min = min;
@@ -57463,7 +57513,7 @@ function log2(x) {
  * x {number|string|Decimal}
  *
  */
-function log10(x) {
+function log10$1(x) {
   return new this(x).log(10);
 }
 
@@ -58297,7 +58347,7 @@ class Token {
   
   constructor({ blockchain, address }) {
     this.blockchain = blockchain;
-    this.address = getAddress$2(address);
+    this.address = getAddress$3(address);
   }
 
   async decimals() {
@@ -62095,7 +62145,7 @@ var bn$1 = createCommonjsModule$1(function (module) {
 })(module, commonjsGlobal$1);
 });
 
-const version$3 = "logger/5.4.1";
+const version$4 = "logger/5.4.1";
 
 let _permanentCensorErrors$1 = false;
 let _censorErrors$1 = false;
@@ -62371,7 +62421,7 @@ class Logger$1 {
     }
     static globalLogger() {
         if (!_globalLogger$1) {
-            _globalLogger$1 = new Logger$1(version$3);
+            _globalLogger$1 = new Logger$1(version$4);
         }
         return _globalLogger$1;
     }
@@ -62407,9 +62457,9 @@ class Logger$1 {
 Logger$1.errors = ErrorCode$1;
 Logger$1.levels = LogLevel$1;
 
-const version$2$1 = "bytes/5.4.0";
+const version$3 = "bytes/5.4.0";
 
-const logger$3 = new Logger$1(version$2$1);
+const logger$4 = new Logger$1(version$3);
 ///////////////////////////////
 function isHexable$1(value) {
     return !!(value.toHexString);
@@ -62450,7 +62500,7 @@ function arrayify(value, options) {
         options = {};
     }
     if (typeof (value) === "number") {
-        logger$3.checkSafeUint53(value, "invalid arrayify value");
+        logger$4.checkSafeUint53(value, "invalid arrayify value");
         const result = [];
         while (value) {
             result.unshift(value & 0xff);
@@ -62477,7 +62527,7 @@ function arrayify(value, options) {
                 hex += "0";
             }
             else {
-                logger$3.throwArgumentError("hex data is odd-length", "value", value);
+                logger$4.throwArgumentError("hex data is odd-length", "value", value);
             }
         }
         const result = [];
@@ -62489,7 +62539,7 @@ function arrayify(value, options) {
     if (isBytes$1(value)) {
         return addSlice(new Uint8Array(value));
     }
-    return logger$3.throwArgumentError("invalid arrayify value", "value", value);
+    return logger$4.throwArgumentError("invalid arrayify value", "value", value);
 }
 function isHexString$1(value, length) {
     if (typeof (value) !== "string" || !value.match(/^0x[0-9A-Fa-f]*$/)) {
@@ -62506,7 +62556,7 @@ function hexlify$1(value, options) {
         options = {};
     }
     if (typeof (value) === "number") {
-        logger$3.checkSafeUint53(value, "invalid hexlify value");
+        logger$4.checkSafeUint53(value, "invalid hexlify value");
         let hex = "";
         while (value) {
             hex = HexCharacters$1[value & 0xf] + hex;
@@ -62542,7 +62592,7 @@ function hexlify$1(value, options) {
                 value += "0";
             }
             else {
-                logger$3.throwArgumentError("hex data is odd-length", "value", value);
+                logger$4.throwArgumentError("hex data is odd-length", "value", value);
             }
         }
         return value.toLowerCase();
@@ -62555,17 +62605,17 @@ function hexlify$1(value, options) {
         }
         return result;
     }
-    return logger$3.throwArgumentError("invalid hexlify value", "value", value);
+    return logger$4.throwArgumentError("invalid hexlify value", "value", value);
 }
 function hexZeroPad(value, length) {
     if (typeof (value) !== "string") {
         value = hexlify$1(value);
     }
     else if (!isHexString$1(value)) {
-        logger$3.throwArgumentError("invalid hex string", "value", value);
+        logger$4.throwArgumentError("invalid hex string", "value", value);
     }
     if (value.length > 2 * length + 2) {
-        logger$3.throwArgumentError("value out of range", "value", arguments[1]);
+        logger$4.throwArgumentError("value out of range", "value", arguments[1]);
     }
     while (value.length < 2 * length + 2) {
         value = "0x0" + value.substring(2);
@@ -62573,10 +62623,10 @@ function hexZeroPad(value, length) {
     return value;
 }
 
-const version$1$1 = "bignumber/5.4.1";
+const version$2$1 = "bignumber/5.4.1";
 
 var BN$1 = bn$1.BN;
-const logger$2 = new Logger$1(version$1$1);
+const logger$3 = new Logger$1(version$2$1);
 const _constructorGuard$1 = {};
 const MAX_SAFE$1 = 0x1fffffffffffff;
 function isBigNumberish(value) {
@@ -62591,9 +62641,9 @@ function isBigNumberish(value) {
 let _warnedToStringRadix$1 = false;
 class BigNumber$1 {
     constructor(constructorGuard, hex) {
-        logger$2.checkNew(new.target, BigNumber$1);
+        logger$3.checkNew(new.target, BigNumber$1);
         if (constructorGuard !== _constructorGuard$1) {
-            logger$2.throwError("cannot call constructor directly; use BigNumber.from", Logger$1.errors.UNSUPPORTED_OPERATION, {
+            logger$3.throwError("cannot call constructor directly; use BigNumber.from", Logger$1.errors.UNSUPPORTED_OPERATION, {
                 operation: "new (BigNumber)"
             });
         }
@@ -62717,7 +62767,7 @@ class BigNumber$1 {
             return BigInt(this.toString());
         }
         catch (e) { }
-        return logger$2.throwError("this platform does not support BigInt", Logger$1.errors.UNSUPPORTED_OPERATION, {
+        return logger$3.throwError("this platform does not support BigInt", Logger$1.errors.UNSUPPORTED_OPERATION, {
             value: this.toString()
         });
     }
@@ -62727,14 +62777,14 @@ class BigNumber$1 {
             if (arguments[0] === 10) {
                 if (!_warnedToStringRadix$1) {
                     _warnedToStringRadix$1 = true;
-                    logger$2.warn("BigNumber.toString does not accept any parameters; base-10 is assumed");
+                    logger$3.warn("BigNumber.toString does not accept any parameters; base-10 is assumed");
                 }
             }
             else if (arguments[0] === 16) {
-                logger$2.throwError("BigNumber.toString does not accept any parameters; use bigNumber.toHexString()", Logger$1.errors.UNEXPECTED_ARGUMENT, {});
+                logger$3.throwError("BigNumber.toString does not accept any parameters; use bigNumber.toHexString()", Logger$1.errors.UNEXPECTED_ARGUMENT, {});
             }
             else {
-                logger$2.throwError("BigNumber.toString does not accept parameters", Logger$1.errors.UNEXPECTED_ARGUMENT, {});
+                logger$3.throwError("BigNumber.toString does not accept parameters", Logger$1.errors.UNEXPECTED_ARGUMENT, {});
             }
         }
         return toBN$1(this).toString(10);
@@ -62756,7 +62806,7 @@ class BigNumber$1 {
             if (value.match(/^-?[0-9]+$/)) {
                 return new BigNumber$1(_constructorGuard$1, toHex$1(new BN$1(value)));
             }
-            return logger$2.throwArgumentError("invalid BigNumber string", "value", value);
+            return logger$3.throwArgumentError("invalid BigNumber string", "value", value);
         }
         if (typeof (value) === "number") {
             if (value % 1) {
@@ -62796,7 +62846,7 @@ class BigNumber$1 {
                 }
             }
         }
-        return logger$2.throwArgumentError("invalid BigNumber value", "value", value);
+        return logger$3.throwArgumentError("invalid BigNumber value", "value", value);
     }
     static isBigNumber(value) {
         return !!(value && value._isBigNumber);
@@ -62814,7 +62864,7 @@ function toHex$1(value) {
         value = value.substring(1);
         // Cannot have mulitple negative signs (e.g. "--0x04")
         if (value[0] === "-") {
-            logger$2.throwArgumentError("invalid hex", "value", value);
+            logger$3.throwArgumentError("invalid hex", "value", value);
         }
         // Call toHex on the positive component
         value = toHex$1(value);
@@ -62858,10 +62908,14 @@ function throwFault$1(fault, operation, value) {
     if (value != null) {
         params.value = value;
     }
-    return logger$2.throwError(fault, Logger$1.errors.NUMERIC_FAULT, params);
+    return logger$3.throwError(fault, Logger$1.errors.NUMERIC_FAULT, params);
+}
+// value should have no prefix
+function _base36To16(value) {
+    return (new BN$1(value, 36)).toString(16);
 }
 
-const logger$1$1 = new Logger$1(version$1$1);
+const logger$2 = new Logger$1(version$2$1);
 const _constructorGuard$2 = {};
 const Zero = BigNumber$1.from(0);
 const NegativeOne = BigNumber$1.from(-1);
@@ -62870,7 +62924,7 @@ function throwFault$2(message, fault, operation, value) {
     if (value !== undefined) {
         params.value = value;
     }
-    return logger$1$1.throwError(message, Logger$1.errors.NUMERIC_FAULT, params);
+    return logger$2.throwError(message, Logger$1.errors.NUMERIC_FAULT, params);
 }
 // Constant to pull zeros from for multipliers
 let zeros = "0";
@@ -62888,7 +62942,7 @@ function getMultiplier(decimals) {
     if (typeof (decimals) === "number" && decimals >= 0 && decimals <= 256 && !(decimals % 1)) {
         return ("1" + zeros.substring(0, decimals));
     }
-    return logger$1$1.throwArgumentError("invalid decimal size", "decimals", decimals);
+    return logger$2.throwArgumentError("invalid decimal size", "decimals", decimals);
 }
 function formatFixed(value, decimals) {
     if (decimals == null) {
@@ -62925,7 +62979,7 @@ function parseFixed(value, decimals) {
     }
     const multiplier = getMultiplier(decimals);
     if (typeof (value) !== "string" || !value.match(/^-?[0-9.,]+$/)) {
-        logger$1$1.throwArgumentError("invalid decimal value", "value", value);
+        logger$2.throwArgumentError("invalid decimal value", "value", value);
     }
     // Is it negative?
     const negative = (value.substring(0, 1) === "-");
@@ -62933,12 +62987,12 @@ function parseFixed(value, decimals) {
         value = value.substring(1);
     }
     if (value === ".") {
-        logger$1$1.throwArgumentError("missing value", "value", value);
+        logger$2.throwArgumentError("missing value", "value", value);
     }
     // Split it into a whole and fractional part
     const comps = value.split(".");
     if (comps.length > 2) {
-        logger$1$1.throwArgumentError("too many decimal points", "value", value);
+        logger$2.throwArgumentError("too many decimal points", "value", value);
     }
     let whole = comps[0], fraction = comps[1];
     if (!whole) {
@@ -62969,7 +63023,7 @@ function parseFixed(value, decimals) {
 class FixedFormat {
     constructor(constructorGuard, signed, width, decimals) {
         if (constructorGuard !== _constructorGuard$2) {
-            logger$1$1.throwError("cannot use FixedFormat constructor; use FixedFormat.from", Logger$1.errors.UNSUPPORTED_OPERATION, {
+            logger$2.throwError("cannot use FixedFormat constructor; use FixedFormat.from", Logger$1.errors.UNSUPPORTED_OPERATION, {
                 operation: "new FixedFormat"
             });
         }
@@ -62998,7 +63052,7 @@ class FixedFormat {
             else {
                 const match = value.match(/^(u?)fixed([0-9]+)x([0-9]+)$/);
                 if (!match) {
-                    logger$1$1.throwArgumentError("invalid fixed format", "format", value);
+                    logger$2.throwArgumentError("invalid fixed format", "format", value);
                 }
                 signed = (match[1] !== "u");
                 width = parseInt(match[2]);
@@ -63011,7 +63065,7 @@ class FixedFormat {
                     return defaultValue;
                 }
                 if (typeof (value[key]) !== type) {
-                    logger$1$1.throwArgumentError("invalid fixed format (" + key + " not " + type + ")", "format." + key, value[key]);
+                    logger$2.throwArgumentError("invalid fixed format (" + key + " not " + type + ")", "format." + key, value[key]);
                 }
                 return value[key];
             };
@@ -63020,19 +63074,19 @@ class FixedFormat {
             decimals = check("decimals", "number", decimals);
         }
         if (width % 8) {
-            logger$1$1.throwArgumentError("invalid fixed format width (not byte aligned)", "format.width", width);
+            logger$2.throwArgumentError("invalid fixed format width (not byte aligned)", "format.width", width);
         }
         if (decimals > 80) {
-            logger$1$1.throwArgumentError("invalid fixed format (decimals too large)", "format.decimals", decimals);
+            logger$2.throwArgumentError("invalid fixed format (decimals too large)", "format.decimals", decimals);
         }
         return new FixedFormat(_constructorGuard$2, signed, width, decimals);
     }
 }
 class FixedNumber {
     constructor(constructorGuard, hex, value, format) {
-        logger$1$1.checkNew(new.target, FixedNumber);
+        logger$2.checkNew(new.target, FixedNumber);
         if (constructorGuard !== _constructorGuard$2) {
-            logger$1$1.throwError("cannot use FixedNumber constructor; use FixedNumber.from", Logger$1.errors.UNSUPPORTED_OPERATION, {
+            logger$2.throwError("cannot use FixedNumber constructor; use FixedNumber.from", Logger$1.errors.UNSUPPORTED_OPERATION, {
                 operation: "new FixedFormat"
             });
         }
@@ -63044,7 +63098,7 @@ class FixedNumber {
     }
     _checkFormat(other) {
         if (this.format.name !== other.format.name) {
-            logger$1$1.throwArgumentError("incompatible format; use fixedNumber.toFormat", "other", other);
+            logger$2.throwArgumentError("incompatible format; use fixedNumber.toFormat", "other", other);
         }
     }
     addUnsafe(other) {
@@ -63106,7 +63160,7 @@ class FixedNumber {
             comps.push("0");
         }
         if (decimals < 0 || decimals > 80 || (decimals % 1)) {
-            logger$1$1.throwArgumentError("invalid decimal count", "decimals", decimals);
+            logger$2.throwArgumentError("invalid decimal count", "decimals", decimals);
         }
         if (comps[1].length <= decimals) {
             return this;
@@ -63127,7 +63181,7 @@ class FixedNumber {
             return this._hex;
         }
         if (width % 8) {
-            logger$1$1.throwArgumentError("invalid byte width", "width", width);
+            logger$2.throwArgumentError("invalid byte width", "width", width);
         }
         const hex = BigNumber$1.from(this._hex).fromTwos(this.format.width).toTwos(width).toHexString();
         return hexZeroPad(hex, width / 8);
@@ -63202,7 +63256,7 @@ class FixedNumber {
                 throw error;
             }
         }
-        return logger$1$1.throwArgumentError("invalid FixedNumber value", "value", value);
+        return logger$2.throwArgumentError("invalid FixedNumber value", "value", value);
     }
     static isFixedNumber(value) {
         return !!(value && value._isFixedNumber);
@@ -63211,9 +63265,585 @@ class FixedNumber {
 const ONE = FixedNumber.from(1);
 const BUMP = FixedNumber.from("0.5");
 
-const version$4 = "units/5.4.0";
+/**
+ * [js-sha3]{@link https://github.com/emn178/js-sha3}
+ *
+ * @version 0.5.7
+ * @author Chen, Yi-Cyuan [emn178@gmail.com]
+ * @copyright Chen, Yi-Cyuan 2015-2016
+ * @license MIT
+ */
+
+var sha3 = createCommonjsModule$1(function (module) {
+/*jslint bitwise: true */
+(function () {
+
+  var root = typeof window === 'object' ? window : {};
+  var NODE_JS = !root.JS_SHA3_NO_NODE_JS && typeof process === 'object' && process.versions && process.versions.node;
+  if (NODE_JS) {
+    root = commonjsGlobal$1;
+  }
+  var COMMON_JS = !root.JS_SHA3_NO_COMMON_JS && 'object' === 'object' && module.exports;
+  var HEX_CHARS = '0123456789abcdef'.split('');
+  var SHAKE_PADDING = [31, 7936, 2031616, 520093696];
+  var KECCAK_PADDING = [1, 256, 65536, 16777216];
+  var PADDING = [6, 1536, 393216, 100663296];
+  var SHIFT = [0, 8, 16, 24];
+  var RC = [1, 0, 32898, 0, 32906, 2147483648, 2147516416, 2147483648, 32907, 0, 2147483649,
+            0, 2147516545, 2147483648, 32777, 2147483648, 138, 0, 136, 0, 2147516425, 0,
+            2147483658, 0, 2147516555, 0, 139, 2147483648, 32905, 2147483648, 32771,
+            2147483648, 32770, 2147483648, 128, 2147483648, 32778, 0, 2147483658, 2147483648,
+            2147516545, 2147483648, 32896, 2147483648, 2147483649, 0, 2147516424, 2147483648];
+  var BITS = [224, 256, 384, 512];
+  var SHAKE_BITS = [128, 256];
+  var OUTPUT_TYPES = ['hex', 'buffer', 'arrayBuffer', 'array'];
+
+  var createOutputMethod = function (bits, padding, outputType) {
+    return function (message) {
+      return new Keccak(bits, padding, bits).update(message)[outputType]();
+    };
+  };
+
+  var createShakeOutputMethod = function (bits, padding, outputType) {
+    return function (message, outputBits) {
+      return new Keccak(bits, padding, outputBits).update(message)[outputType]();
+    };
+  };
+
+  var createMethod = function (bits, padding) {
+    var method = createOutputMethod(bits, padding, 'hex');
+    method.create = function () {
+      return new Keccak(bits, padding, bits);
+    };
+    method.update = function (message) {
+      return method.create().update(message);
+    };
+    for (var i = 0; i < OUTPUT_TYPES.length; ++i) {
+      var type = OUTPUT_TYPES[i];
+      method[type] = createOutputMethod(bits, padding, type);
+    }
+    return method;
+  };
+
+  var createShakeMethod = function (bits, padding) {
+    var method = createShakeOutputMethod(bits, padding, 'hex');
+    method.create = function (outputBits) {
+      return new Keccak(bits, padding, outputBits);
+    };
+    method.update = function (message, outputBits) {
+      return method.create(outputBits).update(message);
+    };
+    for (var i = 0; i < OUTPUT_TYPES.length; ++i) {
+      var type = OUTPUT_TYPES[i];
+      method[type] = createShakeOutputMethod(bits, padding, type);
+    }
+    return method;
+  };
+
+  var algorithms = [
+    {name: 'keccak', padding: KECCAK_PADDING, bits: BITS, createMethod: createMethod},
+    {name: 'sha3', padding: PADDING, bits: BITS, createMethod: createMethod},
+    {name: 'shake', padding: SHAKE_PADDING, bits: SHAKE_BITS, createMethod: createShakeMethod}
+  ];
+
+  var methods = {}, methodNames = [];
+
+  for (var i = 0; i < algorithms.length; ++i) {
+    var algorithm = algorithms[i];
+    var bits  = algorithm.bits;
+    for (var j = 0; j < bits.length; ++j) {
+      var methodName = algorithm.name +'_' + bits[j];
+      methodNames.push(methodName);
+      methods[methodName] = algorithm.createMethod(bits[j], algorithm.padding);
+    }
+  }
+
+  function Keccak(bits, padding, outputBits) {
+    this.blocks = [];
+    this.s = [];
+    this.padding = padding;
+    this.outputBits = outputBits;
+    this.reset = true;
+    this.block = 0;
+    this.start = 0;
+    this.blockCount = (1600 - (bits << 1)) >> 5;
+    this.byteCount = this.blockCount << 2;
+    this.outputBlocks = outputBits >> 5;
+    this.extraBytes = (outputBits & 31) >> 3;
+
+    for (var i = 0; i < 50; ++i) {
+      this.s[i] = 0;
+    }
+  }
+
+  Keccak.prototype.update = function (message) {
+    var notString = typeof message !== 'string';
+    if (notString && message.constructor === ArrayBuffer) {
+      message = new Uint8Array(message);
+    }
+    var length = message.length, blocks = this.blocks, byteCount = this.byteCount,
+      blockCount = this.blockCount, index = 0, s = this.s, i, code;
+
+    while (index < length) {
+      if (this.reset) {
+        this.reset = false;
+        blocks[0] = this.block;
+        for (i = 1; i < blockCount + 1; ++i) {
+          blocks[i] = 0;
+        }
+      }
+      if (notString) {
+        for (i = this.start; index < length && i < byteCount; ++index) {
+          blocks[i >> 2] |= message[index] << SHIFT[i++ & 3];
+        }
+      } else {
+        for (i = this.start; index < length && i < byteCount; ++index) {
+          code = message.charCodeAt(index);
+          if (code < 0x80) {
+            blocks[i >> 2] |= code << SHIFT[i++ & 3];
+          } else if (code < 0x800) {
+            blocks[i >> 2] |= (0xc0 | (code >> 6)) << SHIFT[i++ & 3];
+            blocks[i >> 2] |= (0x80 | (code & 0x3f)) << SHIFT[i++ & 3];
+          } else if (code < 0xd800 || code >= 0xe000) {
+            blocks[i >> 2] |= (0xe0 | (code >> 12)) << SHIFT[i++ & 3];
+            blocks[i >> 2] |= (0x80 | ((code >> 6) & 0x3f)) << SHIFT[i++ & 3];
+            blocks[i >> 2] |= (0x80 | (code & 0x3f)) << SHIFT[i++ & 3];
+          } else {
+            code = 0x10000 + (((code & 0x3ff) << 10) | (message.charCodeAt(++index) & 0x3ff));
+            blocks[i >> 2] |= (0xf0 | (code >> 18)) << SHIFT[i++ & 3];
+            blocks[i >> 2] |= (0x80 | ((code >> 12) & 0x3f)) << SHIFT[i++ & 3];
+            blocks[i >> 2] |= (0x80 | ((code >> 6) & 0x3f)) << SHIFT[i++ & 3];
+            blocks[i >> 2] |= (0x80 | (code & 0x3f)) << SHIFT[i++ & 3];
+          }
+        }
+      }
+      this.lastByteIndex = i;
+      if (i >= byteCount) {
+        this.start = i - byteCount;
+        this.block = blocks[blockCount];
+        for (i = 0; i < blockCount; ++i) {
+          s[i] ^= blocks[i];
+        }
+        f(s);
+        this.reset = true;
+      } else {
+        this.start = i;
+      }
+    }
+    return this;
+  };
+
+  Keccak.prototype.finalize = function () {
+    var blocks = this.blocks, i = this.lastByteIndex, blockCount = this.blockCount, s = this.s;
+    blocks[i >> 2] |= this.padding[i & 3];
+    if (this.lastByteIndex === this.byteCount) {
+      blocks[0] = blocks[blockCount];
+      for (i = 1; i < blockCount + 1; ++i) {
+        blocks[i] = 0;
+      }
+    }
+    blocks[blockCount - 1] |= 0x80000000;
+    for (i = 0; i < blockCount; ++i) {
+      s[i] ^= blocks[i];
+    }
+    f(s);
+  };
+
+  Keccak.prototype.toString = Keccak.prototype.hex = function () {
+    this.finalize();
+
+    var blockCount = this.blockCount, s = this.s, outputBlocks = this.outputBlocks,
+        extraBytes = this.extraBytes, i = 0, j = 0;
+    var hex = '', block;
+    while (j < outputBlocks) {
+      for (i = 0; i < blockCount && j < outputBlocks; ++i, ++j) {
+        block = s[i];
+        hex += HEX_CHARS[(block >> 4) & 0x0F] + HEX_CHARS[block & 0x0F] +
+               HEX_CHARS[(block >> 12) & 0x0F] + HEX_CHARS[(block >> 8) & 0x0F] +
+               HEX_CHARS[(block >> 20) & 0x0F] + HEX_CHARS[(block >> 16) & 0x0F] +
+               HEX_CHARS[(block >> 28) & 0x0F] + HEX_CHARS[(block >> 24) & 0x0F];
+      }
+      if (j % blockCount === 0) {
+        f(s);
+        i = 0;
+      }
+    }
+    if (extraBytes) {
+      block = s[i];
+      if (extraBytes > 0) {
+        hex += HEX_CHARS[(block >> 4) & 0x0F] + HEX_CHARS[block & 0x0F];
+      }
+      if (extraBytes > 1) {
+        hex += HEX_CHARS[(block >> 12) & 0x0F] + HEX_CHARS[(block >> 8) & 0x0F];
+      }
+      if (extraBytes > 2) {
+        hex += HEX_CHARS[(block >> 20) & 0x0F] + HEX_CHARS[(block >> 16) & 0x0F];
+      }
+    }
+    return hex;
+  };
+
+  Keccak.prototype.arrayBuffer = function () {
+    this.finalize();
+
+    var blockCount = this.blockCount, s = this.s, outputBlocks = this.outputBlocks,
+        extraBytes = this.extraBytes, i = 0, j = 0;
+    var bytes = this.outputBits >> 3;
+    var buffer;
+    if (extraBytes) {
+      buffer = new ArrayBuffer((outputBlocks + 1) << 2);
+    } else {
+      buffer = new ArrayBuffer(bytes);
+    }
+    var array = new Uint32Array(buffer);
+    while (j < outputBlocks) {
+      for (i = 0; i < blockCount && j < outputBlocks; ++i, ++j) {
+        array[j] = s[i];
+      }
+      if (j % blockCount === 0) {
+        f(s);
+      }
+    }
+    if (extraBytes) {
+      array[i] = s[i];
+      buffer = buffer.slice(0, bytes);
+    }
+    return buffer;
+  };
+
+  Keccak.prototype.buffer = Keccak.prototype.arrayBuffer;
+
+  Keccak.prototype.digest = Keccak.prototype.array = function () {
+    this.finalize();
+
+    var blockCount = this.blockCount, s = this.s, outputBlocks = this.outputBlocks,
+        extraBytes = this.extraBytes, i = 0, j = 0;
+    var array = [], offset, block;
+    while (j < outputBlocks) {
+      for (i = 0; i < blockCount && j < outputBlocks; ++i, ++j) {
+        offset = j << 2;
+        block = s[i];
+        array[offset] = block & 0xFF;
+        array[offset + 1] = (block >> 8) & 0xFF;
+        array[offset + 2] = (block >> 16) & 0xFF;
+        array[offset + 3] = (block >> 24) & 0xFF;
+      }
+      if (j % blockCount === 0) {
+        f(s);
+      }
+    }
+    if (extraBytes) {
+      offset = j << 2;
+      block = s[i];
+      if (extraBytes > 0) {
+        array[offset] = block & 0xFF;
+      }
+      if (extraBytes > 1) {
+        array[offset + 1] = (block >> 8) & 0xFF;
+      }
+      if (extraBytes > 2) {
+        array[offset + 2] = (block >> 16) & 0xFF;
+      }
+    }
+    return array;
+  };
+
+  var f = function (s) {
+    var h, l, n, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9,
+        b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, b10, b11, b12, b13, b14, b15, b16, b17,
+        b18, b19, b20, b21, b22, b23, b24, b25, b26, b27, b28, b29, b30, b31, b32, b33,
+        b34, b35, b36, b37, b38, b39, b40, b41, b42, b43, b44, b45, b46, b47, b48, b49;
+    for (n = 0; n < 48; n += 2) {
+      c0 = s[0] ^ s[10] ^ s[20] ^ s[30] ^ s[40];
+      c1 = s[1] ^ s[11] ^ s[21] ^ s[31] ^ s[41];
+      c2 = s[2] ^ s[12] ^ s[22] ^ s[32] ^ s[42];
+      c3 = s[3] ^ s[13] ^ s[23] ^ s[33] ^ s[43];
+      c4 = s[4] ^ s[14] ^ s[24] ^ s[34] ^ s[44];
+      c5 = s[5] ^ s[15] ^ s[25] ^ s[35] ^ s[45];
+      c6 = s[6] ^ s[16] ^ s[26] ^ s[36] ^ s[46];
+      c7 = s[7] ^ s[17] ^ s[27] ^ s[37] ^ s[47];
+      c8 = s[8] ^ s[18] ^ s[28] ^ s[38] ^ s[48];
+      c9 = s[9] ^ s[19] ^ s[29] ^ s[39] ^ s[49];
+
+      h = c8 ^ ((c2 << 1) | (c3 >>> 31));
+      l = c9 ^ ((c3 << 1) | (c2 >>> 31));
+      s[0] ^= h;
+      s[1] ^= l;
+      s[10] ^= h;
+      s[11] ^= l;
+      s[20] ^= h;
+      s[21] ^= l;
+      s[30] ^= h;
+      s[31] ^= l;
+      s[40] ^= h;
+      s[41] ^= l;
+      h = c0 ^ ((c4 << 1) | (c5 >>> 31));
+      l = c1 ^ ((c5 << 1) | (c4 >>> 31));
+      s[2] ^= h;
+      s[3] ^= l;
+      s[12] ^= h;
+      s[13] ^= l;
+      s[22] ^= h;
+      s[23] ^= l;
+      s[32] ^= h;
+      s[33] ^= l;
+      s[42] ^= h;
+      s[43] ^= l;
+      h = c2 ^ ((c6 << 1) | (c7 >>> 31));
+      l = c3 ^ ((c7 << 1) | (c6 >>> 31));
+      s[4] ^= h;
+      s[5] ^= l;
+      s[14] ^= h;
+      s[15] ^= l;
+      s[24] ^= h;
+      s[25] ^= l;
+      s[34] ^= h;
+      s[35] ^= l;
+      s[44] ^= h;
+      s[45] ^= l;
+      h = c4 ^ ((c8 << 1) | (c9 >>> 31));
+      l = c5 ^ ((c9 << 1) | (c8 >>> 31));
+      s[6] ^= h;
+      s[7] ^= l;
+      s[16] ^= h;
+      s[17] ^= l;
+      s[26] ^= h;
+      s[27] ^= l;
+      s[36] ^= h;
+      s[37] ^= l;
+      s[46] ^= h;
+      s[47] ^= l;
+      h = c6 ^ ((c0 << 1) | (c1 >>> 31));
+      l = c7 ^ ((c1 << 1) | (c0 >>> 31));
+      s[8] ^= h;
+      s[9] ^= l;
+      s[18] ^= h;
+      s[19] ^= l;
+      s[28] ^= h;
+      s[29] ^= l;
+      s[38] ^= h;
+      s[39] ^= l;
+      s[48] ^= h;
+      s[49] ^= l;
+
+      b0 = s[0];
+      b1 = s[1];
+      b32 = (s[11] << 4) | (s[10] >>> 28);
+      b33 = (s[10] << 4) | (s[11] >>> 28);
+      b14 = (s[20] << 3) | (s[21] >>> 29);
+      b15 = (s[21] << 3) | (s[20] >>> 29);
+      b46 = (s[31] << 9) | (s[30] >>> 23);
+      b47 = (s[30] << 9) | (s[31] >>> 23);
+      b28 = (s[40] << 18) | (s[41] >>> 14);
+      b29 = (s[41] << 18) | (s[40] >>> 14);
+      b20 = (s[2] << 1) | (s[3] >>> 31);
+      b21 = (s[3] << 1) | (s[2] >>> 31);
+      b2 = (s[13] << 12) | (s[12] >>> 20);
+      b3 = (s[12] << 12) | (s[13] >>> 20);
+      b34 = (s[22] << 10) | (s[23] >>> 22);
+      b35 = (s[23] << 10) | (s[22] >>> 22);
+      b16 = (s[33] << 13) | (s[32] >>> 19);
+      b17 = (s[32] << 13) | (s[33] >>> 19);
+      b48 = (s[42] << 2) | (s[43] >>> 30);
+      b49 = (s[43] << 2) | (s[42] >>> 30);
+      b40 = (s[5] << 30) | (s[4] >>> 2);
+      b41 = (s[4] << 30) | (s[5] >>> 2);
+      b22 = (s[14] << 6) | (s[15] >>> 26);
+      b23 = (s[15] << 6) | (s[14] >>> 26);
+      b4 = (s[25] << 11) | (s[24] >>> 21);
+      b5 = (s[24] << 11) | (s[25] >>> 21);
+      b36 = (s[34] << 15) | (s[35] >>> 17);
+      b37 = (s[35] << 15) | (s[34] >>> 17);
+      b18 = (s[45] << 29) | (s[44] >>> 3);
+      b19 = (s[44] << 29) | (s[45] >>> 3);
+      b10 = (s[6] << 28) | (s[7] >>> 4);
+      b11 = (s[7] << 28) | (s[6] >>> 4);
+      b42 = (s[17] << 23) | (s[16] >>> 9);
+      b43 = (s[16] << 23) | (s[17] >>> 9);
+      b24 = (s[26] << 25) | (s[27] >>> 7);
+      b25 = (s[27] << 25) | (s[26] >>> 7);
+      b6 = (s[36] << 21) | (s[37] >>> 11);
+      b7 = (s[37] << 21) | (s[36] >>> 11);
+      b38 = (s[47] << 24) | (s[46] >>> 8);
+      b39 = (s[46] << 24) | (s[47] >>> 8);
+      b30 = (s[8] << 27) | (s[9] >>> 5);
+      b31 = (s[9] << 27) | (s[8] >>> 5);
+      b12 = (s[18] << 20) | (s[19] >>> 12);
+      b13 = (s[19] << 20) | (s[18] >>> 12);
+      b44 = (s[29] << 7) | (s[28] >>> 25);
+      b45 = (s[28] << 7) | (s[29] >>> 25);
+      b26 = (s[38] << 8) | (s[39] >>> 24);
+      b27 = (s[39] << 8) | (s[38] >>> 24);
+      b8 = (s[48] << 14) | (s[49] >>> 18);
+      b9 = (s[49] << 14) | (s[48] >>> 18);
+
+      s[0] = b0 ^ (~b2 & b4);
+      s[1] = b1 ^ (~b3 & b5);
+      s[10] = b10 ^ (~b12 & b14);
+      s[11] = b11 ^ (~b13 & b15);
+      s[20] = b20 ^ (~b22 & b24);
+      s[21] = b21 ^ (~b23 & b25);
+      s[30] = b30 ^ (~b32 & b34);
+      s[31] = b31 ^ (~b33 & b35);
+      s[40] = b40 ^ (~b42 & b44);
+      s[41] = b41 ^ (~b43 & b45);
+      s[2] = b2 ^ (~b4 & b6);
+      s[3] = b3 ^ (~b5 & b7);
+      s[12] = b12 ^ (~b14 & b16);
+      s[13] = b13 ^ (~b15 & b17);
+      s[22] = b22 ^ (~b24 & b26);
+      s[23] = b23 ^ (~b25 & b27);
+      s[32] = b32 ^ (~b34 & b36);
+      s[33] = b33 ^ (~b35 & b37);
+      s[42] = b42 ^ (~b44 & b46);
+      s[43] = b43 ^ (~b45 & b47);
+      s[4] = b4 ^ (~b6 & b8);
+      s[5] = b5 ^ (~b7 & b9);
+      s[14] = b14 ^ (~b16 & b18);
+      s[15] = b15 ^ (~b17 & b19);
+      s[24] = b24 ^ (~b26 & b28);
+      s[25] = b25 ^ (~b27 & b29);
+      s[34] = b34 ^ (~b36 & b38);
+      s[35] = b35 ^ (~b37 & b39);
+      s[44] = b44 ^ (~b46 & b48);
+      s[45] = b45 ^ (~b47 & b49);
+      s[6] = b6 ^ (~b8 & b0);
+      s[7] = b7 ^ (~b9 & b1);
+      s[16] = b16 ^ (~b18 & b10);
+      s[17] = b17 ^ (~b19 & b11);
+      s[26] = b26 ^ (~b28 & b20);
+      s[27] = b27 ^ (~b29 & b21);
+      s[36] = b36 ^ (~b38 & b30);
+      s[37] = b37 ^ (~b39 & b31);
+      s[46] = b46 ^ (~b48 & b40);
+      s[47] = b47 ^ (~b49 & b41);
+      s[8] = b8 ^ (~b0 & b2);
+      s[9] = b9 ^ (~b1 & b3);
+      s[18] = b18 ^ (~b10 & b12);
+      s[19] = b19 ^ (~b11 & b13);
+      s[28] = b28 ^ (~b20 & b22);
+      s[29] = b29 ^ (~b21 & b23);
+      s[38] = b38 ^ (~b30 & b32);
+      s[39] = b39 ^ (~b31 & b33);
+      s[48] = b48 ^ (~b40 & b42);
+      s[49] = b49 ^ (~b41 & b43);
+
+      s[0] ^= RC[n];
+      s[1] ^= RC[n + 1];
+    }
+  };
+
+  if (COMMON_JS) {
+    module.exports = methods;
+  } else {
+    for (var i = 0; i < methodNames.length; ++i) {
+      root[methodNames[i]] = methods[methodNames[i]];
+    }
+  }
+})();
+});
+
+var sha3$1 = sha3;
 
-const logger$4 = new Logger$1(version$4);
+function keccak256(data) {
+    return '0x' + sha3$1.keccak_256(arrayify(data));
+}
+
+const version$1$1 = "address/5.4.0";
+
+const logger$1$1 = new Logger$1(version$1$1);
+function getChecksumAddress(address) {
+    if (!isHexString$1(address, 20)) {
+        logger$1$1.throwArgumentError("invalid address", "address", address);
+    }
+    address = address.toLowerCase();
+    const chars = address.substring(2).split("");
+    const expanded = new Uint8Array(40);
+    for (let i = 0; i < 40; i++) {
+        expanded[i] = chars[i].charCodeAt(0);
+    }
+    const hashed = arrayify(keccak256(expanded));
+    for (let i = 0; i < 40; i += 2) {
+        if ((hashed[i >> 1] >> 4) >= 8) {
+            chars[i] = chars[i].toUpperCase();
+        }
+        if ((hashed[i >> 1] & 0x0f) >= 8) {
+            chars[i + 1] = chars[i + 1].toUpperCase();
+        }
+    }
+    return "0x" + chars.join("");
+}
+// Shims for environments that are missing some required constants and functions
+const MAX_SAFE_INTEGER = 0x1fffffffffffff;
+function log10(x) {
+    if (Math.log10) {
+        return Math.log10(x);
+    }
+    return Math.log(x) / Math.LN10;
+}
+// See: https://en.wikipedia.org/wiki/International_Bank_Account_Number
+// Create lookup table
+const ibanLookup = {};
+for (let i = 0; i < 10; i++) {
+    ibanLookup[String(i)] = String(i);
+}
+for (let i = 0; i < 26; i++) {
+    ibanLookup[String.fromCharCode(65 + i)] = String(10 + i);
+}
+// How many decimal digits can we process? (for 64-bit float, this is 15)
+const safeDigits = Math.floor(log10(MAX_SAFE_INTEGER));
+function ibanChecksum(address) {
+    address = address.toUpperCase();
+    address = address.substring(4) + address.substring(0, 2) + "00";
+    let expanded = address.split("").map((c) => { return ibanLookup[c]; }).join("");
+    // Javascript can handle integers safely up to 15 (decimal) digits
+    while (expanded.length >= safeDigits) {
+        let block = expanded.substring(0, safeDigits);
+        expanded = parseInt(block, 10) % 97 + expanded.substring(block.length);
+    }
+    let checksum = String(98 - (parseInt(expanded, 10) % 97));
+    while (checksum.length < 2) {
+        checksum = "0" + checksum;
+    }
+    return checksum;
+}
+function getAddress(address) {
+    let result = null;
+    if (typeof (address) !== "string") {
+        logger$1$1.throwArgumentError("invalid address", "address", address);
+    }
+    if (address.match(/^(0x)?[0-9a-fA-F]{40}$/)) {
+        // Missing the 0x prefix
+        if (address.substring(0, 2) !== "0x") {
+            address = "0x" + address;
+        }
+        result = getChecksumAddress(address);
+        // It is a checksummed address with a bad checksum
+        if (address.match(/([A-F].*[a-f])|([a-f].*[A-F])/) && result !== address) {
+            logger$1$1.throwArgumentError("bad address checksum", "address", address);
+        }
+        // Maybe ICAP? (we only support direct mode)
+    }
+    else if (address.match(/^XE[0-9]{2}[0-9A-Za-z]{30,31}$/)) {
+        // It is an ICAP address with a bad checksum
+        if (address.substring(2, 4) !== ibanChecksum(address)) {
+            logger$1$1.throwArgumentError("bad icap checksum", "address", address);
+        }
+        result = _base36To16(address.substring(4));
+        while (result.length < 40) {
+            result = "0" + result;
+        }
+        result = getChecksumAddress("0x" + result);
+    }
+    else {
+        logger$1$1.throwArgumentError("invalid address", "address", address);
+    }
+    return result;
+}
+
+const version$5 = "units/5.4.0";
+
+const logger$5 = new Logger$1(version$5);
 const names = [
     "wei",
     "kwei",
@@ -63225,7 +63855,7 @@ const names = [
 ];
 function parseUnits(value, unitName) {
     if (typeof (value) !== "string") {
-        logger$4.throwArgumentError("value must be a string", "value", value);
+        logger$5.throwArgumentError("value must be a string", "value", value);
     }
     if (typeof (unitName) === "string") {
         const index = names.indexOf(unitName);
@@ -63365,7 +63995,8 @@ let getAmountsOut$1 = ({ path, amountIn, tokenIn, tokenOut }) => {
     })
     .then((amountsOut)=>{
       resolve(amountsOut[amountsOut.length - 1]);
-    }).catch(resolve);
+    })
+    .catch(()=>resolve());
   })
 };
 
@@ -63488,6 +64119,10 @@ let getTransaction$1 = ({
   return transaction
 };
 
+const fixCheckSum = (address)=>{
+  return getAddress(address)
+};
+
 let route$6 = ({
   exchange,
   tokenIn,
@@ -63499,6 +64134,8 @@ let route$6 = ({
   amountInMax = undefined,
   amountOutMin = undefined,
 }) => {
+  tokenIn = fixCheckSum(tokenIn);
+  tokenOut = fixCheckSum(tokenOut);
   return new Promise(async (resolve)=> {
     let path = await findPath$1({ tokenIn, tokenOut });
     if (path === undefined || path.length == 0) { return resolve() }
@@ -63704,7 +64341,8 @@ let getAmountsOut = ({ path, amountIn, tokenIn, tokenOut }) => {
     })
     .then((amountsOut)=>{
       resolve(amountsOut[amountsOut.length - 1]);
-    }).catch(resolve);
+    })
+    .catch(()=>resolve());
   })
 };
 
@@ -63836,6 +64474,8 @@ let route$4 = ({
   amountInMax = undefined,
   amountOutMin = undefined,
 }) => {
+  tokenIn = fixCheckSum(tokenIn);
+  tokenOut = fixCheckSum(tokenOut);
   return new Promise(async (resolve)=> {
     let path = await findPath({ tokenIn, tokenOut });
     if (path === undefined || path.length == 0) { return resolve() }
@@ -64185,12 +64825,18 @@ var ChangableAmountProvider = (function (props) {
           });
         })).then(function (amounts) {
           setAcceptWithAmount(props.accept.map(function (configuration, index) {
+            if (amounts[index] == undefined) {
+              return;
+            }
+
             return {
               blockchain: configuration.blockchain,
-              amount: round$1(amounts[index]) || 1,
+              amount: round$1(amounts[index]),
               token: configuration.token,
               receiver: configuration.receiver || account
             };
+          }).filter(function (configuration) {
+            return !!configuration;
           }));
         })["catch"](setError);
       })["catch"](setError);
@@ -64769,7 +65415,9 @@ var NoPaymentMethodFoundDialog = (function () {
     }, /*#__PURE__*/react.createElement("strong", {
       className: "FontSizeM"
     }, "We were not able to find any asset of value in your wallet. Please top up your account in order to proceed with this payment."))),
-    footer: /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("button", {
+    footer: /*#__PURE__*/react.createElement("div", {
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
+    }, /*#__PURE__*/react.createElement("button", {
       className: "ButtonPrimary",
       onClick: close
     }, "Ok"))
@@ -64780,7 +65428,7 @@ var PaymentContext = /*#__PURE__*/react.createContext();
 
 var PaymentRoutingContext = /*#__PURE__*/react.createContext();
 
-var UpdateContext = /*#__PURE__*/react.createContext();
+var TrackingContext = /*#__PURE__*/react.createContext();
 
 var PaymentProvider = (function (props) {
   var _useContext = react.useContext(ErrorContext),
@@ -64789,7 +65437,6 @@ var PaymentProvider = (function (props) {
   var _useContext2 = react.useContext(ConfigurationContext),
       _sent = _useContext2.sent,
       _confirmed = _useContext2.confirmed,
-      _ensured = _useContext2.ensured,
       _failed = _useContext2.failed;
 
   var _useContext3 = react.useContext(PaymentRoutingContext),
@@ -64803,13 +65450,17 @@ var PaymentProvider = (function (props) {
   var _useContext5 = react.useContext(PaymentRoutingContext),
       allRoutes = _useContext5.allRoutes;
 
-  var _useContext6 = react.useContext(UpdateContext);
-      _useContext6.update;
-      var setUpdate = _useContext6.setUpdate;
+  var _useContext6 = react.useContext(UpdatableContext),
+      setUpdatable = _useContext6.setUpdatable;
 
   var _useContext7 = react.useContext(WalletContext),
       wallet = _useContext7.wallet;
 
+  var _useContext8 = react.useContext(TrackingContext),
+      forward = _useContext8.forward,
+      tracking = _useContext8.tracking,
+      initializeTracking = _useContext8.initializeTracking;
+
   var _useState = react.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       payment = _useState2[0],
@@ -64830,53 +65481,81 @@ var PaymentProvider = (function (props) {
       paymentState = _useState8[0],
       setPaymentState = _useState8[1];
 
-  var pay = function pay(_ref) {
-    var navigate = _ref.navigate;
-    setClosable(false);
-    setPaymentState('paying');
-    setUpdate(false);
-    wallet.sendTransaction(Object.assign({}, payment.route.transaction, {
-      sent: function sent(transaction) {
-        if (_sent) {
-          _sent(transaction);
-        }
-      },
-      confirmed: function confirmed(transaction) {
-        setClosable(true);
-        setPaymentState('confirmed');
+  var pay = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(_ref) {
+      var navigate, currentBlock;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              navigate = _ref.navigate;
+              setClosable(false);
+              setPaymentState('paying');
+              setUpdatable(false);
+              _context.next = 6;
+              return request({
+                blockchain: payment.route.transaction.blockchain,
+                method: 'latestBlockNumber'
+              });
 
-        if (_confirmed) {
-          _confirmed(transaction);
-        }
-      },
-      ensured: function ensured(transaction) {
-        if (_ensured) {
-          _ensured(transaction);
-        }
-      },
-      failed: function failed(transaction, error) {
-        if (_failed) {
-          _failed(transaction, error);
-        }
+            case 6:
+              currentBlock = _context.sent;
+              wallet.sendTransaction(Object.assign({}, payment.route.transaction, {
+                sent: function sent(transaction) {
+                  if (_sent) {
+                    _sent(transaction);
+                  }
+                },
+                confirmed: function confirmed(transaction) {
+                  if (tracking != true) {
+                    setClosable(true);
+                  }
 
-        setPaymentState('initialized');
-        setClosable(true);
-        setUpdate(true);
-        navigate('PaymentError');
-      }
-    })).then(function (sentTransaction) {
-      setTransaction(sentTransaction);
-    })["catch"](function (error) {
-      console.log('error', error);
-      setPaymentState('initialized');
-      setClosable(true);
-      setUpdate(true);
+                  setPaymentState('confirmed');
 
-      if ((error === null || error === void 0 ? void 0 : error.code) == 'WRONG_NETWORK') {
-        navigate('WrongNetwork');
-      }
-    });
-  };
+                  if (_confirmed) {
+                    _confirmed(transaction);
+                  }
+                },
+                failed: function failed(transaction, error) {
+                  if (_failed) {
+                    _failed(transaction, error);
+                  }
+
+                  setPaymentState('initialized');
+                  setClosable(true);
+                  setUpdatable(true);
+                  navigate('PaymentError');
+                }
+              })).then(function (sentTransaction) {
+                if (tracking) {
+                  initializeTracking(sentTransaction, currentBlock);
+                }
+
+                setTransaction(sentTransaction);
+              })["catch"](function (error) {
+                console.log('error', error);
+                setPaymentState('initialized');
+                setClosable(true);
+                setUpdatable(true);
+
+                if ((error === null || error === void 0 ? void 0 : error.code) == 'WRONG_NETWORK') {
+                  navigate('WrongNetwork');
+                }
+              });
+
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function pay(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   var approve = function approve() {
     setClosable(false);
@@ -64897,15 +65576,20 @@ var PaymentProvider = (function (props) {
     });
   };
 
+  react.useEffect(function () {
+    if (forward) {
+      setPaymentState('confirmed');
+    }
+  }, [forward]);
   react.useEffect(function () {
     if (selectedRoute) {
       var fromToken = selectedRoute.fromToken;
       selectedRoute.transaction.params;
-      Promise.all([fromToken.name(), fromToken.symbol(), fromToken.readable(selectedRoute.fromAmount)]).then(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 3),
-            name = _ref3[0],
-            symbol = _ref3[1],
-            amount = _ref3[2];
+      Promise.all([fromToken.name(), fromToken.symbol(), fromToken.readable(selectedRoute.fromAmount)]).then(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 3),
+            name = _ref4[0],
+            symbol = _ref4[1],
+            amount = _ref4[2];
 
         setPayment({
           route: selectedRoute,
@@ -64921,9 +65605,9 @@ var PaymentProvider = (function (props) {
   }, [selectedRoute]);
   react.useEffect(function () {
     if (allRoutes && allRoutes.length == 0) {
-      setUpdate(false);
+      setUpdatable(false);
     } else if (allRoutes && allRoutes.length > 0) {
-      setUpdate(true);
+      setUpdatable(true);
     }
   }, [allRoutes]);
 
@@ -69723,9 +70407,9 @@ let addTransactions = ({ routes, event }) => {
   })
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PaymentRoutingProvider = (function (props) {
   var _useState = react.useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -69745,8 +70429,8 @@ var PaymentRoutingProvider = (function (props) {
   var _useContext = react.useContext(WalletContext),
       account = _useContext.account;
 
-  var _useContext2 = react.useContext(UpdateContext),
-      update = _useContext2.update;
+  var _useContext2 = react.useContext(UpdatableContext),
+      updatable = _useContext2.updatable;
 
   var prepareAcceptedPayments = function prepareAcceptedPayments(accept) {
     var toAddress = _typeof(accept.receiver) == 'object' ? accept.receiver.address : accept.receiver;
@@ -69761,9 +70445,9 @@ var PaymentRoutingProvider = (function (props) {
   var getPaymentRoutes = function getPaymentRoutes(_ref) {
     var allRoutes = _ref.allRoutes,
         selectedRoute = _ref.selectedRoute,
-        update = _ref.update;
+        updatable = _ref.updatable;
 
-    if (update == false || !props.accept || !account) {
+    if (updatable == false || !props.accept || !account) {
       return;
     }
 
@@ -69866,13 +70550,13 @@ var PaymentRoutingProvider = (function (props) {
       getPaymentRoutes({
         allRoutes: allRoutes,
         selectedRoute: selectedRoute,
-        update: update
+        updatable: updatable
       });
     }, 15000);
     return function () {
       return clearTimeout(timeout);
     };
-  }, [reloadCount, allRoutes, selectedRoute, update]);
+  }, [reloadCount, allRoutes, selectedRoute, updatable]);
   react.useEffect(function () {
     if (account && props.accept) {
       setAllRoutes(undefined);
@@ -69902,8 +70586,8 @@ var PaymentValueProvider = (function (props) {
   var _useContext2 = react.useContext(WalletContext),
       account = _useContext2.account;
 
-  var _useContext3 = react.useContext(UpdateContext),
-      update = _useContext3.update;
+  var _useContext3 = react.useContext(UpdatableContext),
+      updatable = _useContext3.updatable;
 
   var _useContext4 = react.useContext(PaymentContext),
       payment = _useContext4.payment;
@@ -69922,10 +70606,10 @@ var PaymentValueProvider = (function (props) {
       setReloadCount = _useState4[1];
 
   var getToTokenLocalValue = function getToTokenLocalValue(_ref) {
-    var update = _ref.update,
+    var updatable = _ref.updatable,
         payment = _ref.payment;
 
-    if (update == false || (payment === null || payment === void 0 ? void 0 : payment.route) == undefined) {
+    if (updatable == false || (payment === null || payment === void 0 ? void 0 : payment.route) == undefined) {
       return;
     }
 
@@ -69968,7 +70652,7 @@ var PaymentValueProvider = (function (props) {
   react.useEffect(function () {
     if (account && payment) {
       getToTokenLocalValue({
-        update: update,
+        updatable: updatable,
         payment: payment
       });
     }
@@ -69977,13 +70661,13 @@ var PaymentValueProvider = (function (props) {
     var timeout = setTimeout(function () {
       setReloadCount(reloadCount + 1);
       getToTokenLocalValue({
-        update: update
+        updatable: updatable
       });
     }, 15000);
     return function () {
       return clearTimeout(timeout);
     };
-  }, [reloadCount, update]);
+  }, [reloadCount, updatable]);
   return /*#__PURE__*/react.createElement(PaymentValueContext.Provider, {
     value: {
       paymentValue: paymentValue
@@ -71870,7 +72554,9 @@ var ChangeAmountDialog = (function (props) {
         changeAmount(toValidValue(maxAmount));
       }
     }, "(Max)")))))),
-    footer: /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("button", {
+    footer: /*#__PURE__*/react.createElement("div", {
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
+    }, /*#__PURE__*/react.createElement("button", {
       className: "ButtonPrimary",
       onClick: changeAmountAndGoBack
     }, "Done"))
@@ -71957,6 +72643,7 @@ var ChangePaymentDialog = (function (props) {
   }, [allRoutes]);
   react.useEffect(function () {
     setCards(allPaymentRoutesWithData.map(function (payment, index) {
+      var blockchain = Blockchain.findByName(payment.route.blockchain);
       return /*#__PURE__*/react.createElement("div", {
         key: index,
         className: "Card",
@@ -71970,6 +72657,11 @@ var ChangePaymentDialog = (function (props) {
       }, /*#__PURE__*/react.createElement(TokenImage_1, {
         blockchain: payment.route.blockchain,
         address: payment.route.fromToken.address
+      }), /*#__PURE__*/react.createElement("img", {
+        className: "BlockchainLogo small",
+        src: blockchain.logo,
+        alt: blockchain.label,
+        title: blockchain.label
       })), /*#__PURE__*/react.createElement("div", {
         className: "CardBody"
       }, /*#__PURE__*/react.createElement("div", {
@@ -71984,11 +72676,7 @@ var ChangePaymentDialog = (function (props) {
         className: "TokenAmountCell"
       }, format(payment.amount)))), /*#__PURE__*/react.createElement("h3", {
         className: "CardText"
-      }, /*#__PURE__*/react.createElement("small", null, format(round$1(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down')))))), /*#__PURE__*/react.createElement("div", {
-        className: "CardInfo"
-      }, payment.route.approvalRequired && /*#__PURE__*/react.createElement("span", {
-        className: "Label"
-      }, "Requires Approval")));
+      }, /*#__PURE__*/react.createElement("small", null, format(round$1(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down')))))));
     }));
   }, [allPaymentRoutesWithData]);
 
@@ -72014,25 +72702,12 @@ var ChangePaymentDialog = (function (props) {
   });
 });
 
-var Checkmark = (function () {
-  return /*#__PURE__*/react.createElement("svg", {
-    className: "Checkmark Icon",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    x: "0px",
-    y: "0px",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/react.createElement("path", {
-    d: "M20,4.9L9.2,16l-5.4-3.9c-0.7-0.5-1.6-0.3-2.1,0.3c-0.5,0.7-0.3,1.6,0.3,2.1l6.4,4.7c0.3,0.2,0.6,0.3,0.9,0.3 c0.4,0,0.8-0.2,1.1-0.5l11.7-12c0.6-0.6,0.6-1.6,0-2.2C21.6,4.3,20.6,4.3,20,4.9z"
-  }));
-});
-
 var DonationOverviewSkeleton = (function (props) {
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Donation")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -72046,7 +72721,7 @@ var DonationOverviewSkeleton = (function (props) {
       className: "SkeletonBackground"
     }))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/react.createElement("div", {
       className: "SkeletonWrapper"
     }, /*#__PURE__*/react.createElement("div", {
@@ -72057,6 +72732,60 @@ var DonationOverviewSkeleton = (function (props) {
   });
 });
 
+var Checkmark = (function (props) {
+  return /*#__PURE__*/react.createElement("svg", {
+    className: "Checkmark Icon " + props.className,
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/react.createElement("path", {
+    d: "M20,4.9L9.2,16l-5.4-3.9c-0.7-0.5-1.6-0.3-2.1,0.3c-0.5,0.7-0.3,1.6,0.3,2.1l6.4,4.7c0.3,0.2,0.6,0.3,0.9,0.3 c0.4,0,0.8-0.2,1.1-0.5l11.7-12c0.6-0.6,0.6-1.6,0-2.2C21.6,4.3,20.6,4.3,20,4.9z"
+  }));
+});
+
+var DigitalWalletIcon = (function (props) {
+  return /*#__PURE__*/react.createElement("svg", {
+    className: "DigitalWalletIcon Icon " + props.className,
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24",
+    width: "24",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/react.createElement("path", {
+    d: "M8.51,4.84l-.39-.53,4-2.89a2.2,2.2,0,0,1,3.06.48l.4.56-.53.39-.4-.56A1.54,1.54,0,0,0,12.5,2Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("path", {
+    d: "M9.77,4.89l-.21-.62,6.31-2.13h0a2.18,2.18,0,0,1,.67-.1h0a2.21,2.21,0,0,1,2.08,1.49l.32.95-.63.21L18,3.73a1.53,1.53,0,0,0-1.45-1h0a1.61,1.61,0,0,0-.48.08h0Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("path", {
+    d: "M19.72,16.2H18.27a3.28,3.28,0,1,1,0-6.56h1.45a3.21,3.21,0,0,1,1.33.28h0a3.28,3.28,0,0,1,0,6A3.21,3.21,0,0,1,19.72,16.2Zm-1.45-5.9a2.63,2.63,0,0,0,0,5.25h1.45a2.56,2.56,0,0,0,1.06-.23,2.62,2.62,0,0,0,0-4.8,2.55,2.55,0,0,0-1.06-.22ZM19,14.53a1.61,1.61,0,1,1,1.61-1.61A1.62,1.62,0,0,1,19,14.53ZM19,12a1,1,0,1,0,.95.95A1,1,0,0,0,19,12Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("path", {
+    d: "M10.49,19.69a1.58,1.58,0,1,1,1.58-1.57A1.57,1.57,0,0,1,10.49,19.69Zm0-2.49a.92.92,0,1,0,.92.92A.92.92,0,0,0,10.49,17.2Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("path", {
+    d: "M19.09,22.14H2.79a2,2,0,0,1-2-2V6.25a2.1,2.1,0,0,1,0-.43,2,2,0,0,1,.48-.92,2,2,0,0,1,1.48-.65H19.09a2,2,0,0,1,.64.1,2,2,0,0,1,1.36,1.79v0a.28.28,0,0,1,0,.09v3.91h-.66v-4a1.49,1.49,0,0,0-.23-.69A1.35,1.35,0,0,0,19.52,5a1.26,1.26,0,0,0-.43-.08H2.82a1.34,1.34,0,0,0-1,.44A1.49,1.49,0,0,0,1.5,6a1.5,1.5,0,0,0,0,.29V20.13a1.36,1.36,0,0,0,1.34,1.35H19.09a1.35,1.35,0,0,0,1.35-1.35V15.68h.66v4.45A2,2,0,0,1,19.09,22.14Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("path", {
+    d: "M9.27,9.31a1.58,1.58,0,1,1,0-3.15,1.58,1.58,0,0,1,0,3.15Zm0-2.5a.92.92,0,1,0,.92.92A.92.92,0,0,0,9.27,6.81Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("path", {
+    d: "M7.11,14.67A1.58,1.58,0,1,1,8.69,13.1,1.57,1.57,0,0,1,7.11,14.67Zm0-2.49A.92.92,0,1,0,8,13.1.92.92,0,0,0,7.11,12.18Z",
+    transform: "translate(-0.81 -1)"
+  }), /*#__PURE__*/react.createElement("rect", {
+    x: "0.33",
+    y: "11.77",
+    width: "4.72",
+    height: "0.66"
+  }), /*#__PURE__*/react.createElement("polygon", {
+    points: "2.08 9.53 0.33 9.53 0.33 8.87 1.8 8.87 4.28 6.39 7.21 6.39 7.21 7.05 4.55 7.05 2.08 9.53"
+  }), /*#__PURE__*/react.createElement("polygon", {
+    points: "8.43 17.45 4.53 17.45 2.63 15.55 0.33 15.55 0.33 14.89 2.9 14.89 4.8 16.79 8.43 16.79 8.43 17.45"
+  }));
+});
+
 var LoadingText = (function (props) {
   return /*#__PURE__*/react.createElement("div", {
     className: "LoadingText"
@@ -72069,26 +72798,143 @@ var LoadingText = (function (props) {
   }, "."));
 });
 
-var DonationOverviewDialog = (function (props) {
+var Footer = (function () {
   var _useContext = react.useContext(ConfigurationContext),
       currencyCode = _useContext.currencyCode;
 
   var _useContext2 = react.useContext(ChangableAmountContext),
       amount = _useContext2.amount;
+      _useContext2.amountsMissing;
 
-  var _useContext3 = react.useContext(PaymentContext),
-      payment = _useContext3.payment,
-      paymentState = _useContext3.paymentState,
-      pay = _useContext3.pay,
-      transaction = _useContext3.transaction,
-      approve = _useContext3.approve,
-      approvalTransaction = _useContext3.approvalTransaction;
+  var _useContext3 = react.useContext(TrackingContext),
+      tracking = _useContext3.tracking,
+      forward = _useContext3.forward,
+      forwardTo = _useContext3.forwardTo;
 
-  var _useContext4 = react.useContext(NavigateStackContext_1),
-      navigate = _useContext4.navigate;
+  var _useContext4 = react.useContext(PaymentContext),
+      payment = _useContext4.payment,
+      paymentState = _useContext4.paymentState,
+      pay = _useContext4.pay,
+      transaction = _useContext4.transaction,
+      approve = _useContext4.approve,
+      approvalTransaction = _useContext4.approvalTransaction;
+
+  var _useContext5 = react.useContext(PaymentValueContext),
+      paymentValue = _useContext5.paymentValue;
+
+  var _useContext6 = react.useContext(NavigateStackContext_1),
+      navigate = _useContext6.navigate;
+
+  var _useContext7 = react.useContext(ClosableContext),
+      close = _useContext7.close;
+
+  var trackingInfo = function trackingInfo() {
+    if (tracking != true) {
+      return null;
+    }
+
+    if (forward) {
+      return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("a", {
+        className: "Card transparent small disabled"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardImage"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "TextCenter Opacity05"
+      }, /*#__PURE__*/react.createElement(Checkmark, {
+        className: "small"
+      }))), /*#__PURE__*/react.createElement("div", {
+        className: "CardBody"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardBodyWrapper"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "Opacity05"
+      }, "Payment confirmation has been stored")))));
+    } else {
+      return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("a", {
+        className: "Card transparent small disabled"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardImage"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "TextCenter"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "Loading Icon"
+      }))), /*#__PURE__*/react.createElement("div", {
+        className: "CardBody"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardBodyWrapper"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "Opacity05"
+      }, "Storing payment confirmation")))));
+    }
+  };
+
+  var additionalPaymentInformation = function additionalPaymentInformation() {
+    if (paymentState == 'paying' && transaction == undefined) {
+      return /*#__PURE__*/react.createElement("div", {
+        className: "PaddingBottomS"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "Card transparent disabled small"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardImage"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "TextCenter Opacity05"
+      }, /*#__PURE__*/react.createElement(DigitalWalletIcon, {
+        className: "small"
+      }))), /*#__PURE__*/react.createElement("div", {
+        className: "CardBody"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardBodyWrapper"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "Opacity05"
+      }, "Confirm transaction in your wallet")))));
+    } else if (paymentState == 'confirmed') {
+      return /*#__PURE__*/react.createElement("div", {
+        className: "PaddingBottomS"
+      }, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("a", {
+        className: "Card transparent small",
+        title: "Payment has been confirmed by the network",
+        href: transaction === null || transaction === void 0 ? void 0 : transaction.url,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardImage"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "TextCenter Opacity05"
+      }, /*#__PURE__*/react.createElement(Checkmark, {
+        className: "small"
+      }))), /*#__PURE__*/react.createElement("div", {
+        className: "CardBody"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "CardBodyWrapper"
+      }, /*#__PURE__*/react.createElement("div", {
+        className: "Opacity05"
+      }, "Payment has been confirmed"))))), trackingInfo());
+    }
+  };
 
-  var _useContext5 = react.useContext(ClosableContext),
-      close = _useContext5.close;
+  var approvalButton = function approvalButton() {
+    if (!payment.route.approvalRequired || payment.route.directTransfer) {
+      return null;
+    } else if (paymentState == 'initialized') {
+      return /*#__PURE__*/react.createElement("div", {
+        className: "PaddingBottomS"
+      }, /*#__PURE__*/react.createElement("button", {
+        className: "ButtonPrimary",
+        onClick: approve,
+        title: "Allow ".concat(payment.symbol, " to be used as payment")
+      }, "Allow ", payment.symbol, " to be used as payment"));
+    } else if (paymentState == 'approving') {
+      return /*#__PURE__*/react.createElement("div", {
+        className: "PaddingBottomS"
+      }, /*#__PURE__*/react.createElement("a", {
+        className: "ButtonPrimary",
+        title: "Approving payment token - please wait",
+        href: approvalTransaction === null || approvalTransaction === void 0 ? void 0 : approvalTransaction.url,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, /*#__PURE__*/react.createElement(LoadingText, null, "Approving")));
+    }
+  };
 
   var mainAction = function mainAction() {
     if (paymentState == 'initialized' || paymentState == 'approving') {
@@ -72103,10 +72949,10 @@ var DonationOverviewDialog = (function (props) {
             navigate: navigate
           });
         }
-      }, "Pay ", new Currency({
+      }, "Pay ", amount ? new Currency({
         amount: amount.toFixed(2),
         code: currencyCode
-      }).toString());
+      }).toString() : paymentValue.toString().length ? paymentValue.toString() : "".concat(payment.amount));
     } else if (paymentState == 'paying') {
       return /*#__PURE__*/react.createElement("a", {
         className: "ButtonPrimary",
@@ -72116,39 +72962,51 @@ var DonationOverviewDialog = (function (props) {
         rel: "noopener noreferrer"
       }, /*#__PURE__*/react.createElement(LoadingText, null, "Paying"));
     } else if (paymentState == 'confirmed') {
-      return /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary round",
-        title: "Done",
-        onClick: close
-      }, /*#__PURE__*/react.createElement(Checkmark, null));
+      if (tracking == true) {
+        if (forward) {
+          if (forwardTo) {
+            return /*#__PURE__*/react.createElement("a", {
+              className: "ButtonPrimary",
+              href: forwardTo,
+              rel: "noopener noreferrer"
+            }, "Continue");
+          } else {
+            return /*#__PURE__*/react.createElement("button", {
+              className: "ButtonPrimary",
+              onClick: close
+            }, "Continue");
+          }
+        } else {
+          return /*#__PURE__*/react.createElement("button", {
+            className: "ButtonPrimary disabled",
+            onClick: function onClick() {}
+          }, "Continue");
+        }
+      } else {
+        return /*#__PURE__*/react.createElement("button", {
+          className: "ButtonPrimary",
+          onClick: close
+        }, "Close");
+      }
     }
   };
 
-  var approvalAction = function approvalAction() {
-    if (paymentState == 'initialized') {
-      return /*#__PURE__*/react.createElement("div", {
-        className: "PaddingBottomS"
-      }, /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary wide",
-        onClick: approve,
-        title: "Allow ".concat(payment.symbol, " to be used as payment")
-      }, "Allow ", payment.symbol, " to be used as payment"));
-    } else if (paymentState == 'approving') {
-      return /*#__PURE__*/react.createElement("div", {
-        className: "PaddingBottomS"
-      }, /*#__PURE__*/react.createElement("a", {
-        className: "ButtonPrimary wide",
-        title: "Approving payment token - please wait",
-        href: approvalTransaction === null || approvalTransaction === void 0 ? void 0 : approvalTransaction.url,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, /*#__PURE__*/react.createElement(LoadingText, null, "Approving")));
-    }
-  };
+  return /*#__PURE__*/react.createElement("div", null, approvalButton(), additionalPaymentInformation(), mainAction());
+});
 
-  var actions = function actions() {
-    return /*#__PURE__*/react.createElement("div", null, payment.route.approvalRequired && !payment.route.directTransfer && approvalAction(), mainAction());
-  };
+var DonationOverviewDialog = (function (props) {
+  var _useContext = react.useContext(ConfigurationContext),
+      currencyCode = _useContext.currencyCode;
+
+  var _useContext2 = react.useContext(ChangableAmountContext),
+      amount = _useContext2.amount;
+
+  var _useContext3 = react.useContext(PaymentContext),
+      payment = _useContext3.payment,
+      paymentState = _useContext3.paymentState;
+
+  var _useContext4 = react.useContext(NavigateStackContext_1),
+      navigate = _useContext4.navigate;
 
   if (payment == undefined) {
     return /*#__PURE__*/react.createElement(DonationOverviewSkeleton, null);
@@ -72156,9 +73014,9 @@ var DonationOverviewDialog = (function (props) {
 
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Donation")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -72221,8 +73079,8 @@ var DonationOverviewDialog = (function (props) {
       className: "CardAction"
     }, /*#__PURE__*/react.createElement(ChevronRight, null)))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
-    }, actions())
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
+    }, /*#__PURE__*/react.createElement(Footer, null))
   });
 });
 
@@ -72259,9 +73117,9 @@ var PaymentErrorDialog = (function () {
       rel: "noopener noreferrer"
     }, "View on explorer")))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/react.createElement("button", {
-      className: "ButtonPrimary wide",
+      className: "ButtonPrimary",
       onClick: function onClick() {
         return navigate('back');
       }
@@ -72282,9 +73140,9 @@ var WrongNetworkDialog = (function (props) {
   return /*#__PURE__*/react.createElement(Dialog, {
     stacked: true,
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Wrong Network")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -72301,7 +73159,7 @@ var WrongNetworkDialog = (function (props) {
       className: "FontSizeM"
     }, "Please make sure you connect your wallet to the correct network before you try again!"))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/react.createElement("button", {
       className: "ButtonPrimary",
       onClick: function onClick() {
@@ -72332,16 +73190,122 @@ var DonationStack = (function (props) {
   });
 });
 
-var UpdateProvider = (function (props) {
-  var _useState = react.useState(true),
+var TrackingProvider = (function (props) {
+  var _useContext = react.useContext(ConfigurationContext),
+      track = _useContext.track;
+
+  var _useState = react.useState(track && !!track.endpoint),
       _useState2 = _slicedToArray(_useState, 2),
-      update = _useState2[0],
-      setUpdate = _useState2[1];
+      tracking = _useState2[0],
+      setTracking = _useState2[1];
+
+  var _useState3 = react.useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      forward = _useState4[0],
+      setForward = _useState4[1];
+
+  var _useState5 = react.useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      forwardTo = _useState6[0],
+      setForwardTo = _useState6[1];
+
+  var _useContext2 = react.useContext(ClosableContext),
+      setClosable = _useContext2.setClosable;
+
+  react.useEffect(function () {
+    setTracking(track && !!track.endpoint);
+  }, [track]);
+
+  var openSocket = function openSocket(transaction) {
+    var socket = new WebSocket('wss://integrate.depay.fi/cable');
+
+    socket.onopen = function (event) {
+      var msg = {
+        command: 'subscribe',
+        identifier: JSON.stringify({
+          blockchain: transaction.blockchain,
+          sender: transaction.from.toLowerCase(),
+          nonce: transaction.nonce,
+          channel: 'PaymentChannel'
+        })
+      };
+      socket.send(JSON.stringify(msg));
+    };
+
+    socket.onclose = function (event) {};
+
+    socket.onmessage = function (event) {
+      var item = JSON.parse(event.data);
+
+      if (item.type === "ping") {
+        return;
+      }
+
+      if (item.message && item.message.forward) {
+        setClosable(!item.message.forward_to);
+        setForwardTo(item.message.forward_to);
+        setForward(item.message.forward);
+        socket.close();
+
+        if (!!item.message.forward_to) {
+          setTimeout(function () {
+            props.document.location.href = item.message.forward_to;
+          }, 500);
+        }
+      }
+    };
 
-  return /*#__PURE__*/react.createElement(UpdateContext.Provider, {
+    socket.onerror = function (error) {
+      console.log('WebSocket Error: ' + error);
+    };
+  };
+
+  var retryStartTracking = function retryStartTracking(transaction, afterBlock, attempt) {
+    attempt = parseInt(attempt || 1, 10);
+    console.log('RETRY TRACKING ATTEMPT ', attempt);
+
+    if (attempt < 3) {
+      setTimeout(function () {
+        startTracking(transaction, afterBlock, attempt + 1);
+      }, 3000);
+    } else {
+      console.log('TRACKING FAILED AFTER 3 ATTEMPTS!');
+    }
+  };
+
+  var startTracking = function startTracking(transaction, afterBlock, attempt) {
+    fetch(track.endpoint, {
+      method: 'POST',
+      body: JSON.stringify({
+        blockchain: transaction.blockchain,
+        transaction: transaction.id.toLowerCase(),
+        sender: transaction.from.toLowerCase(),
+        nonce: transaction.nonce,
+        after_block: afterBlock
+      })
+    }).then(function (response) {
+      if (response.status == 200) {
+        console.log('TRACKING INITIALIZED');
+      } else {
+        retryStartTracking(transaction, afterBlock, attempt);
+      }
+    })["catch"](function (error) {
+      console.log('TRACKING FAILED', error);
+      retryStartTracking(transaction, afterBlock, attempt);
+    });
+  };
+
+  var initializeTracking = function initializeTracking(transaction, afterBlock) {
+    openSocket(transaction);
+    startTracking(transaction, afterBlock);
+  };
+
+  return /*#__PURE__*/react.createElement(TrackingContext.Provider, {
     value: {
-      update: update,
-      setUpdate: setUpdate
+      tracking: tracking,
+      initializeTracking: initializeTracking,
+      forward: forward,
+      forwardTo: forwardTo
     }
   }, props.children);
 });
@@ -72444,12 +73408,12 @@ var preflight$2 = /*#__PURE__*/function () {
 
 var Donation = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, accept, event, sent, confirmed, ensured, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
+    var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, ensured = _ref3.ensured, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
+            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
             _context2.prev = 1;
             _context2.next = 4;
             return preflight$2({
@@ -72475,26 +73439,27 @@ var Donation = /*#__PURE__*/function () {
                     event: event,
                     sent: sent,
                     confirmed: confirmed,
-                    ensured: ensured,
                     failed: failed,
                     blacklist: blacklist,
                     providers: providers
                   }
-                }, /*#__PURE__*/react.createElement(ClosableProvider, {
+                }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
                   unmount: unmount
-                }, /*#__PURE__*/react.createElement(UpdateProvider, null, /*#__PURE__*/react.createElement(WalletProvider, {
+                }, /*#__PURE__*/react.createElement(WalletProvider, {
                   container: container,
                   connected: connected,
                   unmount: unmount
                 }, /*#__PURE__*/react.createElement(ConversionRateProvider, null, /*#__PURE__*/react.createElement(ChangableAmountProvider, {
                   accept: accept
+                }, /*#__PURE__*/react.createElement(TrackingProvider, {
+                  document: ensureDocument(document)
                 }, /*#__PURE__*/react.createElement(DonationRoutingProvider, {
                   container: container,
                   document: document
                 }, /*#__PURE__*/react.createElement(DonationStack, {
                   document: document,
                   container: container
-                })))))))));
+                }), /*#__PURE__*/react.createElement(PoweredBy, null))))))))));
               };
             });
             return _context2.abrupt("return", {
@@ -72562,9 +73527,9 @@ var PaymentOverviewSkeleton = (function (props) {
 
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Payment")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -72578,7 +73543,7 @@ var PaymentOverviewSkeleton = (function (props) {
       className: "SkeletonBackground"
     }))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/react.createElement("div", {
       className: "SkeletonWrapper"
     }, /*#__PURE__*/react.createElement("div", {
@@ -72593,17 +73558,13 @@ var PaymentOverviewDialog = (function (props) {
   var _useContext = react.useContext(ConfigurationContext),
       currencyCode = _useContext.currencyCode;
 
-  var _useContext2 = react.useContext(ChangableAmountContext),
-      amount = _useContext2.amount,
-      amountsMissing = _useContext2.amountsMissing;
+  var _useContext2 = react.useContext(PaymentContext),
+      payment = _useContext2.payment,
+      paymentState = _useContext2.paymentState;
 
-  var _useContext3 = react.useContext(PaymentContext),
-      payment = _useContext3.payment,
-      paymentState = _useContext3.paymentState,
-      pay = _useContext3.pay,
-      transaction = _useContext3.transaction,
-      approve = _useContext3.approve,
-      approvalTransaction = _useContext3.approvalTransaction;
+  var _useContext3 = react.useContext(ChangableAmountContext),
+      amount = _useContext3.amount,
+      amountsMissing = _useContext3.amountsMissing;
 
   var _useContext4 = react.useContext(PaymentValueContext),
       paymentValue = _useContext4.paymentValue;
@@ -72611,78 +73572,15 @@ var PaymentOverviewDialog = (function (props) {
   var _useContext5 = react.useContext(NavigateStackContext_1),
       navigate = _useContext5.navigate;
 
-  var _useContext6 = react.useContext(ClosableContext),
-      close = _useContext6.close;
-
-  var mainAction = function mainAction() {
-    if (paymentState == 'initialized' || paymentState == 'approving') {
-      return /*#__PURE__*/react.createElement("button", {
-        className: ["ButtonPrimary", payment.route.approvalRequired && !payment.route.directTransfer ? 'disabled' : ''].join(' '),
-        onClick: function onClick() {
-          if (payment.route.approvalRequired && !payment.route.directTransfer) {
-            return;
-          }
-
-          pay({
-            navigate: navigate
-          });
-        }
-      }, "Pay ", amount ? new Currency({
-        amount: amount.toFixed(2),
-        code: currencyCode
-      }).toString() : paymentValue.toString().length ? paymentValue.toString() : "".concat(payment.amount));
-    } else if (paymentState == 'paying') {
-      return /*#__PURE__*/react.createElement("a", {
-        className: "ButtonPrimary",
-        title: "Performing the payment - please wait",
-        href: transaction === null || transaction === void 0 ? void 0 : transaction.url,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, /*#__PURE__*/react.createElement(LoadingText, null, "Paying"));
-    } else if (paymentState == 'confirmed') {
-      return /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary round",
-        title: "Done",
-        onClick: close
-      }, /*#__PURE__*/react.createElement(Checkmark, null));
-    }
-  };
-
-  var approvalAction = function approvalAction() {
-    if (paymentState == 'initialized') {
-      return /*#__PURE__*/react.createElement("div", {
-        className: "PaddingBottomS"
-      }, /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary wide",
-        onClick: approve,
-        title: "Allow ".concat(payment.symbol, " to be used as payment")
-      }, "Allow ", payment.symbol, " to be used as payment"));
-    } else if (paymentState == 'approving') {
-      return /*#__PURE__*/react.createElement("div", {
-        className: "PaddingBottomS"
-      }, /*#__PURE__*/react.createElement("a", {
-        className: "ButtonPrimary wide",
-        title: "Approving payment token - please wait",
-        href: approvalTransaction === null || approvalTransaction === void 0 ? void 0 : approvalTransaction.url,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, /*#__PURE__*/react.createElement(LoadingText, null, "Approving")));
-    }
-  };
-
-  var actions = function actions() {
-    return /*#__PURE__*/react.createElement("div", null, payment.route.approvalRequired && !payment.route.directTransfer && approvalAction(), mainAction());
-  };
-
   if (payment == undefined || paymentValue == undefined) {
     return /*#__PURE__*/react.createElement(PaymentOverviewSkeleton, null);
   }
 
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Payment")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -72745,8 +73643,8 @@ var PaymentOverviewDialog = (function (props) {
       className: "CardAction"
     }, /*#__PURE__*/react.createElement(ChevronRight, null)))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
-    }, actions())
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
+    }, /*#__PURE__*/react.createElement(Footer, null))
   });
 });
 
@@ -72812,12 +73710,12 @@ var preflight$1 = /*#__PURE__*/function () {
 
 var Payment = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var accept, amount, event, sent, confirmed, ensured, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, document, unmount;
+    var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, document, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, ensured = _ref3.ensured, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
+            accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, document = _ref3.document;
             _context2.prev = 1;
             _context2.next = 4;
             return preflight$1({
@@ -72843,15 +73741,15 @@ var Payment = /*#__PURE__*/function () {
                     event: event,
                     sent: sent,
                     confirmed: confirmed,
-                    ensured: ensured,
                     failed: failed,
                     whitelist: whitelist,
                     blacklist: blacklist,
-                    providers: providers
+                    providers: providers,
+                    track: track
                   }
-                }, /*#__PURE__*/react.createElement(ClosableProvider, {
+                }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
                   unmount: unmount
-                }, /*#__PURE__*/react.createElement(UpdateProvider, null, /*#__PURE__*/react.createElement(WalletProvider, {
+                }, /*#__PURE__*/react.createElement(WalletProvider, {
                   document: document,
                   container: container,
                   connected: connected,
@@ -72863,13 +73761,15 @@ var Payment = /*#__PURE__*/function () {
                   whitelist: whitelist,
                   blacklist: blacklist,
                   event: event
+                }, /*#__PURE__*/react.createElement(TrackingProvider, {
+                  document: ensureDocument(document)
                 }, /*#__PURE__*/react.createElement(PaymentProvider, {
                   container: container,
                   document: document
                 }, /*#__PURE__*/react.createElement(PaymentValueProvider, null, /*#__PURE__*/react.createElement(PaymentStack, {
                   document: document,
                   container: container
-                })))))))))));
+                }), /*#__PURE__*/react.createElement(PoweredBy, null))))))))))));
               };
             });
             return _context2.abrupt("return", {
@@ -72979,9 +73879,9 @@ var SaleRoutingProvider = (function (props) {
 var SaleOverviewSkeleton = (function (props) {
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Purchase")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -72998,7 +73898,7 @@ var SaleOverviewSkeleton = (function (props) {
       className: "SkeletonBackground"
     }))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
     }, /*#__PURE__*/react.createElement("div", {
       className: "SkeletonWrapper"
     }, /*#__PURE__*/react.createElement("div", {
@@ -73010,11 +73910,10 @@ var SaleOverviewSkeleton = (function (props) {
 });
 
 var SaleOverviewDialog = (function (props) {
-  var _useContext = react.useContext(ChangableAmountContext),
-      amount = _useContext.amount;
+  var _useContext = react.useContext(ChangableAmountContext);
+      _useContext.amount;
 
   var _useContext2 = react.useContext(ConfigurationContext),
-      currencyCode = _useContext2.currencyCode,
       tokenImage = _useContext2.tokenImage;
 
   var _useContext3 = react.useContext(PaymentValueContext),
@@ -73022,87 +73921,20 @@ var SaleOverviewDialog = (function (props) {
 
   var _useContext4 = react.useContext(PaymentContext),
       payment = _useContext4.payment,
-      paymentState = _useContext4.paymentState,
-      pay = _useContext4.pay,
-      transaction = _useContext4.transaction,
-      approve = _useContext4.approve,
-      approvalTransaction = _useContext4.approvalTransaction;
+      paymentState = _useContext4.paymentState;
 
   var _useContext5 = react.useContext(NavigateStackContext_1),
       navigate = _useContext5.navigate;
 
-  var _useContext6 = react.useContext(ClosableContext),
-      close = _useContext6.close;
-
-  var _useContext7 = react.useContext(ToTokenContext),
-      toToken = _useContext7.toToken,
-      toTokenReadableAmount = _useContext7.toTokenReadableAmount;
+  var _useContext6 = react.useContext(ToTokenContext),
+      toToken = _useContext6.toToken,
+      toTokenReadableAmount = _useContext6.toTokenReadableAmount;
 
   var _useState = react.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       salePerTokenValue = _useState2[0],
       setSalePerTokenValue = _useState2[1];
 
-  var mainAction = function mainAction() {
-    if (paymentState == 'initialized' || paymentState == 'approving') {
-      return /*#__PURE__*/react.createElement("button", {
-        className: ["ButtonPrimary", payment.route.approvalRequired && !payment.route.directTransfer ? 'disabled' : ''].join(' '),
-        onClick: function onClick() {
-          if (payment.route.approvalRequired && !payment.route.directTransfer) {
-            return;
-          }
-
-          pay({
-            navigate: navigate
-          });
-        }
-      }, "Pay ", new Currency({
-        amount: amount.toFixed(2),
-        code: currencyCode
-      }).toString());
-    } else if (paymentState == 'paying') {
-      return /*#__PURE__*/react.createElement("a", {
-        className: "ButtonPrimary",
-        title: "Performing the payment - please wait",
-        href: transaction === null || transaction === void 0 ? void 0 : transaction.url,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, /*#__PURE__*/react.createElement(LoadingText, null, "Paying"));
-    } else if (paymentState == 'confirmed') {
-      return /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary round",
-        title: "Done",
-        onClick: close
-      }, /*#__PURE__*/react.createElement(Checkmark, null));
-    }
-  };
-
-  var approvalAction = function approvalAction() {
-    if (paymentState == 'initialized') {
-      return /*#__PURE__*/react.createElement("div", {
-        className: "PaddingBottomS"
-      }, /*#__PURE__*/react.createElement("button", {
-        className: "ButtonPrimary wide",
-        onClick: approve,
-        title: "Allow ".concat(payment.symbol, " to be used as payment")
-      }, "Allow ", payment.symbol, " to be used as payment"));
-    } else if (paymentState == 'approving') {
-      return /*#__PURE__*/react.createElement("div", {
-        className: "PaddingBottomS"
-      }, /*#__PURE__*/react.createElement("a", {
-        className: "ButtonPrimary wide",
-        title: "Approving payment token - please wait",
-        href: approvalTransaction === null || approvalTransaction === void 0 ? void 0 : approvalTransaction.url,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, /*#__PURE__*/react.createElement(LoadingText, null, "Approving")));
-    }
-  };
-
-  var actions = function actions() {
-    return /*#__PURE__*/react.createElement("div", null, payment.route.approvalRequired && !payment.route.directTransfer && approvalAction(), mainAction());
-  };
-
   react.useEffect(function () {
     if (paymentValue) {
       setSalePerTokenValue(new Currency({
@@ -73131,9 +73963,9 @@ var SaleOverviewDialog = (function (props) {
 
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopS PaddingLeftM PaddingRightM"
+      className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
     }, /*#__PURE__*/react.createElement("h1", {
-      className: "LineHeightL FontSizeL TextLeft"
+      className: "LineHeightL FontSizeL"
     }, "Purchase")),
     body: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
@@ -73202,8 +74034,8 @@ var SaleOverviewDialog = (function (props) {
       className: "CardAction"
     }, /*#__PURE__*/react.createElement(ChevronRight, null)))),
     footer: /*#__PURE__*/react.createElement("div", {
-      className: "PaddingTopXS PaddingRightM PaddingLeftM"
-    }, actions())
+      className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
+    }, /*#__PURE__*/react.createElement(Footer, null))
   });
 });
 
@@ -73276,12 +74108,12 @@ var preflight = /*#__PURE__*/function () {
 
 var Sale = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, sell, sent, confirmed, ensured, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
+    var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, ensured = _ref3.ensured, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, document = _ref3.document;
+            amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, document = _ref3.document;
             _context2.prev = 1;
             _context2.next = 4;
             return preflight({
@@ -73313,26 +74145,27 @@ var Sale = /*#__PURE__*/function () {
                     currency: currency,
                     sent: sent,
                     confirmed: confirmed,
-                    ensured: ensured,
                     failed: failed,
                     blacklist: blacklist,
                     providers: providers
                   }
-                }, /*#__PURE__*/react.createElement(ClosableProvider, {
+                }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
                   unmount: unmount
-                }, /*#__PURE__*/react.createElement(UpdateProvider, null, /*#__PURE__*/react.createElement(WalletProvider, {
+                }, /*#__PURE__*/react.createElement(WalletProvider, {
                   container: container,
                   connected: connected,
                   unmount: unmount
                 }, /*#__PURE__*/react.createElement(ConversionRateProvider, null, /*#__PURE__*/react.createElement(ChangableAmountProvider, {
                   accept: accept
+                }, /*#__PURE__*/react.createElement(TrackingProvider, {
+                  document: ensureDocument(document)
                 }, /*#__PURE__*/react.createElement(SaleRoutingProvider, {
                   container: container,
                   document: document
                 }, /*#__PURE__*/react.createElement(SaleStack, {
                   document: document,
                   container: container
-                })))))))));
+                }), /*#__PURE__*/react.createElement(PoweredBy, null))))))))));
               };
             });
             return _context2.abrupt("return", {