@depay/widgets 6.2.3 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/umd/index.js CHANGED
@@ -6,8 +6,8 @@
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
9
- var React__default$1 = /*#__PURE__*/_interopDefaultLegacy(React);
10
- var ReactDOM__default$1 = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
9
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
+ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
11
11
  var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
12
12
 
13
13
  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -880,9 +880,9 @@
880
880
  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
881
881
  }
882
882
 
883
- var ClosableContext = /*#__PURE__*/React__default$1["default"].createContext();
883
+ var ClosableContext = /*#__PURE__*/React__default["default"].createContext();
884
884
 
885
- var UpdatableContext = /*#__PURE__*/React__default$1["default"].createContext();
885
+ var UpdatableContext = /*#__PURE__*/React__default["default"].createContext();
886
886
 
887
887
  var ClosableProvider = (function (props) {
888
888
  var _useState = React.useState(true),
@@ -908,7 +908,7 @@
908
908
  setTimeout(props.unmount, 300);
909
909
  };
910
910
 
911
- return /*#__PURE__*/React__default$1["default"].createElement(ClosableContext.Provider, {
911
+ return /*#__PURE__*/React__default["default"].createElement(ClosableContext.Provider, {
912
912
  value: {
913
913
  closable: closable,
914
914
  setClosable: setClosable,
@@ -919,13 +919,13 @@
919
919
  });
920
920
 
921
921
  var ChevronLeft = (function () {
922
- return /*#__PURE__*/React__default$1["default"].createElement("svg", {
922
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
923
923
  className: "ChevronLeft Icon",
924
924
  xmlns: "http://www.w3.org/2000/svg",
925
925
  width: "16",
926
926
  height: "16",
927
927
  viewBox: "0 0 16 16"
928
- }, /*#__PURE__*/React__default$1["default"].createElement("path", {
928
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
929
929
  strokeWidth: "1",
930
930
  fillRule: "evenodd",
931
931
  d: "M10.4,1.6c0.2,0.2,0.2,0.5,0,0.7L4.7,8l5.6,5.6c0.2,0.2,0.2,0.5,0,0.7s-0.5,0.2-0.7,0l-6-6l0,0,c-0.2-0.2-0.2-0.5,0-0.7l6-6l0,0C9.8,1.5,10.2,1.5,10.4,1.6L10.4,1.6z"
@@ -933,7 +933,7 @@
933
933
  });
934
934
 
935
935
  var CloseIcon = (function () {
936
- return /*#__PURE__*/React__default$1["default"].createElement("svg", {
936
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
937
937
  className: "CloseIcon Icon",
938
938
  xmlns: "http://www.w3.org/2000/svg",
939
939
  width: "24",
@@ -942,12 +942,12 @@
942
942
  strokeWidth: "2",
943
943
  strokeLinecap: "round",
944
944
  strokeLinejoin: "round"
945
- }, /*#__PURE__*/React__default$1["default"].createElement("line", {
945
+ }, /*#__PURE__*/React__default["default"].createElement("line", {
946
946
  x1: "18",
947
947
  y1: "6",
948
948
  x2: "6",
949
949
  y2: "18"
950
- }), /*#__PURE__*/React__default$1["default"].createElement("line", {
950
+ }), /*#__PURE__*/React__default["default"].createElement("line", {
951
951
  x1: "6",
952
952
  y1: "6",
953
953
  x2: "18",
@@ -963,29 +963,29 @@
963
963
  close = _useContext2.close,
964
964
  closable = _useContext2.closable;
965
965
 
966
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
966
+ return /*#__PURE__*/React__default["default"].createElement("div", {
967
967
  className: "Dialog"
968
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
968
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
969
969
  className: ["DialogHeader", props.stacked ? 'TextCenter' : ''].join(' ')
970
- }, props.stacked && /*#__PURE__*/React__default$1["default"].createElement("div", {
970
+ }, props.stacked && /*#__PURE__*/React__default["default"].createElement("div", {
971
971
  className: "DialogHeaderAction PaddingTopS PaddingLeftS PaddingRightS"
972
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
972
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
973
973
  onClick: function onClick() {
974
974
  return navigate('back');
975
975
  },
976
976
  className: "ButtonCircular",
977
977
  title: "Go back"
978
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronLeft, null))), /*#__PURE__*/React__default$1["default"].createElement("div", {
978
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronLeft, null))), /*#__PURE__*/React__default["default"].createElement("div", {
979
979
  className: "DialogHeaderTitle"
980
- }, props.header), /*#__PURE__*/React__default$1["default"].createElement("div", {
980
+ }, props.header), /*#__PURE__*/React__default["default"].createElement("div", {
981
981
  className: "DialogHeaderAction PaddingTopS PaddingLeftS PaddingRightS"
982
- }, closable && /*#__PURE__*/React__default$1["default"].createElement("button", {
982
+ }, closable && /*#__PURE__*/React__default["default"].createElement("button", {
983
983
  onClick: close,
984
984
  className: "ButtonCircular",
985
985
  title: "Close dialog"
986
- }, /*#__PURE__*/React__default$1["default"].createElement(CloseIcon, null)))), /*#__PURE__*/React__default$1["default"].createElement("div", {
986
+ }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, null)))), /*#__PURE__*/React__default["default"].createElement("div", {
987
987
  className: "DialogBody"
988
- }, props.body), /*#__PURE__*/React__default$1["default"].createElement("div", {
988
+ }, props.body), /*#__PURE__*/React__default["default"].createElement("div", {
989
989
  className: "DialogFooter"
990
990
  }, props.footer));
991
991
  });
@@ -1012,46 +1012,46 @@
1012
1012
  }, []);
1013
1013
 
1014
1014
  if (props.pending) {
1015
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
1015
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
1016
1016
  stacked: true,
1017
- body: /*#__PURE__*/React__default$1["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default$1["default"].createElement("div", {
1017
+ body: /*#__PURE__*/React__default["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default["default"].createElement("div", {
1018
1018
  className: "GraphicWrapper PaddingTopS PaddingBottomS"
1019
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
1019
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
1020
1020
  className: "Graphic",
1021
1021
  src: walletLogo
1022
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
1022
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
1023
1023
  className: "LineHeightL Text FontSizeL FontWeightBold PaddingTopS"
1024
- }, "Connect Wallet"), /*#__PURE__*/React__default$1["default"].createElement("div", {
1024
+ }, "Connect Wallet"), /*#__PURE__*/React__default["default"].createElement("div", {
1025
1025
  className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
1026
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", {
1026
+ }, /*#__PURE__*/React__default["default"].createElement("strong", {
1027
1027
  className: "FontSizeM PaddingLeftM PaddingRightM"
1028
1028
  }, "Your wallet is already open and asking for permission to connect. Please find your wallet dialog and confirm this connection.")))
1029
1029
  });
1030
1030
  } else {
1031
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
1031
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
1032
1032
  stacked: true,
1033
- body: /*#__PURE__*/React__default$1["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default$1["default"].createElement("div", {
1033
+ body: /*#__PURE__*/React__default["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default["default"].createElement("div", {
1034
1034
  className: "GraphicWrapper PaddingTopS PaddingBottomS"
1035
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
1035
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
1036
1036
  className: "Graphic",
1037
1037
  src: walletLogo
1038
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
1038
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
1039
1039
  className: "LineHeightL Text FontSizeL FontWeightBold PaddingTopS"
1040
- }, "Connect Wallet"), /*#__PURE__*/React__default$1["default"].createElement("div", {
1040
+ }, "Connect Wallet"), /*#__PURE__*/React__default["default"].createElement("div", {
1041
1041
  className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
1042
- }, /*#__PURE__*/React__default$1["default"].createElement("p", {
1042
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1043
1043
  className: "FontSizeM PaddingLeftM PaddingRightM"
1044
- }, "Access to your wallet is required. Please login and authorize access to your account to continue."), /*#__PURE__*/React__default$1["default"].createElement("div", {
1044
+ }, "Access to your wallet is required. Please login and authorize access to your account to continue."), /*#__PURE__*/React__default["default"].createElement("div", {
1045
1045
  className: "PaddingTopS"
1046
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
1046
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1047
1047
  onClick: function onClick() {
1048
1048
  return navigate('back');
1049
1049
  },
1050
1050
  className: "TextButton"
1051
1051
  }, "Connect with another wallet")))),
1052
- footer: showConnectButton && /*#__PURE__*/React__default$1["default"].createElement("div", {
1052
+ footer: showConnectButton && /*#__PURE__*/React__default["default"].createElement("div", {
1053
1053
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
1054
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
1054
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1055
1055
  className: "ButtonPrimary",
1056
1056
  onClick: function onClick() {
1057
1057
  return props.connect(wallet);
@@ -1062,13 +1062,13 @@
1062
1062
  });
1063
1063
 
1064
1064
  var ChevronRight = (function () {
1065
- return /*#__PURE__*/React__default$1["default"].createElement("svg", {
1065
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
1066
1066
  className: "ChevronRight Icon",
1067
1067
  xmlns: "http://www.w3.org/2000/svg",
1068
1068
  width: "16",
1069
1069
  height: "16",
1070
1070
  viewBox: "0 0 16 16"
1071
- }, /*#__PURE__*/React__default$1["default"].createElement("path", {
1071
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
1072
1072
  strokeWidth: "1",
1073
1073
  fillRule: "evenodd",
1074
1074
  d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
@@ -1114,7 +1114,8 @@
1114
1114
  }, _callee);
1115
1115
  })), [wallet]);
1116
1116
 
1117
- var connect = function connect(wallet) {
1117
+ var connect = function connect(walletClass) {
1118
+ var wallet = new walletClass();
1118
1119
  props.setWallet(wallet);
1119
1120
  navigate('ConnectingWallet');
1120
1121
  props.connect(wallet);
@@ -1123,50 +1124,50 @@
1123
1124
  var availableWallets = [web3Wallets.wallets.WalletConnect];
1124
1125
 
1125
1126
  if (wallet) {
1126
- availableWallets.unshift(wallet);
1127
+ availableWallets.unshift(wallet.constructor);
1127
1128
  }
1128
1129
 
1129
1130
  var walletCards = availableWallets.map(function (wallet, index) {
1130
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
1131
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1131
1132
  key: index,
1132
1133
  className: "PaddingBottomXS"
1133
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
1134
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1134
1135
  className: "Card small",
1135
- title: "Connect ".concat(wallet.name),
1136
+ title: "Connect ".concat(wallet.info.name),
1136
1137
  onClick: function onClick() {
1137
1138
  return connect(wallet);
1138
1139
  }
1139
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1140
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1140
1141
  className: "CardImage"
1141
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
1142
- src: wallet.logo
1143
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
1142
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
1143
+ src: wallet.info.logo
1144
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
1144
1145
  className: "CardBody"
1145
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1146
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1146
1147
  className: "CardBodyWrapper PaddingLeftXS"
1147
- }, /*#__PURE__*/React__default$1["default"].createElement("h2", {
1148
+ }, /*#__PURE__*/React__default["default"].createElement("h2", {
1148
1149
  className: "CardText FontWeightBold"
1149
- }, wallet.name)))));
1150
+ }, wallet.info.name)))));
1150
1151
  });
1151
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
1152
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
1152
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
1153
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
1153
1154
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
1154
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
1155
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
1155
1156
  className: "LineHeightL FontSizeL"
1156
1157
  }, "Select a wallet")),
1157
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
1158
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
1158
1159
  className: "PaddingTopS PaddingBottomXS PaddingLeftS PaddingRightS"
1159
1160
  }, walletCards),
1160
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
1161
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
1161
1162
  className: "PaddingBottomS"
1162
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
1163
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1163
1164
  className: "FontSizeS FontWeightBold TextButton",
1164
1165
  onClick: function onClick() {
1165
1166
  return setShowExplanation(!showExplanation);
1166
1167
  }
1167
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", {
1168
+ }, /*#__PURE__*/React__default["default"].createElement("strong", {
1168
1169
  className: "Opacity05"
1169
- }, "What is a wallet?")), showExplanation && /*#__PURE__*/React__default$1["default"].createElement("p", {
1170
+ }, "What is a wallet?")), showExplanation && /*#__PURE__*/React__default["default"].createElement("p", {
1170
1171
  className: "PaddingLeftM PaddingRightM"
1171
1172
  }, "Wallets are used to send, receive, and store digital assets. Wallets come in many forms. They are either built into your browser, an extension added to your browser, a piece of hardware plugged into your computer or even an app on your phone."))
