@depay/widgets 4.4.0 → 5.0.3

package/dist/umd/index.bundle.js

@@ -43,17 +43,11 @@
   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 : {};
@@ -1034,6 +1028,8 @@
 
   var ClosableContext = /*#__PURE__*/react.createContext();
 
+  var UpdatableContext = /*#__PURE__*/react.createContext();
+
   var ClosableProvider = (function (props) {
     var _useState = react.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1045,11 +1041,15 @@
         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);
     };
@@ -1995,12 +1995,7 @@
       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) {
@@ -2050,9 +2045,9 @@
           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);
           }
@@ -2415,7 +2410,7 @@
   let CONSTANTS = {
     ZERO: '0x0000000000000000000000000000000000000000',
     MAXINT: '115792089237316195423570985008687907853269984665640564039457584007913129639935',
-    WRAPPED: '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+    WRAPPED: '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2',
     NATIVE: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
     DECIMALS: 18,
     SYMBOL: 'ETH',
@@ -11360,7 +11355,7 @@
       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);
   }
 
@@ -12825,7 +12820,7 @@
       }
   }
 
-  var sha3$3 = createCommonjsModule$4(function (module) {
+  var sha3$4 = createCommonjsModule$4(function (module) {
   /*jslint bitwise: true */
   (function () {
 
@@ -13469,10 +13464,10 @@
   })();
   });
 
-  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";
@@ -13522,7 +13517,7 @@
   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);
       }
@@ -13532,7 +13527,7 @@
       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();
@@ -13544,8 +13539,8 @@
       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);
       }
@@ -13553,22 +13548,22 @@
   }
   // 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));
@@ -13577,7 +13572,7 @@
       }
       return checksum;
   }
-  function getAddress$2(address) {
+  function getAddress$3(address) {
       let result = null;
       if (typeof (address) !== "string") {
           logger$B.throwArgumentError("invalid address", "address", address);
@@ -13587,7 +13582,7 @@
           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);
@@ -13596,14 +13591,14 @@
       }
       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);
@@ -13614,13 +13609,13 @@
   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 {
@@ -13632,7 +13627,7 @@
       }
       encode(writer, value) {
           try {
-              value = getAddress$2(value);
+              value = getAddress$3(value);
           }
           catch (error) {
               this._throwError(error.message, value);
@@ -13640,7 +13635,7 @@
           return writer.writeValue(value);
       }
       decode(reader) {
-          return getAddress$2(hexZeroPad$3(reader.readValue().toHexString(), 20));
+          return getAddress$3(hexZeroPad$3(reader.readValue().toHexString(), 20));
       }
   }
 
@@ -14353,7 +14348,7 @@
   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);
@@ -14470,7 +14465,7 @@
           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);
@@ -14715,7 +14710,7 @@
                   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") {
@@ -14770,7 +14765,7 @@
                       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
@@ -15307,7 +15302,7 @@
   })(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);
@@ -15359,7 +15354,7 @@
           }
           // 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) {
@@ -15418,7 +15413,7 @@
                       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"
                           });
@@ -15854,7 +15849,7 @@
           }
           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
@@ -20919,7 +20914,7 @@
       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);
   }
 
@@ -22125,7 +22120,7 @@
    * @license MIT
    */
 
-  var sha3$2 = createCommonjsModule$1$2(function (module) {
+  var sha3$3 = createCommonjsModule$1$2(function (module) {
   /*jslint bitwise: true */
   (function () {
 
@@ -22594,14 +22589,14 @@
   })();
   });
 
-  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";
@@ -22623,7 +22618,7 @@
               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);
@@ -22746,10 +22741,10 @@
       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);
       }
@@ -22759,7 +22754,7 @@
       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();
@@ -22771,8 +22766,8 @@
       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);
       }
@@ -22780,22 +22775,22 @@
   }
   // 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));
@@ -22804,7 +22799,7 @@
       }
       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);
@@ -22814,7 +22809,7 @@
           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);
@@ -22823,14 +22818,14 @@
       }
       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);
@@ -22841,13 +22836,13 @@
   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) {
@@ -22906,7 +22901,7 @@
       },
       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);
