npm - @depay/widgets - Versions diffs - 7.16.5 → 8.0.0 - Mend

@depay/widgets 7.16.5 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +14 -14
package/dist/esm/index.bundle.js +22 -18
package/dist/esm/index.js +528 -1439
package/dist/umd/index.bundle.js +22 -18
package/dist/umd/index.js +526 -1437
package/package.json +19 -18

package/dist/esm/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useState, useContext, useEffect, useCallback, useRef } from 'react';
 import { NavigateStackContext, ReactDialogStack } from '@depay/react-dialog-stack';
-import { getWallet, wallets } from '@depay/web3-wallets';
+import { getWallets, wallets } from '@depay/web3-wallets';
 import ReactDOM from 'react-dom';
 import { ReactShadowDOM } from '@depay/react-shadow-dom';
 import { ethers } from 'ethers';
@@ -9,7 +9,7 @@ import { Decimal } from 'decimal.js';
 import { route } from '@depay/web3-exchanges';
 import { Token } from '@depay/web3-tokens';
 import { Currency } from '@depay/local-currency';
-import { setProviderEndpoints, request, provider } from '@depay/web3-client';
+import { setProviderEndpoints, request } from '@depay/web3-client';
 import { Blockchain } from '@depay/web3-blockchains';
 import { route as route$1 } from '@depay/web3-payments';
 import { TokenImage } from '@depay/react-token-image';