1172
1173
  });
@@ -1272,18 +1273,18 @@
1272
1273
  }
1273
1274
  }, _callee2);
1274
1275
  })), [wallet]);
1275
- return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
1276
+ return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
1276
1277
  open: open,
1277
1278
  close: close,
1278
1279
  start: "SelectWallet",
1279
1280
  container: props.container,
1280
1281
  document: props.document,
1281
1282
  dialogs: {
1282
- SelectWallet: /*#__PURE__*/React__default$1["default"].createElement(SelectWalletDialog, {
1283
+ SelectWallet: /*#__PURE__*/React__default["default"].createElement(SelectWalletDialog, {
1283
1284
  setWallet: setWallet,
1284
1285
  connect: connect
1285
1286
  }),
1286
- ConnectingWallet: /*#__PURE__*/React__default$1["default"].createElement(ConnectingWalletDialog, {
1287
+ ConnectingWallet: /*#__PURE__*/React__default["default"].createElement(ConnectingWalletDialog, {
1287
1288
  wallet: wallet,
1288
1289
  pending: pending,
1289
1290
  connect: connect
@@ -1377,15 +1378,10 @@
1377
1378
  return _getPrototypeOf(o);
1378
1379
  }
1379
1380
 
1380
- var ErrorContext = /*#__PURE__*/React__default$1["default"].createContext();
1381
+ var ErrorContext = /*#__PURE__*/React__default["default"].createContext();
1381
1382
 
1382
1383
  var ErrorGraphic = "data:image/png;base64,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";
1383
1384
 
1384
- function _interopDefaultLegacy$1 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
1385
-
1386
- var React__default = /*#__PURE__*/_interopDefaultLegacy$1(React__default$1["default"]);
1387
- var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy$1(ReactDOM__default$1["default"]);
1388
-
1389
1385
  function ReactDialogStyle (styles) {
1390
1386
  let background =
1391
1387
  typeof styles === 'object' && styles.background ? styles.background : 'rgba(0,0,0,0.4)';
@@ -1452,7 +1448,7 @@
1452
1448
  }
1453
1449
 
1454
1450
  const _jsxFileName = "/home/runner/work/react-dialog/react-dialog/src/components/Dialog.jsx";
1455
- class Dialog extends React__default['default'].Component {
1451
+ class Dialog extends React__default["default"].Component {
1456
1452
  constructor(props) {
1457
1453
  super(props);
1458
1454
 
@@ -1500,11 +1496,11 @@
1500
1496
  const classNames = ['ReactDialog', this.state.open ? 'ReactDialogOpen' : ''];
1501
1497
  const style = ReactDialogStyle({ background: this.props.background });
1502
1498
  return (
1503
- React__default['default'].createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 54}}
1504
- , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 55}}, style)
1505
- , React__default['default'].createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
1506
- , React__default['default'].createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}
1507
- , React__default['default'].createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}} )
1499
+ React__default["default"].createElement('div', { className: classNames.join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 54}}
1500
+ , React__default["default"].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 55}}, style)
1501
+ , React__default["default"].createElement('div', { className: "ReactDialogRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 56}}
1502
+ , React__default["default"].createElement('div', { className: "ReactDialogCell", __self: this, __source: {fileName: _jsxFileName, lineNumber: 57}}
1503
+ , React__default["default"].createElement('div', { className: "ReactDialogBackground", onClick: this.onClickBackground.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 58}} )
1508
1504
  , this.props.children
1509
1505
  )
1510
1506
  )
@@ -1514,7 +1510,7 @@
1514
1510
  }
1515
1511
 
1516
1512
  const _jsxFileName$1 = "/home/runner/work/react-dialog/react-dialog/src/index.jsx";
1517
- class ReactDialog extends React__default['default'].Component {
1513
+ class ReactDialog extends React__default["default"].Component {
1518
1514
  constructor(props) {
1519
1515
  super(props);
1520
1516
 
@@ -1537,8 +1533,8 @@
1537
1533
  let _document = this.props.document || document;
1538
1534
  let container = this.props.container || _document.body;
1539
1535
  if (this.state.open) {
1540
- return ReactDOM__default['default'].createPortal(
1541
- React__default['default'].createElement(Dialog, {
1536
+ return ReactDOM__default["default"].createPortal(
1537
+ React__default["default"].createElement(Dialog, {
1542
1538
  background: this.props.background,
1543
1539
  close: this.props.close,
1544
1540
  document: _document,
@@ -1555,8 +1551,6 @@
1555
1551
  }
1556
1552
  }
1557
1553
 
1558
- var ReactDialog_1 = ReactDialog;
1559
-
1560
1554
  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); }; }
1561
1555
 
1562
1556
  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; } }
@@ -1585,7 +1579,7 @@
1585
1579
  }]);
1586
1580
 
1587
1581
  return ErrorBoundary;
1588
- }(React__default$1["default"].Component);
1582
+ }(React__default["default"].Component);
1589
1583
 
1590
1584
  var ErrorProvider = (function (props) {
1591
1585
  var _useState = React.useState(),
@@ -1613,49 +1607,49 @@
1613
1607
 
1614
1608
  if (error) {
1615
1609
  console.log(error);
1616
- return /*#__PURE__*/React__default$1["default"].createElement(ReactDialog_1, {
1610
+ return /*#__PURE__*/React__default["default"].createElement(ReactDialog, {
1617
1611
  container: props.container,
1618
1612
  close: close,
1619
1613
  open: open
1620
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1614
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1621
1615
  className: "Dialog ReactDialogAnimation"
1622
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1616
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1623
1617
  className: "DialogHeader"
1624
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1618
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1625
1619
  className: "PaddingTopS PaddingLeftS PaddingRightS"
1626
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
1620
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
1627
1621
  className: "DialogBody"
1628
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1622
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1629
1623
  className: "GraphicWrapper PaddingTopS"
1630
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
1624
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
1631
1625
  className: "Graphic",
1632
1626
  src: ErrorGraphic
1633
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
1627
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
1634
1628
  className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
1635
- }, "Oops, Something Went Wrong"), /*#__PURE__*/React__default$1["default"].createElement("div", {
1629
+ }, "Oops, Something Went Wrong"), /*#__PURE__*/React__default["default"].createElement("div", {
1636
1630
  className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
1637
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1631
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1638
1632
  className: "PaddingLeftS PaddingRightS"
1639
- }, /*#__PURE__*/React__default$1["default"].createElement("pre", {
1633
+ }, /*#__PURE__*/React__default["default"].createElement("pre", {
1640
1634
  className: "ErrorSnippetText"
1641
- }, error.toString())), /*#__PURE__*/React__default$1["default"].createElement("div", {
1635
+ }, error.toString())), /*#__PURE__*/React__default["default"].createElement("div", {
1642
1636
  className: "PaddingTopS PaddingBottomS"
1643
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", {
1637
+ }, /*#__PURE__*/React__default["default"].createElement("strong", {
1644
1638
  className: "FontSizeM PaddingTopS"
1645
- }, "If this keeps happening, please report it.")))), /*#__PURE__*/React__default$1["default"].createElement("div", {
1639
+ }, "If this keeps happening, please report it.")))), /*#__PURE__*/React__default["default"].createElement("div", {
1646
1640
  className: "DialogFooter"
1647
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
1641
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1648
1642
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
1649
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
1643
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1650
1644
  className: "ButtonPrimary",
1651
1645
  onClick: close
1652
1646
  }, "Try again")))));
1653
1647
  } else {
1654
- return /*#__PURE__*/React__default$1["default"].createElement(ErrorContext.Provider, {
1648
+ return /*#__PURE__*/React__default["default"].createElement(ErrorContext.Provider, {
1655
1649
  value: {
1656
1650
  setError: setErrorFromChildren
1657
1651
  }
1658
- }, /*#__PURE__*/React__default$1["default"].createElement(ErrorBoundary, {
1652
+ }, /*#__PURE__*/React__default["default"].createElement(ErrorBoundary, {
1659
1653
  setError: setErrorFromChildren
1660
1654
  }, props.children));
1661
1655
  }
@@ -1796,9 +1790,9 @@
1796
1790
  });
1797
1791
 
1798
1792
  var PoweredBy = (function () {
1799
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
1793
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1800
1794
  className: "PoweredByWrapper"
1801
- }, /*#__PURE__*/React__default$1["default"].createElement("a", {
1795
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
1802
1796
  href: 'https://depay.fi?utm_source=' + window.location.hostname + '&utm_medium=widget&utm_campaign=WidgetV2',
1803
1797
  rel: "noopener noreferrer",
1804
1798
  target: "_blank",
@@ -1812,7 +1806,7 @@
1812
1806
  updatable = _useState2[0],
1813
1807
  setUpdatable = _useState2[1];
1814
1808
 
1815
- return /*#__PURE__*/React__default$1["default"].createElement(UpdatableContext.Provider, {
1809
+ return /*#__PURE__*/React__default["default"].createElement(UpdatableContext.Provider, {
1816
1810
  value: {
1817
1811
  updatable: updatable,
1818
1812
  setUpdatable: setUpdatable
@@ -1871,19 +1865,19 @@
1871
1865
  };
1872
1866
 
1873
1867
  return function (container) {
1874
- return /*#__PURE__*/React__default$1["default"].createElement(ErrorProvider, {
1868
+ return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
1875
1869
  error: error,
1876
1870
  container: container,
1877
1871
  unmount: unmount
1878
- }, /*#__PURE__*/React__default$1["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ClosableProvider, {
1872
+ }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
1879
1873
  unmount: rejectBeforeUnmount
1880
- }, /*#__PURE__*/React__default$1["default"].createElement(ConnectStack, {
1874
+ }, /*#__PURE__*/React__default["default"].createElement(ConnectStack, {
1881
1875
  document: document,
1882
1876
  container: container,
1883
1877
  resolve: resolve,
1884
1878
  reject: reject,
1885
1879
  autoClose: true
1886
- }), /*#__PURE__*/React__default$1["default"].createElement(PoweredBy, null))));
1880
+ }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null))));
1887
1881
  };
1888
1882
  });
1889
1883
 
@@ -1901,11 +1895,11 @@
1901
1895
  }());
1902
1896
  };
1903
1897
 
1904
- var ChangableAmountContext = /*#__PURE__*/React__default$1["default"].createContext();
1898
+ var ChangableAmountContext = /*#__PURE__*/React__default["default"].createContext();
1905
1899
 
1906
- var ConfigurationContext = /*#__PURE__*/React__default$1["default"].createContext();
1900
+ var ConfigurationContext = /*#__PURE__*/React__default["default"].createContext();
1907
1901
 
1908
- var ConversionRateContext = /*#__PURE__*/React__default$1["default"].createContext();
1902
+ var ConversionRateContext = /*#__PURE__*/React__default["default"].createContext();
1909
1903
 
1910
1904
  function _arrayWithoutHoles(arr) {
1911
1905
  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
@@ -1990,7 +1984,7 @@
1990
1984
  }
1991
1985
  });
1992
1986
 
1993
- var WalletContext = /*#__PURE__*/React__default$1["default"].createContext();
1987
+ var WalletContext = /*#__PURE__*/React__default["default"].createContext();
1994
1988
 
1995
1989
  var ChangableAmountProvider = (function (props) {
1996
1990
  var configurationsMissAmounts = function configurationsMissAmounts(configurations) {
@@ -2112,7 +2106,7 @@
2112
2106
  setMaxAmount(100);
2113
2107
  }
2114
2108
  }, [account, maxRoute]);
2115
- return /*#__PURE__*/React__default$1["default"].createElement(ChangableAmountContext.Provider, {
2109
+ return /*#__PURE__*/React__default["default"].createElement(ChangableAmountContext.Provider, {
2116
2110
  value: {
2117
2111
  amountsMissing: amountsMissing,
2118
2112
  acceptWithAmount: acceptWithAmount,
@@ -2135,7 +2129,7 @@
2135
2129
  });
2136
2130
  }
2137
2131
  }, [props.configuration]);