@@ -22963,13 +22958,13 @@
       }
       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);
@@ -23085,9 +23080,9 @@
                   }
                   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
@@ -23098,7 +23093,7 @@
                   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;
                   });
@@ -23119,7 +23114,7 @@
           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);
@@ -23189,7 +23184,7 @@
           ]);
       }
       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) {
@@ -27180,7 +27175,7 @@
 
   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) {
@@ -27206,7 +27201,7 @@
           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({
@@ -27250,7 +27245,7 @@
           }
           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";
@@ -27267,7 +27262,7 @@
       if (value === "0x") {
           return null;
       }
-      return getAddress$1(value);
+      return getAddress$2(value);
   }
   function handleNumber$1(value) {
       if (value === "0x") {
@@ -27277,7 +27272,7 @@
   }
   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));
@@ -27291,7 +27286,7 @@
   }
   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);
@@ -27344,7 +27339,7 @@
           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 || []))
@@ -27363,7 +27358,7 @@
           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 || []))
@@ -27390,7 +27385,7 @@
       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) {
@@ -27421,7 +27416,7 @@
       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;
   }
@@ -27445,7 +27440,7 @@
       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;
   }
@@ -27496,14 +27491,14 @@
               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;
@@ -27705,13 +27700,13 @@
       // 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) {
@@ -30530,6 +30525,8 @@
   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 })
     }
@@ -30586,8 +30583,20 @@
     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) {
@@ -35076,7 +35085,7 @@
       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);
   }
 
@@ -36560,7 +36569,7 @@
    * @license MIT
    */
 
-  var sha3 = createCommonjsModule$1$1(function (module) {
+  var sha3$2 = createCommonjsModule$1$1(function (module) {
   /*jslint bitwise: true */
   (function () {
 
@@ -37029,10 +37038,10 @@
   })();
   });
 
-  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";
@@ -37155,7 +37164,7 @@
   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);
       }
@@ -37165,7 +37174,7 @@
       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();
@@ -37177,8 +37186,8 @@
       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);
       }
@@ -37186,22 +37195,22 @@
   }
   // 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));
@@ -37210,7 +37219,7 @@
       }
       return checksum;
   }
-  function getAddress(address) {
+  function getAddress$1(address) {
       let result = null;
       if (typeof (address) !== "string") {
           logger$i.throwArgumentError("invalid address", "address", address);
@@ -37220,7 +37229,7 @@
           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);
@@ -37229,14 +37238,14 @@
       }
       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);
@@ -37247,13 +37256,13 @@
   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 {
@@ -37265,7 +37274,7 @@
       }
       encode(writer, value) {
           try {
-              value = getAddress(value);
+              value = getAddress$1(value);
           }
           catch (error) {
               this._throwError(error.message, value);
@@ -37273,7 +37282,7 @@
           return writer.writeValue(value);
       }
       decode(reader) {
-          return getAddress(hexZeroPad$1(reader.readValue().toHexString(), 20));
+          return getAddress$1(hexZeroPad$1(reader.readValue().toHexString(), 20));
       }
   }
 
@@ -38179,7 +38188,7 @@
   const defaultAbiCoder = new AbiCoder();
 
   function id(text) {
-      return keccak256(toUtf8Bytes(text));
+      return keccak256$1(toUtf8Bytes(text));
   }
 
   const version$a = "hash/5.4.0";
@@ -38201,7 +38210,7 @@
               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);
@@ -38263,7 +38272,7 @@
       },
       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);
@@ -38320,13 +38329,13 @@
       }
       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);
@@ -38442,9 +38451,9 @@
                   }
                   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
@@ -38455,7 +38464,7 @@
                   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;
                   });
@@ -38476,7 +38485,7 @@
           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);