@@ -22,29 +22,24 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     reject(error);
     return;
   }
   if (info.done) {
     resolve(value);
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
 }
 function _asyncToGenerator(fn) {
   return function () {
     var self = this,
-        args = arguments;
+      args = arguments;
     return new Promise(function (resolve, reject) {
       var gen = fn.apply(self, args);
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(undefined);
     });
   };
@@ -77,27 +72,22 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
 }
 module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 });
 var regeneratorRuntime$1 = createCommonjsModule(function (module) {
 var _typeof = _typeof_1["default"];
 function _regeneratorRuntime() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
   module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
     return exports;
   }, module.exports.__esModule = true, module.exports["default"] = module.exports;
   var exports = {},
-      Op = Object.prototype,
-      hasOwn = Op.hasOwnProperty,
-      $Symbol = "function" == typeof Symbol ? Symbol : {},
-      iteratorSymbol = $Symbol.iterator || "@@iterator",
-      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
   function define(obj, key, value) {
     return Object.defineProperty(obj, key, {
       value: value,
@@ -106,7 +96,6 @@ function _regeneratorRuntime() {
       writable: !0
     }), obj[key];
   }
   try {
     define({}, "");
   } catch (err) {
@@ -114,40 +103,33 @@ function _regeneratorRuntime() {
       return obj[key] = value;
     };
   }
   function wrap(innerFn, outerFn, self, tryLocsList) {
     var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-        generator = Object.create(protoGenerator.prototype),
-        context = new Context(tryLocsList || []);
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
     return generator._invoke = function (innerFn, self, context) {
       var state = "suspendedStart";
       return function (method, arg) {
         if ("executing" === state) throw new Error("Generator is already running");
         if ("completed" === state) {
           if ("throw" === method) throw arg;
           return doneResult();
         }
         for (context.method = method, context.arg = arg;;) {
           var delegate = context.delegate;
           if (delegate) {
             var delegateResult = maybeInvokeDelegate(delegate, context);
             if (delegateResult) {
               if (delegateResult === ContinueSentinel) continue;
               return delegateResult;
             }
           }
           if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
             if ("suspendedStart" === state) throw state = "completed", context.arg;
             context.dispatchException(context.arg);
           } else "return" === context.method && context.abrupt("return", context.arg);
           state = "executing";
           var record = tryCatch(innerFn, self, context);
           if ("normal" === record.type) {
             if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
             return {
@@ -155,13 +137,11 @@ function _regeneratorRuntime() {
               done: context.done
             };
           }
           "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
         }
       };
     }(innerFn, self, context), generator;
   }
   function tryCatch(fn, obj, arg) {
     try {
       return {
@@ -175,25 +155,19 @@ function _regeneratorRuntime() {
       };
     }
   }
   exports.wrap = wrap;
   var ContinueSentinel = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
   var IteratorPrototype = {};
   define(IteratorPrototype, iteratorSymbol, function () {
     return this;
   });
   var getProto = Object.getPrototypeOf,
-      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
   NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
   var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
   function defineIteratorMethods(prototype) {
     ["next", "throw", "return"].forEach(function (method) {
       define(prototype, method, function (arg) {
@@ -201,14 +175,12 @@ function _regeneratorRuntime() {
       });
     });
   }
   function AsyncIterator(generator, PromiseImpl) {
     function invoke(method, arg, resolve, reject) {
       var record = tryCatch(generator[method], generator, arg);
       if ("throw" !== record.type) {
         var result = record.arg,
-            value = result.value;
+          value = result.value;
         return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
           invoke("next", value, resolve, reject);
         }, function (err) {
@@ -219,91 +191,73 @@ function _regeneratorRuntime() {
           return invoke("throw", error, resolve, reject);
         });
       }
       reject(record.arg);
     }
     var previousPromise;
     this._invoke = function (method, arg) {
       function callInvokeWithMethodAndArg() {
         return new PromiseImpl(function (resolve, reject) {
           invoke(method, arg, resolve, reject);
         });
       }
       return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
     };
   }
   function maybeInvokeDelegate(delegate, context) {
     var method = delegate.iterator[context.method];
     if (undefined === method) {
       if (context.delegate = null, "throw" === context.method) {
         if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
         context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
       }
       return ContinueSentinel;
     }
     var record = tryCatch(method, delegate.iterator, context.arg);
     if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
     var info = record.arg;
     return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
   }
   function pushTryEntry(locs) {
     var entry = {
       tryLoc: locs[0]
     };
     1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
   }
   function resetTryEntry(entry) {
     var record = entry.completion || {};
     record.type = "normal", delete record.arg, entry.completion = record;
   }
   function Context(tryLocsList) {
     this.tryEntries = [{
       tryLoc: "root"
     }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
   }
   function values(iterable) {
     if (iterable) {
       var iteratorMethod = iterable[iteratorSymbol];
       if (iteratorMethod) return iteratorMethod.call(iterable);
       if ("function" == typeof iterable.next) return iterable;
       if (!isNaN(iterable.length)) {
         var i = -1,
-            next = function next() {
-          for (; ++i < iterable.length;) {
-            if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-          }
-          return next.value = undefined, next.done = !0, next;
-        };
+          next = function next() {
+            for (; ++i < iterable.length;) {
+              if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            }
+            return next.value = undefined, next.done = !0, next;
+          };
         return next.next = next;
       }
     }
     return {
       next: doneResult
     };
   }
   function doneResult() {
     return {
       value: undefined,
       done: !0
     };
   }
   return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
     var ctor = "function" == typeof genFun && genFun.constructor;
     return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
@@ -327,17 +281,14 @@ function _regeneratorRuntime() {
     return "[object Generator]";
   }), exports.keys = function (object) {
     var keys = [];
     for (var key in object) {
       keys.push(key);
     }
     return keys.reverse(), function next() {
       for (; keys.length;) {
         var key = keys.pop();
         if (key in object) return next.value = key, next.done = !1, next;
       }
       return next.done = !0, next;
     };
   }, exports.values = values, Context.prototype = {
@@ -356,20 +307,16 @@ function _regeneratorRuntime() {
     dispatchException: function dispatchException(exception) {
       if (this.done) throw exception;
       var context = this;
       function handle(loc, caught) {
         return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
       }
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
         var entry = this.tryEntries[i],
-            record = entry.completion;
+          record = entry.completion;
         if ("root" === entry.tryLoc) return handle("end");
         if (entry.tryLoc <= this.prev) {
           var hasCatch = hasOwn.call(entry, "catchLoc"),
-              hasFinally = hasOwn.call(entry, "finallyLoc");
+            hasFinally = hasOwn.call(entry, "finallyLoc");
           if (hasCatch && hasFinally) {
             if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
             if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
@@ -385,13 +332,11 @@ function _regeneratorRuntime() {
     abrupt: function abrupt(type, arg) {
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
         var entry = this.tryEntries[i];
         if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
           var finallyEntry = entry;
           break;
         }
       }
       finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
       var record = finallyEntry ? finallyEntry.completion : {};
       return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
@@ -409,19 +354,15 @@ function _regeneratorRuntime() {
     "catch": function _catch(tryLoc) {
       for (var i = this.tryEntries.length - 1; i >= 0; --i) {
         var entry = this.tryEntries[i];
         if (entry.tryLoc === tryLoc) {
           var record = entry.completion;
           if ("throw" === record.type) {
             var thrown = record.arg;
             resetTryEntry(entry);
           }
           return thrown;
         }
       }
       throw new Error("illegal catch attempt");
     },
     delegateYield: function delegateYield(iterable, resultName, nextLoc) {
@@ -433,7 +374,6 @@ function _regeneratorRuntime() {
     }
   }, exports;
 }
 module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
 });
@@ -459,18 +399,14 @@ function _arrayWithHoles(arr) {
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null) return;
   var _arr = [];
   var _n = true;
   var _d = false;
   var _s, _e;
   try {
     for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
       if (i && _arr.length === i) break;
     }
   } catch (err) {
@@ -483,17 +419,14 @@ function _iterableToArrayLimit(arr, i) {
       if (_d) throw _e;
     }
   }
   return _arr;
 }
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
   return arr2;
 }
@@ -520,32 +453,26 @@ var UpdatableContext = /*#__PURE__*/React.createContext();
 var ClosableProvider = (function (props) {
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      closable = _useState2[0],
-      setClosable = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    closable = _useState2[0],
+    setClosable = _useState2[1];
   var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
   var _useContext = useContext(UpdatableContext),
-      setUpdatable = _useContext.setUpdatable;
+    setUpdatable = _useContext.setUpdatable;
   var close = function close() {
     if (props.closable === false) {
       return;
     }
     if (!closable) {
       return;
     }
     setUpdatable(false);
     setOpen(false);
     setTimeout(props.unmount, 300);
   };
   return /*#__PURE__*/React.createElement(ClosableContext.Provider, {
     value: {
       closable: closable,
@@ -596,12 +523,10 @@ var CloseIcon = (function () {
 var Dialog$1 = (function (props) {
   var _useContext = useContext(NavigateStackContext),
-      navigate = _useContext.navigate;
+    navigate = _useContext.navigate;
   var _useContext2 = useContext(ClosableContext),
-      close = _useContext2.close,
-      closable = _useContext2.closable;
+    close = _useContext2.close,
+    closable = _useContext2.closable;
   return /*#__PURE__*/React.createElement("div", {
     className: "Dialog"
   }, /*#__PURE__*/React.createElement("div", {
@@ -629,13 +554,11 @@ var Dialog$1 = (function (props) {
 var ConnectingWalletDialog = (function (props) {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showConnectButton = _useState2[0],
-      setShowConnectButton = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    showConnectButton = _useState2[0],
+    setShowConnectButton = _useState2[1];
   var _useContext = useContext(NavigateStackContext),
-      navigate = _useContext.navigate;
+    navigate = _useContext.navigate;
   var wallet = props.wallet;
   wallet !== null && wallet !== void 0 && wallet.name ? wallet.name : 'wallet';
   var walletLogo = wallet !== null && wallet !== void 0 && wallet.logo ? wallet.logo : undefined;
@@ -647,7 +570,6 @@ var ConnectingWalletDialog = (function (props) {
       return clearTimeout(timeout);
     };
   }, []);
   if (props.pending) {
     return /*#__PURE__*/React.createElement(Dialog$1, {
       stacked: true,
@@ -718,17 +640,15 @@ var ChevronRight = (function () {
 var SelectWalletDialog = (function (props) {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showExplanation = _useState2[0],
-      setShowExplanation = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    showExplanation = _useState2[0],
+    setShowExplanation = _useState2[1];
   var _useContext = useContext(NavigateStackContext),
-      navigate = _useContext.navigate;
-  var wallet = getWallet();
+    navigate = _useContext.navigate;
+  var wallet = getWallets()[0];
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      var accounts;
+      var account;
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -737,18 +657,14 @@ var SelectWalletDialog = (function (props) {
                 _context.next = 5;
                 break;
               }
               _context.next = 3;
-              return wallet.accounts();
+              return wallet.account();
             case 3:
-              accounts = _context.sent;
-              if (accounts == undefined || accounts.length == 0) {
+              account = _context.sent;
+              if (account == undefined) {
                 navigate('ConnectingWallet');
                 props.connect(wallet);
               }
             case 5:
             case "end":
               return _context.stop();
@@ -757,27 +673,21 @@ var SelectWalletDialog = (function (props) {
       }, _callee);
     }))();
   }, [wallet]);
   var connect = function connect(walletClass) {
     var wallet = new walletClass();
     props.setWallet(wallet);
     navigate('ConnectingWallet');
     props.connect(wallet);
   };
   var availableWallets = [wallets.WalletConnect, wallets.WalletLink];
   if (wallet) {
     availableWallets.unshift(wallet.constructor);
   }
   var walletCards = availableWallets.map(function (wallet, index) {
     var name = wallet.info.name;
     if (name == 'WalletConnect') {
       name = 'via WalletConnect';
     }
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "PaddingBottomXS"
@@ -826,41 +736,34 @@ var SelectWalletDialog = (function (props) {
 var ConnectStack = (function (props) {
   var _useContext = useContext(ClosableContext),
-      open = _useContext.open,
-      close = _useContext.close;
+    open = _useContext.open,
+    close = _useContext.close;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      pending = _useState2[0],
-      setPending = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    pending = _useState2[0],
+    setPending = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      wallet = _useState4[0],
-      setWallet = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    wallet = _useState4[0],
+    setWallet = _useState4[1];
   var connect = function connect(wallet) {
     wallet.connect().then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      var accounts;
+      var account;
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return wallet.accounts();
+              return wallet.account();
             case 2:
-              accounts = _context.sent;
-              if (accounts instanceof Array && accounts.length > 0) {
+              account = _context.sent;
+              if (account) {
                 if (props.autoClose) close();
                 if (props.resolve) props.resolve({
                   wallet: wallet,
-                  account: accounts[0],
-                  accounts: accounts
+                  account: account
                 });
               }
             case 4:
             case "end":
               return _context.stop();
@@ -869,7 +772,6 @@ var ConnectStack = (function (props) {
       }, _callee);
     })))["catch"](function (error) {
       setPending(false);
       if ((error === null || error === void 0 ? void 0 : error.code) == 4001) {
         // User rejected the request.
         return;
@@ -882,17 +784,15 @@ var ConnectStack = (function (props) {
       }
     });
   };
   useEffect(function () {
-    var wallet = getWallet();
+    var wallet = getWallets()[0];
     if (wallet) {
       setWallet(wallet);
     }
   }, []);
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-      var accounts;
+      var account;
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -901,21 +801,16 @@ var ConnectStack = (function (props) {
                 _context2.next = 5;
                 break;
               }
               _context2.next = 3;
-              return wallet.accounts();
+              return wallet.account();
             case 3:
-              accounts = _context2.sent;
-              if (accounts instanceof Array && accounts.length > 0) {
+              account = _context2.sent;
+              if (account) {
                 if (props.resolve) props.resolve({
                   wallet: wallet,
-                  account: accounts[0],
-                  accounts: accounts
+                  account: account
                 });
               }
             case 5:
             case "end":
               return _context2.stop();
@@ -967,7 +862,6 @@ function _defineProperties(target, props) {
     Object.defineProperty(target, descriptor.key, descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -989,7 +883,6 @@ function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
   }
   subClass.prototype = Object.create(superClass && superClass.prototype, {
     constructor: {
       value: subClass,
@@ -1007,7 +900,6 @@ function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
   return self;
 }
@@ -1017,7 +909,6 @@ function _possibleConstructorReturn(self, call) {
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
   }
   return _assertThisInitialized(self);
 }
@@ -1198,23 +1089,20 @@ class ReactDialog extends React.Component {
 }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
   var _super = _createSuper(ErrorBoundary);
   function ErrorBoundary(props) {
     _classCallCheck(this, ErrorBoundary);
     return _super.call(this, props);
   }
   _createClass(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
+      if (error.error) {
+        error = error.error;
+      }
       this.props.setError(error);
     }
   }, {
@@ -1223,36 +1111,31 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
   return ErrorBoundary;
 }(React.Component);
 var ErrorProvider = (function (props) {
   var _useState = useState(props.error),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    error = _useState2[0],
+    setError = _useState2[1];
   var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
   var setErrorFromChildren = function setErrorFromChildren(error) {
+    if (error.error) {
+      error = error.error;
+    }
     setError(error);
     if (props.errorCallback) {
-      props.errorCallback(error);
+      props.errorCallback(error.message || error.toString());
     }
   };
   var close = function close() {
     setOpen(false);
     setTimeout(props.unmount, 300);
   };
   if (error) {
-    console.log(error);
     return /*#__PURE__*/React.createElement(ReactDialog, {
       container: props.container,
       close: close,
@@ -1278,7 +1161,7 @@ var ErrorProvider = (function (props) {
       className: "PaddingLeftS PaddingRightS"
     }, /*#__PURE__*/React.createElement("pre", {
       className: "ErrorSnippetText"
-    }, error.toString())), /*#__PURE__*/React.createElement("div", {
+    }, error.message || error.toString())), /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingBottomS"
     }, /*#__PURE__*/React.createElement("strong", {
       className: "FontSizeM PaddingTopS"
@@ -1412,7 +1295,6 @@ var TooltipStyle = (function (style) {
 var styleRenderer = (function (style) {
   var _style, _style2;
   style = {
     colors: Object.assign({
       primary: '#ea357a',
@@ -1427,44 +1309,37 @@ var styleRenderer = (function (style) {
 var mount = (function (_ref, content) {
   var style = _ref.style,
-      container = _ref.container,
-      document = _ref.document,
-      closed = _ref.closed;
+    container = _ref.container,
+    document = _ref.document,
+    closed = _ref.closed;
   var insideStyle = styleRenderer(style);
   if (style && style.css) {
     insideStyle = [insideStyle, style.css].join(' ');
   }
   var unmountShadowDOM = function unmountShadowDOM() {
     // setTimeout to allow dialog to animate out first
     setTimeout(function () {
       unmount();
       if (typeof closed == 'function') {
         closed();
       }
     }, 300);
   };
   var outsideStyle;
   if (container) {
     outsideStyle = "\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      z-index: 99999;\n    ";
   } else {
     outsideStyle = "\n      position: fixed;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      z-index: 99999;\n    ";
   }
   var _ReactShadowDOM = ReactShadowDOM({
-    document: document,
-    element: container || document.body,
-    content: content(unmountShadowDOM),
-    outsideStyle: outsideStyle,
-    insideStyle: insideStyle,
-    insideClasses: container ? ['contained'] : []
-  }),
-      unmount = _ReactShadowDOM.unmount;
+      document: document,
+      element: container || document.body,
+      content: content(unmountShadowDOM),
+      outsideStyle: outsideStyle,
+      insideStyle: insideStyle,
+      insideClasses: container ? ['contained'] : []
+    }),
+    unmount = _ReactShadowDOM.unmount;
   return unmount;
 });
@@ -1487,10 +1362,9 @@ var requireReactVersion = (function () {
 var UpdatableProvider = (function (props) {
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      updatable = _useState2[0],
-      setUpdatable = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    updatable = _useState2[0],
+    setUpdatable = _useState2[1];
   return /*#__PURE__*/React.createElement(UpdatableContext.Provider, {
     value: {
       updatable: updatable,
@@ -1502,44 +1376,35 @@ var UpdatableProvider = (function (props) {
 var Connect = function Connect(options) {
   requireReactVersion();
   var style, error, document;
   if (_typeof(options) == 'object') {
     style = options.style;
     error = options.error;
     document = options.document;
   }
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(resolve, reject) {
-      var wallet, accounts;
+      var wallet, account;
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              wallet = getWallet();
+              wallet = getWallets()[0];
               if (!wallet) {
                 _context.next = 7;
                 break;
               }
               _context.next = 4;
-              return wallet.accounts();
+              return wallet.account();
             case 4:
-              accounts = _context.sent;
-              if (!(accounts instanceof Array && accounts.length > 0)) {
+              account = _context.sent;
+              if (!account) {
                 _context.next = 7;
                 break;
               }
               return _context.abrupt("return", resolve({
                 wallet: wallet,
-                accounts: accounts,
-                account: accounts[0]
+                account: account
               }));
             case 7:
               mount({
                 style: style,
@@ -1549,7 +1414,6 @@ var Connect = function Connect(options) {
                   reject('USER_CLOSED_DIALOG');
                   unmount();
                 };
                 return function (container) {
                   return /*#__PURE__*/React.createElement(ErrorProvider, {
                     errorCallback: error,
@@ -1566,7 +1430,6 @@ var Connect = function Connect(options) {
                   }), /*#__PURE__*/React.createElement(PoweredBy, null))));
                 };
               });
             case 8:
             case "end":
               return _context.stop();
@@ -1574,7 +1437,6 @@ var Connect = function Connect(options) {
         }
       }, _callee);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
@@ -1607,15 +1469,12 @@ var findMaxRoute = (function (routes) {
   var sortedLowToHigh = _toConsumableArray(routes).sort(function (a, b) {
     var aAmountsAvailable = ethers.BigNumber.from(a.fromBalance).div(ethers.BigNumber.from(a.fromAmount));
     var bAmountsAvailable = ethers.BigNumber.from(b.fromBalance).div(ethers.BigNumber.from(b.fromAmount));
     if (aAmountsAvailable.lt(bAmountsAvailable)) {
       return -1;
     }
     if (bAmountsAvailable.lt(aAmountsAvailable)) {
       return 1;
     }
     return 0; // equal
   });
@@ -1624,26 +1483,20 @@ var findMaxRoute = (function (routes) {
 var round = (function (input) {
   var _digitsAfterDecimal;
   var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'up';
   var inputAsFloat = parseFloat(input);
   var digitsAfterDecimal = inputAsFloat.toString().match(/\d+\.0*(\d{4})/);
   if ((_digitsAfterDecimal = digitsAfterDecimal) !== null && _digitsAfterDecimal !== void 0 && _digitsAfterDecimal.length) {
     digitsAfterDecimal = digitsAfterDecimal[0];
     var focus = digitsAfterDecimal.match(/\d{4}$/)[0];
     var _float;
     var focusToFixed;
     if (focus.match(/^0/)) {
       if (direction == 'up') {
         _float = parseFloat("".concat(focus[1], ".").concat(focus[2]).concat(focus[3]));
       } else {
         _float = parseFloat("".concat(focus[1], ".").concat(focus[2]).concat(focus[3]));
       }
       focusToFixed = parseFloat(_float).toFixed(2);
       focusToFixed = "0".concat(focusToFixed).replace('.', '');
     } else {
@@ -1652,10 +1505,8 @@ var round = (function (input) {
       } else {
         _float = parseFloat("".concat(focus[0], ".").concat(focus[1]).concat(focus[2], "1"));
       }
       focusToFixed = parseFloat(_float).toFixed(2).replace('.', '');
     }
     if (focusToFixed == '0999' && parseInt(inputAsFloat.toFixed(0)) == 0) {
       focusToFixed = direction == 'up' ? '1000' : '0999';
       return parseFloat(digitsAfterDecimal.replace(/\d{4}$/, focusToFixed));
@@ -18878,42 +18729,32 @@ var ChangableAmountProvider = (function (props) {
       return typeof configuration.amount != 'undefined' || typeof configuration.fromAmount != 'undefined';
     });
   };
   var _useContext = useContext(ConfigurationContext),
-      configuredAmount = _useContext.amount;
-      _useContext.toAmount;
-      var recover = _useContext.recover;
+    configuredAmount = _useContext.amount;
+    _useContext.toAmount;
+    var recover = _useContext.recover;
   var _useState = useState(recover == undefined ? configurationsMissAmounts(props.accept) : false),
-      _useState2 = _slicedToArray(_useState, 2),
-      amountsMissing = _useState2[0],
-      setAmountsMissing = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    amountsMissing = _useState2[0],
+    setAmountsMissing = _useState2[1];
   var _useContext2 = useContext(WalletContext),
-      account = _useContext2.account;
+    account = _useContext2.account;
   var _useContext3 = useContext(ConversionRateContext),
-      conversionRate = _useContext3.conversionRate,
-      fixedCurrencyConversionRate = _useContext3.fixedCurrencyConversionRate;
+    conversionRate = _useContext3.conversionRate,
+    fixedCurrencyConversionRate = _useContext3.fixedCurrencyConversionRate;
   var _useContext4 = useContext(ErrorContext),
-      setError = _useContext4.setError;
+    setError = _useContext4.setError;
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      acceptWithAmount = _useState4[0],
-      setAcceptWithAmount = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    acceptWithAmount = _useState4[0],
+    setAcceptWithAmount = _useState4[1];
   var _useState5 = useState(_typeof(configuredAmount) == 'object' && configuredAmount.fix && configuredAmount.currency ? configuredAmount.fix : null),
-      _useState6 = _slicedToArray(_useState5, 1),
-      fixedAmount = _useState6[0];
+    _useState6 = _slicedToArray(_useState5, 1),
+    fixedAmount = _useState6[0];
   var _useState7 = useState(_typeof(configuredAmount) == 'object' && configuredAmount.fix && configuredAmount.currency ? configuredAmount.currency : null),
-      _useState8 = _slicedToArray(_useState7, 1),
-      fixedCurrency = _useState8[0];
+    _useState8 = _slicedToArray(_useState7, 1),
+    fixedCurrency = _useState8[0];
   var startAmount;
   if (amountsMissing) {
     if (_typeof(configuredAmount) == "object" && configuredAmount.start && configuredAmount.start) {
       startAmount = configuredAmount.start;
@@ -18923,34 +18764,28 @@ var ChangableAmountProvider = (function (props) {
       startAmount = 1;
     }
   }
   var _useState9 = useState(startAmount),
-      _useState10 = _slicedToArray(_useState9, 2),
-      amount = _useState10[0],
-      setAmount = _useState10[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    amount = _useState10[0],
+    setAmount = _useState10[1];
   var _useState11 = useState(),
-      _useState12 = _slicedToArray(_useState11, 2),
-      maxRoute = _useState12[0],
-      setMaxRoute = _useState12[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    maxRoute = _useState12[0],
+    setMaxRoute = _useState12[1];
   var _useState13 = useState(),
-      _useState14 = _slicedToArray(_useState13, 2),
-      maxAmount = _useState14[0],
-      setMaxAmount = _useState14[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    maxAmount = _useState14[0],
+    setMaxAmount = _useState14[1];
   useEffect(function () {
     if (recover) {
       return;
     }
     setAmountsMissing(configurationsMissAmounts(props.accept));
   }, [props.accept, recover]);
   var getAmounts = function getAmounts(_ref) {
     var amount = _ref.amount,
-        conversionRate = _ref.conversionRate,
-        fixedCurrencyConversionRate = _ref.fixedCurrencyConversionRate;
+      conversionRate = _ref.conversionRate,
+      fixedCurrencyConversionRate = _ref.fixedCurrencyConversionRate;
     return new Promise(function (resolve, reject) {
       if (configuredAmount && configuredAmount.token) {
         resolve(props.accept.map(function () {
@@ -19003,12 +18838,11 @@ var ChangableAmountProvider = (function (props) {
       }
     });
   };
   var updateAmounts = useCallback(lodash.debounce(function (_ref2) {
     var account = _ref2.account,
-        amount = _ref2.amount,
-        conversionRate = _ref2.conversionRate,
-        fixedCurrencyConversionRate = _ref2.fixedCurrencyConversionRate;
+      amount = _ref2.amount,
+      conversionRate = _ref2.conversionRate,
+      fixedCurrencyConversionRate = _ref2.fixedCurrencyConversionRate;
     getAmounts({
       amount: amount,
       conversionRate: conversionRate,
@@ -19018,7 +18852,6 @@ var ChangableAmountProvider = (function (props) {
         if (amounts[index] == undefined) {
           return;
         }
         return {
           blockchain: configuration.blockchain,
           amount: round(amounts[index]),
@@ -19034,7 +18867,6 @@ var ChangableAmountProvider = (function (props) {
     if (recover) {
       return;
     }
     if (amountsMissing && account && conversionRate && (fixedAmount ? fixedCurrencyConversionRate : true)) {
       updateAmounts({
         account: account,
@@ -19064,7 +18896,6 @@ var ChangableAmountProvider = (function (props) {
               }).then(setMaxAmount);
               return;
             }
             Token.readable({
               amount: routes[0].amountOut,
               blockchain: maxRoute.blockchain,
@@ -19077,7 +18908,6 @@ var ChangableAmountProvider = (function (props) {
           })["catch"](setError);
         } else if (maxRoute.fromToken.address == CONSTANTS[maxRoute.blockchain].USD) {
           var _maxAmount = parseFloat(new Decimal(readableMaxAmount).mul(conversionRate).toString());
           setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount - 1) : _maxAmount - 1);
         } else {
           route({
@@ -19091,7 +18921,6 @@ var ChangableAmountProvider = (function (props) {
             if (routes[0] == undefined) {
               return;
             }
             Token.readable({
               amount: routes[0].amountOut,
               blockchain: maxRoute.blockchain,
@@ -19142,22 +18971,18 @@ var ConfigurationProvider = (function (props) {
 var ConversionRateProvider = (function (props) {
   var _useContext = useContext(ErrorContext);
-      _useContext.setError;
+    _useContext.setError;
   var _useContext2 = useContext(ConfigurationContext),
-      amount = _useContext2.amount,
-      currency = _useContext2.currency;
+    amount = _useContext2.amount,
+    currency = _useContext2.currency;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      conversionRate = _useState2[0],
-      setConversionRate = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    conversionRate = _useState2[0],
+    setConversionRate = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      fixedCurrencyConversionRate = _useState4[0],
-      setFixedCurrencyConversionRate = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    fixedCurrencyConversionRate = _useState4[0],
+    setFixedCurrencyConversionRate = _useState4[1];
   useEffect(function () {
     if (_typeof(amount) == 'object' && amount.currency) {
       Currency.fromUSD({
@@ -19167,7 +18992,6 @@ var ConversionRateProvider = (function (props) {
         return setFixedCurrencyConversionRate(conversion.amount);
       });
     }
     Currency.fromUSD({
       amount: 1,
       code: currency
@@ -19191,8 +19015,7 @@ var QuestionsGraphic = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAHQCA
 var NoPaymentMethodFoundDialog = (function () {
   var _useContext = useContext(ClosableContext),
-      close = _useContext.close;
+    close = _useContext.close;
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM"
@@ -19230,87 +19053,68 @@ var TransactionTrackingContext = /*#__PURE__*/React.createContext();
 var PaymentProvider = (function (props) {
   var _useContext = useContext(ErrorContext),
-      setError = _useContext.setError;
+    setError = _useContext.setError;
   var _useContext2 = useContext(ConfigurationContext),
-      _sent = _useContext2.sent,
-      confirmed = _useContext2.confirmed,
-      failed = _useContext2.failed,
-      recover = _useContext2.recover,
-      before = _useContext2.before;
+    _sent = _useContext2.sent,
+    succeeded = _useContext2.succeeded,
+    failed = _useContext2.failed,
+    recover = _useContext2.recover,
+    before = _useContext2.before;
   var _useContext3 = useContext(PaymentRoutingContext),
-      selectedRoute = _useContext3.selectedRoute;
-      _useContext3.getPaymentRoutes;
+    selectedRoute = _useContext3.selectedRoute;
+    _useContext3.getPaymentRoutes;
   var _useContext4 = useContext(ClosableContext),
-      open = _useContext4.open,
-      close = _useContext4.close,
-      setClosable = _useContext4.setClosable;
+    open = _useContext4.open,
+    close = _useContext4.close,
+    setClosable = _useContext4.setClosable;
   var _useContext5 = useContext(PaymentRoutingContext),
-      allRoutes = _useContext5.allRoutes;
+    allRoutes = _useContext5.allRoutes;
   var _useContext6 = useContext(UpdatableContext),
-      setUpdatable = _useContext6.setUpdatable;
+    setUpdatable = _useContext6.setUpdatable;
   var _useContext7 = useContext(NavigateContext),
-      navigate = _useContext7.navigate,
-      set = _useContext7.set;
+    navigate = _useContext7.navigate,
+    set = _useContext7.set;
   var _useContext8 = useContext(WalletContext),
-      wallet = _useContext8.wallet;
+    wallet = _useContext8.wallet;
   var _useContext9 = useContext(PaymentTrackingContext),
-      release = _useContext9.release,
-      tracking = _useContext9.tracking,
-      initializePaymentTracking = _useContext9.initializeTracking;
+    release = _useContext9.release,
+    tracking = _useContext9.tracking,
+    initializePaymentTracking = _useContext9.initializeTracking;
   var _useContext10 = useContext(TransactionTrackingContext),
-      foundTransaction = _useContext10.foundTransaction,
-      initializeTransactionTracking = _useContext10.initializeTracking;
+    foundTransaction = _useContext10.foundTransaction,
+    initializeTransactionTracking = _useContext10.initializeTracking;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      payment = _useState2[0],
-      setPayment = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    payment = _useState2[0],
+    setPayment = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      transaction = _useState4[0],
-      setTransaction = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    transaction = _useState4[0],
+    setTransaction = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      approvalTransaction = _useState6[0],
-      setApprovalTransaction = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    approvalTransaction = _useState6[0],
+    setApprovalTransaction = _useState6[1];
   var _useState7 = useState('initialized'),
-      _useState8 = _slicedToArray(_useState7, 2),
-      paymentState = _useState8[0],
-      setPaymentState = _useState8[1];
-  var paymentConfirmed = function paymentConfirmed(transaction) {
+    _useState8 = _slicedToArray(_useState7, 2),
+    paymentState = _useState8[0],
+    setPaymentState = _useState8[1];
+  var paymentSucceeded = function paymentSucceeded(transaction) {
     if (tracking != true) {
       setClosable(true);
     }
-    setPaymentState('confirmed');
-    if (confirmed) {
-      confirmed(transaction);
+    setPaymentState('success');
+    if (succeeded) {
+      succeeded(transaction);
     }
   };
   var paymentFailed = function paymentFailed(transaction, error) {
     if (failed) {
       failed(transaction, error);
     }
     setClosable(true);
-    set(['PaymentError']);
+    set(['PaymentFailed']);
   };
   var pay = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
       var stop, currentBlock;
@@ -19322,20 +19126,15 @@ var PaymentProvider = (function (props) {
                 _context.next = 6;
                 break;
               }
               _context.next = 3;
               return before(payment.route.transaction);
             case 3:
               stop = _context.sent;
               if (!(stop === false)) {
                 _context.next = 6;
                 break;
               }
               return _context.abrupt("return");
             case 6:
               setClosable(false);
               setPaymentState('paying');
@@ -19345,33 +19144,29 @@ var PaymentProvider = (function (props) {
                 blockchain: payment.route.transaction.blockchain,
                 method: 'latestBlockNumber'
               });
             case 11:
               currentBlock = _context.sent;
               wallet.sendTransaction(Object.assign({}, payment.route.transaction, {
                 sent: function sent(transaction) {
                   initializeTransactionTracking(transaction, currentBlock);
                   if (_sent) {
                     _sent(transaction);
                   }
                 },
-                confirmed: paymentConfirmed,
+                succeeded: paymentSucceeded,
                 failed: paymentFailed
               })).then(function (sentTransaction) {
-                initializePaymentTracking(sentTransaction, currentBlock, payment.route);
                 setTransaction(sentTransaction);
+                initializePaymentTracking(sentTransaction, currentBlock, payment.route);
               })["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 13:
             case "end":
               return _context.stop();
@@ -19379,17 +19174,15 @@ var PaymentProvider = (function (props) {
         }
       }, _callee);
     }));
     return function pay() {
       return _ref.apply(this, arguments);
     };
   }();
   var approve = function approve() {
     setClosable(false);
     setPaymentState('approving');
     wallet.sendTransaction(Object.assign({}, payment.route.approvalTransaction, {
-      confirmed: function confirmed() {
+      succeeded: function succeeded() {
         payment.route.approvalRequired = false;
         setPayment(payment);
         setClosable(true);
@@ -19403,10 +19196,9 @@ var PaymentProvider = (function (props) {
       setClosable(true);
     });
   };
   useEffect(function () {
     if (release) {
-      setPaymentState('confirmed');
+      setPaymentState('success');
     }
   }, [release]);
   useEffect(function () {
@@ -19429,9 +19221,8 @@ var PaymentProvider = (function (props) {
       });
       Promise.all([paymentToken.name(), paymentToken.symbol()]).then(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-            name = _ref3[0],
-            symbol = _ref3[1];
+          name = _ref3[0],
+          symbol = _ref3[1];
         setPayment({
           blockchain: recover.blockchain,
           token: recover.token,
@@ -19445,7 +19236,6 @@ var PaymentProvider = (function (props) {
   useEffect(function () {
     if (foundTransaction && foundTransaction.id && foundTransaction.status) {
       var newTransaction;
       if (foundTransaction.id.toLowerCase() != transaction.id.toLowerCase()) {
         newTransaction = Object.assign({}, transaction, {
           id: foundTransaction.id,
@@ -19455,9 +19245,8 @@ var PaymentProvider = (function (props) {
         });
         setTransaction(newTransaction);
       }
       if (foundTransaction.status == 'success') {
-        paymentConfirmed(newTransaction || transaction);
+        paymentSucceeded(newTransaction || transaction);
       } else if (foundTransaction.status == 'failed') {
         paymentFailed(newTransaction || transaction);
       }
@@ -19468,10 +19257,9 @@ var PaymentProvider = (function (props) {
       var fromToken = selectedRoute.fromToken;
       Promise.all([fromToken.name(), fromToken.symbol(), fromToken.readable(selectedRoute.fromAmount)]).then(function (_ref4) {
         var _ref5 = _slicedToArray(_ref4, 3),
-            name = _ref5[0],
-            symbol = _ref5[1],
-            amount = _ref5[2];
+          name = _ref5[0],
+          symbol = _ref5[1],
+          amount = _ref5[2];
         setPayment({
           blockchain: selectedRoute.blockchain,
           route: selectedRoute,
@@ -19492,7 +19280,6 @@ var PaymentProvider = (function (props) {
       setUpdatable(true);
     }
   }, [allRoutes]);
   if (allRoutes instanceof Array && allRoutes.length == 0) {
     return /*#__PURE__*/React.createElement(ReactDialogStack, {
       open: open,
@@ -19529,14 +19316,11 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
   return obj;
 }
 function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var prepareAcceptedPayments = function prepareAcceptedPayments(accept) {
   var toAddress = _typeof(accept.receiver) == 'object' ? accept.receiver.address : accept.receiver;
   var toContract = _typeof(accept.receiver) == 'object' ? accept.receiver : undefined;
@@ -19545,7 +19329,6 @@ var prepareAcceptedPayments = function prepareAcceptedPayments(accept) {
     toContract: toContract
   });
 };
 var mergeFromAccounts = function mergeFromAccounts(accept, account) {
   var from = {};
   accept.forEach(function (accept) {
@@ -19553,14 +19336,13 @@ var mergeFromAccounts = function mergeFromAccounts(accept, account) {
   });
   return from;
 };
 var routePayments = (function (_ref) {
   var accept = _ref.accept,
-      account = _ref.account,
-      whitelist = _ref.whitelist,
-      blacklist = _ref.blacklist,
-      event = _ref.event,
-      fee = _ref.fee;
+    account = _ref.account,
+    whitelist = _ref.whitelist,
+    blacklist = _ref.blacklist,
+    event = _ref.event,
+    fee = _ref.fee;
   return route$1({
     accept: accept.map(prepareAcceptedPayments),
     from: mergeFromAccounts(accept, account),
@@ -19572,421 +19354,100 @@ var routePayments = (function (_ref) {
 });
 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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 = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      allRoutes = _useState2[0],
-      setAllRoutes = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    allRoutes = _useState2[0],
+    setAllRoutes = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      updatedRouteWithNewPrice = _useState4[0],
-      setUpdatedRouteWithNewPrice = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    updatedRouteWithNewPrice = _useState4[0],
+    setUpdatedRouteWithNewPrice = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      selectedRoute = _useState6[0],
-      setSelectedRoute = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedRoute = _useState6[0],
+    setSelectedRoute = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      slowRouting = _useState8[0],
-      setSlowRouting = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    slowRouting = _useState8[0],
+    setSlowRouting = _useState8[1];
   var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      reloadCount = _useState10[0],
-      setReloadCount = _useState10[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    reloadCount = _useState10[0],
+    setReloadCount = _useState10[1];
   var _useContext = useContext(WalletContext),
-      account = _useContext.account;
+    account = _useContext.account;
   var _useContext2 = useContext(UpdatableContext),
-      updatable = _useContext2.updatable;
+    updatable = _useContext2.updatable;
   var _useContext3 = useContext(ConfigurationContext),
-      recover = _useContext3.recover;
-  var calculateAmountInWithSlippage = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(route) {
-      var currentBlock, blocks, i, exchangeRoute, lastAmountsIn, defaultSlippage, defaultSlippageNewAmountBN, defaultReadableAmount, defaultSlippageRoundedAmountBN, newAmountBN, readableAmount, roundedAmountBN, difference1, difference2, slippage, _difference, _difference2, _slippage, highestAmountBN;
+    recover = _useContext3.recover;
+  var onRoutesUpdate = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(routes) {
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!route.directTransfer) {
-                _context2.next = 2;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 2:
-              _context2.next = 4;
-              return request({
-                blockchain: route.blockchain,
-                method: 'latestBlockNumber'
-              });
-            case 4:
-              currentBlock = _context2.sent;
-              blocks = [];
-              for (i = 0; i <= 2; i++) {
-                blocks.push(currentBlock - i);
-              }
-              exchangeRoute = route.exchangeRoutes[0];
-              if (!(typeof exchangeRoute == 'undefined' || typeof exchangeRoute.exchange == 'undefined')) {
-                _context2.next = 10;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 10:
-              _context2.next = 12;
-              return Promise.all(blocks.map( /*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(block) {
-                  var amountIn;
-                  return regenerator.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          _context.next = 2;
-                          return exchangeRoute.exchange.getAmountIn({
-                            path: exchangeRoute.path,
-                            amountOut: exchangeRoute.amountOutMin,
-                            block: block
-                          });
-                        case 2:
-                          amountIn = _context.sent;
-                          return _context.abrupt("return", amountIn);
-                        case 4:
-                        case "end":
-                          return _context.stop();
-                      }
-                    }
-                  }, _callee);
-                }));
-                return function (_x2) {
-                  return _ref2.apply(this, arguments);
-                };
-              }()));
-            case 12:
-              lastAmountsIn = _context2.sent;
-              if (!(!lastAmountsIn[0] || !lastAmountsIn[1] || !lastAmountsIn[2])) {
-                _context2.next = 15;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 15:
-              defaultSlippage = '0.5'; // %
-              if (ethers.BigNumber.from(route.fromAmount).mul(10000).div(ethers.BigNumber.from(route.toAmount).add(ethers.BigNumber.from(route.feeAmount || '0'))).sub(10000).toString() <= 100) {
-                // stable coin swap
-                defaultSlippage = '0.1'; // %
-              }
-              defaultSlippageNewAmountBN = lastAmountsIn[2].add(lastAmountsIn[2].mul(parseFloat(defaultSlippage) * 100).div(10000));
-              _context2.next = 20;
-              return route.fromToken.readable(defaultSlippageNewAmountBN);
-            case 20:
-              defaultReadableAmount = _context2.sent;
-              _context2.next = 23;
-              return route.fromToken.BigNumber(round(defaultReadableAmount));
-            case 23:
-              defaultSlippageRoundedAmountBN = _context2.sent;
-              if (!(lastAmountsIn[0].gt(lastAmountsIn[1]) && lastAmountsIn[1].gt(lastAmountsIn[2]))) {
-                _context2.next = 41;
-                break;
-              }
-              // EXTREME DIRETIONAL SLIPPAGE
-              difference1 = lastAmountsIn[0].sub(lastAmountsIn[1]);
-              difference2 = lastAmountsIn[1].sub(lastAmountsIn[2]);
-              if (difference1.lt(difference2)) {
-                slippage = difference2.add(difference2.sub(difference1));
-              } else {
-                slippage = difference1.add(difference1.sub(difference2));
-              }
-              newAmountBN = lastAmountsIn[0].add(slippage);
-              _context2.next = 31;
-              return route.fromToken.readable(newAmountBN);
-            case 31:
-              readableAmount = _context2.sent;
-              _context2.next = 34;
-              return route.fromToken.BigNumber(round(readableAmount));
-            case 34:
-              roundedAmountBN = _context2.sent;
-              if (!roundedAmountBN.gt(defaultSlippageRoundedAmountBN)) {
-                _context2.next = 39;
-                break;
-              }
-              if (!(route.fromAmount == roundedAmountBN.toString())) {
-                _context2.next = 38;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 38:
-              return _context2.abrupt("return", roundedAmountBN);
-            case 39:
-              _context2.next = 57;
-              break;
-            case 41:
-              if (lastAmountsIn[0].eq(lastAmountsIn[1]) && lastAmountsIn[1].eq(lastAmountsIn[2])) {
-                _context2.next = 57;
-                break;
-              }
-              // BASE NOISE SLIPPAGE
-              _difference = lastAmountsIn[0].sub(lastAmountsIn[1]).abs();
-              _difference2 = lastAmountsIn[1].sub(lastAmountsIn[2]).abs();
-              if (_difference.lt(_difference2)) {
-                _slippage = _difference;
-              } else {
-                _slippage = _difference2;
-              }
-              if (lastAmountsIn[0].gt(lastAmountsIn[1]) && lastAmountsIn[0].gt(lastAmountsIn[2])) {
-                highestAmountBN = lastAmountsIn[0];
-              } else if (lastAmountsIn[1].gt(lastAmountsIn[2]) && lastAmountsIn[1].gt(lastAmountsIn[0])) {
-                highestAmountBN = lastAmountsIn[1];
-              } else {
-                highestAmountBN = lastAmountsIn[2];
-              }
-              newAmountBN = highestAmountBN.add(_slippage);
-              _context2.next = 49;
-              return route.fromToken.readable(newAmountBN);
-            case 49:
-              readableAmount = _context2.sent;
-              _context2.next = 52;
-              return route.fromToken.BigNumber(round(readableAmount));
-            case 52:
-              roundedAmountBN = _context2.sent;
-              if (!roundedAmountBN.gt(defaultSlippageRoundedAmountBN)) {
-                _context2.next = 57;
-                break;
-              }
-              if (!(route.fromAmount == roundedAmountBN.toString())) {
-                _context2.next = 56;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 56:
-              return _context2.abrupt("return", roundedAmountBN);
-            case 57:
-              if (!(route.fromAmount == defaultSlippageRoundedAmountBN.toString())) {
-                _context2.next = 59;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 59:
-              return _context2.abrupt("return", defaultSlippageRoundedAmountBN);
-            case 60:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-    return function calculateAmountInWithSlippage(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var onRoutesUpdate = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5(routes) {
-      return regenerator.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
             case 0:
               if (routes.length == 0) {
                 setAllRoutes([]);
                 if (props.setMaxRoute) {
                   props.setMaxRoute(null);
                 }
               } else {
                 roundAmounts(routes).then( /*#__PURE__*/function () {
-                  var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(roundedRoutes) {
-                    var selectRoute, amountInWithSlippage, newSelectRoute, _amountInWithSlippage;
-                    return regenerator.wrap(function _callee4$(_context4) {
+                  var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(roundedRoutes) {
+                    var selectRoute, newSelectRoute;
+                    return regenerator.wrap(function _callee$(_context) {
                       while (1) {
-                        switch (_context4.prev = _context4.next) {
+                        switch (_context.prev = _context.next) {
                           case 0:
-                            if (!(typeof selectedRoute == 'undefined')) {
-                              _context4.next = 11;
-                              break;
+                            if (typeof selectedRoute == 'undefined') {
+                              selectRoute = roundedRoutes[0];
+                              setSelectedRoute(selectRoute);
+                            } else {
+                              newSelectRoute = roundedRoutes[roundedRoutes.findIndex(function (route) {
+                                return route.fromToken.address == selectedRoute.fromToken.address && route.blockchain == selectedRoute.blockchain;
+                              })];
+                              if (newSelectRoute) {
+                                if (selectedRoute.fromAmount != newSelectRoute.fromAmount) {
+                                  setUpdatedRouteWithNewPrice(newSelectRoute);
+                                }
+                              }
                             }
-                            selectRoute = roundedRoutes[0];
-                            _context4.next = 4;
-                            return calculateAmountInWithSlippage(selectRoute);
-                          case 4:
-                            amountInWithSlippage = _context4.sent;
-                            if (!amountInWithSlippage) {
-                              _context4.next = 8;
-                              break;
-                            }
-                            _context4.next = 8;
-                            return roundAmount(selectRoute, amountInWithSlippage);
-                          case 8:
-                            setSelectedRoute(selectRoute);
-                            _context4.next = 20;
-                            break;
-                          case 11:
-                            newSelectRoute = roundedRoutes[roundedRoutes.findIndex(function (route) {
-                              return route.fromToken.address == selectedRoute.fromToken.address && route.blockchain == selectedRoute.blockchain;
-                            })];
-                            if (!newSelectRoute) {
-                              _context4.next = 20;
-                              break;
-                            }
-                            _context4.next = 15;
-                            return calculateAmountInWithSlippage(newSelectRoute);
-                          case 15:
-                            _amountInWithSlippage = _context4.sent;
-                            if (!_amountInWithSlippage) {
-                              _context4.next = 19;
-                              break;
-                            }
-                            _context4.next = 19;
-                            return roundAmount(newSelectRoute, _amountInWithSlippage);
-                          case 19:
-                            if (selectedRoute.fromAmount != newSelectRoute.fromAmount) {
-                              setUpdatedRouteWithNewPrice(newSelectRoute);
-                            }
-                          case 20:
-                            _context4.next = 22;
-                            return Promise.all(roundedRoutes.map( /*#__PURE__*/function () {
-                              var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(route, index) {
-                                var amountInWithSlippage;
-                                return regenerator.wrap(function _callee3$(_context3) {
-                                  while (1) {
-                                    switch (_context3.prev = _context3.next) {
-                                      case 0:
-                                        _context3.next = 2;
-                                        return calculateAmountInWithSlippage(route);
-                                      case 2:
-                                        amountInWithSlippage = _context3.sent;
-                                        if (!amountInWithSlippage) {
-                                          _context3.next = 6;
-                                          break;
-                                        }
-                                        _context3.next = 6;
-                                        return roundAmount(route, amountInWithSlippage);
-                                      case 6:
-                                        return _context3.abrupt("return", route);
-                                      case 7:
-                                      case "end":
-                                        return _context3.stop();
-                                    }
-                                  }
-                                }, _callee3);
-                              }));
-                              return function (_x5, _x6) {
-                                return _ref5.apply(this, arguments);
-                              };
-                            }())).then(setAllRoutes);
-                          case 22:
+                            setAllRoutes(roundedRoutes);
                             if (props.setMaxRoute) {
                               props.setMaxRoute(findMaxRoute(roundedRoutes));
                             }
-                          case 23:
+                          case 3:
                           case "end":
-                            return _context4.stop();
+                            return _context.stop();
                         }
                       }
-                    }, _callee4);
+                    }, _callee);
                   }));
-                  return function (_x4) {
-                    return _ref4.apply(this, arguments);
+                  return function (_x2) {
+                    return _ref2.apply(this, arguments);
                   };
                 }());
               }
             case 1:
             case "end":
-              return _context5.stop();
+              return _context2.stop();
           }
         }
-      }, _callee5);
+      }, _callee2);
     }));
-    return function onRoutesUpdate(_x3) {
-      return _ref3.apply(this, arguments);
+    return function onRoutesUpdate(_x) {
+      return _ref.apply(this, arguments);
     };
   }();
-  var getPaymentRoutes = function getPaymentRoutes(_ref6) {
-    _ref6.allRoutes;
-        _ref6.selectedRoute;
-        var updatable = _ref6.updatable;
+  var getPaymentRoutes = function getPaymentRoutes(_ref3) {
+    _ref3.allRoutes;
+      _ref3.selectedRoute;
+      var updatable = _ref3.updatable;
     if (updatable == false || !props.accept || !account) {
       return;
     }
     var slowRoutingTimeout = setTimeout(function () {
       setSlowRouting(true);
     }, 4000);
@@ -19997,146 +19458,86 @@ var PaymentRoutingProvider = (function (props) {
       onRoutesUpdate(routes);
     });
   };
   var updateRouteAmount = function updateRouteAmount(route, amountBN) {
     route.fromAmount = amountBN.toString();
     route.transaction.params.amounts[0] = amountBN.toString();
     if (route.transaction.value && route.transaction.value.toString() != '0') {
       route.transaction.value = amountBN.toString();
     }
   };
   var roundAmount = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee6(route, amountBN) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(route, amountBN) {
       var readableAmount, roundedAmountBN;
-      return regenerator.wrap(function _callee6$(_context6) {
+      return regenerator.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               if (!route.directTransfer) {
-                _context6.next = 2;
+                _context3.next = 2;
                 break;
               }
-              return _context6.abrupt("return", route);
+              return _context3.abrupt("return", route);
             case 2:
-              _context6.next = 4;
+              _context3.next = 4;
               return route.fromToken.readable(amountBN || route.transaction.params.amounts[0]);
             case 4:
-              readableAmount = _context6.sent;
-              _context6.next = 7;
+              readableAmount = _context3.sent;
+              _context3.next = 7;
               return route.fromToken.BigNumber(round(readableAmount));
             case 7:
-              roundedAmountBN = _context6.sent;
+              roundedAmountBN = _context3.sent;
               updateRouteAmount(route, roundedAmountBN);
-              return _context6.abrupt("return", route);
+              return _context3.abrupt("return", route);
             case 10:
             case "end":
-              return _context6.stop();
+              return _context3.stop();
           }
         }
-      }, _callee6);
+      }, _callee3);
     }));
-    return function roundAmount(_x7, _x8) {
-      return _ref7.apply(this, arguments);
+    return function roundAmount(_x3, _x4) {
+      return _ref4.apply(this, arguments);
     };
   }();
   var roundAmounts = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee7(routes) {
-      return regenerator.wrap(function _callee7$(_context7) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(routes) {
+      return regenerator.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              return _context7.abrupt("return", Promise.all(routes.map(function (route) {
+              return _context4.abrupt("return", Promise.all(routes.map(function (route) {
                 return roundAmount(route);
               })));
             case 1:
             case "end":
-              return _context7.stop();
+              return _context4.stop();
           }
         }
-      }, _callee7);
+      }, _callee4);
     }));
-    return function roundAmounts(_x9) {
-      return _ref8.apply(this, arguments);
+    return function roundAmounts(_x5) {
+      return _ref5.apply(this, arguments);
     };
   }();
   var updateRouteWithNewPrice = /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee8() {
-      return regenerator.wrap(function _callee8$(_context8) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
+      return regenerator.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               setSelectedRoute(_objectSpread({}, updatedRouteWithNewPrice));
               setUpdatedRouteWithNewPrice(null);
             case 2:
             case "end":
-              return _context8.stop();
+              return _context5.stop();
           }
         }
-      }, _callee8);
+      }, _callee5);
     }));
     return function updateRouteWithNewPrice() {
-      return _ref9.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
-  useEffect(function () {
-    function updateRouteWithAmountInWithSlippage() {
-      return _updateRouteWithAmountInWithSlippage.apply(this, arguments);
-    }
-    function _updateRouteWithAmountInWithSlippage() {
-      _updateRouteWithAmountInWithSlippage = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee9() {
-        var amountInWithSlippage;
-        return regenerator.wrap(function _callee9$(_context9) {
-          while (1) {
-            switch (_context9.prev = _context9.next) {
-              case 0:
-                _context9.next = 2;
-                return calculateAmountInWithSlippage(selectedRoute);
-              case 2:
-                amountInWithSlippage = _context9.sent;
-                if (!amountInWithSlippage) {
-                  _context9.next = 8;
-                  break;
-                }
-                _context9.next = 6;
-                return roundAmount(selectedRoute, amountInWithSlippage);
-              case 6:
-                console.log(222222);
-                setUpdatedRouteWithNewPrice(selectedRoute);
-              case 8:
-              case "end":
-                return _context9.stop();
-            }
-          }
-        }, _callee9);
-      }));
-      return _updateRouteWithAmountInWithSlippage.apply(this, arguments);
-    }
-    if (selectedRoute) {
-      updateRouteWithAmountInWithSlippage();
-    }
-  }, [selectedRoute]);
   useEffect(function () {
     var timeout = setTimeout(function () {
       setReloadCount(reloadCount + 1);
@@ -20173,55 +19574,42 @@ var PaymentValueContext = /*#__PURE__*/React.createContext();
 var PaymentValueProvider = (function (props) {
   var _useContext = useContext(ErrorContext),
-      setError = _useContext.setError;
+    setError = _useContext.setError;
   var _useContext2 = useContext(WalletContext),
-      account = _useContext2.account;
+    account = _useContext2.account;
   var _useContext3 = useContext(UpdatableContext),
-      updatable = _useContext3.updatable;
+    updatable = _useContext3.updatable;
   var _useContext4 = useContext(ConfigurationContext),
-      configuredAmount = _useContext4.amount,
-      currencyCode = _useContext4.currencyCode;
+    configuredAmount = _useContext4.amount,
+    currencyCode = _useContext4.currencyCode;
   var _useContext5 = useContext(ChangableAmountContext),
-      amount = _useContext5.amount;
+    amount = _useContext5.amount;
   var _useContext6 = useContext(PaymentContext),
-      payment = _useContext6.payment;
+    payment = _useContext6.payment;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      paymentValue = _useState2[0],
-      setPaymentValue = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    paymentValue = _useState2[0],
+    setPaymentValue = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      displayedPaymentValue = _useState4[0],
-      setDisplayedPaymentValue = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    displayedPaymentValue = _useState4[0],
+    setDisplayedPaymentValue = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      paymentValueLoss = _useState6[0],
-      setPaymentValueLoss = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    paymentValueLoss = _useState6[0],
+    setPaymentValueLoss = _useState6[1];
   var _useContext7 = useContext(ConfigurationContext),
-      currency = _useContext7.currency;
+    currency = _useContext7.currency;
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      reloadCount = _useState8[0],
-      setReloadCount = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    reloadCount = _useState8[0],
+    setReloadCount = _useState8[1];
   var updatePaymentValue = function updatePaymentValue(_ref) {
     var updatable = _ref.updatable,
-        payment = _ref.payment;
+      payment = _ref.payment;
     if (updatable == false || (payment === null || payment === void 0 ? void 0 : payment.route) == undefined) {
       return;
     }
     Promise.all([route({
       blockchain: payment.route.blockchain,
       tokenIn: payment.route.fromToken.address,
@@ -20241,27 +19629,22 @@ var PaymentValueProvider = (function (props) {
       address: CONSTANTS[payment.route.blockchain].USD
     }).decimals()]).then(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 3),
-          fromTokenUSDExchangeRoutes = _ref3[0],
-          reverseRoutes = _ref3[1],
-          USDDecimals = _ref3[2];
+        fromTokenUSDExchangeRoutes = _ref3[0],
+        reverseRoutes = _ref3[1],
+        USDDecimals = _ref3[2];
       var fromTokenUSDRoute = fromTokenUSDExchangeRoutes[0];
       var reverseRoute = reverseRoutes[0];
       if (reverseRoute) {
         var reverseAmountOutBN = ethers.BigNumber.from(reverseRoute.amountOut);
         var paymentAmountInBN = ethers.BigNumber.from(payment.route.fromAmount);
         var divPercent = 100 - reverseAmountOutBN.mul(ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
         if (divPercent >= 10) {
           setPaymentValueLoss(divPercent);
         } else {
           setPaymentValueLoss(null);
         }
       }
       var fromTokenUSDAmount;
       if (payment.route.fromToken.address.toLowerCase() == CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
         fromTokenUSDAmount = payment.route.fromAmount.toString();
       } else if (fromTokenUSDRoute == undefined) {
@@ -20270,7 +19653,6 @@ var PaymentValueProvider = (function (props) {
       } else {
         fromTokenUSDAmount = fromTokenUSDRoute.amountOut.toString();
       }
       var fromTokenUSDValue = ethers.utils.formatUnits(fromTokenUSDAmount, USDDecimals);
       Currency.fromUSD({
         amount: fromTokenUSDValue,
@@ -20278,7 +19660,6 @@ var PaymentValueProvider = (function (props) {
       }).then(setPaymentValue);
     })["catch"](setError);
   };
   useEffect(function () {
     if (paymentValue && amount && configuredAmount && configuredAmount.currency && configuredAmount.fix) {
       setDisplayedPaymentValue(paymentValue.toString());
@@ -20323,14 +19704,12 @@ var PaymentValueProvider = (function (props) {
 var DonationRoutingProvider = (function (props) {
   var _useContext = useContext(ChangableAmountContext),
-      acceptWithAmount = _useContext.acceptWithAmount,
-      setMaxRoute = _useContext.setMaxRoute;
+    acceptWithAmount = _useContext.acceptWithAmount,
+    setMaxRoute = _useContext.setMaxRoute;
   var _useContext2 = useContext(ConfigurationContext),
-      blacklist = _useContext2.blacklist,
-      whitelist = _useContext2.whitelist,
-      fee = _useContext2.fee;
+    blacklist = _useContext2.blacklist,
+    whitelist = _useContext2.whitelist,
+    fee = _useContext2.fee;
   return /*#__PURE__*/React.createElement(DonationRoutingContext.Provider, {
     value: {}
   }, /*#__PURE__*/React.createElement(PaymentRoutingProvider, {
@@ -20347,9 +19726,7 @@ var DonationRoutingProvider = (function (props) {
 var format = (function (input) {
   var _float = round(input);
   var floatToString = _float.toString();
   if (new RegExp(/\./).test(floatToString)) {
     var exploded = floatToString.split('.');
     return new Intl.NumberFormat().format(parseInt(exploded[0])) + '.' + exploded[1];
@@ -20360,81 +19737,61 @@ var format = (function (input) {
 var ChangeAmountDialog = (function (props) {
   var _useContext = useContext(NavigateStackContext),
-      navigate = _useContext.navigate;
+    navigate = _useContext.navigate;
   var _useContext2 = useContext(ErrorContext);
-      _useContext2.setError;
+    _useContext2.setError;
   var _useContext3 = useContext(WalletContext);
-      _useContext3.account;
+    _useContext3.account;
   var _useContext4 = useContext(ChangableAmountContext),
-      amount = _useContext4.amount,
-      setAmount = _useContext4.setAmount,
-      maxAmount = _useContext4.maxAmount;
+    amount = _useContext4.amount,
+    setAmount = _useContext4.setAmount,
+    maxAmount = _useContext4.maxAmount;
   var _useContext5 = useContext(PaymentValueContext);
-      _useContext5.displayedPaymentValue;
+    _useContext5.displayedPaymentValue;
   var _useState = useState(amount),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputAmount = _useState2[0],
-      setInputAmount = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    inputAmount = _useState2[0],
+    setInputAmount = _useState2[1];
   var _useContext6 = useContext(ConfigurationContext),
-      currencyCode = _useContext6.currencyCode,
-      amountConfiguration = _useContext6.amount;
+    currencyCode = _useContext6.currencyCode,
+    amountConfiguration = _useContext6.amount;
   var _useContext7 = useContext(PaymentRoutingContext);
-      _useContext7.allRoutes;
-      var setSelectedRoute = _useContext7.setSelectedRoute;
+    _useContext7.allRoutes;
+    var setSelectedRoute = _useContext7.setSelectedRoute;
   var min = _typeof(amountConfiguration) == "object" && amountConfiguration.min ? amountConfiguration.min : 1;
   var step = _typeof(amountConfiguration) == "object" && amountConfiguration.step ? amountConfiguration.step : 1;
   var displayedCurrencyCode = amountConfiguration != undefined && amountConfiguration.token ? null : currencyCode;
   var changeAmountAndGoBack = function changeAmountAndGoBack() {
     var newAmount = toValidValue(parseFloat(inputAmount));
     if (newAmount != amount) {
       setSelectedRoute(undefined);
       setAmount(newAmount);
     }
     navigate('back');
   };
   var changeAmount = function changeAmount(value) {
     if (Number.isNaN(value)) {
       return;
     }
     setInputAmount(value);
   };
   var toValidStep = function toValidStep(value) {
     if (step) {
       value = parseFloat(new Decimal(Math.floor(new Decimal(value).div(step))).mul(step).toString());
     }
     return value;
   };
   var toValidValue = function toValidValue(value) {
     value = toValidStep(value);
     if (maxAmount) {
       value = Math.max(min, Math.min(value, maxAmount));
     }
     value = toValidStep(value);
     return value;
   };
   var setValidValue = function setValidValue(value) {
     setInputAmount(toValidValue(value));
   };
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: true,
     header: /*#__PURE__*/React.createElement("div", {
@@ -20489,8 +19846,7 @@ var ChangeAmountDialog = (function (props) {
 var ChangePaymentSkeleton = (function (props) {
   var _useContext = useContext(PaymentValueContext),
-      paymentValue = _useContext.paymentValue;
+    paymentValue = _useContext.paymentValue;
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: true,
     header: /*#__PURE__*/React.createElement("div", {
@@ -20522,34 +19878,27 @@ var ChangePaymentSkeleton = (function (props) {
 var ChangePaymentDialog = (function (props) {
   var _useContext = useContext(ErrorContext),
-      setError = _useContext.setError;
+    setError = _useContext.setError;
   var _useContext2 = useContext(PaymentRoutingContext),
-      allRoutes = _useContext2.allRoutes,
-      setSelectedRoute = _useContext2.setSelectedRoute;
+    allRoutes = _useContext2.allRoutes,
+    setSelectedRoute = _useContext2.setSelectedRoute;
   var _useContext3 = useContext(PaymentValueContext);
-      _useContext3.paymentValue;
-      var displayedPaymentValue = _useContext3.displayedPaymentValue;
+    _useContext3.paymentValue;
+    var displayedPaymentValue = _useContext3.displayedPaymentValue;
   var _useContext4 = useContext(NavigateStackContext),
-      navigate = _useContext4.navigate;
+    navigate = _useContext4.navigate;
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      allPaymentRoutesWithData = _useState2[0],
-      setAllPaymentRoutesWithData = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    allPaymentRoutesWithData = _useState2[0],
+    setAllPaymentRoutesWithData = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      cards = _useState4[0],
-      setCards = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    cards = _useState4[0],
+    setCards = _useState4[1];
   useEffect(function () {
     if (allRoutes == undefined) {
       return;
     }
     Promise.all(allRoutes.map(function (route) {
       route.exchangeRoutes[0];
       route.fromToken;
@@ -20604,11 +19953,9 @@ var ChangePaymentDialog = (function (props) {
       }, /*#__PURE__*/React.createElement("small", null, format(round(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down')))))));
     }));
   }, [allPaymentRoutesWithData]);
   if (allPaymentRoutesWithData.length == 0 || cards.length == 0) {
     return /*#__PURE__*/React.createElement(ChangePaymentSkeleton, null);
   }
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: true,
     header: /*#__PURE__*/React.createElement("div", {
@@ -20629,8 +19976,7 @@ var ChangePaymentDialog = (function (props) {
 var DonationOverviewSkeleton = (function (props) {
   var _useContext = useContext(ConfigurationContext),
-      title = _useContext.title;
+    title = _useContext.title;
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -20728,42 +20074,34 @@ var LoadingText = (function (props) {
 var Footer = (function () {
   var _useContext = useContext(ChangableAmountContext);
-      _useContext.amount;
-      _useContext.amountsMissing;
+    _useContext.amount;
+    _useContext.amountsMissing;
   var _useContext2 = useContext(PaymentTrackingContext),
-      tracking = _useContext2.tracking,
-      release = _useContext2.release,
-      forwardTo = _useContext2.forwardTo;
+    tracking = _useContext2.tracking,
+    release = _useContext2.release,
+    forwardTo = _useContext2.forwardTo;
   var _useContext3 = useContext(PaymentContext),
-      payment = _useContext3.payment,
-      paymentState = _useContext3.paymentState,
-      pay = _useContext3.pay,
-      transaction = _useContext3.transaction,
-      approve = _useContext3.approve,
-      approvalTransaction = _useContext3.approvalTransaction;
+    payment = _useContext3.payment,
+    paymentState = _useContext3.paymentState,
+    pay = _useContext3.pay,
+    transaction = _useContext3.transaction,
+    approve = _useContext3.approve,
+    approvalTransaction = _useContext3.approvalTransaction;
   var _useContext4 = useContext(PaymentValueContext);
-      _useContext4.paymentValue;
-      var displayedPaymentValue = _useContext4.displayedPaymentValue,
-      paymentValueLoss = _useContext4.paymentValueLoss;
+    _useContext4.paymentValue;
+    var displayedPaymentValue = _useContext4.displayedPaymentValue,
+    paymentValueLoss = _useContext4.paymentValueLoss;
   var _useContext5 = useContext(PaymentRoutingContext),
-      updatedRouteWithNewPrice = _useContext5.updatedRouteWithNewPrice,
-      updateRouteWithNewPrice = _useContext5.updateRouteWithNewPrice;
+    updatedRouteWithNewPrice = _useContext5.updatedRouteWithNewPrice,
+    updateRouteWithNewPrice = _useContext5.updateRouteWithNewPrice;
   var _useContext6 = useContext(NavigateStackContext);
-      _useContext6.navigate;
+    _useContext6.navigate;
   var _useContext7 = useContext(ClosableContext),
-      close = _useContext7.close;
+    close = _useContext7.close;
   var trackingInfo = function trackingInfo() {
     if (tracking != true) {
       return null;
     }
     if (release) {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         className: "Card transparent small disabled"
@@ -20798,7 +20136,6 @@ var Footer = (function () {
       }, "Validating payment")))));
     }
   };
   var additionalPaymentInformation = function additionalPaymentInformation() {
     if (paymentState == 'paying' && transaction == undefined) {
       return /*#__PURE__*/React.createElement("div", {
@@ -20818,7 +20155,7 @@ var Footer = (function () {
       }, /*#__PURE__*/React.createElement("div", {
         className: "Opacity05"
       }, "Confirm transaction in your wallet")))));
-    } else if (paymentState == 'confirmed') {
+    } else if (paymentState == 'success') {
       return /*#__PURE__*/React.createElement("div", {
         className: "PaddingBottomS"
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
@@ -20842,7 +20179,6 @@ var Footer = (function () {
       }, "Payment confirmed"))))), trackingInfo());
     }
   };
   var approvalButton = function approvalButton() {
     if (payment.route == undefined || !payment.route.approvalRequired || payment.route.directTransfer) {
       return null;
@@ -20866,7 +20202,6 @@ var Footer = (function () {
       }, /*#__PURE__*/React.createElement(LoadingText, null, "Approving")));
     }
   };
   var mainAction = function mainAction() {
     if (updatedRouteWithNewPrice) {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -20895,7 +20230,6 @@ var Footer = (function () {
           if (payment.route.approvalRequired && !payment.route.directTransfer) {
             return;
           }
           pay();
         }
       }, "Pay ", displayedPaymentValue);
@@ -20907,7 +20241,7 @@ var Footer = (function () {
         target: "_blank",
         rel: "noopener noreferrer"
       }, /*#__PURE__*/React.createElement(LoadingText, null, "Paying"));
-    } else if (paymentState == 'confirmed') {
+    } else if (paymentState == 'success') {
       if (tracking == true) {
         if (release) {
           if (forwardTo) {
@@ -20936,32 +20270,25 @@ var Footer = (function () {
       }
     }
   };
   return /*#__PURE__*/React.createElement("div", null, approvalButton(), additionalPaymentInformation(), mainAction());
 });
 var DonationOverviewDialog = (function (props) {
   var _useContext = useContext(ConfigurationContext);
-      _useContext.currencyCode;
-      var title = _useContext.title;
+    _useContext.currencyCode;
+    var title = _useContext.title;
   var _useContext2 = useContext(ChangableAmountContext);
-      _useContext2.amount;
+    _useContext2.amount;
   var _useContext3 = useContext(PaymentContext),
-      payment = _useContext3.payment,
-      paymentState = _useContext3.paymentState;
+    payment = _useContext3.payment,
+    paymentState = _useContext3.paymentState;
   var _useContext4 = useContext(PaymentValueContext),
-      displayedPaymentValue = _useContext4.displayedPaymentValue;
+    displayedPaymentValue = _useContext4.displayedPaymentValue;
   var _useContext5 = useContext(NavigateStackContext),
-      navigate = _useContext5.navigate;
+    navigate = _useContext5.navigate;
   if (payment == undefined) {
     return /*#__PURE__*/React.createElement(DonationOverviewSkeleton, null);
   }
   var blockchain = Blockchain.findByName(payment.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
@@ -20978,7 +20305,6 @@ var DonationOverviewDialog = (function (props) {
         if (paymentState != 'initialized') {
           return;
         }
         navigate('ChangeAmount');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -21000,7 +20326,6 @@ var DonationOverviewDialog = (function (props) {
         if (paymentState != 'initialized') {
           return;
         }
         navigate('ChangePayment');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -21037,13 +20362,11 @@ var DonationOverviewDialog = (function (props) {
   });
 });
-var PaymentErrorDialog = (function () {
+var PaymentFailedDialog = (function () {
   var _useContext = useContext(ClosableContext),
-      close = _useContext.close;
+    close = _useContext.close;
   var _useContext2 = useContext(PaymentContext),
-      transaction = _useContext2.transaction;
+    transaction = _useContext2.transaction;
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: false,
     header: /*#__PURE__*/React.createElement("div", {
@@ -21086,11 +20409,9 @@ var ConnectGraphic = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAHQCAMA
 var WrongNetworkDialog = (function (props) {
   var _useContext = useContext(PaymentContext),
-      payment = _useContext.payment;
+    payment = _useContext.payment;
   var _useContext2 = useContext(NavigateStackContext),
-      navigate = _useContext2.navigate;
+    navigate = _useContext2.navigate;
   var blockchain = Blockchain.findByName(payment.route.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: true,
@@ -21126,12 +20447,10 @@ var WrongNetworkDialog = (function (props) {
 var DonationStack = (function (props) {
   var _useContext = useContext(ClosableContext),
-      open = _useContext.open,
-      close = _useContext.close;
+    open = _useContext.open,
+    close = _useContext.close;
   var _useContext2 = useContext(NavigateContext),
-      setNavigator = _useContext2.setNavigator;
+    setNavigator = _useContext2.setNavigator;
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
     setNavigator: setNavigator,
     open: open,
@@ -21143,7 +20462,7 @@ var DonationStack = (function (props) {
       DonationOverview: /*#__PURE__*/React.createElement(DonationOverviewDialog, null),
       ChangeAmount: /*#__PURE__*/React.createElement(ChangeAmountDialog, null),
       ChangePayment: /*#__PURE__*/React.createElement(ChangePaymentDialog, null),
-      PaymentError: /*#__PURE__*/React.createElement(PaymentErrorDialog, null),
+      PaymentFailed: /*#__PURE__*/React.createElement(PaymentFailedDialog, null),
       WrongNetwork: /*#__PURE__*/React.createElement(WrongNetworkDialog, null)
     }
   });
@@ -21151,23 +20470,19 @@ var DonationStack = (function (props) {
 var NavigateProvider = (function (props) {
   var navigator;
   var setNavigator = function setNavigator(_navigator) {
     navigator = _navigator;
   };
   var navigate = function navigate(dialog) {
     if (navigator) {
       navigator.navigate(dialog);
     }
   };
   var set = function set(dialogs) {
     if (navigator) {
       navigator.set(dialogs);
     }
   };
   return /*#__PURE__*/React.createElement(NavigateContext.Provider, {
     value: {
       navigate: navigate,
@@ -21179,58 +20494,46 @@ var NavigateProvider = (function (props) {
 var PaymentTrackingProvider = (function (props) {
   var _useContext = useContext(ErrorContext);
-      _useContext.errorCallback;
+    _useContext.errorCallback;
   var _useContext2 = useContext(ConfigurationContext),
-      track = _useContext2.track,
-      validated = _useContext2.validated,
-      integration = _useContext2.integration,
-      link = _useContext2.link,
-      type = _useContext2.type;
+    track = _useContext2.track,
+    validated = _useContext2.validated,
+    integration = _useContext2.integration,
+    link = _useContext2.link,
+    type = _useContext2.type;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      transaction = _useState2[0],
-      setTransaction = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    transaction = _useState2[0],
+    setTransaction = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      afterBlock = _useState4[0],
-      setAfterBlock = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    afterBlock = _useState4[0],
+    setAfterBlock = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      paymentRoute = _useState6[0],
-      setPaymentRoute = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    paymentRoute = _useState6[0],
+    setPaymentRoute = _useState6[1];
   var _useState7 = useState(!!(track && (track.endpoint || typeof track.method == 'function') && track.async != true)),
-      _useState8 = _slicedToArray(_useState7, 1),
-      tracking = _useState8[0];
+    _useState8 = _slicedToArray(_useState7, 1),
+    tracking = _useState8[0];
   var _useState9 = useState(!!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function') && track.async != true)),
-      _useState10 = _slicedToArray(_useState9, 1),
-      polling = _useState10[0];
+    _useState10 = _slicedToArray(_useState9, 1),
+    polling = _useState10[0];
   var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      release = _useState12[0],
-      setRelease = _useState12[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    release = _useState12[0],
+    setRelease = _useState12[1];
   var _useState13 = useState(),
-      _useState14 = _slicedToArray(_useState13, 2),
-      forwardTo = _useState14[0],
-      setForwardTo = _useState14[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    forwardTo = _useState14[0],
+    setForwardTo = _useState14[1];
   var _useContext3 = useContext(ClosableContext),
-      setClosable = _useContext3.setClosable;
+    setClosable = _useContext3.setClosable;
   var _useContext4 = useContext(NavigateContext),
-      navigate = _useContext4.navigate,
-      set = _useContext4.set;
+    navigate = _useContext4.navigate;
+    _useContext4.set;
   var openSocket = function openSocket(transaction) {
     var socket = new WebSocket('wss://integrate.depay.com/cable');
     socket.onopen = function (event) {
       var msg = {
         command: 'subscribe',
@@ -21243,31 +20546,20 @@ var PaymentTrackingProvider = (function (props) {
       };
       socket.send(JSON.stringify(msg));
     };
     socket.onclose = function (event) {};
     socket.onmessage = function (event) {
       var item = JSON.parse(event.data);
       if (item.type === "ping" || !item.message) {
         return;
       }
-      if (item.message.status == 'failed') {
-        setClosable(true);
-        set(['PaymentError']);
-      }
       if (validated) {
         validated(item.message.status == 'success');
       }
       if (item.message.release) {
         setRelease(true);
         setClosable(!item.message.forward_to);
         setForwardTo(item.message.forward_to);
         socket.close();
         if (!!item.message.forward_to) {
           setTimeout(function () {
             props.document.location.href = item.message.forward_to;
@@ -21275,31 +20567,23 @@ var PaymentTrackingProvider = (function (props) {
         }
       }
     };
     socket.onerror = function (error) {
       console.log('WebSocket Error: ' + error);
     };
   };
   var retryStartTracking = function retryStartTracking(transaction, afterBlock, paymentRoute, attempt) {
     attempt = parseInt(attempt || 1, 10);
-    console.log('attempt', attempt);
-    console.log('track.attempts', track === null || track === void 0 ? void 0 : track.attempts);
     if (attempt < ((track === null || track === void 0 ? void 0 : track.attempts) || 40)) {
       setTimeout(function () {
         startTracking(transaction, afterBlock, paymentRoute, attempt + 1);
       }, 3000);
     } else {
-      console.log('navigate TrackingFailed');
       navigate('TrackingFailed');
     }
   };
   var continueTryTracking = function continueTryTracking() {
     retryStartTracking(transaction, afterBlock, paymentRoute, 1);
   };
   var callTracking = function callTracking(payment) {
     if (track.endpoint) {
       return fetch(track.endpoint, {
@@ -21315,10 +20599,8 @@ var PaymentTrackingProvider = (function (props) {
       throw 'No tracking defined!';
     }
   };
   var startTracking = function startTracking(transaction, afterBlock, paymentRoute, attempt) {
     var _paymentRoute$feeAmou;
     callTracking({
       blockchain: transaction.blockchain,
       transaction: transaction.id.toLowerCase(),
@@ -21341,12 +20623,10 @@ var PaymentTrackingProvider = (function (props) {
       retryStartTracking(transaction, afterBlock, paymentRoute, attempt);
     });
   };
   var pollStatus = function pollStatus(polling, transaction, afterBlock, paymentRoute, pollingInterval) {
     if (!polling || transaction == undefined || afterBlock == undefined || paymentRoute == undefined) {
       return;
     }
     var payment = {
       blockchain: transaction.blockchain,
       transaction: transaction.id.toLowerCase(),
@@ -21355,7 +20635,6 @@ var PaymentTrackingProvider = (function (props) {
       after_block: afterBlock,
       to_token: paymentRoute.toToken.address
     };
     var handleResponse = function handleResponse(response) {
       if (response.status == 200 || response.status == 201) {
         response.json().then(function (data) {
@@ -21374,7 +20653,6 @@ var PaymentTrackingProvider = (function (props) {
         setRelease(true);
       }
     };
     if (track.poll.endpoint) {
       fetch(track.poll.endpoint, {
         method: 'POST',
@@ -21387,16 +20665,13 @@ var PaymentTrackingProvider = (function (props) {
       track.poll.method(payment).then(handleResponse);
     }
   };
   useEffect(function () {
     if (!polling) {
       return;
     }
     if (!tracking) {
       return;
     }
     var pollingInterval = setInterval(function () {
       return pollStatus(polling, transaction, afterBlock, paymentRoute, pollingInterval);
     }, 5000);
@@ -21404,7 +20679,6 @@ var PaymentTrackingProvider = (function (props) {
       clearInterval(pollingInterval);
     };
   }, [polling, transaction, afterBlock, paymentRoute]);
   var storePayment = function storePayment(transaction, afterBlock, paymentRoute, attempt) {
     fetch('https://public.depay.com/payments', {
       headers: {
@@ -21445,24 +20719,19 @@ var PaymentTrackingProvider = (function (props) {
       }, 3000);
     });
   };
   var initializeTracking = function initializeTracking(transaction, afterBlock, paymentRoute) {
     storePayment(transaction, afterBlock, paymentRoute);
     if (tracking || track && track.async == true) {
       startTracking(transaction, afterBlock, paymentRoute);
     }
     if (tracking == false) {
       return;
     }
     setTransaction(transaction);
     setAfterBlock(afterBlock);
     setPaymentRoute(paymentRoute);
     openSocket(transaction);
   };
   return /*#__PURE__*/React.createElement(PaymentTrackingContext.Provider, {
     value: {
       tracking: tracking,
@@ -21476,26 +20745,21 @@ var PaymentTrackingProvider = (function (props) {
 var TransactionTrackingProvider = (function (props) {
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      givenTransaction = _useState2[0],
-      setGivenTransaction = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    givenTransaction = _useState2[0],
+    setGivenTransaction = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      foundTransaction = _useState4[0],
-      setFoundTransaction = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    foundTransaction = _useState4[0],
+    setFoundTransaction = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      polling = _useState6[0],
-      setPolling = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    polling = _useState6[0],
+    setPolling = _useState6[1];
   var _useContext = useContext(ErrorContext);
-      _useContext.errorCallback;
+    _useContext.errorCallback;
   var _useContext2 = useContext(ConfigurationContext),
-      recover = _useContext2.recover;
+    recover = _useContext2.recover;
   useEffect(function () {
     if (polling) {
       var poll = function poll() {
@@ -21513,7 +20777,6 @@ var TransactionTrackingProvider = (function (props) {
           }
         });
       };
       var pollingInterval = setInterval(poll, 5000);
       poll();
       return function () {
@@ -21521,13 +20784,11 @@ var TransactionTrackingProvider = (function (props) {
       };
     }
   }, [polling]);
   var createTracking = function createTracking(transaction, afterBlock, attempt) {
     if (attempt > 3) {
       console.log('TRANSACTION TRACKING FAILED AFTER 3 ATTEMPTS!');
       return;
     }
     fetch('https://public.depay.com/transactions', {
       method: 'POST',
       headers: {
@@ -21556,10 +20817,8 @@ var TransactionTrackingProvider = (function (props) {
       }, 3000);
     });
   };
   var openSocket = function openSocket(transaction) {
     var socket = new WebSocket('wss://integrate.depay.com/cable');
     socket.onopen = function (event) {
       var msg = {
         command: 'subscribe',
@@ -21572,37 +20831,28 @@ var TransactionTrackingProvider = (function (props) {
       };
       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.status && item.message.status != 'pending') {
         setFoundTransaction(item.message);
       }
     };
     socket.onerror = function (error) {
       console.log('WebSocket Error: ' + error);
     };
   };
   var initializeTracking = function initializeTracking(transaction, afterBlock) {
     setGivenTransaction(transaction);
     if (recover == undefined) {
       createTracking(transaction, afterBlock, 1);
     }
     openSocket(transaction);
     setPolling(true);
   };
   useEffect(function () {
     if (recover) {
       initializeTracking({
@@ -21623,38 +20873,31 @@ var TransactionTrackingProvider = (function (props) {
 var WalletProvider = (function (props) {
   var _useContext = useContext(ConfigurationContext),
-      recover = _useContext.recover;
+    recover = _useContext.recover;
   var _useContext2 = useContext(ErrorContext);
-      _useContext2.setError;
+    _useContext2.setError;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      wallet = _useState2[0],
-      setWallet = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    wallet = _useState2[0],
+    setWallet = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      account = _useState4[0],
-      setAccount = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    account = _useState4[0],
+    setAccount = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      walletState = _useState6[0],
-      setWalletState = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    walletState = _useState6[0],
+    setWalletState = _useState6[1];
   var connected = function connected(_ref) {
     var account = _ref.account,
-        wallet = _ref.wallet;
+      wallet = _ref.wallet;
     setAccount(account);
     setWallet(wallet);
     setWalletState('connected');
     if (props.connected) {
       props.connected(account);
     }
   };
   if (walletState == 'connected' || recover != undefined) {
     return /*#__PURE__*/React.createElement(WalletContext.Provider, {
       value: {
@@ -21680,33 +20923,26 @@ var preflight$2 = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             accept = _ref.accept;
             if (!(!(accept instanceof Array) || accept.length == 0)) {
               _context.next = 3;
               break;
             }
             throw 'You need to set the tokens you accept as donation!';
           case 3:
             accept.forEach(function (configuration) {
               if (typeof configuration.blockchain === 'undefined') {
                 throw 'You need to set the blockchain you want to receive the donation on!';
               }
               if (!['ethereum', 'bsc', 'polygon'].includes(configuration.blockchain)) {
                 throw 'You need to set a supported blockchain!';
               }
               if (typeof configuration.token === 'undefined') {
                 throw 'You need to set the token you want to receive as donation!';
               }
               if (typeof configuration.receiver === 'undefined') {
                 throw 'You need to set the receiver address that you want to receive the donation!';
               }
             });
           case 4:
           case "end":
             return _context.stop();
@@ -21714,27 +20950,24 @@ var preflight$2 = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
   return function preflight(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
 var Donation = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, accept, event, sent, confirmed, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, title, document, unmount;
+    var amount, accept, event, sent, succeeded, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, title, 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, validated = _ref3.validated, 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, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, title = _ref3.title, document = _ref3.document;
+            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, succeeded = _ref3.succeeded, validated = _ref3.validated, 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, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, title = _ref3.title, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
             return preflight$2({
               accept: accept
             });
           case 5:
             unmount = mount({
               style: style,
@@ -21757,7 +20990,7 @@ var Donation = /*#__PURE__*/function () {
                     track: track,
                     fee: fee,
                     sent: sent,
-                    confirmed: confirmed,
+                    succeeded: succeeded,
                     validated: validated,
                     failed: failed,
                     blacklist: blacklist,
@@ -21790,16 +21023,13 @@ var Donation = /*#__PURE__*/function () {
             return _context2.abrupt("return", {
               unmount: unmount
             });
           case 9:
             _context2.prev = 9;
             _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
             if (critical != undefined) {
               critical(_context2.t0);
             }
           case 13:
           case "end":
             return _context2.stop();
@@ -21807,7 +21037,6 @@ var Donation = /*#__PURE__*/function () {
       }
     }, _callee2, null, [[2, 9]]);
   }));
   return function Donation(_x2) {
     return _ref4.apply(this, arguments);
   };
@@ -21815,23 +21044,19 @@ var Donation = /*#__PURE__*/function () {
 var SignLoginDialog = (function (props) {
   var _useContext = useContext(ErrorContext),
-      setError = _useContext.setError;
+    setError = _useContext.setError;
   var _useContext2 = useContext(ConfigurationContext),
-      message = _useContext2.message,
-      endpoint = _useContext2.endpoint;
+    message = _useContext2.message,
+    endpoint = _useContext2.endpoint;
   var _useContext3 = useContext(ConfigurationContext),
-      recover = _useContext3.recover;
-  var wallet = getWallet();
+    recover = _useContext3.recover;
+  var wallet = getWallets()[0];
   wallet !== null && wallet !== void 0 && wallet.name ? wallet.name : 'wallet';
   var walletLogo = wallet !== null && wallet !== void 0 && wallet.logo ? wallet.logo : undefined;
   if (typeof recover != 'function') {
     recover = function recover(_ref) {
       var message = _ref.message,
-          signature = _ref.signature;
+        signature = _ref.signature;
       return new Promise(function (resolve, reject) {
         fetch(endpoint, {
           method: 'POST',
@@ -21856,7 +21081,6 @@ var SignLoginDialog = (function (props) {
       });
     };
   }
   var login = function login() {
     wallet.sign(message).then(function (signature) {
       recover({
@@ -21869,7 +21093,6 @@ var SignLoginDialog = (function (props) {
       }
     });
   };
   return /*#__PURE__*/React.createElement(Dialog$1, {
     body: /*#__PURE__*/React.createElement("div", {
       className: "TextCenter"
@@ -21896,14 +21119,12 @@ var SignLoginDialog = (function (props) {
 var LoginStack = (function (props) {
   var _useContext = useContext(ClosableContext),
-      open = _useContext.open,
-      close = _useContext.close;
+    open = _useContext.open,
+    close = _useContext.close;
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2);
-      _useState2[0];
-      _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    _useState2[1];
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
     open: open,
     close: close,
@@ -21922,7 +21143,6 @@ var LoginStack = (function (props) {
 var Login = function Login(options) {
   requireReactVersion();
   var style, error, document, message, endpoint, recover;
   if (_typeof(options) == 'object') {
     style = options.style;
     error = options.error;
@@ -21931,7 +21151,6 @@ var Login = function Login(options) {
     endpoint = options.endpoint;
     recover = options.recover;
   }
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(_resolve, reject) {
       return regenerator.wrap(function _callee$(_context) {
@@ -21947,7 +21166,6 @@ var Login = function Login(options) {
                     reject('USER_CLOSED_DIALOG');
                     unmount();
                   };
                   return function (container) {
                     return /*#__PURE__*/React.createElement(ErrorProvider, {
                       errorCallback: error,
@@ -21966,14 +21184,12 @@ var Login = function Login(options) {
                       container: container,
                       resolve: function resolve(account) {
                         unmount();
                         _resolve(account);
                       }
                     }), /*#__PURE__*/React.createElement(PoweredBy, null)))));
                   };
                 });
               })["catch"](reject);
             case 1:
             case "end":
               return _context.stop();
@@ -21981,7 +21197,6 @@ var Login = function Login(options) {
         }
       }, _callee);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
@@ -21992,15 +21207,13 @@ var PaymentAmountRoutingContext = /*#__PURE__*/React.createContext();
 var PaymentAmountRoutingProvider = (function (props) {
   var _useContext = useContext(ChangableAmountContext),
-      amountsMissing = _useContext.amountsMissing,
-      acceptWithAmount = _useContext.acceptWithAmount,
-      setMaxRoute = _useContext.setMaxRoute;
+    amountsMissing = _useContext.amountsMissing,
+    acceptWithAmount = _useContext.acceptWithAmount,
+    setMaxRoute = _useContext.setMaxRoute;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      accept = _useState2[0],
-      setAccept = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    accept = _useState2[0],
+    setAccept = _useState2[1];
   useEffect(function () {
     if (amountsMissing) {
       if (acceptWithAmount) {
@@ -22024,13 +21237,11 @@ var PaymentAmountRoutingProvider = (function (props) {
 var PaymentOverviewSkeleton = (function (props) {
   var _useContext = useContext(ChangableAmountContext),
-      amountsMissing = _useContext.amountsMissing,
-      fixedAmount = _useContext.fixedAmount;
+    amountsMissing = _useContext.amountsMissing,
+    fixedAmount = _useContext.fixedAmount;
   var _useContext2 = useContext(PaymentRoutingContext),
-      slowRouting = _useContext2.slowRouting,
-      selectedRoute = _useContext2.selectedRoute;
+    slowRouting = _useContext2.slowRouting,
+    selectedRoute = _useContext2.selectedRoute;
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -22064,29 +21275,23 @@ var PaymentOverviewSkeleton = (function (props) {
 var PaymentOverviewDialog = (function (props) {
   var _useContext = useContext(ConfigurationContext),
-      currencyCode = _useContext.currencyCode,
-      recover = _useContext.recover;
+    currencyCode = _useContext.currencyCode,
+    recover = _useContext.recover;
   var _useContext2 = useContext(PaymentContext),
-      payment = _useContext2.payment,
-      paymentState = _useContext2.paymentState;
+    payment = _useContext2.payment,
+    paymentState = _useContext2.paymentState;
   var _useContext3 = useContext(ChangableAmountContext),
-      amount = _useContext3.amount,
-      amountsMissing = _useContext3.amountsMissing,
-      fixedAmount = _useContext3.fixedAmount,
-      fixedCurrency = _useContext3.fixedCurrency;
+    amount = _useContext3.amount,
+    amountsMissing = _useContext3.amountsMissing,
+    fixedAmount = _useContext3.fixedAmount,
+    fixedCurrency = _useContext3.fixedCurrency;
   var _useContext4 = useContext(PaymentValueContext),
-      paymentValue = _useContext4.paymentValue;
+    paymentValue = _useContext4.paymentValue;
   var _useContext5 = useContext(NavigateStackContext),
-      navigate = _useContext5.navigate;
+    navigate = _useContext5.navigate;
   if (payment == undefined || recover == undefined && paymentValue == undefined) {
     return /*#__PURE__*/React.createElement(PaymentOverviewSkeleton, null);
   }
   var blockchain = Blockchain.findByName(payment.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
@@ -22103,7 +21308,6 @@ var PaymentOverviewDialog = (function (props) {
         if (paymentState != 'initialized') {
           return;
         }
         navigate('ChangeAmount');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -22128,7 +21332,6 @@ var PaymentOverviewDialog = (function (props) {
         if (paymentState != 'initialized') {
           return;
         }
         navigate('ChangePayment');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -22167,19 +21370,15 @@ var PaymentOverviewDialog = (function (props) {
 var TrackingFailedDialog = (function () {
   var _useContext = useContext(PaymentTrackingContext),
-      continueTryTracking = _useContext.continueTryTracking;
+    continueTryTracking = _useContext.continueTryTracking;
   var _useContext2 = useContext(PaymentContext),
-      transaction = _useContext2.transaction;
+    transaction = _useContext2.transaction;
   var _useContext3 = useContext(NavigateStackContext),
-      navigate = _useContext3.navigate;
+    navigate = _useContext3.navigate;
   var tryAgain = function tryAgain() {
     continueTryTracking();
     navigate('back');
   };
   return /*#__PURE__*/React.createElement(Dialog$1, {
     stacked: false,
     header: /*#__PURE__*/React.createElement("div", {
@@ -22215,12 +21414,10 @@ var TrackingFailedDialog = (function () {
 var PaymentStack = (function (props) {
   var _useContext = useContext(ClosableContext),
-      open = _useContext.open,
-      close = _useContext.close;
+    open = _useContext.open,
+    close = _useContext.close;
   var _useContext2 = useContext(NavigateContext),
-      setNavigator = _useContext2.setNavigator;
+    setNavigator = _useContext2.setNavigator;
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
     setNavigator: setNavigator,
     open: open,
@@ -22232,7 +21429,7 @@ var PaymentStack = (function (props) {
       PaymentOverview: /*#__PURE__*/React.createElement(PaymentOverviewDialog, null),
       ChangeAmount: /*#__PURE__*/React.createElement(ChangeAmountDialog, null),
       ChangePayment: /*#__PURE__*/React.createElement(ChangePaymentDialog, null),
-      PaymentError: /*#__PURE__*/React.createElement(PaymentErrorDialog, null),
+      PaymentFailed: /*#__PURE__*/React.createElement(PaymentFailedDialog, null),
       WrongNetwork: /*#__PURE__*/React.createElement(WrongNetworkDialog, null),
       TrackingFailed: /*#__PURE__*/React.createElement(TrackingFailedDialog, null)
     }
@@ -22247,37 +21444,29 @@ var preflight$1 = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             accept = _ref.accept, recover = _ref.recover;
             if (!recover) {
               _context.next = 3;
               break;
             }
             return _context.abrupt("return");
           case 3:
             accept.forEach(function (configuration) {
               if (typeof configuration.blockchain === 'undefined') {
                 throw 'You need to set the blockchain your want to receive the payment on!';
               }
               if (!['ethereum', 'bsc', 'polygon'].includes(configuration.blockchain)) {
                 throw 'You need to set a supported blockchain!';
               }
               if (typeof configuration.token === 'undefined' && typeof configuration.fromToken === 'undefined' && typeof configuration.fromAmount === 'undefined' && typeof configuration.toToken === 'undefined') {
                 throw 'You need to set the token you want to receive as payment!';
               }
               if (typeof configuration.token === 'undefined' && typeof configuration.fromToken !== 'undefined' && typeof configuration.fromAmount === 'undefined' && typeof configuration.toToken === 'undefined') {
                 throw 'You need to set the fromToken, fromAmount and toToken!';
               }
               if (typeof configuration.receiver === 'undefined') {
                 throw 'You need to set the receiver address that you want to receive the payment!';
               }
             });
           case 4:
           case "end":
             return _context.stop();
@@ -22285,20 +21474,18 @@ var preflight$1 = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
   return function preflight(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
 var Payment = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var accept, amount, event, sent, confirmed, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, link, container, before, document, unmount;
+    var accept, amount, event, sent, succeeded, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, link, container, before, 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, validated = _ref3.validated, 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, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, before = _ref3.before, document = _ref3.document;
+            accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, succeeded = _ref3.succeeded, validated = _ref3.validated, 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, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, before = _ref3.before, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
@@ -22306,7 +21493,6 @@ var Payment = /*#__PURE__*/function () {
               accept: accept,
               recover: recover
             });
           case 5:
             unmount = mount({
               style: style,
@@ -22328,7 +21514,7 @@ var Payment = /*#__PURE__*/function () {
                     currency: currency,
                     event: event,
                     sent: sent,
-                    confirmed: confirmed,
+                    succeeded: succeeded,
                     validated: validated,
                     failed: failed,
                     whitelist: whitelist,
@@ -22370,16 +21556,13 @@ var Payment = /*#__PURE__*/function () {
             return _context2.abrupt("return", {
               unmount: unmount
             });
           case 9:
             _context2.prev = 9;
             _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
             if (critical != undefined) {
               critical(_context2.t0);
             }
           case 13:
           case "end":
             return _context2.stop();
@@ -22387,19 +21570,17 @@ var Payment = /*#__PURE__*/function () {
       }
     }, _callee2, null, [[2, 9]]);
   }));
   return function Payment(_x2) {
     return _ref4.apply(this, arguments);
   };
 }();
 Payment.preload = function (_ref5) {
   var account = _ref5.account,
-      accept = _ref5.accept,
-      whitelist = _ref5.whitelist,
-      blacklist = _ref5.blacklist,
-      event = _ref5.event,
-      fee = _ref5.fee;
+    accept = _ref5.accept,
+    whitelist = _ref5.whitelist,
+    blacklist = _ref5.blacklist,
+    event = _ref5.event,
+    fee = _ref5.fee;
   routePayments({
     account: account,
     accept: accept,
@@ -22416,25 +21597,21 @@ var ToTokenContext = /*#__PURE__*/React.createContext();
 var ToTokenProvider = (function (props) {
   var _useContext = useContext(PaymentContext),
-      payment = _useContext.payment;
+    payment = _useContext.payment;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      toToken = _useState2[0],
-      setToToken = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    toToken = _useState2[0],
+    setToToken = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      toTokenReadableAmount = _useState4[0],
-      setToTokenReadableAmount = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    toTokenReadableAmount = _useState4[0],
+    setToTokenReadableAmount = _useState4[1];
   useEffect(function () {
     if (payment) {
       Promise.all([payment.route.toToken.symbol(), payment.route.toToken.readable(payment.route.toAmount)]).then(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
-            symbol = _ref2[0],
-            readableAmount = _ref2[1];
+          symbol = _ref2[0],
+          readableAmount = _ref2[1];
         setToToken({
           address: payment.route.toToken.address,
           symbol: symbol
@@ -22453,29 +21630,23 @@ var ToTokenProvider = (function (props) {
 var SaleRoutingProvider = (function (props) {
   var _useContext = useContext(ChangableAmountContext),
-      acceptWithAmount = _useContext.acceptWithAmount,
-      setMaxRoute = _useContext.setMaxRoute;
+    acceptWithAmount = _useContext.acceptWithAmount,
+    setMaxRoute = _useContext.setMaxRoute;
   var _useContext2 = useContext(ConfigurationContext),
-      sell = _useContext2.sell;
+    sell = _useContext2.sell;
   var _useContext3 = useContext(ConfigurationContext),
-      blacklist = _useContext3.blacklist;
+    blacklist = _useContext3.blacklist;
   if (blacklist == undefined) {
     blacklist = {};
   }
   for (var blockchain in sell) {
     var token = sell[blockchain];
     if (blacklist[blockchain] instanceof Array) {
       blacklist[blockchain].push(token);
     } else {
       blacklist[blockchain] = [token];
     }
   }
   return /*#__PURE__*/React.createElement(SaleRoutingContext.Provider, {
     value: {}
   }, /*#__PURE__*/React.createElement(PaymentRoutingProvider, {
@@ -22523,31 +21694,24 @@ var SaleOverviewSkeleton = (function (props) {
 var SaleOverviewDialog = (function (props) {
   var _useContext = useContext(ChangableAmountContext);
-      _useContext.amount;
+    _useContext.amount;
   var _useContext2 = useContext(ConfigurationContext),
-      tokenImage = _useContext2.tokenImage,
-      amountConfiguration = _useContext2.amount;
+    tokenImage = _useContext2.tokenImage,
+    amountConfiguration = _useContext2.amount;
   var _useContext3 = useContext(PaymentValueContext),
-      paymentValue = _useContext3.paymentValue;
+    paymentValue = _useContext3.paymentValue;
   var _useContext4 = useContext(PaymentContext),
-      payment = _useContext4.payment,
-      paymentState = _useContext4.paymentState;
+    payment = _useContext4.payment,
+    paymentState = _useContext4.paymentState;
   var _useContext5 = useContext(NavigateStackContext),
-      navigate = _useContext5.navigate;
+    navigate = _useContext5.navigate;
   var _useContext6 = useContext(ToTokenContext),
-      toToken = _useContext6.toToken,
-      toTokenReadableAmount = _useContext6.toTokenReadableAmount;
+    toToken = _useContext6.toToken,
+    toTokenReadableAmount = _useContext6.toTokenReadableAmount;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      salePerTokenValue = _useState2[0],
-      setSalePerTokenValue = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    salePerTokenValue = _useState2[0],
+    setSalePerTokenValue = _useState2[1];
   useEffect(function () {
     if (paymentValue && (amountConfiguration == undefined || amountConfiguration.token != true) && toTokenReadableAmount) {
       var UsdAmountPerToken = paymentValue.amount / parseFloat(toTokenReadableAmount);
@@ -22559,19 +21723,15 @@ var SaleOverviewDialog = (function (props) {
         amount: 0,
         code: paymentValue.code
       }).toString();
       if (readableLocalizedAmountPerToken != zero) {
         setSalePerTokenValue(readableLocalizedAmountPerToken);
       }
     }
   }, [paymentValue, toTokenReadableAmount]);
   if (toToken == undefined || toTokenReadableAmount == undefined || payment == undefined || paymentValue == undefined) {
     return /*#__PURE__*/React.createElement(SaleOverviewSkeleton, null);
   }
   var tokenImageElement;
   if (tokenImage) {
     tokenImageElement = /*#__PURE__*/React.createElement("img", {
       src: tokenImage
@@ -22582,7 +21742,6 @@ var SaleOverviewDialog = (function (props) {
       address: toToken.address
     });
   }
   var blockchain = Blockchain.findByName(payment.blockchain);
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
@@ -22599,7 +21758,6 @@ var SaleOverviewDialog = (function (props) {
         if (paymentState != 'initialized') {
           return;
         }
         navigate('ChangeAmount');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -22635,7 +21793,6 @@ var SaleOverviewDialog = (function (props) {
         if (paymentState != 'initialized') {
           return;
         }
         navigate('ChangePayment');
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -22669,12 +21826,10 @@ var SaleOverviewDialog = (function (props) {
 var SaleStack = (function (props) {
   var _useContext = useContext(ClosableContext),
-      open = _useContext.open,
-      close = _useContext.close;
+    open = _useContext.open,
+    close = _useContext.close;
   var _useContext2 = useContext(NavigateContext),
-      setNavigator = _useContext2.setNavigator;
+    setNavigator = _useContext2.setNavigator;
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
     setNavigator: setNavigator,
     open: open,
@@ -22687,7 +21842,7 @@ var SaleStack = (function (props) {
       ChangeAmount: /*#__PURE__*/React.createElement(ChangeAmountDialog, null),
       ChangePayment: /*#__PURE__*/React.createElement(ChangePaymentDialog, null),
       NoPaymentMethodFound: /*#__PURE__*/React.createElement(NoPaymentMethodFoundDialog, null),
-      PaymentError: /*#__PURE__*/React.createElement(PaymentErrorDialog, null),
+      PaymentFailed: /*#__PURE__*/React.createElement(PaymentFailedDialog, null),
       WrongNetwork: /*#__PURE__*/React.createElement(WrongNetworkDialog, null)
     }
   });
@@ -22701,30 +21856,23 @@ var preflight = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             sell = _ref.sell;
             if (!(_typeof(sell) != 'object')) {
               _context.next = 3;
               break;
             }
             throw 'You need to configure at least 1 "blockchain": "token"';
           case 3:
             if (!(Object.keys(sell).length == 0)) {
               _context.next = 5;
               break;
             }
             throw 'You need to configure at least 1 "blockchain": "token"';
           case 5:
             if (!(Object.values(sell).length == 0)) {
               _context.next = 7;
               break;
             }
             throw 'You need to configure at least 1 "blockchain": "token"';
           case 7:
           case "end":
             return _context.stop();
@@ -22732,27 +21880,24 @@ var preflight = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
   return function preflight(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
 var Sale = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, document, accept, unmount;
+    var amount, sell, sent, succeeded, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, 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, 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, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
+            amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, succeeded = _ref3.succeeded, 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, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
             return preflight({
               sell: sell
             });
           case 5:
             accept = Object.keys(sell).map(function (key) {
               return {
@@ -22778,7 +21923,7 @@ var Sale = /*#__PURE__*/function () {
                     sell: sell,
                     currency: currency,
                     sent: sent,
-                    confirmed: confirmed,
+                    succeeded: succeeded,
                     failed: failed,
                     blacklist: blacklist,
                     providers: providers,
@@ -22807,16 +21952,13 @@ var Sale = /*#__PURE__*/function () {
             return _context2.abrupt("return", {
               unmount: unmount
             });
           case 10:
             _context2.prev = 10;
             _context2.t0 = _context2["catch"](2);
             console.log('critical error', _context2.t0);
             if (critical != undefined) {
               critical(_context2.t0);
             }
           case 14:
           case "end":
             return _context2.stop();
@@ -22824,7 +21966,6 @@ var Sale = /*#__PURE__*/function () {
       }
     }, _callee2, null, [[2, 10]]);
   }));
   return function Sale(_x2) {
     return _ref4.apply(this, arguments);
   };
@@ -22834,10 +21975,9 @@ var SelectionContext = /*#__PURE__*/React.createContext();
 var SelectionProvider = (function (props) {
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      selection = _useState2[0],
-      setSelection = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    selection = _useState2[0],
+    setSelection = _useState2[1];
   return /*#__PURE__*/React.createElement(SelectionContext.Provider, {
     value: {
       selection: selection,
@@ -22871,25 +22011,20 @@ var msToTime = (function (ms) {
 var ConfirmTokenSelectionDialog = (function (props) {
   var _useContext = useContext(SelectionContext),
-      selection = _useContext.selection;
+    selection = _useContext.selection;
   var _useContext2 = useContext(ClosableContext),
-      setOpen = _useContext2.setOpen;
+    setOpen = _useContext2.setOpen;
   var token = selection.token;
   var address = token.address || token.external_id;
   var logo = token.logo || token.image;
   var blockchain = Blockchain.findByName(token.blockchain);
   var age = token.first_transfer ? msToTime(new Date() - new Date(token.first_transfer)) : undefined;
   if (age) {
     age = [age.year && age.year >= 1 ? age.year >= 2 ? "".concat(age.year, " years") : "1 year" : undefined, age.month && age.month >= 1 ? age.month >= 2 ? "".concat(age.month, " months") : "1 month" : undefined, age.day && age.day >= 1 && age.month <= 1 && age.year < 1 ? age.day >= 2 ? "".concat(age.day, " days !!!") : "1 day !!!" : undefined].filter(function (n) {
       return n;
     }).join(' ');
   }
   var holders = token.unique_senders ? token.unique_senders : undefined;
   if (holders) {
     if (holders > 1000000) {
       holders = "Millions";
@@ -22903,7 +22038,6 @@ var ConfirmTokenSelectionDialog = (function (props) {
       holders = "Only a Few!!!";
     }
   }
   var onClickConfirm = function onClickConfirm() {
     setOpen(false);
     props.resolve({
@@ -22916,7 +22050,6 @@ var ConfirmTokenSelectionDialog = (function (props) {
     });
     setTimeout(props.unmount, 300);
   };
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -22974,26 +22107,21 @@ var ConfirmTokenSelectionDialog = (function (props) {
 var SelectBlockchainDialog = (function (props) {
   var _useContext = useContext(SelectionContext),
-      setSelection = _useContext.setSelection;
+    setSelection = _useContext.setSelection;
   var _useContext2 = useContext(NavigateStackContext),
-      navigate = _useContext2.navigate;
+    navigate = _useContext2.navigate;
   var stacked = Object.keys(props.selection).length > 1;
   var blockchains = [Blockchain.findByName('ethereum'), Blockchain.findByName('bsc'), Blockchain.findByName('polygon')];
   var selectBlockchain = function selectBlockchain(blockchain) {
     setSelection(Object.assign(props.selection, {
       blockchain: blockchain
     }));
     if (stacked) {
       navigate('back');
     } else {
       props.resolve(blockchain);
     }
   };
   var elements = blockchains.map(function (blockchain, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
@@ -23031,42 +22159,33 @@ var SelectBlockchainDialog = (function (props) {
 var SelectTokenDialog = (function (props) {
   var _useContext = useContext(NavigateStackContext),
-      navigate = _useContext.navigate;
+    navigate = _useContext.navigate;
   var _useContext2 = useContext(ClosableContext),
-      setOpen = _useContext2.setOpen;
+    setOpen = _useContext2.setOpen;
   var _useContext3 = useContext(SelectionContext),
-      setSelection = _useContext3.setSelection;
+    setSelection = _useContext3.setSelection;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      blockchain = _useState4[0],
-      setBlockchain = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    blockchain = _useState4[0],
+    setBlockchain = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showAddToken = _useState6[0],
-      setShowAddToken = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAddToken = _useState6[0],
+    setShowAddToken = _useState6[1];
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      tokens = _useState8[0],
-      setTokens = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    tokens = _useState8[0],
+    setTokens = _useState8[1];
   var _useState9 = useState(),
-      _useState10 = _slicedToArray(_useState9, 2);
-      _useState10[0];
-      _useState10[1];
+    _useState10 = _slicedToArray(_useState9, 2);
+    _useState10[0];
+    _useState10[1];
   var searchElement = useRef();
-  var wallet = getWallet();
+  var wallet = getWallets()[0];
   var startWithBlockchain = function startWithBlockchain(name) {
     var blockchain = Blockchain.findByName(name);
     setBlockchain(blockchain);
@@ -23076,12 +22195,10 @@ var SelectTokenDialog = (function (props) {
     }));
     setTokens(blockchain.tokens);
   };
   useEffect(function () {
     if (wallet) {
       wallet.connectedTo().then(function (name) {
         var blockchain = Blockchain.findByName(name);
         if (name && name.length && blockchain && blockchain.tokens && blockchain.tokens.length) {
           startWithBlockchain(name);
         } else {
@@ -23096,27 +22213,22 @@ var SelectTokenDialog = (function (props) {
     if (props.selection.blockchain) {
       setBlockchain(props.selection.blockchain);
       setTokens(props.selection.blockchain.tokens);
       if (searchElement.current) {
         searchElement.current.value = '';
         searchElement.current.focus();
       }
     }
   }, [props.selection, props.selection.blockchain]);
   var onClickChangeBlockchain = function onClickChangeBlockchain() {
     navigate('SelectBlockchain');
   };
   var onClickAddToken = function onClickAddToken() {
     setShowAddToken(true);
     if (searchElement.current) {
       searchElement.current.value = '';
       searchElement.current.focus();
     }
   };
   var searchTokens = useCallback(lodash.debounce(function (term, blockchainName) {
     fetch("https://public.depay.com/tokens/search?blockchain=".concat(blockchainName, "&term=").concat(term)).then(function (response) {
       if (response.status == 200) {
@@ -23132,32 +22244,26 @@ var SelectTokenDialog = (function (props) {
       return reject;
     });
   }, 300), []);
   var onChangeSearch = function onChangeSearch(event) {
     var term = event.target.value;
     setSearchTerm(term);
     if (term.match(/^0x/)) {
       setTokens([]);
       var token;
       try {
         token = new Token({
           blockchain: blockchain.name,
           address: term
         });
       } catch (_unused) {}
       if (token == undefined) {
         return;
       }
       Promise.all([token.name(), token.symbol(), token.decimals()]).then(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 3),
-            name = _ref2[0],
-            symbol = _ref2[1],
-            decimals = _ref2[2];
+          name = _ref2[0],
+          symbol = _ref2[1],
+          decimals = _ref2[2];
         setTokens([{
           name: name,
           symbol: symbol,
@@ -23173,7 +22279,6 @@ var SelectTokenDialog = (function (props) {
       setTokens(blockchain.tokens);
     }
   };
   var select = function select(token) {
     if (blockchain.tokens.find(function (majorToken) {
       return majorToken.address.toLowerCase() == (token.address || token.external_id).toLowerCase();
@@ -23195,7 +22300,6 @@ var SelectTokenDialog = (function (props) {
       navigate('ConfirmTokenSelection');
     }
   };
   var elements = tokens.map(function (token, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: "".concat(index, "-").concat(token.address),
@@ -23226,11 +22330,9 @@ var SelectTokenDialog = (function (props) {
       className: "CardText"
     }, token.name))));
   });
   if (blockchain == undefined) {
     return null;
   }
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -23283,22 +22385,17 @@ var SelectTokenDialog = (function (props) {
 var SelectStack = (function (props) {
   var _useContext = useContext(ConfigurationContext),
-      what = _useContext.what;
+    what = _useContext.what;
   var _useContext2 = useContext(ClosableContext),
-      open = _useContext2.open,
-      close = _useContext2.close;
+    open = _useContext2.open,
+    close = _useContext2.close;
   var _useContext3 = useContext(SelectionContext),
-      selection = _useContext3.selection;
+    selection = _useContext3.selection;
   var start;
   switch (what) {
     default:
       start = 'SelectToken';
   }
   return /*#__PURE__*/React.createElement(ReactDialogStack, {
     open: open,
     close: close,
@@ -23327,22 +22424,18 @@ var SelectStack = (function (props) {
 var Select = function Select(options) {
   requireReactVersion();
   var style, error, document, what;
   if (_typeof(options) == 'object') {
     style = options.style;
     error = options.error;
     document = options.document;
     what = options.what;
   }
   var startupError;
   if (what == undefined) {
     startupError = '"what" needs to be configured!';
   } else if (['token'].indexOf(what) < 0) {
     startupError = "Unknown \"what\" configured: ".concat(what, "!");
   }
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(resolve, reject) {
       return regenerator.wrap(function _callee$(_context) {
@@ -23357,7 +22450,6 @@ var Select = function Select(options) {
                   reject('USER_CLOSED_DIALOG');
                   unmount();
                 };
                 return function (container) {
                   return /*#__PURE__*/React.createElement(ErrorProvider, {
                     error: startupError,
@@ -23378,7 +22470,6 @@ var Select = function Select(options) {
                   })), /*#__PURE__*/React.createElement(PoweredBy, null)))));
                 };
               });
             case 1:
             case "end":
               return _context.stop();
@@ -23386,7 +22477,6 @@ var Select = function Select(options) {
         }
       }, _callee);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
@@ -23399,8 +22489,7 @@ var DePayWidgets = {
   Login: Login,
   Payment: Payment,
   Sale: Sale,
-  Select: Select,
-  provider: provider
+  Select: Select
 };
 export { DePayWidgets as default };