2138
- return /*#__PURE__*/React__default$1["default"].createElement(ConfigurationContext.Provider, {
2132
+ return /*#__PURE__*/React__default["default"].createElement(ConfigurationContext.Provider, {
2139
2133
  value: Object.assign({}, props.configuration, {
2140
2134
  currencyCode: currencyCode
2141
2135
  })
@@ -2165,14 +2159,14 @@
2165
2159
  return setConversionRate(conversion.amount);
2166
2160
  })["catch"](setError);
2167
2161
  }, []);
2168
- return /*#__PURE__*/React__default$1["default"].createElement(ConversionRateContext.Provider, {
2162
+ return /*#__PURE__*/React__default["default"].createElement(ConversionRateContext.Provider, {
2169
2163
  value: {
2170
2164
  conversionRate: conversionRate
2171
2165
  }
2172
2166
  }, props.children);
2173
2167
  });
2174
2168
 
2175
- var DonationRoutingContext = /*#__PURE__*/React__default$1["default"].createContext();
2169
+ var DonationRoutingContext = /*#__PURE__*/React__default["default"].createContext();
2176
2170
 
2177
2171
  var QuestionsGraphic = "data:image/png;base64,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";
2178
2172
 
@@ -2180,36 +2174,36 @@
2180
2174
  var _useContext = React.useContext(ClosableContext),
2181
2175
  close = _useContext.close;
2182
2176
 
2183
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
2184
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
2177
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
2178
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
2185
2179
  className: "PaddingTopS PaddingLeftM PaddingRightM"
2186
2180
  }),
2187
- body: /*#__PURE__*/React__default$1["default"].createElement("div", null, /*#__PURE__*/React__default$1["default"].createElement("div", {
2181
+ body: /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
2188
2182
  className: "GraphicWrapper"
2189
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
2183
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
2190
2184
  className: "Graphic",
2191
2185
  src: QuestionsGraphic
2192
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
2186
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
2193
2187
  className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
2194
- }, "Insufficient Balance"), /*#__PURE__*/React__default$1["default"].createElement("div", {
2188
+ }, "Insufficient Balance"), /*#__PURE__*/React__default["default"].createElement("div", {
2195
2189
  className: "Text PaddingTopS PaddingBottomM PaddingLeftM PaddingRightM"
2196
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", {
2190
+ }, /*#__PURE__*/React__default["default"].createElement("strong", {
2197
2191
  className: "FontSizeM"
2198
2192
  }, "We were not able to find any asset of value in your wallet. Please top up your account in order to proceed with this payment."))),
2199
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
2193
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
2200
2194
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
2201
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
2195
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
2202
2196
  className: "ButtonPrimary",
2203
2197
  onClick: close
2204
2198
  }, "Ok"))
2205
2199
  });
2206
2200
  });
2207
2201
 
2208
- var PaymentContext = /*#__PURE__*/React__default$1["default"].createContext();
2202
+ var PaymentContext = /*#__PURE__*/React__default["default"].createContext();
2209
2203
 
2210
- var PaymentRoutingContext = /*#__PURE__*/React__default$1["default"].createContext();
2204
+ var PaymentRoutingContext = /*#__PURE__*/React__default["default"].createContext();
2211
2205
 
2212
- var TrackingContext = /*#__PURE__*/React__default$1["default"].createContext();
2206
+ var TrackingContext = /*#__PURE__*/React__default["default"].createContext();
2213
2207
 
2214
2208
  var PaymentProvider = (function (props) {
2215
2209
  var _useContext = React.useContext(ErrorContext),
@@ -2393,18 +2387,18 @@
2393
2387
  }, [allRoutes]);
2394
2388
 
2395
2389
  if (allRoutes instanceof Array && allRoutes.length == 0) {
2396
- return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
2390
+ return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
2397
2391
  open: open,
2398
2392
  close: close,
2399
2393
  start: "NoPaymentMethodFound",
2400
2394
  container: props.container,
2401
2395
  document: props.document,
2402
2396
  dialogs: {
2403
- NoPaymentMethodFound: /*#__PURE__*/React__default$1["default"].createElement(NoPaymentMethodFoundDialog, null)
2397
+ NoPaymentMethodFound: /*#__PURE__*/React__default["default"].createElement(NoPaymentMethodFoundDialog, null)
2404
2398
  }
2405
2399
  });
2406
2400
  } else {
2407
- return /*#__PURE__*/React__default$1["default"].createElement(PaymentContext.Provider, {
2401
+ return /*#__PURE__*/React__default["default"].createElement(PaymentContext.Provider, {
2408
2402
  value: {
2409
2403
  payment: payment,
2410
2404
  paymentState: paymentState,
@@ -2592,7 +2586,7 @@
2592
2586
  setSelectedRoute(undefined);
2593
2587
  }
2594
2588
  }, [account, props.accept]);
2595
- return /*#__PURE__*/React__default$1["default"].createElement(PaymentRoutingContext.Provider, {
2589
+ return /*#__PURE__*/React__default["default"].createElement(PaymentRoutingContext.Provider, {
2596
2590
  value: {
2597
2591
  selectedRoute: selectedRoute,
2598
2592
  setSelectedRoute: setSelectedRoute,
@@ -2602,7 +2596,7 @@
2602
2596
  }, props.children);
2603
2597
  });
2604
2598
 
2605
- var PaymentValueContext = /*#__PURE__*/React__default$1["default"].createContext();
2599
+ var PaymentValueContext = /*#__PURE__*/React__default["default"].createContext();
2606
2600
 
2607
2601
  var PaymentValueProvider = (function (props) {
2608
2602
  var _useContext = React.useContext(ErrorContext),
@@ -2693,7 +2687,7 @@
2693
2687
  return clearTimeout(timeout);
2694
2688
  };
2695
2689
  }, [reloadCount, updatable]);
2696
- return /*#__PURE__*/React__default$1["default"].createElement(PaymentValueContext.Provider, {
2690
+ return /*#__PURE__*/React__default["default"].createElement(PaymentValueContext.Provider, {
2697
2691
  value: {
2698
2692
  paymentValue: paymentValue
2699
2693
  }
@@ -2708,16 +2702,16 @@
2708
2702
  var _useContext2 = React.useContext(ConfigurationContext),
2709
2703
  blacklist = _useContext2.blacklist;
2710
2704
 
2711
- return /*#__PURE__*/React__default$1["default"].createElement(DonationRoutingContext.Provider, {
2705
+ return /*#__PURE__*/React__default["default"].createElement(DonationRoutingContext.Provider, {
2712
2706
  value: {}
2713
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentRoutingProvider, {
2707
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
2714
2708
  accept: acceptWithAmount,
2715
2709
  blacklist: blacklist,
2716
2710
  setMaxRoute: setMaxRoute
2717
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentProvider, {
2711
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
2718
2712
  container: props.container,
2719
2713
  document: props.document
2720
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentValueProvider, null, props.children))));
2714
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentValueProvider, null, props.children))));
2721
2715
  });
2722
2716
 
2723
2717
  var format = (function (input) {
@@ -2795,24 +2789,24 @@
2795
2789
  setInputAmount(toValidValue(value));
2796
2790
  };
2797
2791
 
2798
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
2792
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
2799
2793
  stacked: true,
2800
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
2794
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
2801
2795
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomS"
2802
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
2796
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
2803
2797
  className: "LineHeightL FontSizeL TextCenter"
2804
- }, "Change Amount"), /*#__PURE__*/React__default$1["default"].createElement("div", {
2798
+ }, "Change Amount"), /*#__PURE__*/React__default["default"].createElement("div", {
2805
2799
  className: "FontSizeL TextCenter FontWeightBold"
2806
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", null, currencyCode))),
2807
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
2800
+ }, /*#__PURE__*/React__default["default"].createElement("strong", null, currencyCode))),
2801
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
2808
2802
  className: "MaxHeight PaddingTopXS"
2809
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2803
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2810
2804
  className: "PaddingLeftM PaddingRightM"
2811
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2805
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2812
2806
  className: "PaddingTopS TextCenter PaddingBottomL"
2813
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2807
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2814
2808
  className: "FontSizeL"
2815
- }, /*#__PURE__*/React__default$1["default"].createElement("input", {
2809
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
2816
2810
  max: parseFloat(maxAmount),
2817
2811
  min: min,
2818
2812
  step: step,
@@ -2826,7 +2820,7 @@
2826
2820
  onBlur: function onBlur(event) {
2827
2821
  setValidValue(event.target.value);
2828
2822
  }
2829
- })), /*#__PURE__*/React__default$1["default"].createElement(Slider__default["default"], {
2823
+ })), /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], {
2830
2824
  max: parseFloat(maxAmount),
2831
2825
  min: min,
2832
2826
  step: step,
@@ -2837,19 +2831,19 @@
2837
2831
  onChangeComplete: function onChangeComplete() {
2838
2832
  setValidValue(inputAmount);
2839
2833
  }
2840
- }), /*#__PURE__*/React__default$1["default"].createElement("div", {
2834
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
2841
2835
  style: {
2842
2836
  height: '40px'
2843
2837
  }
2844
- }, /*#__PURE__*/React__default$1["default"].createElement("div", null, format(toValidStep(maxAmount)), /*#__PURE__*/React__default$1["default"].createElement("button", {
2838
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, format(toValidStep(maxAmount)), /*#__PURE__*/React__default["default"].createElement("button", {
2845
2839
  className: "TextButton",
2846
2840
  onClick: function onClick() {
2847
2841
  changeAmount(toValidValue(maxAmount));
2848
2842
  }
2849
2843
  }, "(Max)")))))),
2850
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
2844
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
2851
2845
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
2852
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
2846
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
2853
2847
  className: "ButtonPrimary",
2854
2848
  onClick: changeAmountAndGoBack
2855
2849
  }, "Done"))
@@ -2860,30 +2854,30 @@
2860
2854
  var _useContext = React.useContext(PaymentValueContext),
2861
2855
  paymentValue = _useContext.paymentValue;
2862
2856
 
2863
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
2857
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
2864
2858
  stacked: true,
2865
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
2859
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
2866
2860
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomS"
2867
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
2861
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
2868
2862
  className: "LineHeightL FontSizeL TextCenter"
2869
- }, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default$1["default"].createElement("div", {
2863
+ }, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
2870
2864
  className: "FontSizeL TextCenter FontWeightBold"
2871
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", null, paymentValue.toString()))),
2872
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
2865
+ }, /*#__PURE__*/React__default["default"].createElement("strong", null, paymentValue.toString()))),
2866
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
2873
2867
  className: "MaxHeight PaddingTopXS"
2874
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2868
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2875
2869
  className: "PaddingLeftM PaddingRightM"
2876
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2870
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2877
2871
  className: "Card Skeleton"
2878
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2872
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2879
2873
  className: "SkeletonBackground"
2880
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
2874
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2881
2875
  className: "Card Skeleton"
2882
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2876
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2883
2877
  className: "SkeletonBackground"
2884
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
2878
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2885
2879
  className: "Card Skeleton"
2886
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2880
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2887
2881
  className: "SkeletonBackground"
2888
2882
  }))))
2889
2883
  });
@@ -2937,7 +2931,7 @@
2937
2931
  React.useEffect(function () {
2938
2932
  setCards(allPaymentRoutesWithData.map(function (payment, index) {
2939
2933
  var blockchain = web3Blockchains.Blockchain.findByName(payment.route.blockchain);
2940
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
2934
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2941
2935
  key: index,
2942
2936
  className: "Card",
2943
2937
  title: "Select ".concat(payment.symbol, " as payment"),
@@ -2945,148 +2939,148 @@
2945
2939
  setSelectedRoute(payment.route);
2946
2940
  navigate('back');
2947
2941
  }
2948
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2942
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2949
2943
  className: "CardImage"
2950
- }, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
2944
+ }, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
2951
2945
  blockchain: payment.route.blockchain,
2952
2946
  address: payment.route.fromToken.address
2953
- }), /*#__PURE__*/React__default$1["default"].createElement("img", {
2947
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
2954
2948
  className: "BlockchainLogo small",
2955
2949
  src: blockchain.logo,
2956
2950
  alt: blockchain.label,
2957
2951
  title: blockchain.label
2958
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
2952
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2959
2953
  className: "CardBody"
2960
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2954
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2961
2955
  className: "CardBodyWrapper"
2962
- }, /*#__PURE__*/React__default$1["default"].createElement("h2", {
2956
+ }, /*#__PURE__*/React__default["default"].createElement("h2", {
2963
2957
  className: "CardText"
2964
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2958
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2965
2959
  className: "TokenAmountRow"
2966
- }, /*#__PURE__*/React__default$1["default"].createElement("span", {
2960
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
2967
2961
  className: "TokenSymbolCell"
2968
- }, payment.symbol), /*#__PURE__*/React__default$1["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default$1["default"].createElement("span", {
2962
+ }, payment.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
2969
2963
  className: "TokenAmountCell"
2970
- }, format(payment.amount)))), /*#__PURE__*/React__default$1["default"].createElement("h3", {
2964
+ }, format(payment.amount)))), /*#__PURE__*/React__default["default"].createElement("h3", {
2971
2965
  className: "CardText"
2972
- }, /*#__PURE__*/React__default$1["default"].createElement("small", null, format(round(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down')))))));
2966
+ }, /*#__PURE__*/React__default["default"].createElement("small", null, format(round(parseFloat(payment.route.fromBalance.toString()) / Math.pow(10, payment.decimals), 'down')))))));
2973
2967
  }));