@@ -38546,7 +38555,7 @@
           ]);
       }
       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) {
@@ -38754,7 +38763,7 @@
           return defaultAbiCoder;
       }
       static getAddress(address) {
-          return getAddress(address);
+          return getAddress$1(address);
       }
       static getSighash(fragment) {
           return hexDataSlice(id(fragment.format()), 0, 4);
@@ -38999,7 +39008,7 @@
                   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") {
@@ -39054,7 +39063,7 @@
                       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
@@ -46827,7 +46836,7 @@
       if (value === "0x") {
           return null;
       }
-      return getAddress(value);
+      return getAddress$1(value);
   }
   function handleNumber(value) {
       if (value === "0x") {
@@ -46837,7 +46846,7 @@
   }
   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));
@@ -46851,7 +46860,7 @@
   }
   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);
@@ -46904,7 +46913,7 @@
           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 || []))
@@ -46923,7 +46932,7 @@
           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 || []))
@@ -46950,7 +46959,7 @@
       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) {
@@ -46981,7 +46990,7 @@
       if (transaction.length === 9) {
           return tx;
       }
-      tx.hash = keccak256(payload);
+      tx.hash = keccak256$1(payload);
       _parseEipSignature(tx, transaction.slice(9), _serializeEip1559);
       return tx;
   }
@@ -47005,7 +47014,7 @@
       if (transaction.length === 8) {
           return tx;
       }
-      tx.hash = keccak256(payload);
+      tx.hash = keccak256$1(payload);
       _parseEipSignature(tx, transaction.slice(8), _serializeEip2930);
       return tx;
   }
@@ -47056,14 +47065,14 @@
               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;
@@ -47087,7 +47096,7 @@
       });
   }
 
-  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); }); }
@@ -47098,13 +47107,13 @@
           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) {
@@ -47160,7 +47169,7 @@
                       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"
                           });
@@ -47589,7 +47598,7 @@
           }
           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
@@ -48353,7 +48362,7 @@
           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);
@@ -48386,10 +48395,10 @@
   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
@@ -48403,7 +48412,7 @@
       }
       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) {
@@ -48420,7 +48429,7 @@
           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"] = {
@@ -48454,7 +48463,7 @@
                           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,
@@ -48503,7 +48512,7 @@
                       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,
@@ -48517,7 +48526,7 @@
                   }
                   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)),
@@ -48547,7 +48556,7 @@
                               }
                           }
                           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"]),
@@ -48561,7 +48570,7 @@
                   // 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
@@ -48578,7 +48587,7 @@
                   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
                   });
@@ -49053,13 +49062,13 @@
       // 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) {
@@ -51568,10 +51577,11 @@
   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;
@@ -51679,6 +51689,7 @@
     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(() => {
@@ -51879,6 +51890,7 @@
         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');
@@ -52166,7 +52178,7 @@
           return connect(wallet);
         }
       }, /*#__PURE__*/react.createElement("div", {
-        className: "CardImage PaddingLeftM"
+        className: "CardImage"
       }, /*#__PURE__*/react.createElement("img", {
         src: wallet.logo
       })), /*#__PURE__*/react.createElement("div", {
@@ -52179,9 +52191,9 @@
     });
     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"
@@ -52189,11 +52201,13 @@
       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."))
     });
@@ -52346,6 +52360,9 @@
   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;
   }
 
@@ -52363,12 +52380,15 @@
       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);
   }
@@ -52471,7 +52491,7 @@
       })), /*#__PURE__*/react.createElement("div", {
         className: "DialogBody"
       }, /*#__PURE__*/react.createElement("div", {
-        className: "GraphicWrapper"
+        className: "GraphicWrapper PaddingTopS"
       }, /*#__PURE__*/react.createElement("img", {
         className: "Graphic",
         src: ErrorGraphic
@@ -52489,15 +52509,12 @@
         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: {
@@ -52509,28 +52526,28 @@
     }
   });
 
+  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 () {
@@ -52542,7 +52559,7 @@
   });
 
   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) {
@@ -52561,10 +52578,18 @@
     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  ";
   });
@@ -52574,15 +52599,15 @@
   });
 
   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 () {
@@ -52599,7 +52624,7 @@
       },
       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$2 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52719,6 +52744,31 @@
     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;
 
@@ -52774,7 +52824,7 @@
                       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,
@@ -52782,7 +52832,7 @@
                       resolve: resolve,
                       reject: reject,
                       autoClose: true
