@depay/widgets 7.16.4 → 8.0.0

package/dist/umd/index.js

@@ -17,29 +17,24 @@
       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);
       });
     };
@@ -72,27 +67,22 @@
       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,
@@ -101,7 +91,6 @@
         writable: !0
       }), obj[key];
     }
-
     try {
       define({}, "");
     } catch (err) {
@@ -109,40 +98,33 @@
         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 {
@@ -150,13 +132,11 @@
                 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 {
@@ -170,25 +150,19 @@
         };
       }
     }
-
     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) {
@@ -196,14 +170,12 @@
         });
       });
     }
-
     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) {
@@ -214,91 +186,73 @@
             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));
@@ -322,17 +276,14 @@
       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 = {
@@ -351,20 +302,16 @@
       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);
@@ -380,13 +327,11 @@
       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);
@@ -404,19 +349,15 @@
       "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) {
@@ -428,7 +369,6 @@
       }
     }, exports;
   }
-
   module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
@@ -454,18 +394,14 @@
 
   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) {
@@ -478,17 +414,14 @@
         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;
   }
 
@@ -515,32 +448,26 @@
 
   var ClosableProvider = (function (props) {
     var _useState = React.useState(true),
-        _useState2 = _slicedToArray(_useState, 2),
-        closable = _useState2[0],
-        setClosable = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      closable = _useState2[0],
+      setClosable = _useState2[1];
     var _useState3 = React.useState(true),
-        _useState4 = _slicedToArray(_useState3, 2),
-        open = _useState4[0],
-        setOpen = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      open = _useState4[0],
+      setOpen = _useState4[1];
     var _useContext = React.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__default["default"].createElement(ClosableContext.Provider, {
       value: {
         closable: closable,
@@ -591,12 +518,10 @@
 
   var Dialog$1 = (function (props) {
     var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext.navigate;
-
+      navigate = _useContext.navigate;
     var _useContext2 = React.useContext(ClosableContext),
-        close = _useContext2.close,
-        closable = _useContext2.closable;
-
+      close = _useContext2.close,
+      closable = _useContext2.closable;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "Dialog"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -624,13 +549,11 @@
 
   var ConnectingWalletDialog = (function (props) {
     var _useState = React.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        showConnectButton = _useState2[0],
-        setShowConnectButton = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      showConnectButton = _useState2[0],
+      setShowConnectButton = _useState2[1];
     var _useContext = React.useContext(reactDialogStack.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;
@@ -642,7 +565,6 @@
         return clearTimeout(timeout);
       };
     }, []);
-
     if (props.pending) {
       return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
         stacked: true,
@@ -713,17 +635,15 @@
 
   var SelectWalletDialog = (function (props) {
     var _useState = React.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        showExplanation = _useState2[0],
-        setShowExplanation = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      showExplanation = _useState2[0],
+      setShowExplanation = _useState2[1];
     var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext.navigate;
-
-    var wallet = web3Wallets.getWallet();
+      navigate = _useContext.navigate;
+    var wallet = web3Wallets.getWallets()[0];
     React.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) {
@@ -732,18 +652,14 @@
                   _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();
@@ -752,27 +668,21 @@
         }, _callee);
       }))();
     }, [wallet]);
-
     var connect = function connect(walletClass) {
       var wallet = new walletClass();
       props.setWallet(wallet);
       navigate('ConnectingWallet');
       props.connect(wallet);
     };
-
     var availableWallets = [web3Wallets.wallets.WalletConnect, web3Wallets.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__default["default"].createElement("div", {
         key: index,
         className: "PaddingBottomXS"
@@ -821,41 +731,34 @@
 
   var ConnectStack = (function (props) {
     var _useContext = React.useContext(ClosableContext),
-        open = _useContext.open,
-        close = _useContext.close;
-
+      open = _useContext.open,
+      close = _useContext.close;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        pending = _useState2[0],
-        setPending = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      pending = _useState2[0],
+      setPending = _useState2[1];
     var _useState3 = React.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();
@@ -864,7 +767,6 @@
         }, _callee);
       })))["catch"](function (error) {
         setPending(false);
-
         if ((error === null || error === void 0 ? void 0 : error.code) == 4001) {
           // User rejected the request.
           return;
@@ -877,17 +779,15 @@
         }
       });
     };
-
     React.useEffect(function () {
-      var wallet = web3Wallets.getWallet();
-
+      var wallet = web3Wallets.getWallets()[0];
       if (wallet) {
         setWallet(wallet);
       }
     }, []);
     React.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) {
@@ -896,21 +796,16 @@
                   _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();
@@ -962,7 +857,6 @@
       Object.defineProperty(target, descriptor.key, descriptor);
     }
   }
-
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
@@ -984,7 +878,6 @@
     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,
@@ -1002,7 +895,6 @@
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-
     return self;
   }
 
@@ -1012,7 +904,6 @@
     } else if (call !== void 0) {
       throw new TypeError("Derived constructors may only return object or undefined");
     }
-
     return _assertThisInitialized(self);
   }
 
@@ -1193,23 +1084,20 @@
   }
 
   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);
       }
     }, {
@@ -1218,36 +1106,31 @@
         return this.props.children;
       }
     }]);
-
     return ErrorBoundary;
   }(React__default["default"].Component);
-
   var ErrorProvider = (function (props) {
     var _useState = React.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 = React.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__default["default"].createElement(ReactDialog, {
         container: props.container,
         close: close,
@@ -1273,7 +1156,7 @@
         className: "PaddingLeftS PaddingRightS"
       }, /*#__PURE__*/React__default["default"].createElement("pre", {
         className: "ErrorSnippetText"
-      }, error.toString())), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, error.message || error.toString())), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingBottomS"
       }, /*#__PURE__*/React__default["default"].createElement("strong", {
         className: "FontSizeM PaddingTopS"
@@ -1407,7 +1290,6 @@
 
   var styleRenderer = (function (style) {
     var _style, _style2;
-
     style = {
       colors: Object.assign({
         primary: '#ea357a',
@@ -1422,44 +1304,37 @@
 
   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.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;
   });
 
@@ -1482,10 +1357,9 @@
 
   var UpdatableProvider = (function (props) {
     var _useState = React.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__default["default"].createElement(UpdatableContext.Provider, {
       value: {
         updatable: updatable,
@@ -1497,44 +1371,35 @@
   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 = web3Wallets.getWallet();
-
+                wallet = web3Wallets.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,
@@ -1544,7 +1409,6 @@
                     reject('USER_CLOSED_DIALOG');
                     unmount();
                   };
-
                   return function (container) {
                     return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
                       errorCallback: error,
@@ -1561,7 +1425,6 @@
                     }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null))));
                   };
                 });
-
               case 8:
               case "end":
                 return _context.stop();
@@ -1569,7 +1432,6 @@
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
@@ -1602,15 +1464,12 @@
     var sortedLowToHigh = _toConsumableArray(routes).sort(function (a, b) {
       var aAmountsAvailable = ethers.ethers.BigNumber.from(a.fromBalance).div(ethers.ethers.BigNumber.from(a.fromAmount));
       var bAmountsAvailable = ethers.ethers.BigNumber.from(b.fromBalance).div(ethers.ethers.BigNumber.from(b.fromAmount));
-
       if (aAmountsAvailable.lt(bAmountsAvailable)) {
         return -1;
       }
-
       if (bAmountsAvailable.lt(aAmountsAvailable)) {
         return 1;
       }
-
       return 0; // equal
     });
 
@@ -1619,26 +1478,20 @@
 
   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 {
@@ -1647,10 +1500,8 @@
         } 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));