2974
2968
  }, [allPaymentRoutesWithData]);
2975
2969
 
2976
2970
  if (allPaymentRoutesWithData.length == 0 || cards.length == 0) {
2977
- return /*#__PURE__*/React__default$1["default"].createElement(ChangePaymentSkeleton, null);
2971
+ return /*#__PURE__*/React__default["default"].createElement(ChangePaymentSkeleton, null);
2978
2972
  }
2979
2973
 
2980
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
2974
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
2981
2975
  stacked: true,
2982
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
2976
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
2983
2977
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomS"
2984
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
2978
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
2985
2979
  className: "LineHeightL FontSizeL TextCenter"
2986
- }, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default$1["default"].createElement("div", {
2980
+ }, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
2987
2981
  className: "FontSizeL TextCenter FontWeightBold"
2988
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", null, paymentValue.toString()))),
2989
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
2982
+ }, /*#__PURE__*/React__default["default"].createElement("strong", null, paymentValue.toString()))),
2983
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
2990
2984
  className: "MaxHeight PaddingTopXS"
2991
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
2985
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2992
2986
  className: "PaddingLeftM PaddingRightM"
2993
2987
  }, cards)),
2994
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", null)
2988
+ footer: /*#__PURE__*/React__default["default"].createElement("div", null)
2995
2989
  });
2996
2990
  });
2997
2991
 
2998
2992
  var DonationOverviewSkeleton = (function (props) {
2999
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
3000
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
2993
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
2994
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
3001
2995
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
3002
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
2996
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
3003
2997
  className: "LineHeightL FontSizeL"
3004
2998
  }, "Donation")),
3005
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
2999
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
3006
3000
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
3007
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3001
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3008
3002
  className: "Card Skeleton"
3009
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3003
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3010
3004
  className: "SkeletonBackground"
3011
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
3005
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3012
3006
  className: "Card Skeleton"
3013
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3007
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3014
3008
  className: "SkeletonBackground"
3015
3009
  }))),
3016
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
3010
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
3017
3011
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
3018
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3012
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3019
3013
  className: "SkeletonWrapper"
3020
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3014
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3021
3015
  className: "ButtonPrimary Skeleton"
3022
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3016
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3023
3017
  className: "SkeletonBackground"
3024
3018
  }))))
3025
3019
  });
3026
3020
  });
3027
3021
 
3028
3022
  var Checkmark = (function (props) {
3029
- return /*#__PURE__*/React__default$1["default"].createElement("svg", {
3023
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
3030
3024
  className: "Checkmark Icon " + props.className,
3031
3025
  version: "1.1",
3032
3026
  xmlns: "http://www.w3.org/2000/svg",
3033
3027
  x: "0px",
3034
3028
  y: "0px",
3035
3029
  viewBox: "0 0 24 24"
3036
- }, /*#__PURE__*/React__default$1["default"].createElement("path", {
3030
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3037
3031
  d: "M20,4.9L9.2,16l-5.4-3.9c-0.7-0.5-1.6-0.3-2.1,0.3c-0.5,0.7-0.3,1.6,0.3,2.1l6.4,4.7c0.3,0.2,0.6,0.3,0.9,0.3 c0.4,0,0.8-0.2,1.1-0.5l11.7-12c0.6-0.6,0.6-1.6,0-2.2C21.6,4.3,20.6,4.3,20,4.9z"
3038
3032
  }));
3039
3033
  });
3040
3034
 
3041
3035
  var DigitalWalletIcon = (function (props) {
3042
- return /*#__PURE__*/React__default$1["default"].createElement("svg", {
3036
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
3043
3037
  className: "DigitalWalletIcon Icon " + props.className,
3044
3038
  version: "1.1",
3045
3039
  xmlns: "http://www.w3.org/2000/svg",
3046
3040
  height: "24",
3047
3041
  width: "24",
3048
3042
  viewBox: "0 0 24 24"
3049
- }, /*#__PURE__*/React__default$1["default"].createElement("path", {
3043
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3050
3044
  d: "M8.51,4.84l-.39-.53,4-2.89a2.2,2.2,0,0,1,3.06.48l.4.56-.53.39-.4-.56A1.54,1.54,0,0,0,12.5,2Z",
3051
3045
  transform: "translate(-0.81 -1)"
3052
- }), /*#__PURE__*/React__default$1["default"].createElement("path", {
3046
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
3053
3047
  d: "M9.77,4.89l-.21-.62,6.31-2.13h0a2.18,2.18,0,0,1,.67-.1h0a2.21,2.21,0,0,1,2.08,1.49l.32.95-.63.21L18,3.73a1.53,1.53,0,0,0-1.45-1h0a1.61,1.61,0,0,0-.48.08h0Z",
3054
3048
  transform: "translate(-0.81 -1)"
3055
- }), /*#__PURE__*/React__default$1["default"].createElement("path", {
3049
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
3056
3050
  d: "M19.72,16.2H18.27a3.28,3.28,0,1,1,0-6.56h1.45a3.21,3.21,0,0,1,1.33.28h0a3.28,3.28,0,0,1,0,6A3.21,3.21,0,0,1,19.72,16.2Zm-1.45-5.9a2.63,2.63,0,0,0,0,5.25h1.45a2.56,2.56,0,0,0,1.06-.23,2.62,2.62,0,0,0,0-4.8,2.55,2.55,0,0,0-1.06-.22ZM19,14.53a1.61,1.61,0,1,1,1.61-1.61A1.62,1.62,0,0,1,19,14.53ZM19,12a1,1,0,1,0,.95.95A1,1,0,0,0,19,12Z",
3057
3051
  transform: "translate(-0.81 -1)"
3058
- }), /*#__PURE__*/React__default$1["default"].createElement("path", {
3052
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
3059
3053
  d: "M10.49,19.69a1.58,1.58,0,1,1,1.58-1.57A1.57,1.57,0,0,1,10.49,19.69Zm0-2.49a.92.92,0,1,0,.92.92A.92.92,0,0,0,10.49,17.2Z",
3060
3054
  transform: "translate(-0.81 -1)"
3061
- }), /*#__PURE__*/React__default$1["default"].createElement("path", {
3055
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
3062
3056
  d: "M19.09,22.14H2.79a2,2,0,0,1-2-2V6.25a2.1,2.1,0,0,1,0-.43,2,2,0,0,1,.48-.92,2,2,0,0,1,1.48-.65H19.09a2,2,0,0,1,.64.1,2,2,0,0,1,1.36,1.79v0a.28.28,0,0,1,0,.09v3.91h-.66v-4a1.49,1.49,0,0,0-.23-.69A1.35,1.35,0,0,0,19.52,5a1.26,1.26,0,0,0-.43-.08H2.82a1.34,1.34,0,0,0-1,.44A1.49,1.49,0,0,0,1.5,6a1.5,1.5,0,0,0,0,.29V20.13a1.36,1.36,0,0,0,1.34,1.35H19.09a1.35,1.35,0,0,0,1.35-1.35V15.68h.66v4.45A2,2,0,0,1,19.09,22.14Z",
3063
3057
  transform: "translate(-0.81 -1)"
3064
- }), /*#__PURE__*/React__default$1["default"].createElement("path", {
3058
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
3065
3059
  d: "M9.27,9.31a1.58,1.58,0,1,1,0-3.15,1.58,1.58,0,0,1,0,3.15Zm0-2.5a.92.92,0,1,0,.92.92A.92.92,0,0,0,9.27,6.81Z",
3066
3060
  transform: "translate(-0.81 -1)"
3067
- }), /*#__PURE__*/React__default$1["default"].createElement("path", {
3061
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
3068
3062
  d: "M7.11,14.67A1.58,1.58,0,1,1,8.69,13.1,1.57,1.57,0,0,1,7.11,14.67Zm0-2.49A.92.92,0,1,0,8,13.1.92.92,0,0,0,7.11,12.18Z",
3069
3063
  transform: "translate(-0.81 -1)"
3070
- }), /*#__PURE__*/React__default$1["default"].createElement("rect", {
3064
+ }), /*#__PURE__*/React__default["default"].createElement("rect", {
3071
3065
  x: "0.33",
3072
3066
  y: "11.77",
3073
3067
  width: "4.72",
3074
3068
  height: "0.66"
3075
- }), /*#__PURE__*/React__default$1["default"].createElement("polygon", {
3069
+ }), /*#__PURE__*/React__default["default"].createElement("polygon", {
3076
3070
  points: "2.08 9.53 0.33 9.53 0.33 8.87 1.8 8.87 4.28 6.39 7.21 6.39 7.21 7.05 4.55 7.05 2.08 9.53"
3077
- }), /*#__PURE__*/React__default$1["default"].createElement("polygon", {
3071
+ }), /*#__PURE__*/React__default["default"].createElement("polygon", {
3078
3072
  points: "8.43 17.45 4.53 17.45 2.63 15.55 0.33 15.55 0.33 14.89 2.9 14.89 4.8 16.79 8.43 16.79 8.43 17.45"
3079
3073
  }));
3080
3074
  });
3081
3075
 
3082
3076
  var LoadingText = (function (props) {
3083
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
3077
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3084
3078
  className: "LoadingText"
3085
- }, props.children, /*#__PURE__*/React__default$1["default"].createElement("span", {
3079
+ }, props.children, /*#__PURE__*/React__default["default"].createElement("span", {
3086
3080
  className: "dot"
3087
- }, "."), /*#__PURE__*/React__default$1["default"].createElement("span", {
3081
+ }, "."), /*#__PURE__*/React__default["default"].createElement("span", {
3088
3082
  className: "dot"
3089
- }, "."), /*#__PURE__*/React__default$1["default"].createElement("span", {
3083
+ }, "."), /*#__PURE__*/React__default["default"].createElement("span", {
3090
3084
  className: "dot"
3091
3085
  }, "."));
3092
3086
  });
@@ -3127,35 +3121,35 @@
3127
3121
  }
3128
3122
 
3129
3123
  if (forward) {
3130
- return /*#__PURE__*/React__default$1["default"].createElement("div", null, /*#__PURE__*/React__default$1["default"].createElement("a", {
3124
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
3131
3125
  className: "Card transparent small disabled"
3132
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3126
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3133
3127
  className: "CardImage"
3134
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3128
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3135
3129
  className: "TextCenter Opacity05"
3136
- }, /*#__PURE__*/React__default$1["default"].createElement(Checkmark, {
3130
+ }, /*#__PURE__*/React__default["default"].createElement(Checkmark, {
3137
3131
  className: "small"
3138
- }))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3132
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3139
3133
  className: "CardBody"
3140
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3134
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3141
3135
  className: "CardBodyWrapper"
3142
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3136
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3143
3137
  className: "Opacity05"
3144
3138
  }, "Payment confirmation has been stored")))));
3145
3139
  } else {
3146
- return /*#__PURE__*/React__default$1["default"].createElement("div", null, /*#__PURE__*/React__default$1["default"].createElement("a", {
3140
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
3147
3141
  className: "Card transparent small disabled"
3148
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3142
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3149
3143
  className: "CardImage"
3150
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3144
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3151
3145
  className: "TextCenter"
3152
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3146
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3153
3147
  className: "Loading Icon"
3154
- }))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3148
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3155
3149
  className: "CardBody"
3156
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3150
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3157
3151
  className: "CardBodyWrapper"
3158
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3152
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3159
3153
  className: "Opacity05"
3160
3154
  }, "Storing payment confirmation")))));