-                    })));
+                    }), /*#__PURE__*/react.createElement(PoweredBy, null))));
                   };
                 });
 
@@ -53006,7 +53056,7 @@
 
     BASE = 1e7,
     LOG_BASE = 7,
-    MAX_SAFE_INTEGER = 9007199254740991,
+    MAX_SAFE_INTEGER$1 = 9007199254740991,
 
     LN10_PRECISION = LN10.length - 1,
     PI_PRECISION = PI.length - 1,
@@ -55176,7 +55226,7 @@
     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);
     }
@@ -57310,7 +57360,7 @@
     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;
@@ -57469,7 +57519,7 @@
    * x {number|string|Decimal}
    *
    */
-  function log10(x) {
+  function log10$1(x) {
     return new this(x).log(10);
   }
 
@@ -58303,7 +58353,7 @@
     
     constructor({ blockchain, address }) {
       this.blockchain = blockchain;
-      this.address = getAddress$2(address);
+      this.address = getAddress$3(address);
     }
 
     async decimals() {
@@ -62101,7 +62151,7 @@
   })(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;
@@ -62377,7 +62427,7 @@
       }
       static globalLogger() {
           if (!_globalLogger$1) {
-              _globalLogger$1 = new Logger$1(version$3);
+              _globalLogger$1 = new Logger$1(version$4);
           }
           return _globalLogger$1;
       }
@@ -62413,9 +62463,9 @@
   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);
@@ -62456,7 +62506,7 @@
           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);
@@ -62483,7 +62533,7 @@
                   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 = [];
@@ -62495,7 +62545,7 @@
       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]*$/)) {
@@ -62512,7 +62562,7 @@
           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;
@@ -62548,7 +62598,7 @@
                   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();
@@ -62561,17 +62611,17 @@
           }
           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);
@@ -62579,10 +62629,10 @@
       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) {
@@ -62597,9 +62647,9 @@
   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)"
               });
           }
@@ -62723,7 +62773,7 @@
               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()
           });
       }
@@ -62733,14 +62783,14 @@
               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);
@@ -62762,7 +62812,7 @@
               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) {
@@ -62802,7 +62852,7 @@
                   }
               }
           }
-          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);
@@ -62820,7 +62870,7 @@
           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);
@@ -62864,10 +62914,14 @@
       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);
@@ -62876,7 +62930,7 @@
       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";
@@ -62894,7 +62948,7 @@
       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) {
@@ -62931,7 +62985,7 @@
       }
       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) === "-");
@@ -62939,12 +62993,12 @@
           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) {
@@ -62975,7 +63029,7 @@
   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"
               });
           }
@@ -63004,7 +63058,7 @@
               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]);
@@ -63017,7 +63071,7 @@
                       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];
               };
@@ -63026,19 +63080,19 @@
               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"
               });
           }
@@ -63050,7 +63104,7 @@
       }
       _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) {
@@ -63112,7 +63166,7 @@
               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;
@@ -63133,7 +63187,7 @@
               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);
@@ -63208,7 +63262,7 @@
                   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);
@@ -63217,9 +63271,585 @@
   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",
@@ -63231,7 +63861,7 @@
   ];
   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);
@@ -63371,7 +64001,8 @@
       })
       .then((amountsOut)=>{
         resolve(amountsOut[amountsOut.length - 1]);
-      }).catch(resolve);
+      })
+      .catch(()=>resolve());
     })
   };
 
@@ -63494,6 +64125,10 @@
     return transaction
   };
 
+  const fixCheckSum = (address)=>{
+    return getAddress(address)
+  };
+
   let route$6 = ({
     exchange,
     tokenIn,
@@ -63505,6 +64140,8 @@
     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() }
@@ -63710,7 +64347,8 @@
       })
       .then((amountsOut)=>{
         resolve(amountsOut[amountsOut.length - 1]);
-      }).catch(resolve);
+      })
+      .catch(()=>resolve());
     })
   };
 
@@ -63842,6 +64480,8 @@
     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() }
@@ -64191,12 +64831,18 @@
             });
           })).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);