@@ -18873,42 +18724,32 @@
         return typeof configuration.amount != 'undefined' || typeof configuration.fromAmount != 'undefined';
       });
     };
-
     var _useContext = React.useContext(ConfigurationContext),
-        configuredAmount = _useContext.amount;
-        _useContext.toAmount;
-        var recover = _useContext.recover;
-
+      configuredAmount = _useContext.amount;
+      _useContext.toAmount;
+      var recover = _useContext.recover;
     var _useState = React.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 = React.useContext(WalletContext),
-        account = _useContext2.account;
-
+      account = _useContext2.account;
     var _useContext3 = React.useContext(ConversionRateContext),
-        conversionRate = _useContext3.conversionRate,
-        fixedCurrencyConversionRate = _useContext3.fixedCurrencyConversionRate;
-
+      conversionRate = _useContext3.conversionRate,
+      fixedCurrencyConversionRate = _useContext3.fixedCurrencyConversionRate;
     var _useContext4 = React.useContext(ErrorContext),
-        setError = _useContext4.setError;
-
+      setError = _useContext4.setError;
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        acceptWithAmount = _useState4[0],
-        setAcceptWithAmount = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      acceptWithAmount = _useState4[0],
+      setAcceptWithAmount = _useState4[1];
     var _useState5 = React.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 = React.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;
@@ -18918,34 +18759,28 @@
         startAmount = 1;
       }
     }
-
     var _useState9 = React.useState(startAmount),
-        _useState10 = _slicedToArray(_useState9, 2),
-        amount = _useState10[0],
-        setAmount = _useState10[1];
-
+      _useState10 = _slicedToArray(_useState9, 2),
+      amount = _useState10[0],
+      setAmount = _useState10[1];
     var _useState11 = React.useState(),
-        _useState12 = _slicedToArray(_useState11, 2),
-        maxRoute = _useState12[0],
-        setMaxRoute = _useState12[1];
-
+      _useState12 = _slicedToArray(_useState11, 2),
+      maxRoute = _useState12[0],
+      setMaxRoute = _useState12[1];
     var _useState13 = React.useState(),
-        _useState14 = _slicedToArray(_useState13, 2),
-        maxAmount = _useState14[0],
-        setMaxAmount = _useState14[1];
-
+      _useState14 = _slicedToArray(_useState13, 2),
+      maxAmount = _useState14[0],
+      setMaxAmount = _useState14[1];
     React.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 () {
@@ -18998,12 +18833,11 @@
         }
       });
     };
-
     var updateAmounts = React.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,
@@ -19013,7 +18847,6 @@
           if (amounts[index] == undefined) {
             return;
           }