3161
3155
  }
@@ -3163,43 +3157,43 @@
3163
3157
 
3164
3158
  var additionalPaymentInformation = function additionalPaymentInformation() {
3165
3159
  if (paymentState == 'paying' && transaction == undefined) {
3166
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
3160
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3167
3161
  className: "PaddingBottomS"
3168
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3162
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3169
3163
  className: "Card transparent disabled small"
3170
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3164
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3171
3165
  className: "CardImage"
3172
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3166
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3173
3167
  className: "TextCenter Opacity05"
3174
- }, /*#__PURE__*/React__default$1["default"].createElement(DigitalWalletIcon, {
3168
+ }, /*#__PURE__*/React__default["default"].createElement(DigitalWalletIcon, {
3175
3169
  className: "small"
3176
- }))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3170
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3177
3171
  className: "CardBody"
3178
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3172
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3179
3173
  className: "CardBodyWrapper"
3180
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3174
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3181
3175
  className: "Opacity05"
3182
3176
  }, "Confirm transaction in your wallet")))));
3183
3177
  } else if (paymentState == 'confirmed') {
3184
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
3178
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3185
3179
  className: "PaddingBottomS"
3186
- }, /*#__PURE__*/React__default$1["default"].createElement("div", null, /*#__PURE__*/React__default$1["default"].createElement("a", {
3180
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
3187
3181
  className: "Card transparent small",
3188
3182
  title: "Payment has been confirmed by the network",
3189
3183
  href: transaction === null || transaction === void 0 ? void 0 : transaction.url,
3190
3184
  target: "_blank",
3191
3185
  rel: "noopener noreferrer"
3192
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3186
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3193
3187
  className: "CardImage"
3194
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3188
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3195
3189
  className: "TextCenter Opacity05"
3196
- }, /*#__PURE__*/React__default$1["default"].createElement(Checkmark, {
3190
+ }, /*#__PURE__*/React__default["default"].createElement(Checkmark, {
3197
3191
  className: "small"
3198
- }))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3192
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3199
3193
  className: "CardBody"
3200
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3194
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3201
3195
  className: "CardBodyWrapper"
3202
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3196
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3203
3197
  className: "Opacity05"
3204
3198
  }, "Payment has been confirmed"))))), trackingInfo());
3205
3199
  }
@@ -3209,29 +3203,29 @@
3209
3203
  if (!payment.route.approvalRequired || payment.route.directTransfer) {
3210
3204
  return null;
3211
3205
  } else if (paymentState == 'initialized') {
3212
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
3206
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3213
3207
  className: "PaddingBottomS"
3214
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
3208
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
3215
3209
  className: "ButtonPrimary",
3216
3210
  onClick: approve,
3217
3211
  title: "Allow ".concat(payment.symbol, " to be used as payment")
3218
3212
  }, "Allow ", payment.symbol, " to be used as payment"));
3219
3213
  } else if (paymentState == 'approving') {
3220
- return /*#__PURE__*/React__default$1["default"].createElement("div", {
3214
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3221
3215
  className: "PaddingBottomS"
3222
- }, /*#__PURE__*/React__default$1["default"].createElement("a", {
3216
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
3223
3217
  className: "ButtonPrimary",
3224
3218
  title: "Approving payment token - please wait",
3225
3219
  href: approvalTransaction === null || approvalTransaction === void 0 ? void 0 : approvalTransaction.url,
3226
3220
  target: "_blank",
3227
3221
  rel: "noopener noreferrer"
3228
- }, /*#__PURE__*/React__default$1["default"].createElement(LoadingText, null, "Approving")));
3222
+ }, /*#__PURE__*/React__default["default"].createElement(LoadingText, null, "Approving")));
3229
3223
  }
3230
3224
  };
3231
3225
 
3232
3226
  var mainAction = function mainAction() {
3233
3227
  if (paymentState == 'initialized' || paymentState == 'approving') {
3234
- return /*#__PURE__*/React__default$1["default"].createElement("button", {
3228
+ return /*#__PURE__*/React__default["default"].createElement("button", {
3235
3229
  className: ["ButtonPrimary", payment.route.approvalRequired && !payment.route.directTransfer ? 'disabled' : ''].join(' '),
3236
3230
  onClick: function onClick() {
3237
3231
  if (payment.route.approvalRequired && !payment.route.directTransfer) {
@@ -3247,36 +3241,36 @@
3247
3241
  code: currencyCode
3248
3242
  }).toString() : paymentValue.toString().length ? paymentValue.toString() : "".concat(payment.amount));
3249
3243
  } else if (paymentState == 'paying') {
3250
- return /*#__PURE__*/React__default$1["default"].createElement("a", {
3244
+ return /*#__PURE__*/React__default["default"].createElement("a", {
3251
3245
  className: "ButtonPrimary",
3252
3246
  title: "Performing the payment - please wait",
3253
3247
  href: transaction === null || transaction === void 0 ? void 0 : transaction.url,
3254
3248
  target: "_blank",
3255
3249
  rel: "noopener noreferrer"
3256
- }, /*#__PURE__*/React__default$1["default"].createElement(LoadingText, null, "Paying"));
3250
+ }, /*#__PURE__*/React__default["default"].createElement(LoadingText, null, "Paying"));
3257
3251
  } else if (paymentState == 'confirmed') {
3258
3252
  if (tracking == true) {
3259
3253
  if (forward) {
3260
3254
  if (forwardTo) {
3261
- return /*#__PURE__*/React__default$1["default"].createElement("a", {
3255
+ return /*#__PURE__*/React__default["default"].createElement("a", {
3262
3256
  className: "ButtonPrimary",
3263
3257
  href: forwardTo,
3264
3258
  rel: "noopener noreferrer"
3265
3259
  }, "Continue");
3266
3260
  } else {
3267
- return /*#__PURE__*/React__default$1["default"].createElement("button", {
3261
+ return /*#__PURE__*/React__default["default"].createElement("button", {
3268
3262
  className: "ButtonPrimary",
3269
3263
  onClick: close
3270
3264
  }, "Continue");
3271
3265
  }
3272
3266
  } else {
3273
- return /*#__PURE__*/React__default$1["default"].createElement("button", {
3267
+ return /*#__PURE__*/React__default["default"].createElement("button", {
3274
3268
  className: "ButtonPrimary disabled",
3275
3269
  onClick: function onClick() {}
3276
3270
  }, "Continue");
3277
3271
  }
3278
3272
  } else {
3279
- return /*#__PURE__*/React__default$1["default"].createElement("button", {
3273
+ return /*#__PURE__*/React__default["default"].createElement("button", {
3280
3274
  className: "ButtonPrimary",
3281
3275
  onClick: close
3282
3276
  }, "Close");
@@ -3284,7 +3278,7 @@
3284
3278
  }
3285
3279
  };
3286
3280
 
3287
- return /*#__PURE__*/React__default$1["default"].createElement("div", null, approvalButton(), additionalPaymentInformation(), mainAction());
3281
+ return /*#__PURE__*/React__default["default"].createElement("div", null, approvalButton(), additionalPaymentInformation(), mainAction());
3288
3282
  });
3289
3283
 
3290
3284
  var DonationOverviewDialog = (function (props) {
@@ -3302,18 +3296,18 @@
3302
3296
  navigate = _useContext4.navigate;
3303
3297
 
3304
3298
  if (payment == undefined) {
3305
- return /*#__PURE__*/React__default$1["default"].createElement(DonationOverviewSkeleton, null);
3299
+ return /*#__PURE__*/React__default["default"].createElement(DonationOverviewSkeleton, null);
3306
3300
  }
3307
3301
 
3308
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
3309
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
3302
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
3303
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
3310
3304
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
3311
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
3305
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
3312
3306
  className: "LineHeightL FontSizeL"
3313
3307
  }, "Donation")),
3314
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
3308
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
3315
3309
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
3316
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3310
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3317
3311
  className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
3318
3312
  title: paymentState == 'initialized' ? "Change amount" : undefined,
3319
3313
  onClick: function onClick() {
@@ -3323,22 +3317,22 @@
3323
3317
 
3324
3318
  navigate('ChangeAmount');
3325
3319
  }
3326
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3320
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3327
3321
  className: "CardBody"
3328
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3322
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3329
3323
  className: "CardBodyWrapper"
3330
- }, /*#__PURE__*/React__default$1["default"].createElement("h4", {
3324
+ }, /*#__PURE__*/React__default["default"].createElement("h4", {
3331
3325
  className: "CardTitle"
3332
- }, "Amount"), /*#__PURE__*/React__default$1["default"].createElement("h2", {
3326
+ }, "Amount"), /*#__PURE__*/React__default["default"].createElement("h2", {
3333
3327
  className: "CardText"
3334
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3328
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3335
3329
  className: "TokenAmountRow"
3336
3330
  }, new localCurrency.Currency({
3337
3331
  amount: amount.toFixed(2),
3338
3332
  code: currencyCode
3339
- }).toString())))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3333
+ }).toString())))), /*#__PURE__*/React__default["default"].createElement("div", {
3340
3334
  className: "CardAction"
3341
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3335
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default["default"].createElement("div", {
3342
3336
  className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
3343
3337
  title: paymentState == 'initialized' ? "Change payment" : undefined,
3344
3338
  onClick: function onClick() {
@@ -3348,32 +3342,32 @@
3348
3342
 
3349
3343
  navigate('ChangePayment');
3350
3344
  }
3351
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3345
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3352
3346
  className: "CardImage",
3353
3347
  title: payment.name
3354
- }, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
3348
+ }, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
3355
3349
  blockchain: payment.route.blockchain,
3356
3350
  address: payment.token
3357
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
3351
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3358
3352
  className: "CardBody"
3359
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3353
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3360
3354
  className: "CardBodyWrapper"
3361
- }, /*#__PURE__*/React__default$1["default"].createElement("h4", {
3355
+ }, /*#__PURE__*/React__default["default"].createElement("h4", {
3362
3356
  className: "CardTitle"
3363
- }, "Payment"), /*#__PURE__*/React__default$1["default"].createElement("h2", {
3357
+ }, "Payment"), /*#__PURE__*/React__default["default"].createElement("h2", {
3364
3358
  className: "CardText"
3365
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3359
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3366
3360
  className: "TokenAmountRow"
3367
- }, /*#__PURE__*/React__default$1["default"].createElement("span", {
3361
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
3368
3362
  className: "TokenSymbolCell"
3369
- }, payment.symbol), /*#__PURE__*/React__default$1["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default$1["default"].createElement("span", {
3363
+ }, payment.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
3370
3364
  className: "TokenAmountCell"
3371
- }, format(payment.amount)))))), /*#__PURE__*/React__default$1["default"].createElement("div", {
3365
+ }, format(payment.amount)))))), /*#__PURE__*/React__default["default"].createElement("div", {
3372
3366
  className: "CardAction"
3373
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronRight, null)))),
3374
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
3367
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null)))),
3368
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
3375
3369
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
3376
- }, /*#__PURE__*/React__default$1["default"].createElement(Footer, null))
3370
+ }, /*#__PURE__*/React__default["default"].createElement(Footer, null))
3377
3371
  });
3378
3372
  });
3379
3373
 
@@ -3384,34 +3378,34 @@
3384
3378
  var _useContext2 = React.useContext(PaymentContext),
3385
3379
  transaction = _useContext2.transaction;
3386
3380
 
3387
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
3381
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
3388
3382
  stacked: true,
3389
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
3383
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
3390
3384
  className: "PaddingTopS PaddingLeftM PaddingRightM"
3391
3385
  }),