@@ -64775,7 +65421,9 @@
       }, /*#__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"))
@@ -64786,7 +65434,7 @@
 
   var PaymentRoutingContext = /*#__PURE__*/react.createContext();
 
-  var UpdateContext = /*#__PURE__*/react.createContext();
+  var TrackingContext = /*#__PURE__*/react.createContext();
 
   var PaymentProvider = (function (props) {
     var _useContext = react.useContext(ErrorContext),
@@ -64795,7 +65443,6 @@
     var _useContext2 = react.useContext(ConfigurationContext),
         _sent = _useContext2.sent,
         _confirmed = _useContext2.confirmed,
-        _ensured = _useContext2.ensured,
         _failed = _useContext2.failed;
 
     var _useContext3 = react.useContext(PaymentRoutingContext),
@@ -64809,13 +65456,17 @@
     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],
@@ -64836,53 +65487,81 @@
         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);
@@ -64903,15 +65582,20 @@
       });
     };
 
+    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,
@@ -64927,9 +65611,9 @@
     }, [selectedRoute]);
     react.useEffect(function () {
       if (allRoutes && allRoutes.length == 0) {
-        setUpdate(false);
+        setUpdatable(false);
       } else if (allRoutes && allRoutes.length > 0) {
-        setUpdate(true);
+        setUpdatable(true);
       }
     }, [allRoutes]);
 
@@ -69729,9 +70413,9 @@
     })
   };
 
-  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),
@@ -69751,8 +70435,8 @@
     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;
@@ -69767,9 +70451,9 @@
     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;
       }
 
@@ -69872,13 +70556,13 @@
         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);
@@ -69908,8 +70592,8 @@
     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;
@@ -69928,10 +70612,10 @@
         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;
       }
 
@@ -69974,7 +70658,7 @@
     react.useEffect(function () {
       if (account && payment) {
         getToTokenLocalValue({
-          update: update,
+          updatable: updatable,
           payment: payment
         });
       }
@@ -69983,13 +70667,13 @@
       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
@@ -71876,7 +72560,9 @@
           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"))
@@ -71963,6 +72649,7 @@
     }, [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",
@@ -71976,6 +72663,11 @@
         }, /*#__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", {
@@ -71990,11 +72682,7 @@
           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]);
 
@@ -72020,25 +72708,12 @@
     });
   });
 
-  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"
@@ -72052,7 +72727,7 @@
         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", {
@@ -72063,6 +72738,60 @@
     });
   });
 
+  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"
@@ -72075,26 +72804,143 @@
     }, "."));
   });
 
-  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') {
@@ -72109,10 +72955,10 @@
               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",
@@ -72122,39 +72968,51 @@
           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);
@@ -72162,9 +73020,9 @@
 
     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"
@@ -72227,8 +73085,8 @@
         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))
     });
   });
 
@@ -72265,9 +73123,9 @@
         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');
         }
@@ -72288,9 +73146,9 @@
     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"
@@ -72307,7 +73165,7 @@
         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() {
@@ -72338,16 +73196,122 @@
     });
   });
 
-  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);
   });
@@ -72450,12 +73414,12 @@
 
   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({
@@ -72481,26 +73445,27 @@
                       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", {
@@ -72568,9 +73533,9 @@
 
     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"
@@ -72584,7 +73549,7 @@
         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", {
@@ -72599,17 +73564,13 @@
     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;
@@ -72617,78 +73578,15 @@
     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"
@@ -72751,8 +73649,8 @@
         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))
     });
   });
 
@@ -72818,12 +73716,12 @@
 
   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({
@@ -72849,15 +73747,15 @@
                       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,
@@ -72869,13 +73767,15 @@
                     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", {
@@ -72985,9 +73885,9 @@
   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"
@@ -73004,7 +73904,7 @@
         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", {
@@ -73016,11 +73916,10 @@
   });
 
   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),
@@ -73028,87 +73927,20 @@
 
     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({
@@ -73137,9 +73969,9 @@
 
     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"
@@ -73208,8 +74040,8 @@
         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))
     });
   });
 
@@ -73282,12 +74114,12 @@
 
   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({
@@ -73319,26 +74151,27 @@
                       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", {