-
           return {
             blockchain: configuration.blockchain,
             amount: round(amounts[index]),
@@ -19029,7 +18862,6 @@
       if (recover) {
         return;
       }
-
       if (amountsMissing && account && conversionRate && (fixedAmount ? fixedCurrencyConversionRate : true)) {
         updateAmounts({
           account: account,
@@ -19059,7 +18891,6 @@
                 }).then(setMaxAmount);
                 return;
               }
-
               web3Tokens.Token.readable({
                 amount: routes[0].amountOut,
                 blockchain: maxRoute.blockchain,
@@ -19072,7 +18903,6 @@
             })["catch"](setError);
           } else if (maxRoute.fromToken.address == web3Constants.CONSTANTS[maxRoute.blockchain].USD) {
             var _maxAmount = parseFloat(new decimal_js.Decimal(readableMaxAmount).mul(conversionRate).toString());
-
             setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount - 1) : _maxAmount - 1);
           } else {
             web3Exchanges.route({
@@ -19086,7 +18916,6 @@
               if (routes[0] == undefined) {
                 return;
               }
-
               web3Tokens.Token.readable({
                 amount: routes[0].amountOut,
                 blockchain: maxRoute.blockchain,
@@ -19137,22 +18966,18 @@
 
   var ConversionRateProvider = (function (props) {
     var _useContext = React.useContext(ErrorContext);
-        _useContext.setError;
-
+      _useContext.setError;
     var _useContext2 = React.useContext(ConfigurationContext),
-        amount = _useContext2.amount,
-        currency = _useContext2.currency;
-
+      amount = _useContext2.amount,
+      currency = _useContext2.currency;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        conversionRate = _useState2[0],
-        setConversionRate = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      conversionRate = _useState2[0],
+      setConversionRate = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        fixedCurrencyConversionRate = _useState4[0],
-        setFixedCurrencyConversionRate = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      fixedCurrencyConversionRate = _useState4[0],
+      setFixedCurrencyConversionRate = _useState4[1];
     React.useEffect(function () {
       if (_typeof(amount) == 'object' && amount.currency) {
         localCurrency.Currency.fromUSD({
@@ -19162,7 +18987,6 @@
           return setFixedCurrencyConversionRate(conversion.amount);
         });
       }
-
       localCurrency.Currency.fromUSD({
         amount: 1,
         code: currency
@@ -19186,8 +19010,7 @@
 
   var NoPaymentMethodFoundDialog = (function () {
     var _useContext = React.useContext(ClosableContext),
-        close = _useContext.close;
-
+      close = _useContext.close;
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM"
@@ -19225,87 +19048,68 @@
 
   var PaymentProvider = (function (props) {
     var _useContext = React.useContext(ErrorContext),
-        setError = _useContext.setError;
-
+      setError = _useContext.setError;
     var _useContext2 = React.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 = React.useContext(PaymentRoutingContext),
-        selectedRoute = _useContext3.selectedRoute;
-        _useContext3.getPaymentRoutes;
-
+      selectedRoute = _useContext3.selectedRoute;
+      _useContext3.getPaymentRoutes;
     var _useContext4 = React.useContext(ClosableContext),
-        open = _useContext4.open,
-        close = _useContext4.close,
-        setClosable = _useContext4.setClosable;
-
+      open = _useContext4.open,
+      close = _useContext4.close,
+      setClosable = _useContext4.setClosable;
     var _useContext5 = React.useContext(PaymentRoutingContext),
-        allRoutes = _useContext5.allRoutes;
-
+      allRoutes = _useContext5.allRoutes;
     var _useContext6 = React.useContext(UpdatableContext),
-        setUpdatable = _useContext6.setUpdatable;
-
+      setUpdatable = _useContext6.setUpdatable;
     var _useContext7 = React.useContext(NavigateContext),
-        navigate = _useContext7.navigate,
-        set = _useContext7.set;
-
+      navigate = _useContext7.navigate,
+      set = _useContext7.set;
     var _useContext8 = React.useContext(WalletContext),
-        wallet = _useContext8.wallet;
-
+      wallet = _useContext8.wallet;
     var _useContext9 = React.useContext(PaymentTrackingContext),
-        release = _useContext9.release,
-        tracking = _useContext9.tracking,
-        initializePaymentTracking = _useContext9.initializeTracking;
-
+      release = _useContext9.release,
+      tracking = _useContext9.tracking,
+      initializePaymentTracking = _useContext9.initializeTracking;
     var _useContext10 = React.useContext(TransactionTrackingContext),
-        foundTransaction = _useContext10.foundTransaction,
-        initializeTransactionTracking = _useContext10.initializeTracking;
-
+      foundTransaction = _useContext10.foundTransaction,
+      initializeTransactionTracking = _useContext10.initializeTracking;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        payment = _useState2[0],
-        setPayment = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      payment = _useState2[0],
+      setPayment = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        transaction = _useState4[0],
-        setTransaction = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      transaction = _useState4[0],
+      setTransaction = _useState4[1];
     var _useState5 = React.useState(),
-        _useState6 = _slicedToArray(_useState5, 2),
-        approvalTransaction = _useState6[0],
-        setApprovalTransaction = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      approvalTransaction = _useState6[0],
+      setApprovalTransaction = _useState6[1];
     var _useState7 = React.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;
@@ -19317,20 +19121,15 @@
                   _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');
@@ -19340,33 +19139,29 @@
                   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();
@@ -19374,17 +19169,15 @@
           }
         }, _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);
@@ -19398,10 +19191,9 @@
         setClosable(true);
       });
     };
-
     React.useEffect(function () {
       if (release) {
-        setPaymentState('confirmed');
+        setPaymentState('success');
       }
     }, [release]);
     React.useEffect(function () {
@@ -19424,9 +19216,8 @@
         });
         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,
@@ -19440,7 +19231,6 @@
     React.useEffect(function () {
       if (foundTransaction && foundTransaction.id && foundTransaction.status) {
         var newTransaction;
-
         if (foundTransaction.id.toLowerCase() != transaction.id.toLowerCase()) {
           newTransaction = Object.assign({}, transaction, {
             id: foundTransaction.id,
@@ -19450,9 +19240,8 @@
           });
           setTransaction(newTransaction);
         }
-
         if (foundTransaction.status == 'success') {
-          paymentConfirmed(newTransaction || transaction);
+          paymentSucceeded(newTransaction || transaction);
         } else if (foundTransaction.status == 'failed') {
           paymentFailed(newTransaction || transaction);
         }
@@ -19463,10 +19252,9 @@
         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,
@@ -19487,7 +19275,6 @@
         setUpdatable(true);
       }
     }, [allRoutes]);
-
     if (allRoutes instanceof Array && allRoutes.length == 0) {
       return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
         open: open,
@@ -19524,14 +19311,11 @@
     } 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;
@@ -19540,7 +19324,6 @@
       toContract: toContract
     });
   };
-
   var mergeFromAccounts = function mergeFromAccounts(accept, account) {
     var from = {};
     accept.forEach(function (accept) {
@@ -19548,14 +19331,13 @@
     });
     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 web3Payments.route({
       accept: accept.map(prepareAcceptedPayments),
       from: mergeFromAccounts(accept, account),
@@ -19567,421 +19349,100 @@
   });
 
   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 = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        allRoutes = _useState2[0],
-        setAllRoutes = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      allRoutes = _useState2[0],
+      setAllRoutes = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        updatedRouteWithNewPrice = _useState4[0],
-        setUpdatedRouteWithNewPrice = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      updatedRouteWithNewPrice = _useState4[0],
+      setUpdatedRouteWithNewPrice = _useState4[1];
     var _useState5 = React.useState(),
-        _useState6 = _slicedToArray(_useState5, 2),
-        selectedRoute = _useState6[0],
-        setSelectedRoute = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedRoute = _useState6[0],
+      setSelectedRoute = _useState6[1];
     var _useState7 = React.useState(false),
-        _useState8 = _slicedToArray(_useState7, 2),
-        slowRouting = _useState8[0],
-        setSlowRouting = _useState8[1];
-
+      _useState8 = _slicedToArray(_useState7, 2),
+      slowRouting = _useState8[0],
+      setSlowRouting = _useState8[1];
     var _useState9 = React.useState(0),
-        _useState10 = _slicedToArray(_useState9, 2),
-        reloadCount = _useState10[0],
-        setReloadCount = _useState10[1];
-
+      _useState10 = _slicedToArray(_useState9, 2),
+      reloadCount = _useState10[0],
+      setReloadCount = _useState10[1];
     var _useContext = React.useContext(WalletContext),
-        account = _useContext.account;
-
+      account = _useContext.account;
     var _useContext2 = React.useContext(UpdatableContext),
-        updatable = _useContext2.updatable;
-
+      updatable = _useContext2.updatable;
     var _useContext3 = React.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 web3Client.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.ethers.BigNumber.from(route.fromAmount).mul(10000).div(ethers.ethers.BigNumber.from(route.toAmount).add(ethers.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 (_amountInWithSlippage == undefined || selectedRoute.fromAmount != _amountInWithSlippage.toString()) {
-                                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);
@@ -19992,145 +19453,86 @@
         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);
       };
     }();
-
-    React.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 = 7;
-                    break;
-                  }
-
-                  _context9.next = 6;
-                  return roundAmount(selectedRoute, amountInWithSlippage);
-
-                case 6:
-                  setUpdatedRouteWithNewPrice(selectedRoute);
-
-                case 7:
-                case "end":
-                  return _context9.stop();
-              }
-            }
-          }, _callee9);
-        }));
-        return _updateRouteWithAmountInWithSlippage.apply(this, arguments);
-      }
-
-      if (selectedRoute) {
-        updateRouteWithAmountInWithSlippage();
-      }
-    }, [selectedRoute]);
     React.useEffect(function () {
       var timeout = setTimeout(function () {
         setReloadCount(reloadCount + 1);
@@ -20167,55 +19569,42 @@
 
   var PaymentValueProvider = (function (props) {
     var _useContext = React.useContext(ErrorContext),
-        setError = _useContext.setError;
-
+      setError = _useContext.setError;
     var _useContext2 = React.useContext(WalletContext),
-        account = _useContext2.account;
-
+      account = _useContext2.account;
     var _useContext3 = React.useContext(UpdatableContext),
-        updatable = _useContext3.updatable;
-
+      updatable = _useContext3.updatable;
     var _useContext4 = React.useContext(ConfigurationContext),
-        configuredAmount = _useContext4.amount,
-        currencyCode = _useContext4.currencyCode;
-
+      configuredAmount = _useContext4.amount,
+      currencyCode = _useContext4.currencyCode;
     var _useContext5 = React.useContext(ChangableAmountContext),
-        amount = _useContext5.amount;
-
+      amount = _useContext5.amount;
     var _useContext6 = React.useContext(PaymentContext),
-        payment = _useContext6.payment;
-
+      payment = _useContext6.payment;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        paymentValue = _useState2[0],
-        setPaymentValue = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      paymentValue = _useState2[0],
+      setPaymentValue = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        displayedPaymentValue = _useState4[0],
-        setDisplayedPaymentValue = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      displayedPaymentValue = _useState4[0],
+      setDisplayedPaymentValue = _useState4[1];
     var _useState5 = React.useState(),
-        _useState6 = _slicedToArray(_useState5, 2),
-        paymentValueLoss = _useState6[0],
-        setPaymentValueLoss = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      paymentValueLoss = _useState6[0],
+      setPaymentValueLoss = _useState6[1];
     var _useContext7 = React.useContext(ConfigurationContext),
-        currency = _useContext7.currency;
-
+      currency = _useContext7.currency;
     var _useState7 = React.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([web3Exchanges.route({
         blockchain: payment.route.blockchain,
         tokenIn: payment.route.fromToken.address,
@@ -20235,27 +19624,22 @@
         address: web3Constants.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.ethers.BigNumber.from(reverseRoute.amountOut);
           var paymentAmountInBN = ethers.ethers.BigNumber.from(payment.route.fromAmount);
           var divPercent = 100 - reverseAmountOutBN.mul(ethers.ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
-
           if (divPercent >= 10) {
             setPaymentValueLoss(divPercent);
           } else {
             setPaymentValueLoss(null);
           }
         }
-
         var fromTokenUSDAmount;
-
         if (payment.route.fromToken.address.toLowerCase() == web3Constants.CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
           fromTokenUSDAmount = payment.route.fromAmount.toString();
         } else if (fromTokenUSDRoute == undefined) {
@@ -20264,7 +19648,6 @@
         } else {
           fromTokenUSDAmount = fromTokenUSDRoute.amountOut.toString();
         }
-
         var fromTokenUSDValue = ethers.ethers.utils.formatUnits(fromTokenUSDAmount, USDDecimals);
         localCurrency.Currency.fromUSD({
           amount: fromTokenUSDValue,
@@ -20272,7 +19655,6 @@
         }).then(setPaymentValue);
       })["catch"](setError);
     };
-
     React.useEffect(function () {
       if (paymentValue && amount && configuredAmount && configuredAmount.currency && configuredAmount.fix) {
         setDisplayedPaymentValue(paymentValue.toString());
@@ -20317,14 +19699,12 @@
 
   var DonationRoutingProvider = (function (props) {
     var _useContext = React.useContext(ChangableAmountContext),
-        acceptWithAmount = _useContext.acceptWithAmount,
-        setMaxRoute = _useContext.setMaxRoute;
-
+      acceptWithAmount = _useContext.acceptWithAmount,
+      setMaxRoute = _useContext.setMaxRoute;
     var _useContext2 = React.useContext(ConfigurationContext),
-        blacklist = _useContext2.blacklist,
-        whitelist = _useContext2.whitelist,
-        fee = _useContext2.fee;
-
+      blacklist = _useContext2.blacklist,
+      whitelist = _useContext2.whitelist,
+      fee = _useContext2.fee;
     return /*#__PURE__*/React__default["default"].createElement(DonationRoutingContext.Provider, {
       value: {}
     }, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
@@ -20341,9 +19721,7 @@
 
   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];
@@ -20354,81 +19732,61 @@
 
   var ChangeAmountDialog = (function (props) {
     var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext.navigate;
-
+      navigate = _useContext.navigate;
     var _useContext2 = React.useContext(ErrorContext);
-        _useContext2.setError;
-
+      _useContext2.setError;
     var _useContext3 = React.useContext(WalletContext);
-        _useContext3.account;
-
+      _useContext3.account;
     var _useContext4 = React.useContext(ChangableAmountContext),
-        amount = _useContext4.amount,
-        setAmount = _useContext4.setAmount,
-        maxAmount = _useContext4.maxAmount;
-
+      amount = _useContext4.amount,
+      setAmount = _useContext4.setAmount,
+      maxAmount = _useContext4.maxAmount;
     var _useContext5 = React.useContext(PaymentValueContext);
-        _useContext5.displayedPaymentValue;
-
+      _useContext5.displayedPaymentValue;
     var _useState = React.useState(amount),
-        _useState2 = _slicedToArray(_useState, 2),
-        inputAmount = _useState2[0],
-        setInputAmount = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      inputAmount = _useState2[0],
+      setInputAmount = _useState2[1];
     var _useContext6 = React.useContext(ConfigurationContext),
-        currencyCode = _useContext6.currencyCode,
-        amountConfiguration = _useContext6.amount;
-
+      currencyCode = _useContext6.currencyCode,
+      amountConfiguration = _useContext6.amount;
     var _useContext7 = React.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_js.Decimal(Math.floor(new decimal_js.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__default["default"].createElement(Dialog$1, {
       stacked: true,
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20483,8 +19841,7 @@
 
   var ChangePaymentSkeleton = (function (props) {
     var _useContext = React.useContext(PaymentValueContext),
-        paymentValue = _useContext.paymentValue;
-
+      paymentValue = _useContext.paymentValue;
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       stacked: true,
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20516,34 +19873,27 @@
 
   var ChangePaymentDialog = (function (props) {
     var _useContext = React.useContext(ErrorContext),
-        setError = _useContext.setError;
-
+      setError = _useContext.setError;
     var _useContext2 = React.useContext(PaymentRoutingContext),
-        allRoutes = _useContext2.allRoutes,
-        setSelectedRoute = _useContext2.setSelectedRoute;
-
+      allRoutes = _useContext2.allRoutes,
+      setSelectedRoute = _useContext2.setSelectedRoute;
     var _useContext3 = React.useContext(PaymentValueContext);
-        _useContext3.paymentValue;
-        var displayedPaymentValue = _useContext3.displayedPaymentValue;
-
+      _useContext3.paymentValue;
+      var displayedPaymentValue = _useContext3.displayedPaymentValue;
     var _useContext4 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext4.navigate;
-
+      navigate = _useContext4.navigate;
     var _useState = React.useState([]),
-        _useState2 = _slicedToArray(_useState, 2),
-        allPaymentRoutesWithData = _useState2[0],
-        setAllPaymentRoutesWithData = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      allPaymentRoutesWithData = _useState2[0],
+      setAllPaymentRoutesWithData = _useState2[1];
     var _useState3 = React.useState([]),
-        _useState4 = _slicedToArray(_useState3, 2),
-        cards = _useState4[0],
-        setCards = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      cards = _useState4[0],
+      setCards = _useState4[1];
     React.useEffect(function () {
       if (allRoutes == undefined) {
         return;
       }
-
       Promise.all(allRoutes.map(function (route) {
         route.exchangeRoutes[0];
         route.fromToken;
@@ -20598,11 +19948,9 @@
         }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(ChangePaymentSkeleton, null);
     }
-
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       stacked: true,
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20623,8 +19971,7 @@
 
   var DonationOverviewSkeleton = (function (props) {
     var _useContext = React.useContext(ConfigurationContext),
-        title = _useContext.title;
-
+      title = _useContext.title;
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -20722,42 +20069,34 @@
 
   var Footer = (function () {
     var _useContext = React.useContext(ChangableAmountContext);
-        _useContext.amount;
-        _useContext.amountsMissing;
-
+      _useContext.amount;
+      _useContext.amountsMissing;
     var _useContext2 = React.useContext(PaymentTrackingContext),
-        tracking = _useContext2.tracking,
-        release = _useContext2.release,
-        forwardTo = _useContext2.forwardTo;
-
+      tracking = _useContext2.tracking,
+      release = _useContext2.release,
+      forwardTo = _useContext2.forwardTo;
     var _useContext3 = React.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 = React.useContext(PaymentValueContext);
-        _useContext4.paymentValue;
-        var displayedPaymentValue = _useContext4.displayedPaymentValue,
-        paymentValueLoss = _useContext4.paymentValueLoss;
-
+      _useContext4.paymentValue;
+      var displayedPaymentValue = _useContext4.displayedPaymentValue,
+      paymentValueLoss = _useContext4.paymentValueLoss;
     var _useContext5 = React.useContext(PaymentRoutingContext),
-        updatedRouteWithNewPrice = _useContext5.updatedRouteWithNewPrice,
-        updateRouteWithNewPrice = _useContext5.updateRouteWithNewPrice;
-
+      updatedRouteWithNewPrice = _useContext5.updatedRouteWithNewPrice,
+      updateRouteWithNewPrice = _useContext5.updateRouteWithNewPrice;
     var _useContext6 = React.useContext(reactDialogStack.NavigateStackContext);
-        _useContext6.navigate;
-
+      _useContext6.navigate;
     var _useContext7 = React.useContext(ClosableContext),
-        close = _useContext7.close;
-
+      close = _useContext7.close;
     var trackingInfo = function trackingInfo() {
       if (tracking != true) {
         return null;
       }
-
       if (release) {
         return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "Card transparent small disabled"
@@ -20792,7 +20131,6 @@
         }, "Validating payment")))));
       }
     };
-
     var additionalPaymentInformation = function additionalPaymentInformation() {
       if (paymentState == 'paying' && transaction == undefined) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20812,7 +20150,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "Opacity05"
         }, "Confirm transaction in your wallet")))));
-      } else if (paymentState == 'confirmed') {
+      } else if (paymentState == 'success') {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "PaddingBottomS"
         }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
@@ -20836,7 +20174,6 @@
         }, "Payment confirmed"))))), trackingInfo());
       }
     };
-
     var approvalButton = function approvalButton() {
       if (payment.route == undefined || !payment.route.approvalRequired || payment.route.directTransfer) {
         return null;
@@ -20860,7 +20197,6 @@
         }, /*#__PURE__*/React__default["default"].createElement(LoadingText, null, "Approving")));
       }
     };
-
     var mainAction = function mainAction() {
       if (updatedRouteWithNewPrice) {
         return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20889,7 +20225,6 @@
             if (payment.route.approvalRequired && !payment.route.directTransfer) {
               return;
             }
-
             pay();
           }
         }, "Pay ", displayedPaymentValue);
@@ -20901,7 +20236,7 @@
           target: "_blank",
           rel: "noopener noreferrer"
         }, /*#__PURE__*/React__default["default"].createElement(LoadingText, null, "Paying"));
-      } else if (paymentState == 'confirmed') {
+      } else if (paymentState == 'success') {
         if (tracking == true) {
           if (release) {
             if (forwardTo) {
@@ -20930,32 +20265,25 @@
         }
       }
     };
-
     return /*#__PURE__*/React__default["default"].createElement("div", null, approvalButton(), additionalPaymentInformation(), mainAction());
   });
 
   var DonationOverviewDialog = (function (props) {
     var _useContext = React.useContext(ConfigurationContext);
-        _useContext.currencyCode;
-        var title = _useContext.title;
-
+      _useContext.currencyCode;
+      var title = _useContext.title;
     var _useContext2 = React.useContext(ChangableAmountContext);
-        _useContext2.amount;
-
+      _useContext2.amount;
     var _useContext3 = React.useContext(PaymentContext),
-        payment = _useContext3.payment,
-        paymentState = _useContext3.paymentState;
-
+      payment = _useContext3.payment,
+      paymentState = _useContext3.paymentState;
     var _useContext4 = React.useContext(PaymentValueContext),
-        displayedPaymentValue = _useContext4.displayedPaymentValue;
-
+      displayedPaymentValue = _useContext4.displayedPaymentValue;
     var _useContext5 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext5.navigate;
-
+      navigate = _useContext5.navigate;
     if (payment == undefined) {
       return /*#__PURE__*/React__default["default"].createElement(DonationOverviewSkeleton, null);
     }
-
     var blockchain = web3Blockchains.Blockchain.findByName(payment.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20972,7 +20300,6 @@
           if (paymentState != 'initialized') {
             return;
           }
-
           navigate('ChangeAmount');
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20994,7 +20321,6 @@
           if (paymentState != 'initialized') {
             return;
           }
-
           navigate('ChangePayment');
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21031,13 +20357,11 @@
     });
   });
 