3392
- body: /*#__PURE__*/React__default$1["default"].createElement("div", null, /*#__PURE__*/React__default$1["default"].createElement("div", {
3386
+ body: /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
3393
3387
  className: "GraphicWrapper"
3394
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
3388
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
3395
3389
  className: "Graphic",
3396
3390
  src: ErrorGraphic
3397
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
3391
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
3398
3392
  className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
3399
- }, "Payment Failed"), /*#__PURE__*/React__default$1["default"].createElement("div", {
3393
+ }, "Payment Failed"), /*#__PURE__*/React__default["default"].createElement("div", {
3400
3394
  className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
3401
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", {
3395
+ }, /*#__PURE__*/React__default["default"].createElement("strong", {
3402
3396
  className: "FontSizeM"
3403
- }, "Unfortunately executing your payment failed. You can go back and try again."), transaction && /*#__PURE__*/React__default$1["default"].createElement("div", {
3397
+ }, "Unfortunately executing your payment failed. You can go back and try again."), transaction && /*#__PURE__*/React__default["default"].createElement("div", {
3404
3398
  className: "PaddingTopS"
3405
- }, /*#__PURE__*/React__default$1["default"].createElement("a", {
3399
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
3406
3400
  className: "Link",
3407
3401
  title: "Check your transaction on a block explorer",
3408
3402
  href: transaction === null || transaction === void 0 ? void 0 : transaction.url,
3409
3403
  target: "_blank",
3410
3404
  rel: "noopener noreferrer"
3411
3405
  }, "View on explorer")))),
3412
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
3406
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
3413
3407
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
3414
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
3408
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
3415
3409
  className: "ButtonPrimary",
3416
3410
  onClick: function onClick() {
3417
3411
  return navigate('back');
@@ -3430,30 +3424,30 @@
3430
3424
  navigate = _useContext2.navigate;
3431
3425
 
3432
3426
  var blockchain = web3Blockchains.Blockchain.findByName(payment.route.blockchain);
3433
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
3427
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
3434
3428
  stacked: true,
3435
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
3429
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
3436
3430
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
3437
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
3431
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
3438
3432
  className: "LineHeightL FontSizeL"
3439
3433
  }, "Wrong Network")),
3440
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
3434
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
3441
3435
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
3442
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3436
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3443
3437
  className: "GraphicWrapper"
3444
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
3438
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
3445
3439
  className: "Graphic",
3446
3440
  src: ConnectGraphic
3447
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
3441
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
3448
3442
  className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
3449
- }, "Connect to ", blockchain.label), /*#__PURE__*/React__default$1["default"].createElement("div", {
3443
+ }, "Connect to ", blockchain.label), /*#__PURE__*/React__default["default"].createElement("div", {
3450
3444
  className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
3451
- }, /*#__PURE__*/React__default$1["default"].createElement("strong", {
3445
+ }, /*#__PURE__*/React__default["default"].createElement("strong", {
3452
3446
  className: "FontSizeM"
3453
3447
  }, "Please make sure you connect your wallet to the correct network before you try again!"))),
3454
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
3448
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
3455
3449
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
3456
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
3450
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
3457
3451
  className: "ButtonPrimary",
3458
3452
  onClick: function onClick() {
3459
3453
  return navigate('back');
@@ -3467,18 +3461,18 @@
3467
3461
  open = _useContext.open,
3468
3462
  close = _useContext.close;
3469
3463
 
3470
- return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
3464
+ return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
3471
3465
  open: open,
3472
3466
  close: close,
3473
3467
  start: "DonationOverview",
3474
3468
  container: props.container,
3475
3469
  document: props.document,
3476
3470
  dialogs: {
3477
- DonationOverview: /*#__PURE__*/React__default$1["default"].createElement(DonationOverviewDialog, null),
3478
- ChangeAmount: /*#__PURE__*/React__default$1["default"].createElement(ChangeAmountDialog, null),
3479
- ChangePayment: /*#__PURE__*/React__default$1["default"].createElement(ChangePaymentDialog, null),
3480
- PaymentError: /*#__PURE__*/React__default$1["default"].createElement(PaymentErrorDialog, null),
3481
- WrongNetwork: /*#__PURE__*/React__default$1["default"].createElement(WrongNetworkDialog, null)
3471
+ DonationOverview: /*#__PURE__*/React__default["default"].createElement(DonationOverviewDialog, null),
3472
+ ChangeAmount: /*#__PURE__*/React__default["default"].createElement(ChangeAmountDialog, null),
3473
+ ChangePayment: /*#__PURE__*/React__default["default"].createElement(ChangePaymentDialog, null),
3474
+ PaymentError: /*#__PURE__*/React__default["default"].createElement(PaymentErrorDialog, null),
3475
+ WrongNetwork: /*#__PURE__*/React__default["default"].createElement(WrongNetworkDialog, null)
3482
3476
  }
3483
3477
  });
3484
3478
  });
@@ -3593,7 +3587,7 @@
3593
3587
  startTracking(transaction, afterBlock);
3594
3588
  };
3595
3589
 
3596
- return /*#__PURE__*/React__default$1["default"].createElement(TrackingContext.Provider, {
3590
+ return /*#__PURE__*/React__default["default"].createElement(TrackingContext.Provider, {
3597
3591
  value: {
3598
3592
  tracking: tracking,
3599
3593
  initializeTracking: initializeTracking,
@@ -3635,7 +3629,7 @@
3635
3629
  };
3636
3630
 
3637
3631
  if (walletState == 'connected') {
3638
- return /*#__PURE__*/React__default$1["default"].createElement(WalletContext.Provider, {
3632
+ return /*#__PURE__*/React__default["default"].createElement(WalletContext.Provider, {
3639
3633
  value: {
3640
3634
  account: account,
3641
3635
  wallet: wallet,
@@ -3643,7 +3637,7 @@
3643
3637
  }
3644
3638
  }, props.children);
3645
3639
  } else {
3646
- return /*#__PURE__*/React__default$1["default"].createElement(ConnectStack, {
3640
+ return /*#__PURE__*/React__default["default"].createElement(ConnectStack, {
3647
3641
  document: props.document,
3648
3642
  container: props.container,
3649
3643
  resolve: connected
@@ -3720,11 +3714,11 @@
3720
3714
  closed: closed
3721
3715
  }, function (unmount) {
3722
3716
  return function (container) {
3723
- return /*#__PURE__*/React__default$1["default"].createElement(ErrorProvider, {
3717
+ return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
3724
3718
  error: error,
3725
3719
  container: container,
3726
3720
  unmount: unmount
3727
- }, /*#__PURE__*/React__default$1["default"].createElement(ConfigurationProvider, {
3721
+ }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
3728
3722
  configuration: {
3729
3723
  amount: amount,
3730
3724
  accept: accept,
@@ -3736,23 +3730,23 @@
3736
3730
  blacklist: blacklist,
3737
3731
  providers: providers
3738
3732
  }
3739
- }, /*#__PURE__*/React__default$1["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ClosableProvider, {
3733
+ }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
3740
3734
  unmount: unmount
3741
- }, /*#__PURE__*/React__default$1["default"].createElement(WalletProvider, {
3735
+ }, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
3742
3736
  container: container,
3743
3737
  connected: connected,
3744
3738
  unmount: unmount
3745
- }, /*#__PURE__*/React__default$1["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ChangableAmountProvider, {
3739
+ }, /*#__PURE__*/React__default["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default["default"].createElement(ChangableAmountProvider, {
3746
3740
  accept: accept
3747
- }, /*#__PURE__*/React__default$1["default"].createElement(TrackingProvider, {
3741
+ }, /*#__PURE__*/React__default["default"].createElement(TrackingProvider, {
3748
3742
  document: ensureDocument(document)
3749
- }, /*#__PURE__*/React__default$1["default"].createElement(DonationRoutingProvider, {
3743
+ }, /*#__PURE__*/React__default["default"].createElement(DonationRoutingProvider, {
3750
3744
  container: container,
3751
3745
  document: document
3752
- }, /*#__PURE__*/React__default$1["default"].createElement(DonationStack, {
3746
+ }, /*#__PURE__*/React__default["default"].createElement(DonationStack, {
3753
3747
  document: document,
3754
3748
  container: container
3755
- }), /*#__PURE__*/React__default$1["default"].createElement(PoweredBy, null))))))))));
3749
+ }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null))))))))));
3756
3750
  };
3757
3751
  });
3758
3752
  return _context2.abrupt("return", {
@@ -3835,22 +3829,22 @@
3835
3829
  });
3836
3830
  };
3837
3831
 
3838
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
3839
- body: /*#__PURE__*/React__default$1["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default$1["default"].createElement("div", {
3832
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
3833
+ body: /*#__PURE__*/React__default["default"].createElement("div", null, walletLogo && /*#__PURE__*/React__default["default"].createElement("div", {
3840
3834
  className: "GraphicWrapper PaddingTopS PaddingBottomS"
3841
- }, /*#__PURE__*/React__default$1["default"].createElement("img", {
3835
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
3842
3836
  className: "Graphic",
3843
3837
  src: walletLogo
3844
- })), /*#__PURE__*/React__default$1["default"].createElement("h1", {
3838
+ })), /*#__PURE__*/React__default["default"].createElement("h1", {
3845
3839
  className: "LineHeightL Text FontSizeL FontWeightBold PaddingTopS"
3846
- }, "Wallet Login"), /*#__PURE__*/React__default$1["default"].createElement("div", {
3840
+ }, "Wallet Login"), /*#__PURE__*/React__default["default"].createElement("div", {
3847
3841
  className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
3848
- }, /*#__PURE__*/React__default$1["default"].createElement("p", {
3842
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3849
3843
  className: "FontSizeM PaddingLeftM PaddingRightM"
3850
3844
  }, "Please click \"Log in\" and sign the message with your connected wallet."))),
3851
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
3845
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
3852
3846
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
3853
- }, /*#__PURE__*/React__default$1["default"].createElement("button", {
3847
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
3854
3848
  className: "ButtonPrimary",
3855
3849
  onClick: login
3856
3850
  }, "Log in"))
@@ -3867,14 +3861,14 @@
3867
3861
  _useState2[0];
3868
3862
  _useState2[1];
3869
3863
 
3870
- return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
3864
+ return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
3871
3865
  open: open,
3872
3866
  close: close,
3873
3867
  start: "SignLogin",
3874
3868
  container: props.container,
3875
3869
  document: props.document,
3876
3870
  dialogs: {
3877
- SignLogin: /*#__PURE__*/React__default$1["default"].createElement(SignLoginDialog, {
3871
+ SignLogin: /*#__PURE__*/React__default["default"].createElement(SignLoginDialog, {
3878
3872
  resolve: props.resolve,
3879
3873
  userClosedDialog: props.userClosedDialog
3880
3874
  })
@@ -3911,19 +3905,19 @@
3911
3905
  };
3912
3906
 
3913
3907
  return function (container) {
3914
- return /*#__PURE__*/React__default$1["default"].createElement(ErrorProvider, {
3908
+ return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
3915
3909
  error: error,
3916
3910
  container: container,
3917
3911
  unmount: unmount
3918
- }, /*#__PURE__*/React__default$1["default"].createElement(ConfigurationProvider, {
3912
+ }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
3919
3913
  configuration: {
3920
3914
  message: message,
3921
3915
  endpoint: endpoint || '/login',
3922
3916
  recover: recover
3923
3917
  }
3924
- }, /*#__PURE__*/React__default$1["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ClosableProvider, {
3918
+ }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
3925
3919
  unmount: userClosedDialog
3926
- }, /*#__PURE__*/React__default$1["default"].createElement(LoginStack, {
3920
+ }, /*#__PURE__*/React__default["default"].createElement(LoginStack, {
3927
3921
  document: document,
3928
3922
  container: container,
3929
3923
  resolve: function resolve(account) {
@@ -3931,7 +3925,7 @@
3931
3925
 
3932
3926
  _resolve(account);
3933
3927
  }
3934
- }), /*#__PURE__*/React__default$1["default"].createElement(PoweredBy, null)))));
3928
+ }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null)))));
3935
3929
  };
3936
3930
  });
3937
3931
  })["catch"](reject);
@@ -3950,7 +3944,7 @@
3950
3944
  }());
3951
3945
  };
3952
3946
 
3953
- var PaymentAmountRoutingContext = /*#__PURE__*/React__default$1["default"].createContext();
3947
+ var PaymentAmountRoutingContext = /*#__PURE__*/React__default["default"].createContext();
3954
3948
 
3955
3949
  var PaymentAmountRoutingProvider = (function (props) {
3956
3950
  var _useContext = React.useContext(ChangableAmountContext),
@@ -3972,9 +3966,9 @@
3972
3966
  setAccept(props.accept);
3973
3967
  }
3974
3968
  }, [amountsMissing, acceptWithAmount]);