-  var PaymentErrorDialog = (function () {
+  var PaymentFailedDialog = (function () {
     var _useContext = React.useContext(ClosableContext),
-        close = _useContext.close;
-
+      close = _useContext.close;
     var _useContext2 = React.useContext(PaymentContext),
-        transaction = _useContext2.transaction;
-
+      transaction = _useContext2.transaction;
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       stacked: false,
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21080,11 +20404,9 @@
 
   var WrongNetworkDialog = (function (props) {
     var _useContext = React.useContext(PaymentContext),
-        payment = _useContext.payment;
-
+      payment = _useContext.payment;
     var _useContext2 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext2.navigate;
-
+      navigate = _useContext2.navigate;
     var blockchain = web3Blockchains.Blockchain.findByName(payment.route.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       stacked: true,
@@ -21120,12 +20442,10 @@
 
   var DonationStack = (function (props) {
     var _useContext = React.useContext(ClosableContext),
-        open = _useContext.open,
-        close = _useContext.close;
-
+      open = _useContext.open,
+      close = _useContext.close;
     var _useContext2 = React.useContext(NavigateContext),
-        setNavigator = _useContext2.setNavigator;
-
+      setNavigator = _useContext2.setNavigator;
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
       setNavigator: setNavigator,
       open: open,
@@ -21137,7 +20457,7 @@
         DonationOverview: /*#__PURE__*/React__default["default"].createElement(DonationOverviewDialog, null),
         ChangeAmount: /*#__PURE__*/React__default["default"].createElement(ChangeAmountDialog, null),
         ChangePayment: /*#__PURE__*/React__default["default"].createElement(ChangePaymentDialog, null),
-        PaymentError: /*#__PURE__*/React__default["default"].createElement(PaymentErrorDialog, null),
+        PaymentFailed: /*#__PURE__*/React__default["default"].createElement(PaymentFailedDialog, null),
         WrongNetwork: /*#__PURE__*/React__default["default"].createElement(WrongNetworkDialog, null)
       }
     });
@@ -21145,23 +20465,19 @@
 
   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__default["default"].createElement(NavigateContext.Provider, {
       value: {
         navigate: navigate,
@@ -21173,58 +20489,46 @@
 
   var PaymentTrackingProvider = (function (props) {
     var _useContext = React.useContext(ErrorContext);
-        _useContext.errorCallback;
-
+      _useContext.errorCallback;
     var _useContext2 = React.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 = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        transaction = _useState2[0],
-        setTransaction = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      transaction = _useState2[0],
+      setTransaction = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        afterBlock = _useState4[0],
-        setAfterBlock = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      afterBlock = _useState4[0],
+      setAfterBlock = _useState4[1];
     var _useState5 = React.useState(),
-        _useState6 = _slicedToArray(_useState5, 2),
-        paymentRoute = _useState6[0],
-        setPaymentRoute = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      paymentRoute = _useState6[0],
+      setPaymentRoute = _useState6[1];
     var _useState7 = React.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 = React.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 = React.useState(false),
-        _useState12 = _slicedToArray(_useState11, 2),
-        release = _useState12[0],
-        setRelease = _useState12[1];
-
+      _useState12 = _slicedToArray(_useState11, 2),
+      release = _useState12[0],
+      setRelease = _useState12[1];
     var _useState13 = React.useState(),
-        _useState14 = _slicedToArray(_useState13, 2),
-        forwardTo = _useState14[0],
-        setForwardTo = _useState14[1];
-
+      _useState14 = _slicedToArray(_useState13, 2),
+      forwardTo = _useState14[0],
+      setForwardTo = _useState14[1];
     var _useContext3 = React.useContext(ClosableContext),
-        setClosable = _useContext3.setClosable;
-
+      setClosable = _useContext3.setClosable;
     var _useContext4 = React.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',
@@ -21237,31 +20541,20 @@
         };
         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;
@@ -21269,31 +20562,23 @@
           }
         }
       };
-
       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, {
@@ -21309,10 +20594,8 @@
         throw 'No tracking defined!';
       }
     };
-
     var startTracking = function startTracking(transaction, afterBlock, paymentRoute, attempt) {
       var _paymentRoute$feeAmou;
-
       callTracking({
         blockchain: transaction.blockchain,
         transaction: transaction.id.toLowerCase(),
@@ -21335,12 +20618,10 @@
         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(),
@@ -21349,7 +20630,6 @@
         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) {
@@ -21368,7 +20648,6 @@
           setRelease(true);
         }
       };
-
       if (track.poll.endpoint) {
         fetch(track.poll.endpoint, {
           method: 'POST',
@@ -21381,16 +20660,13 @@
         track.poll.method(payment).then(handleResponse);
       }
     };
-
     React.useEffect(function () {
       if (!polling) {
         return;
       }
-
       if (!tracking) {
         return;
       }
-
       var pollingInterval = setInterval(function () {
         return pollStatus(polling, transaction, afterBlock, paymentRoute, pollingInterval);
       }, 5000);
@@ -21398,7 +20674,6 @@
         clearInterval(pollingInterval);
       };
     }, [polling, transaction, afterBlock, paymentRoute]);
-
     var storePayment = function storePayment(transaction, afterBlock, paymentRoute, attempt) {
       fetch('https://public.depay.com/payments', {
         headers: {
@@ -21439,24 +20714,19 @@
         }, 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__default["default"].createElement(PaymentTrackingContext.Provider, {
       value: {
         tracking: tracking,
@@ -21470,26 +20740,21 @@
 
   var TransactionTrackingProvider = (function (props) {
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        givenTransaction = _useState2[0],
-        setGivenTransaction = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      givenTransaction = _useState2[0],
+      setGivenTransaction = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        foundTransaction = _useState4[0],
-        setFoundTransaction = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      foundTransaction = _useState4[0],
+      setFoundTransaction = _useState4[1];
     var _useState5 = React.useState(false),
-        _useState6 = _slicedToArray(_useState5, 2),
-        polling = _useState6[0],
-        setPolling = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      polling = _useState6[0],
+      setPolling = _useState6[1];
     var _useContext = React.useContext(ErrorContext);
-        _useContext.errorCallback;
-
+      _useContext.errorCallback;
     var _useContext2 = React.useContext(ConfigurationContext),
-        recover = _useContext2.recover;
-
+      recover = _useContext2.recover;
     React.useEffect(function () {
       if (polling) {
         var poll = function poll() {
@@ -21507,7 +20772,6 @@
             }
           });
         };
-
         var pollingInterval = setInterval(poll, 5000);
         poll();
         return function () {
@@ -21515,13 +20779,11 @@
         };
       }
     }, [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: {
@@ -21550,10 +20812,8 @@
         }, 3000);
       });
     };
-
     var openSocket = function openSocket(transaction) {
       var socket = new WebSocket('wss://integrate.depay.com/cable');
-
       socket.onopen = function (event) {
         var msg = {
           command: 'subscribe',
@@ -21566,37 +20826,28 @@
         };
         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);
     };
-
     React.useEffect(function () {
       if (recover) {
         initializeTracking({
@@ -21617,38 +20868,31 @@
 
   var WalletProvider = (function (props) {
     var _useContext = React.useContext(ConfigurationContext),
-        recover = _useContext.recover;
-
+      recover = _useContext.recover;
     var _useContext2 = React.useContext(ErrorContext);
-        _useContext2.setError;
-
+      _useContext2.setError;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        wallet = _useState2[0],
-        setWallet = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      wallet = _useState2[0],
+      setWallet = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        account = _useState4[0],
-        setAccount = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      account = _useState4[0],
+      setAccount = _useState4[1];
     var _useState5 = React.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__default["default"].createElement(WalletContext.Provider, {
         value: {
@@ -21674,33 +20918,26 @@
           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();
@@ -21708,27 +20945,24 @@
         }
       }, _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,
@@ -21751,7 +20985,7 @@
                       track: track,
                       fee: fee,
                       sent: sent,
-                      confirmed: confirmed,
+                      succeeded: succeeded,
                       validated: validated,
                       failed: failed,
                       blacklist: blacklist,
@@ -21784,16 +21018,13 @@
               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();
@@ -21801,7 +21032,6 @@
         }
       }, _callee2, null, [[2, 9]]);
     }));
-
     return function Donation(_x2) {
       return _ref4.apply(this, arguments);
     };
@@ -21809,23 +21039,19 @@
 
   var SignLoginDialog = (function (props) {
     var _useContext = React.useContext(ErrorContext),
-        setError = _useContext.setError;
-
+      setError = _useContext.setError;
     var _useContext2 = React.useContext(ConfigurationContext),
-        message = _useContext2.message,
-        endpoint = _useContext2.endpoint;
-
+      message = _useContext2.message,
+      endpoint = _useContext2.endpoint;
     var _useContext3 = React.useContext(ConfigurationContext),
-        recover = _useContext3.recover;
-
-    var wallet = web3Wallets.getWallet();
+      recover = _useContext3.recover;
+    var wallet = web3Wallets.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',
@@ -21850,7 +21076,6 @@
         });
       };
     }
-
     var login = function login() {
       wallet.sign(message).then(function (signature) {
         recover({
@@ -21863,7 +21088,6 @@
         }
       });
     };
-
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       body: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "TextCenter"
@@ -21890,14 +21114,12 @@
 
   var LoginStack = (function (props) {
     var _useContext = React.useContext(ClosableContext),
-        open = _useContext.open,
-        close = _useContext.close;
-
+      open = _useContext.open,
+      close = _useContext.close;
     var _useState = React.useState(true),
-        _useState2 = _slicedToArray(_useState, 2);
-        _useState2[0];
-        _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2);
+      _useState2[0];
+      _useState2[1];
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
       open: open,
       close: close,
@@ -21916,7 +21138,6 @@
   var Login = function Login(options) {
     requireReactVersion();
     var style, error, document, message, endpoint, recover;
-
     if (_typeof(options) == 'object') {
       style = options.style;
       error = options.error;
@@ -21925,7 +21146,6 @@
       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) {
@@ -21941,7 +21161,6 @@
                       reject('USER_CLOSED_DIALOG');
                       unmount();
                     };
-
                     return function (container) {
                       return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
                         errorCallback: error,
@@ -21960,14 +21179,12 @@
                         container: container,
                         resolve: function resolve(account) {
                           unmount();
-
                           _resolve(account);
                         }
                       }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null)))));
                     };
                   });
                 })["catch"](reject);
-
               case 1:
               case "end":
                 return _context.stop();
@@ -21975,7 +21192,6 @@
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
@@ -21986,15 +21202,13 @@
 
   var PaymentAmountRoutingProvider = (function (props) {
     var _useContext = React.useContext(ChangableAmountContext),
-        amountsMissing = _useContext.amountsMissing,
-        acceptWithAmount = _useContext.acceptWithAmount,
-        setMaxRoute = _useContext.setMaxRoute;
-
+      amountsMissing = _useContext.amountsMissing,
+      acceptWithAmount = _useContext.acceptWithAmount,
+      setMaxRoute = _useContext.setMaxRoute;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        accept = _useState2[0],
-        setAccept = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      accept = _useState2[0],
+      setAccept = _useState2[1];
     React.useEffect(function () {
       if (amountsMissing) {
         if (acceptWithAmount) {
@@ -22018,13 +21232,11 @@
 
   var PaymentOverviewSkeleton = (function (props) {
     var _useContext = React.useContext(ChangableAmountContext),
-        amountsMissing = _useContext.amountsMissing,
-        fixedAmount = _useContext.fixedAmount;
-
+      amountsMissing = _useContext.amountsMissing,
+      fixedAmount = _useContext.fixedAmount;
     var _useContext2 = React.useContext(PaymentRoutingContext),
-        slowRouting = _useContext2.slowRouting,
-        selectedRoute = _useContext2.selectedRoute;
-
+      slowRouting = _useContext2.slowRouting,
+      selectedRoute = _useContext2.selectedRoute;
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -22058,29 +21270,23 @@
 
   var PaymentOverviewDialog = (function (props) {
     var _useContext = React.useContext(ConfigurationContext),
-        currencyCode = _useContext.currencyCode,
-        recover = _useContext.recover;
-
+      currencyCode = _useContext.currencyCode,
+      recover = _useContext.recover;
     var _useContext2 = React.useContext(PaymentContext),
-        payment = _useContext2.payment,
-        paymentState = _useContext2.paymentState;
-
+      payment = _useContext2.payment,
+      paymentState = _useContext2.paymentState;
     var _useContext3 = React.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 = React.useContext(PaymentValueContext),
-        paymentValue = _useContext4.paymentValue;
-
+      paymentValue = _useContext4.paymentValue;
     var _useContext5 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext5.navigate;
-
+      navigate = _useContext5.navigate;
     if (payment == undefined || recover == undefined && paymentValue == undefined) {
       return /*#__PURE__*/React__default["default"].createElement(PaymentOverviewSkeleton, null);
     }
-
     var blockchain = web3Blockchains.Blockchain.findByName(payment.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22097,7 +21303,6 @@
           if (paymentState != 'initialized') {
             return;
           }
-
           navigate('ChangeAmount');
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22122,7 +21327,6 @@
           if (paymentState != 'initialized') {
             return;
           }
-
           navigate('ChangePayment');
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22161,19 +21365,15 @@
 
   var TrackingFailedDialog = (function () {
     var _useContext = React.useContext(PaymentTrackingContext),
-        continueTryTracking = _useContext.continueTryTracking;
-
+      continueTryTracking = _useContext.continueTryTracking;
     var _useContext2 = React.useContext(PaymentContext),
-        transaction = _useContext2.transaction;
-
+      transaction = _useContext2.transaction;
     var _useContext3 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext3.navigate;
-
+      navigate = _useContext3.navigate;
     var tryAgain = function tryAgain() {
       continueTryTracking();
       navigate('back');
     };
-
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       stacked: false,
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22209,12 +21409,10 @@
 
   var PaymentStack = (function (props) {
     var _useContext = React.useContext(ClosableContext),
-        open = _useContext.open,
-        close = _useContext.close;
-
+      open = _useContext.open,
+      close = _useContext.close;
     var _useContext2 = React.useContext(NavigateContext),
-        setNavigator = _useContext2.setNavigator;
-
+      setNavigator = _useContext2.setNavigator;
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
       setNavigator: setNavigator,
       open: open,
@@ -22226,7 +21424,7 @@
         PaymentOverview: /*#__PURE__*/React__default["default"].createElement(PaymentOverviewDialog, null),
         ChangeAmount: /*#__PURE__*/React__default["default"].createElement(ChangeAmountDialog, null),
         ChangePayment: /*#__PURE__*/React__default["default"].createElement(ChangePaymentDialog, null),
-        PaymentError: /*#__PURE__*/React__default["default"].createElement(PaymentErrorDialog, null),
+        PaymentFailed: /*#__PURE__*/React__default["default"].createElement(PaymentFailedDialog, null),
         WrongNetwork: /*#__PURE__*/React__default["default"].createElement(WrongNetworkDialog, null),
         TrackingFailed: /*#__PURE__*/React__default["default"].createElement(TrackingFailedDialog, null)
       }
@@ -22241,37 +21439,29 @@
           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();
@@ -22279,20 +21469,18 @@
         }
       }, _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;
@@ -22300,7 +21488,6 @@
                 accept: accept,
                 recover: recover
               });
-
             case 5:
               unmount = mount({
                 style: style,
@@ -22322,7 +21509,7 @@
                       currency: currency,
                       event: event,
                       sent: sent,
-                      confirmed: confirmed,
+                      succeeded: succeeded,
                       validated: validated,
                       failed: failed,
                       whitelist: whitelist,
@@ -22364,16 +21551,13 @@
               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();
@@ -22381,19 +21565,17 @@
         }
       }, _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,
@@ -22410,25 +21592,21 @@
 
   var ToTokenProvider = (function (props) {
     var _useContext = React.useContext(PaymentContext),
-        payment = _useContext.payment;
-
+      payment = _useContext.payment;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        toToken = _useState2[0],
-        setToToken = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      toToken = _useState2[0],
+      setToToken = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        toTokenReadableAmount = _useState4[0],
-        setToTokenReadableAmount = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      toTokenReadableAmount = _useState4[0],
+      setToTokenReadableAmount = _useState4[1];
     React.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
@@ -22447,29 +21625,23 @@
 
   var SaleRoutingProvider = (function (props) {
     var _useContext = React.useContext(ChangableAmountContext),
-        acceptWithAmount = _useContext.acceptWithAmount,
-        setMaxRoute = _useContext.setMaxRoute;
-
+      acceptWithAmount = _useContext.acceptWithAmount,
+      setMaxRoute = _useContext.setMaxRoute;
     var _useContext2 = React.useContext(ConfigurationContext),
-        sell = _useContext2.sell;
-
+      sell = _useContext2.sell;
     var _useContext3 = React.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__default["default"].createElement(SaleRoutingContext.Provider, {
       value: {}
     }, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
@@ -22517,31 +21689,24 @@
 
   var SaleOverviewDialog = (function (props) {
     var _useContext = React.useContext(ChangableAmountContext);
-        _useContext.amount;
-
+      _useContext.amount;
     var _useContext2 = React.useContext(ConfigurationContext),
-        tokenImage = _useContext2.tokenImage,
-        amountConfiguration = _useContext2.amount;
-
+      tokenImage = _useContext2.tokenImage,
+      amountConfiguration = _useContext2.amount;
     var _useContext3 = React.useContext(PaymentValueContext),
-        paymentValue = _useContext3.paymentValue;
-
+      paymentValue = _useContext3.paymentValue;
     var _useContext4 = React.useContext(PaymentContext),
-        payment = _useContext4.payment,
-        paymentState = _useContext4.paymentState;
-
+      payment = _useContext4.payment,
+      paymentState = _useContext4.paymentState;
     var _useContext5 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext5.navigate;
-
+      navigate = _useContext5.navigate;
     var _useContext6 = React.useContext(ToTokenContext),
-        toToken = _useContext6.toToken,
-        toTokenReadableAmount = _useContext6.toTokenReadableAmount;
-
+      toToken = _useContext6.toToken,
+      toTokenReadableAmount = _useContext6.toTokenReadableAmount;
     var _useState = React.useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        salePerTokenValue = _useState2[0],
-        setSalePerTokenValue = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      salePerTokenValue = _useState2[0],
+      setSalePerTokenValue = _useState2[1];
     React.useEffect(function () {
       if (paymentValue && (amountConfiguration == undefined || amountConfiguration.token != true) && toTokenReadableAmount) {
         var UsdAmountPerToken = paymentValue.amount / parseFloat(toTokenReadableAmount);
@@ -22553,19 +21718,15 @@
           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__default["default"].createElement(SaleOverviewSkeleton, null);
     }
-
     var tokenImageElement;
-
     if (tokenImage) {
       tokenImageElement = /*#__PURE__*/React__default["default"].createElement("img", {
         src: tokenImage
@@ -22576,7 +21737,6 @@
         address: toToken.address
       });
     }
-
     var blockchain = web3Blockchains.Blockchain.findByName(payment.blockchain);
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22593,7 +21753,6 @@
           if (paymentState != 'initialized') {
             return;
           }
-
           navigate('ChangeAmount');
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22629,7 +21788,6 @@
           if (paymentState != 'initialized') {
             return;
           }
-
           navigate('ChangePayment');
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22663,12 +21821,10 @@
 
   var SaleStack = (function (props) {
     var _useContext = React.useContext(ClosableContext),
-        open = _useContext.open,
-        close = _useContext.close;
-
+      open = _useContext.open,
+      close = _useContext.close;
     var _useContext2 = React.useContext(NavigateContext),
-        setNavigator = _useContext2.setNavigator;
-
+      setNavigator = _useContext2.setNavigator;
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
       setNavigator: setNavigator,
       open: open,
@@ -22681,7 +21837,7 @@
         ChangeAmount: /*#__PURE__*/React__default["default"].createElement(ChangeAmountDialog, null),
         ChangePayment: /*#__PURE__*/React__default["default"].createElement(ChangePaymentDialog, null),
         NoPaymentMethodFound: /*#__PURE__*/React__default["default"].createElement(NoPaymentMethodFoundDialog, null),
-        PaymentError: /*#__PURE__*/React__default["default"].createElement(PaymentErrorDialog, null),
+        PaymentFailed: /*#__PURE__*/React__default["default"].createElement(PaymentFailedDialog, null),
         WrongNetwork: /*#__PURE__*/React__default["default"].createElement(WrongNetworkDialog, null)
       }
     });
@@ -22695,30 +21851,23 @@
           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();
@@ -22726,27 +21875,24 @@
         }
       }, _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 {
@@ -22772,7 +21918,7 @@
                       sell: sell,
                       currency: currency,
                       sent: sent,
-                      confirmed: confirmed,
+                      succeeded: succeeded,
                       failed: failed,
                       blacklist: blacklist,
                       providers: providers,
@@ -22801,16 +21947,13 @@
               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();
@@ -22818,7 +21961,6 @@
         }
       }, _callee2, null, [[2, 10]]);
     }));
-
     return function Sale(_x2) {
       return _ref4.apply(this, arguments);
     };
@@ -22828,10 +21970,9 @@
 
   var SelectionProvider = (function (props) {
     var _useState = React.useState({}),
-        _useState2 = _slicedToArray(_useState, 2),
-        selection = _useState2[0],
-        setSelection = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      selection = _useState2[0],
+      setSelection = _useState2[1];
     return /*#__PURE__*/React__default["default"].createElement(SelectionContext.Provider, {
       value: {
         selection: selection,
@@ -22865,25 +22006,20 @@
 
   var ConfirmTokenSelectionDialog = (function (props) {
     var _useContext = React.useContext(SelectionContext),
-        selection = _useContext.selection;
-
+      selection = _useContext.selection;
     var _useContext2 = React.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 = web3Blockchains.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";
@@ -22897,7 +22033,6 @@
         holders = "Only a Few!!!";
       }
     }
-
     var onClickConfirm = function onClickConfirm() {
       setOpen(false);
       props.resolve({
@@ -22910,7 +22045,6 @@
       });
       setTimeout(props.unmount, 300);
     };
-
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -22968,26 +22102,21 @@
 
   var SelectBlockchainDialog = (function (props) {
     var _useContext = React.useContext(SelectionContext),
-        setSelection = _useContext.setSelection;
-
+      setSelection = _useContext.setSelection;
     var _useContext2 = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext2.navigate;
-
+      navigate = _useContext2.navigate;
     var stacked = Object.keys(props.selection).length > 1;
     var blockchains = [web3Blockchains.Blockchain.findByName('ethereum'), web3Blockchains.Blockchain.findByName('bsc'), web3Blockchains.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__default["default"].createElement("div", {
         key: index,
@@ -23025,42 +22154,33 @@
 
   var SelectTokenDialog = (function (props) {
     var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
-        navigate = _useContext.navigate;
-
+      navigate = _useContext.navigate;
     var _useContext2 = React.useContext(ClosableContext),
-        setOpen = _useContext2.setOpen;
-
+      setOpen = _useContext2.setOpen;
     var _useContext3 = React.useContext(SelectionContext),
-        setSelection = _useContext3.setSelection;
-
+      setSelection = _useContext3.setSelection;
     var _useState = React.useState(''),
-        _useState2 = _slicedToArray(_useState, 2),
-        searchTerm = _useState2[0],
-        setSearchTerm = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      searchTerm = _useState2[0],
+      setSearchTerm = _useState2[1];
     var _useState3 = React.useState(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        blockchain = _useState4[0],
-        setBlockchain = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      blockchain = _useState4[0],
+      setBlockchain = _useState4[1];
     var _useState5 = React.useState(false),
-        _useState6 = _slicedToArray(_useState5, 2),
-        showAddToken = _useState6[0],
-        setShowAddToken = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      showAddToken = _useState6[0],
+      setShowAddToken = _useState6[1];
     var _useState7 = React.useState([]),
-        _useState8 = _slicedToArray(_useState7, 2),
-        tokens = _useState8[0],
-        setTokens = _useState8[1];
-
+      _useState8 = _slicedToArray(_useState7, 2),
+      tokens = _useState8[0],
+      setTokens = _useState8[1];
     var _useState9 = React.useState(),
-        _useState10 = _slicedToArray(_useState9, 2);
-        _useState10[0];
-        _useState10[1];
-
+      _useState10 = _slicedToArray(_useState9, 2);
+      _useState10[0];
+      _useState10[1];
     var searchElement = React.useRef();
-    var wallet = web3Wallets.getWallet();
-
+    var wallet = web3Wallets.getWallets()[0];
     var startWithBlockchain = function startWithBlockchain(name) {
       var blockchain = web3Blockchains.Blockchain.findByName(name);
       setBlockchain(blockchain);
@@ -23070,12 +22190,10 @@
       }));
       setTokens(blockchain.tokens);
     };
-
     React.useEffect(function () {
       if (wallet) {
         wallet.connectedTo().then(function (name) {
           var blockchain = web3Blockchains.Blockchain.findByName(name);
-
           if (name && name.length && blockchain && blockchain.tokens && blockchain.tokens.length) {
             startWithBlockchain(name);
           } else {
@@ -23090,27 +22208,22 @@
       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 = React.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) {
@@ -23126,32 +22239,26 @@
         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 web3Tokens.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,
@@ -23167,7 +22274,6 @@
         setTokens(blockchain.tokens);
       }
     };
-
     var select = function select(token) {
       if (blockchain.tokens.find(function (majorToken) {
         return majorToken.address.toLowerCase() == (token.address || token.external_id).toLowerCase();
@@ -23189,7 +22295,6 @@
         navigate('ConfirmTokenSelection');
       }
     };
-
     var elements = tokens.map(function (token, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         key: "".concat(index, "-").concat(token.address),
@@ -23220,11 +22325,9 @@
         className: "CardText"
       }, token.name))));
     });
-
     if (blockchain == undefined) {
       return null;
     }
-
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -23277,22 +22380,17 @@
 
   var SelectStack = (function (props) {
     var _useContext = React.useContext(ConfigurationContext),
-        what = _useContext.what;
-
+      what = _useContext.what;
     var _useContext2 = React.useContext(ClosableContext),
-        open = _useContext2.open,
-        close = _useContext2.close;
-
+      open = _useContext2.open,
+      close = _useContext2.close;
     var _useContext3 = React.useContext(SelectionContext),
-        selection = _useContext3.selection;
-
+      selection = _useContext3.selection;
     var start;
-
     switch (what) {
       default:
         start = 'SelectToken';
     }
-
     return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
       open: open,
       close: close,
@@ -23321,22 +22419,18 @@
   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) {
@@ -23351,7 +22445,6 @@
                     reject('USER_CLOSED_DIALOG');
                     unmount();
                   };
-
                   return function (container) {
                     return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
                       error: startupError,
@@ -23372,7 +22465,6 @@
                     })), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null)))));
                   };
                 });
-
               case 1:
               case "end":
                 return _context.stop();
@@ -23380,7 +22472,6 @@
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
@@ -23393,8 +22484,7 @@
     Login: Login,
     Payment: Payment,
     Sale: Sale,
-    Select: Select,
-    provider: web3Client.provider
+    Select: Select
   };
 
   return DePayWidgets;