3975
- return /*#__PURE__*/React__default$1["default"].createElement(PaymentAmountRoutingContext.Provider, {
3969
+ return /*#__PURE__*/React__default["default"].createElement(PaymentAmountRoutingContext.Provider, {
3976
3970
  value: {}
3977
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentRoutingProvider, {
3971
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
3978
3972
  accept: accept,
3979
3973
  whitelist: props.whitelist,
3980
3974
  blacklist: props.blacklist,
@@ -3987,30 +3981,30 @@
3987
3981
  var _useContext = React.useContext(ChangableAmountContext),
3988
3982
  amountsMissing = _useContext.amountsMissing;
3989
3983
 
3990
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
3991
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
3984
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
3985
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
3992
3986
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
3993
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
3987
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
3994
3988
  className: "LineHeightL FontSizeL"
3995
3989
  }, "Payment")),
3996
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
3990
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
3997
3991
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
3998
- }, amountsMissing && /*#__PURE__*/React__default$1["default"].createElement("div", {
3992
+ }, amountsMissing && /*#__PURE__*/React__default["default"].createElement("div", {
3999
3993
  className: "Card Skeleton"
4000
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3994
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4001
3995
  className: "SkeletonBackground"
4002
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
3996
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
4003
3997
  className: "Card Skeleton"
4004
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
3998
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4005
3999
  className: "SkeletonBackground"
4006
4000
  }))),
4007
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
4001
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
4008
4002
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
4009
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4003
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4010
4004
  className: "SkeletonWrapper"
4011
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4005
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4012
4006
  className: "ButtonPrimary Skeleton"
4013
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4007
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4014
4008
  className: "SkeletonBackground"
4015
4009
  }))))
4016
4010
  });
@@ -4035,18 +4029,18 @@
4035
4029
  navigate = _useContext5.navigate;
4036
4030
 
4037
4031
  if (payment == undefined || paymentValue == undefined) {
4038
- return /*#__PURE__*/React__default$1["default"].createElement(PaymentOverviewSkeleton, null);
4032
+ return /*#__PURE__*/React__default["default"].createElement(PaymentOverviewSkeleton, null);
4039
4033
  }
4040
4034
 
4041
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
4042
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
4035
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
4036
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
4043
4037
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
4044
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
4038
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
4045
4039
  className: "LineHeightL FontSizeL"
4046
4040
  }, "Payment")),
4047
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
4041
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
4048
4042
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
4049
- }, amountsMissing && /*#__PURE__*/React__default$1["default"].createElement("div", {
4043
+ }, amountsMissing && /*#__PURE__*/React__default["default"].createElement("div", {
4050
4044
  className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
4051
4045
  title: paymentState == 'initialized' ? "Change amount" : undefined,
4052
4046
  onClick: function onClick() {
@@ -4056,22 +4050,22 @@
4056
4050
 
4057
4051
  navigate('ChangeAmount');
4058
4052
  }
4059
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4053
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4060
4054
  className: "CardBody"
4061
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4055
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4062
4056
  className: "CardBodyWrapper"
4063
- }, /*#__PURE__*/React__default$1["default"].createElement("h4", {
4057
+ }, /*#__PURE__*/React__default["default"].createElement("h4", {
4064
4058
  className: "CardTitle"
4065
- }, "Amount"), /*#__PURE__*/React__default$1["default"].createElement("h2", {
4059
+ }, "Amount"), /*#__PURE__*/React__default["default"].createElement("h2", {
4066
4060
  className: "CardText"
4067
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4061
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4068
4062
  className: "TokenAmountRow"
4069
4063
  }, new localCurrency.Currency({
4070
4064
  amount: amount.toFixed(2),
4071
4065
  code: currencyCode
4072
- }).toString())))), /*#__PURE__*/React__default$1["default"].createElement("div", {
4066
+ }).toString())))), /*#__PURE__*/React__default["default"].createElement("div", {
4073
4067
  className: "CardAction"
4074
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default$1["default"].createElement("div", {
4068
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default["default"].createElement("div", {
4075
4069
  className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
4076
4070
  title: paymentState == 'initialized' ? "Change payment" : undefined,
4077
4071
  onClick: function onClick() {
@@ -4081,32 +4075,32 @@
4081
4075
 
4082
4076
  navigate('ChangePayment');
4083
4077
  }
4084
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4078
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4085
4079
  className: "CardImage",
4086
4080
  title: payment.name
4087
- }, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
4081
+ }, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
4088
4082
  blockchain: payment.route.blockchain,
4089
4083
  address: payment.token
4090
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
4084
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
4091
4085
  className: "CardBody"
4092
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4086
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4093
4087
  className: "CardBodyWrapper"
4094
- }, amountsMissing && /*#__PURE__*/React__default$1["default"].createElement("h4", {
4088
+ }, amountsMissing && /*#__PURE__*/React__default["default"].createElement("h4", {
4095
4089
  className: "CardTitle"
4096
- }, "Payment"), /*#__PURE__*/React__default$1["default"].createElement("h2", {
4090
+ }, "Payment"), /*#__PURE__*/React__default["default"].createElement("h2", {
4097
4091
  className: "CardText"
4098
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4092
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4099
4093
  className: "TokenAmountRow"
4100
- }, /*#__PURE__*/React__default$1["default"].createElement("span", {
4094
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
4101
4095
  className: "TokenSymbolCell"
4102
- }, payment.symbol), /*#__PURE__*/React__default$1["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default$1["default"].createElement("span", {
4096
+ }, payment.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
4103
4097
  className: "TokenAmountCell"
4104
- }, format(payment.amount)))))), /*#__PURE__*/React__default$1["default"].createElement("div", {
4098
+ }, format(payment.amount)))))), /*#__PURE__*/React__default["default"].createElement("div", {
4105
4099
  className: "CardAction"
4106
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronRight, null)))),
4107
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
4100
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null)))),
4101
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
4108
4102
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
4109
- }, /*#__PURE__*/React__default$1["default"].createElement(Footer, null))
4103
+ }, /*#__PURE__*/React__default["default"].createElement(Footer, null))
4110
4104
  });
4111
4105
  });
4112
4106
 
@@ -4115,18 +4109,18 @@
4115
4109
  open = _useContext.open,
4116
4110
  close = _useContext.close;
4117
4111
 
4118
- return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
4112
+ return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
4119
4113
  open: open,
4120
4114
  close: close,
4121
4115
  start: "PaymentOverview",
4122
4116
  container: props.container,
4123
4117
  document: props.document,
4124
4118
  dialogs: {
4125
- PaymentOverview: /*#__PURE__*/React__default$1["default"].createElement(PaymentOverviewDialog, null),
4126
- ChangeAmount: /*#__PURE__*/React__default$1["default"].createElement(ChangeAmountDialog, null),
4127
- ChangePayment: /*#__PURE__*/React__default$1["default"].createElement(ChangePaymentDialog, null),
4128
- PaymentError: /*#__PURE__*/React__default$1["default"].createElement(PaymentErrorDialog, null),
4129
- WrongNetwork: /*#__PURE__*/React__default$1["default"].createElement(WrongNetworkDialog, null)
4119
+ PaymentOverview: /*#__PURE__*/React__default["default"].createElement(PaymentOverviewDialog, null),
4120
+ ChangeAmount: /*#__PURE__*/React__default["default"].createElement(ChangeAmountDialog, null),
4121
+ ChangePayment: /*#__PURE__*/React__default["default"].createElement(ChangePaymentDialog, null),
4122
+ PaymentError: /*#__PURE__*/React__default["default"].createElement(PaymentErrorDialog, null),
4123
+ WrongNetwork: /*#__PURE__*/React__default["default"].createElement(WrongNetworkDialog, null)
4130
4124
  }
4131
4125
  });
4132
4126
  });
@@ -4191,11 +4185,11 @@
4191
4185
  closed: closed
4192
4186
  }, function (unmount) {
4193
4187
  return function (container) {
4194
- return /*#__PURE__*/React__default$1["default"].createElement(ErrorProvider, {
4188
+ return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
4195
4189
  error: error,
4196
4190
  container: container,
4197
4191
  unmount: unmount
4198
- }, /*#__PURE__*/React__default$1["default"].createElement(ConfigurationProvider, {
4192
+ }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
4199
4193
  configuration: {
4200
4194
  amount: amount,
4201
4195
  accept: accept,
@@ -4209,29 +4203,29 @@
4209
4203
  providers: providers,
4210
4204
  track: track
4211
4205
  }
4212
- }, /*#__PURE__*/React__default$1["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ClosableProvider, {
4206
+ }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
4213
4207
  unmount: unmount
4214
- }, /*#__PURE__*/React__default$1["default"].createElement(WalletProvider, {
4208
+ }, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
4215
4209
  document: document,
4216
4210
  container: container,
4217
4211
  connected: connected,
4218
4212
  unmount: unmount
4219
- }, /*#__PURE__*/React__default$1["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ChangableAmountProvider, {
4213
+ }, /*#__PURE__*/React__default["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default["default"].createElement(ChangableAmountProvider, {
4220
4214
  accept: accept
4221
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentAmountRoutingProvider, {
4215
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentAmountRoutingProvider, {
4222
4216
  accept: accept,
4223
4217
  whitelist: whitelist,
4224
4218
  blacklist: blacklist,
4225
4219
  event: event
4226
- }, /*#__PURE__*/React__default$1["default"].createElement(TrackingProvider, {
4220
+ }, /*#__PURE__*/React__default["default"].createElement(TrackingProvider, {
4227
4221
  document: ensureDocument(document)
4228
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentProvider, {
4222
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
4229
4223
  container: container,
4230
4224
  document: document
4231
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentValueProvider, null, /*#__PURE__*/React__default$1["default"].createElement(PaymentStack, {
4225
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentValueProvider, null, /*#__PURE__*/React__default["default"].createElement(PaymentStack, {
4232
4226
  document: document,
4233
4227
  container: container
4234
- }), /*#__PURE__*/React__default$1["default"].createElement(PoweredBy, null))))))))))));
4228
+ }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null))))))))))));
4235
4229
  };
4236
4230
  });
4237
4231
  return _context2.abrupt("return", {
@@ -4260,9 +4254,9 @@
4260
4254
  };
4261
4255
  }();
4262
4256
 
4263
- var SaleRoutingContext = /*#__PURE__*/React__default$1["default"].createContext();
4257
+ var SaleRoutingContext = /*#__PURE__*/React__default["default"].createContext();
4264
4258
 
4265
- var ToTokenContext = /*#__PURE__*/React__default$1["default"].createContext();
4259
+ var ToTokenContext = /*#__PURE__*/React__default["default"].createContext();
4266
4260
 
4267
4261
  var ToTokenProvider = (function (props) {
4268
4262
  var _useContext = React.useContext(PaymentContext),
@@ -4293,7 +4287,7 @@
4293
4287
  });
4294
4288
  }
4295
4289
  }, [payment]);
4296
- return /*#__PURE__*/React__default$1["default"].createElement(ToTokenContext.Provider, {
4290
+ return /*#__PURE__*/React__default["default"].createElement(ToTokenContext.Provider, {
4297
4291
  value: {
4298
4292
  toToken: toToken,
4299
4293
  toTokenReadableAmount: toTokenReadableAmount
@@ -4326,46 +4320,46 @@
4326
4320
  }
4327
4321
  }
4328
4322
 
4329
- return /*#__PURE__*/React__default$1["default"].createElement(SaleRoutingContext.Provider, {
4323
+ return /*#__PURE__*/React__default["default"].createElement(SaleRoutingContext.Provider, {
4330
4324
  value: {}
4331
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentRoutingProvider, {
4325
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
4332
4326
  accept: acceptWithAmount,
4333
4327
  blacklist: blacklist,
4334
4328
  setMaxRoute: setMaxRoute
4335
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentProvider, {
4329
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
4336
4330
  container: props.container,
4337
4331
  document: props.document
4338
- }, /*#__PURE__*/React__default$1["default"].createElement(PaymentValueProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ToTokenProvider, null, props.children)))));
4332
+ }, /*#__PURE__*/React__default["default"].createElement(PaymentValueProvider, null, /*#__PURE__*/React__default["default"].createElement(ToTokenProvider, null, props.children)))));
4339
4333
  });
4340
4334
 
4341
4335
  var SaleOverviewSkeleton = (function (props) {
4342
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
4343
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
4336
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
4337
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
4344
4338
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
4345
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
4339
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
4346
4340
  className: "LineHeightL FontSizeL"
4347
4341
  }, "Purchase")),
4348
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
4342
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
4349
4343
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
4350
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4344
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4351
4345
  className: "Card Skeleton",
4352
4346
  style: {
4353
4347
  height: '100px'
4354
4348
  }
4355
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4349
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4356
4350
  className: "SkeletonBackground"
4357
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
4351
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
4358
4352
  className: "Card Skeleton"
4359
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4353
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4360
4354
  className: "SkeletonBackground"
4361
4355
  }))),
4362
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
4356
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
4363
4357
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
4364
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4358
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4365
4359
  className: "SkeletonWrapper"
4366
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4360
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4367
4361
  className: "ButtonPrimary Skeleton"
4368
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4362
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4369
4363
  className: "SkeletonBackground"
4370
4364
  }))))
4371
4365
  });
@@ -4407,31 +4401,31 @@
4407
4401
  }, [paymentValue]);
4408
4402
 
4409
4403
  if (toToken == undefined || toTokenReadableAmount == undefined || payment == undefined || paymentValue == undefined) {
4410
- return /*#__PURE__*/React__default$1["default"].createElement(SaleOverviewSkeleton, null);
4404
+ return /*#__PURE__*/React__default["default"].createElement(SaleOverviewSkeleton, null);
4411
4405
  }
4412
4406
 
4413
4407
  var tokenImageElement;
4414
4408
 
4415
4409
  if (tokenImage) {
4416
- tokenImageElement = /*#__PURE__*/React__default$1["default"].createElement("img", {
4410
+ tokenImageElement = /*#__PURE__*/React__default["default"].createElement("img", {
4417
4411
  src: tokenImage
4418
4412
  });
4419
4413
  } else {
4420
- tokenImageElement = /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
4414
+ tokenImageElement = /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
4421
4415
  blockchain: payment.route.blockchain,
4422
4416
  address: toToken.address
4423
4417
  });
4424
4418
  }
4425
4419
 
4426
- return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
4427
- header: /*#__PURE__*/React__default$1["default"].createElement("div", {
4420
+ return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
4421
+ header: /*#__PURE__*/React__default["default"].createElement("div", {
4428
4422
  className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
4429
- }, /*#__PURE__*/React__default$1["default"].createElement("h1", {
4423
+ }, /*#__PURE__*/React__default["default"].createElement("h1", {
4430
4424
  className: "LineHeightL FontSizeL"
4431
4425
  }, "Purchase")),
4432
- body: /*#__PURE__*/React__default$1["default"].createElement("div", {
4426
+ body: /*#__PURE__*/React__default["default"].createElement("div", {
4433
4427
  className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
4434
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4428
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4435
4429
  className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
4436
4430
  title: paymentState == 'initialized' ? "Change amount" : undefined,
4437
4431
  onClick: function onClick() {
@@ -4441,28 +4435,28 @@
4441
4435
 
4442
4436
  navigate('ChangeAmount');
4443
4437
  }
4444
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4438
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4445
4439
  className: "CardImage",
4446
4440
  title: payment.name
4447
- }, tokenImageElement), /*#__PURE__*/React__default$1["default"].createElement("div", {
4441
+ }, tokenImageElement), /*#__PURE__*/React__default["default"].createElement("div", {
4448
4442
  className: "CardBody"
4449
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4443
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4450
4444
  className: "CardBodyWrapper"
4451
- }, /*#__PURE__*/React__default$1["default"].createElement("h4", {
4445
+ }, /*#__PURE__*/React__default["default"].createElement("h4", {
4452
4446
  className: "CardTitle"
4453
- }, "Amount"), /*#__PURE__*/React__default$1["default"].createElement("h2", {
4447
+ }, "Amount"), /*#__PURE__*/React__default["default"].createElement("h2", {
4454
4448
  className: "CardText"
4455
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4449
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4456
4450
  className: "TokenAmountRow"
4457
- }, /*#__PURE__*/React__default$1["default"].createElement("span", {
4451
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
4458
4452
  className: "TokenSymbolCell"
4459
- }, toToken.symbol), /*#__PURE__*/React__default$1["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default$1["default"].createElement("span", {
4453
+ }, toToken.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
4460
4454
  className: "TokenAmountCell"
4461
- }, format(toTokenReadableAmount)))), salePerTokenValue && /*#__PURE__*/React__default$1["default"].createElement("h3", {
4455
+ }, format(toTokenReadableAmount)))), salePerTokenValue && /*#__PURE__*/React__default["default"].createElement("h3", {
4462
4456
  className: "CardText"
4463
- }, /*#__PURE__*/React__default$1["default"].createElement("small", null, salePerTokenValue, " per token")))), /*#__PURE__*/React__default$1["default"].createElement("div", {
4457
+ }, /*#__PURE__*/React__default["default"].createElement("small", null, salePerTokenValue, " per token")))), /*#__PURE__*/React__default["default"].createElement("div", {
4464
4458
  className: "CardAction"
4465
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default$1["default"].createElement("div", {
4459
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null))), /*#__PURE__*/React__default["default"].createElement("div", {
4466
4460
  className: ["Card", paymentState == 'initialized' ? '' : 'disabled'].join(' '),
4467
4461
  title: paymentState == 'initialized' ? "Change payment" : undefined,
4468
4462
  onClick: function onClick() {
@@ -4472,32 +4466,32 @@
4472
4466
 
4473
4467
  navigate('ChangePayment');
4474
4468
  }
4475
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4469
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4476
4470
  className: "CardImage",
4477
4471
  title: payment.name
4478
- }, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
4472
+ }, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
4479
4473
  blockchain: payment.route.blockchain,
4480
4474
  address: payment.token
4481
- })), /*#__PURE__*/React__default$1["default"].createElement("div", {
4475
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
4482
4476
  className: "CardBody"
4483
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4477
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4484
4478
  className: "CardBodyWrapper"
4485
- }, /*#__PURE__*/React__default$1["default"].createElement("h4", {
4479
+ }, /*#__PURE__*/React__default["default"].createElement("h4", {
4486
4480
  className: "CardTitle"
4487
- }, "Payment"), /*#__PURE__*/React__default$1["default"].createElement("h2", {
4481
+ }, "Payment"), /*#__PURE__*/React__default["default"].createElement("h2", {
4488
4482
  className: "CardText"
4489
- }, /*#__PURE__*/React__default$1["default"].createElement("div", {
4483
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
4490
4484
  className: "TokenAmountRow"
4491
- }, /*#__PURE__*/React__default$1["default"].createElement("span", {
4485
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
4492
4486
  className: "TokenSymbolCell"
4493
- }, payment.symbol), /*#__PURE__*/React__default$1["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default$1["default"].createElement("span", {
4487
+ }, payment.symbol), /*#__PURE__*/React__default["default"].createElement("span", null, "\xA0"), /*#__PURE__*/React__default["default"].createElement("span", {
4494
4488
  className: "TokenAmountCell"
4495
- }, format(payment.amount)))))), /*#__PURE__*/React__default$1["default"].createElement("div", {
4489
+ }, format(payment.amount)))))), /*#__PURE__*/React__default["default"].createElement("div", {
4496
4490
  className: "CardAction"
4497
- }, /*#__PURE__*/React__default$1["default"].createElement(ChevronRight, null)))),
4498
- footer: /*#__PURE__*/React__default$1["default"].createElement("div", {
4491
+ }, /*#__PURE__*/React__default["default"].createElement(ChevronRight, null)))),
4492
+ footer: /*#__PURE__*/React__default["default"].createElement("div", {
4499
4493
  className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
4500
- }, /*#__PURE__*/React__default$1["default"].createElement(Footer, null))
4494
+ }, /*#__PURE__*/React__default["default"].createElement(Footer, null))
4501
4495
  });
4502
4496
  });
4503
4497
 
@@ -4506,19 +4500,19 @@
4506
4500
  open = _useContext.open,
4507
4501
  close = _useContext.close;
4508
4502
 
4509
- return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
4503
+ return /*#__PURE__*/React__default["default"].createElement(reactDialogStack.ReactDialogStack, {
4510
4504
  open: open,
4511
4505
  close: close,
4512
4506
  start: "SaleOverview",
4513
4507
  container: props.container,
4514
4508
  document: props.document,
4515
4509
  dialogs: {
4516
- SaleOverview: /*#__PURE__*/React__default$1["default"].createElement(SaleOverviewDialog, null),
4517
- ChangeAmount: /*#__PURE__*/React__default$1["default"].createElement(ChangeAmountDialog, null),
4518
- ChangePayment: /*#__PURE__*/React__default$1["default"].createElement(ChangePaymentDialog, null),
4519
- NoPaymentMethodFound: /*#__PURE__*/React__default$1["default"].createElement(NoPaymentMethodFoundDialog, null),
4520
- PaymentError: /*#__PURE__*/React__default$1["default"].createElement(PaymentErrorDialog, null),
4521
- WrongNetwork: /*#__PURE__*/React__default$1["default"].createElement(WrongNetworkDialog, null)
4510
+ SaleOverview: /*#__PURE__*/React__default["default"].createElement(SaleOverviewDialog, null),
4511
+ ChangeAmount: /*#__PURE__*/React__default["default"].createElement(ChangeAmountDialog, null),
4512
+ ChangePayment: /*#__PURE__*/React__default["default"].createElement(ChangePaymentDialog, null),
4513
+ NoPaymentMethodFound: /*#__PURE__*/React__default["default"].createElement(NoPaymentMethodFoundDialog, null),
4514
+ PaymentError: /*#__PURE__*/React__default["default"].createElement(PaymentErrorDialog, null),
4515
+ WrongNetwork: /*#__PURE__*/React__default["default"].createElement(WrongNetworkDialog, null)
4522
4516
  }
4523
4517
  });
4524
4518
  });
@@ -4595,11 +4589,11 @@
4595
4589
  closed: closed
4596
4590
  }, function (unmount) {
4597
4591
  return function (container) {
4598
- return /*#__PURE__*/React__default$1["default"].createElement(ErrorProvider, {
4592
+ return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
4599
4593
  error: error,
4600
4594
  container: container,
4601
4595
  unmount: unmount
4602
- }, /*#__PURE__*/React__default$1["default"].createElement(ConfigurationProvider, {
4596
+ }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
4603
4597
  configuration: {
4604
4598
  tokenImage: tokenImage,
4605
4599
  amount: amount,
@@ -4611,23 +4605,23 @@
4611
4605
  blacklist: blacklist,
4612
4606
  providers: providers
4613
4607
  }
4614
- }, /*#__PURE__*/React__default$1["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ClosableProvider, {
4608
+ }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
4615
4609
  unmount: unmount
4616
- }, /*#__PURE__*/React__default$1["default"].createElement(WalletProvider, {
4610
+ }, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
4617
4611
  container: container,
4618
4612
  connected: connected,
4619
4613
  unmount: unmount
4620
- }, /*#__PURE__*/React__default$1["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default$1["default"].createElement(ChangableAmountProvider, {
4614
+ }, /*#__PURE__*/React__default["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default["default"].createElement(ChangableAmountProvider, {
4621
4615
  accept: accept
4622
- }, /*#__PURE__*/React__default$1["default"].createElement(TrackingProvider, {
4616
+ }, /*#__PURE__*/React__default["default"].createElement(TrackingProvider, {
4623
4617
  document: ensureDocument(document)
4624
- }, /*#__PURE__*/React__default$1["default"].createElement(SaleRoutingProvider, {
4618
+ }, /*#__PURE__*/React__default["default"].createElement(SaleRoutingProvider, {
4625
4619
  container: container,
4626
4620
  document: document
4627
- }, /*#__PURE__*/React__default$1["default"].createElement(SaleStack, {
4621
+ }, /*#__PURE__*/React__default["default"].createElement(SaleStack, {
4628
4622
  document: document,
4629
4623
  container: container
4630
- }), /*#__PURE__*/React__default$1["default"].createElement(PoweredBy, null))))))))));
4624
+ }), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null))))))))));
4631
4625
  };
4632
4626
  });
4633
4627
  return _context2.abrupt("return", {