@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/esm/index.bundle.js +122 -133
- package/dist/esm/index.js +16 -22
- package/dist/umd/index.bundle.js +122 -133
- package/dist/umd/index.js +453 -459
- package/package.json +14 -14
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
|
|
10
|
-
var ReactDOM__default
|
|
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
|
|
883
|
+
var ClosableContext = /*#__PURE__*/React__default["default"].createContext();
|
|
884
884
|
|
|
885
|
-
var UpdatableContext = /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
966
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
967
967
|
className: "Dialog"
|
|
968
|
-
}, /*#__PURE__*/React__default
|
|
968
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
969
969
|
className: ["DialogHeader", props.stacked ? 'TextCenter' : ''].join(' ')
|
|
970
|
-
}, props.stacked && /*#__PURE__*/React__default
|
|
970
|
+
}, props.stacked && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
971
971
|
className: "DialogHeaderAction PaddingTopS PaddingLeftS PaddingRightS"
|
|
972
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
978
|
+
}, /*#__PURE__*/React__default["default"].createElement(ChevronLeft, null))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
979
979
|
className: "DialogHeaderTitle"
|
|
980
|
-
}, props.header), /*#__PURE__*/React__default
|
|
980
|
+
}, props.header), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
981
981
|
className: "DialogHeaderAction PaddingTopS PaddingLeftS PaddingRightS"
|
|
982
|
-
}, closable && /*#__PURE__*/React__default
|
|
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
|
|
986
|
+
}, /*#__PURE__*/React__default["default"].createElement(CloseIcon, null)))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
987
987
|
className: "DialogBody"
|
|
988
|
-
}, props.body), /*#__PURE__*/React__default
|
|
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
|
|
1015
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
1016
1016
|
stacked: true,
|
|
1017
|
-
body: /*#__PURE__*/React__default
|
|
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
|
|
1019
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1020
1020
|
className: "Graphic",
|
|
1021
1021
|
src: walletLogo
|
|
1022
|
-
})), /*#__PURE__*/React__default
|
|
1022
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
1023
1023
|
className: "LineHeightL Text FontSizeL FontWeightBold PaddingTopS"
|
|
1024
|
-
}, "Connect Wallet"), /*#__PURE__*/React__default
|
|
1024
|
+
}, "Connect Wallet"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1025
1025
|
className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
|
|
1026
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
1031
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
1032
1032
|
stacked: true,
|
|
1033
|
-
body: /*#__PURE__*/React__default
|
|
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
|
|
1035
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1036
1036
|
className: "Graphic",
|
|
1037
1037
|
src: walletLogo
|
|
1038
|
-
})), /*#__PURE__*/React__default
|
|
1038
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
1039
1039
|
className: "LineHeightL Text FontSizeL FontWeightBold PaddingTopS"
|
|
1040
|
-
}, "Connect Wallet"), /*#__PURE__*/React__default
|
|
1040
|
+
}, "Connect Wallet"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1041
1041
|
className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
|
|
1042
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
1052
|
+
footer: showConnectButton && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1053
1053
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
1054
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
1131
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1131
1132
|
key: index,
|
|
1132
1133
|
className: "PaddingBottomXS"
|
|
1133
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
1140
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1140
1141
|
className: "CardImage"
|
|
1141
|
-
}, /*#__PURE__*/React__default
|
|
1142
|
-
src: wallet.logo
|
|
1143
|
-
})), /*#__PURE__*/React__default
|
|
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
|
|
1146
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1146
1147
|
className: "CardBodyWrapper PaddingLeftXS"
|
|
1147
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
1152
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
1155
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
1155
1156
|
className: "LineHeightL FontSizeL"
|
|
1156
1157
|
}, "Select a wallet")),
|
|
1157
|
-
body: /*#__PURE__*/React__default
|
|
1158
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1158
1159
|
className: "PaddingTopS PaddingBottomXS PaddingLeftS PaddingRightS"
|
|
1159
1160
|
}, walletCards),
|
|
1160
|
-
footer: /*#__PURE__*/React__default
|
|
1161
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1161
1162
|
className: "PaddingBottomS"
|
|
1162
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
1168
|
+
}, /*#__PURE__*/React__default["default"].createElement("strong", {
|
|
1168
1169
|
className: "Opacity05"
|
|
1169
|
-
}, "What is a wallet?")), showExplanation && /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
1283
|
+
SelectWallet: /*#__PURE__*/React__default["default"].createElement(SelectWalletDialog, {
|
|
1283
1284
|
setWallet: setWallet,
|
|
1284
1285
|
connect: connect
|
|
1285
1286
|
}),
|
|
1286
|
-
ConnectingWallet: /*#__PURE__*/React__default
|
|
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
|
|
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[
|
|
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[
|
|
1504
|
-
, React__default[
|
|
1505
|
-
, React__default[
|
|
1506
|
-
, React__default[
|
|
1507
|
-
, React__default[
|
|
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[
|
|
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[
|
|
1541
|
-
React__default[
|
|
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
|
|
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
|
|
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
|
|
1614
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1621
1615
|
className: "Dialog ReactDialogAnimation"
|
|
1622
|
-
}, /*#__PURE__*/React__default
|
|
1616
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1623
1617
|
className: "DialogHeader"
|
|
1624
|
-
}, /*#__PURE__*/React__default
|
|
1618
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1625
1619
|
className: "PaddingTopS PaddingLeftS PaddingRightS"
|
|
1626
|
-
})), /*#__PURE__*/React__default
|
|
1620
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1627
1621
|
className: "DialogBody"
|
|
1628
|
-
}, /*#__PURE__*/React__default
|
|
1622
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1629
1623
|
className: "GraphicWrapper PaddingTopS"
|
|
1630
|
-
}, /*#__PURE__*/React__default
|
|
1624
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1631
1625
|
className: "Graphic",
|
|
1632
1626
|
src: ErrorGraphic
|
|
1633
|
-
})), /*#__PURE__*/React__default
|
|
1627
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
1634
1628
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
1635
|
-
}, "Oops, Something Went Wrong"), /*#__PURE__*/React__default
|
|
1629
|
+
}, "Oops, Something Went Wrong"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1636
1630
|
className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
|
|
1637
|
-
}, /*#__PURE__*/React__default
|
|
1631
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1638
1632
|
className: "PaddingLeftS PaddingRightS"
|
|
1639
|
-
}, /*#__PURE__*/React__default
|
|
1633
|
+
}, /*#__PURE__*/React__default["default"].createElement("pre", {
|
|
1640
1634
|
className: "ErrorSnippetText"
|
|
1641
|
-
}, error.toString())), /*#__PURE__*/React__default
|
|
1635
|
+
}, error.toString())), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1642
1636
|
className: "PaddingTopS PaddingBottomS"
|
|
1643
|
-
}, /*#__PURE__*/React__default
|
|
1637
|
+
}, /*#__PURE__*/React__default["default"].createElement("strong", {
|
|
1644
1638
|
className: "FontSizeM PaddingTopS"
|
|
1645
|
-
}, "If this keeps happening, please report it.")))), /*#__PURE__*/React__default
|
|
1639
|
+
}, "If this keeps happening, please report it.")))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1646
1640
|
className: "DialogFooter"
|
|
1647
|
-
}, /*#__PURE__*/React__default
|
|
1641
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1648
1642
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
1649
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
1648
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorContext.Provider, {
|
|
1655
1649
|
value: {
|
|
1656
1650
|
setError: setErrorFromChildren
|
|
1657
1651
|
}
|
|
1658
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
1793
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1800
1794
|
className: "PoweredByWrapper"
|
|
1801
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
1868
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
|
|
1875
1869
|
error: error,
|
|
1876
1870
|
container: container,
|
|
1877
1871
|
unmount: unmount
|
|
1878
|
-
}, /*#__PURE__*/React__default
|
|
1872
|
+
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
1879
1873
|
unmount: rejectBeforeUnmount
|
|
1880
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
1898
|
+
var ChangableAmountContext = /*#__PURE__*/React__default["default"].createContext();
|
|
1905
1899
|
|
|
1906
|
-
var ConfigurationContext = /*#__PURE__*/React__default
|
|
1900
|
+
var ConfigurationContext = /*#__PURE__*/React__default["default"].createContext();
|
|
1907
1901
|
|
|
1908
|
-
var ConversionRateContext = /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
2184
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
2181
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2188
2182
|
className: "GraphicWrapper"
|
|
2189
|
-
}, /*#__PURE__*/React__default
|
|
2183
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
2190
2184
|
className: "Graphic",
|
|
2191
2185
|
src: QuestionsGraphic
|
|
2192
|
-
})), /*#__PURE__*/React__default
|
|
2186
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
2193
2187
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
2194
|
-
}, "Insufficient Balance"), /*#__PURE__*/React__default
|
|
2188
|
+
}, "Insufficient Balance"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2195
2189
|
className: "Text PaddingTopS PaddingBottomM PaddingLeftM PaddingRightM"
|
|
2196
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
2193
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2200
2194
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
2201
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
2202
|
+
var PaymentContext = /*#__PURE__*/React__default["default"].createContext();
|
|
2209
2203
|
|
|
2210
|
-
var PaymentRoutingContext = /*#__PURE__*/React__default
|
|
2204
|
+
var PaymentRoutingContext = /*#__PURE__*/React__default["default"].createContext();
|
|
2211
2205
|
|
|
2212
|
-
var TrackingContext = /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
2397
|
+
NoPaymentMethodFound: /*#__PURE__*/React__default["default"].createElement(NoPaymentMethodFoundDialog, null)
|
|
2404
2398
|
}
|
|
2405
2399
|
});
|
|
2406
2400
|
} else {
|
|
2407
|
-
return /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
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
|
|
2705
|
+
return /*#__PURE__*/React__default["default"].createElement(DonationRoutingContext.Provider, {
|
|
2712
2706
|
value: {}
|
|
2713
|
-
}, /*#__PURE__*/React__default
|
|
2707
|
+
}, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
|
|
2714
2708
|
accept: acceptWithAmount,
|
|
2715
2709
|
blacklist: blacklist,
|
|
2716
2710
|
setMaxRoute: setMaxRoute
|
|
2717
|
-
}, /*#__PURE__*/React__default
|
|
2711
|
+
}, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
|
|
2718
2712
|
container: props.container,
|
|
2719
2713
|
document: props.document
|
|
2720
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
2792
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
2799
2793
|
stacked: true,
|
|
2800
|
-
header: /*#__PURE__*/React__default
|
|
2794
|
+
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2801
2795
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomS"
|
|
2802
|
-
}, /*#__PURE__*/React__default
|
|
2796
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
2803
2797
|
className: "LineHeightL FontSizeL TextCenter"
|
|
2804
|
-
}, "Change Amount"), /*#__PURE__*/React__default
|
|
2798
|
+
}, "Change Amount"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2805
2799
|
className: "FontSizeL TextCenter FontWeightBold"
|
|
2806
|
-
}, /*#__PURE__*/React__default
|
|
2807
|
-
body: /*#__PURE__*/React__default
|
|
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
|
|
2803
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2810
2804
|
className: "PaddingLeftM PaddingRightM"
|
|
2811
|
-
}, /*#__PURE__*/React__default
|
|
2805
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2812
2806
|
className: "PaddingTopS TextCenter PaddingBottomL"
|
|
2813
|
-
}, /*#__PURE__*/React__default
|
|
2807
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2814
2808
|
className: "FontSizeL"
|
|
2815
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
2834
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2841
2835
|
style: {
|
|
2842
2836
|
height: '40px'
|
|
2843
2837
|
}
|
|
2844
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
2844
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2851
2845
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
2852
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
2857
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
2864
2858
|
stacked: true,
|
|
2865
|
-
header: /*#__PURE__*/React__default
|
|
2859
|
+
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2866
2860
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomS"
|
|
2867
|
-
}, /*#__PURE__*/React__default
|
|
2861
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
2868
2862
|
className: "LineHeightL FontSizeL TextCenter"
|
|
2869
|
-
}, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default
|
|
2863
|
+
}, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2870
2864
|
className: "FontSizeL TextCenter FontWeightBold"
|
|
2871
|
-
}, /*#__PURE__*/React__default
|
|
2872
|
-
body: /*#__PURE__*/React__default
|
|
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
|
|
2868
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2875
2869
|
className: "PaddingLeftM PaddingRightM"
|
|
2876
|
-
}, /*#__PURE__*/React__default
|
|
2870
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2877
2871
|
className: "Card Skeleton"
|
|
2878
|
-
}, /*#__PURE__*/React__default
|
|
2872
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2879
2873
|
className: "SkeletonBackground"
|
|
2880
|
-
})), /*#__PURE__*/React__default
|
|
2874
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2881
2875
|
className: "Card Skeleton"
|
|
2882
|
-
}, /*#__PURE__*/React__default
|
|
2876
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2883
2877
|
className: "SkeletonBackground"
|
|
2884
|
-
})), /*#__PURE__*/React__default
|
|
2878
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2885
2879
|
className: "Card Skeleton"
|
|
2886
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
2942
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2949
2943
|
className: "CardImage"
|
|
2950
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
2952
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2959
2953
|
className: "CardBody"
|
|
2960
|
-
}, /*#__PURE__*/React__default
|
|
2954
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2961
2955
|
className: "CardBodyWrapper"
|
|
2962
|
-
}, /*#__PURE__*/React__default
|
|
2956
|
+
}, /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
2963
2957
|
className: "CardText"
|
|
2964
|
-
}, /*#__PURE__*/React__default
|
|
2958
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2965
2959
|
className: "TokenAmountRow"
|
|
2966
|
-
}, /*#__PURE__*/React__default
|
|
2960
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2967
2961
|
className: "TokenSymbolCell"
|
|
2968
|
-
}, payment.symbol), /*#__PURE__*/React__default
|
|
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
|
|
2964
|
+
}, format(payment.amount)))), /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
2971
2965
|
className: "CardText"
|
|
2972
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
2971
|
+
return /*#__PURE__*/React__default["default"].createElement(ChangePaymentSkeleton, null);
|
|
2978
2972
|
}
|
|
2979
2973
|
|
|
2980
|
-
return /*#__PURE__*/React__default
|
|
2974
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
2981
2975
|
stacked: true,
|
|
2982
|
-
header: /*#__PURE__*/React__default
|
|
2976
|
+
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2983
2977
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomS"
|
|
2984
|
-
}, /*#__PURE__*/React__default
|
|
2978
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
2985
2979
|
className: "LineHeightL FontSizeL TextCenter"
|
|
2986
|
-
}, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default
|
|
2980
|
+
}, "Change Payment"), paymentValue != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2987
2981
|
className: "FontSizeL TextCenter FontWeightBold"
|
|
2988
|
-
}, /*#__PURE__*/React__default
|
|
2989
|
-
body: /*#__PURE__*/React__default
|
|
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
|
|
2985
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2992
2986
|
className: "PaddingLeftM PaddingRightM"
|
|
2993
2987
|
}, cards)),
|
|
2994
|
-
footer: /*#__PURE__*/React__default
|
|
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
|
|
3000
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
2996
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3003
2997
|
className: "LineHeightL FontSizeL"
|
|
3004
2998
|
}, "Donation")),
|
|
3005
|
-
body: /*#__PURE__*/React__default
|
|
2999
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3006
3000
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
3007
|
-
}, /*#__PURE__*/React__default
|
|
3001
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3008
3002
|
className: "Card Skeleton"
|
|
3009
|
-
}, /*#__PURE__*/React__default
|
|
3003
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3010
3004
|
className: "SkeletonBackground"
|
|
3011
|
-
})), /*#__PURE__*/React__default
|
|
3005
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3012
3006
|
className: "Card Skeleton"
|
|
3013
|
-
}, /*#__PURE__*/React__default
|
|
3007
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3014
3008
|
className: "SkeletonBackground"
|
|
3015
3009
|
}))),
|
|
3016
|
-
footer: /*#__PURE__*/React__default
|
|
3010
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3017
3011
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
3018
|
-
}, /*#__PURE__*/React__default
|
|
3012
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3019
3013
|
className: "SkeletonWrapper"
|
|
3020
|
-
}, /*#__PURE__*/React__default
|
|
3014
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3021
3015
|
className: "ButtonPrimary Skeleton"
|
|
3022
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
3077
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3084
3078
|
className: "LoadingText"
|
|
3085
|
-
}, props.children, /*#__PURE__*/React__default
|
|
3079
|
+
}, props.children, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3086
3080
|
className: "dot"
|
|
3087
|
-
}, "."), /*#__PURE__*/React__default
|
|
3081
|
+
}, "."), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3088
3082
|
className: "dot"
|
|
3089
|
-
}, "."), /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
3126
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3133
3127
|
className: "CardImage"
|
|
3134
|
-
}, /*#__PURE__*/React__default
|
|
3128
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3135
3129
|
className: "TextCenter Opacity05"
|
|
3136
|
-
}, /*#__PURE__*/React__default
|
|
3130
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkmark, {
|
|
3137
3131
|
className: "small"
|
|
3138
|
-
}))), /*#__PURE__*/React__default
|
|
3132
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3139
3133
|
className: "CardBody"
|
|
3140
|
-
}, /*#__PURE__*/React__default
|
|
3134
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3141
3135
|
className: "CardBodyWrapper"
|
|
3142
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
3142
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3149
3143
|
className: "CardImage"
|
|
3150
|
-
}, /*#__PURE__*/React__default
|
|
3144
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3151
3145
|
className: "TextCenter"
|
|
3152
|
-
}, /*#__PURE__*/React__default
|
|
3146
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3153
3147
|
className: "Loading Icon"
|
|
3154
|
-
}))), /*#__PURE__*/React__default
|
|
3148
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3155
3149
|
className: "CardBody"
|
|
3156
|
-
}, /*#__PURE__*/React__default
|
|
3150
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3157
3151
|
className: "CardBodyWrapper"
|
|
3158
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3160
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3167
3161
|
className: "PaddingBottomS"
|
|
3168
|
-
}, /*#__PURE__*/React__default
|
|
3162
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3169
3163
|
className: "Card transparent disabled small"
|
|
3170
|
-
}, /*#__PURE__*/React__default
|
|
3164
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3171
3165
|
className: "CardImage"
|
|
3172
|
-
}, /*#__PURE__*/React__default
|
|
3166
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3173
3167
|
className: "TextCenter Opacity05"
|
|
3174
|
-
}, /*#__PURE__*/React__default
|
|
3168
|
+
}, /*#__PURE__*/React__default["default"].createElement(DigitalWalletIcon, {
|
|
3175
3169
|
className: "small"
|
|
3176
|
-
}))), /*#__PURE__*/React__default
|
|
3170
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3177
3171
|
className: "CardBody"
|
|
3178
|
-
}, /*#__PURE__*/React__default
|
|
3172
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3179
3173
|
className: "CardBodyWrapper"
|
|
3180
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3178
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3185
3179
|
className: "PaddingBottomS"
|
|
3186
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3186
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3193
3187
|
className: "CardImage"
|
|
3194
|
-
}, /*#__PURE__*/React__default
|
|
3188
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3195
3189
|
className: "TextCenter Opacity05"
|
|
3196
|
-
}, /*#__PURE__*/React__default
|
|
3190
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkmark, {
|
|
3197
3191
|
className: "small"
|
|
3198
|
-
}))), /*#__PURE__*/React__default
|
|
3192
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3199
3193
|
className: "CardBody"
|
|
3200
|
-
}, /*#__PURE__*/React__default
|
|
3194
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3201
3195
|
className: "CardBodyWrapper"
|
|
3202
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3206
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3213
3207
|
className: "PaddingBottomS"
|
|
3214
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3214
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3221
3215
|
className: "PaddingBottomS"
|
|
3222
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
3299
|
+
return /*#__PURE__*/React__default["default"].createElement(DonationOverviewSkeleton, null);
|
|
3306
3300
|
}
|
|
3307
3301
|
|
|
3308
|
-
return /*#__PURE__*/React__default
|
|
3309
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
3305
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3312
3306
|
className: "LineHeightL FontSizeL"
|
|
3313
3307
|
}, "Donation")),
|
|
3314
|
-
body: /*#__PURE__*/React__default
|
|
3308
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3315
3309
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
3316
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3320
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3327
3321
|
className: "CardBody"
|
|
3328
|
-
}, /*#__PURE__*/React__default
|
|
3322
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3329
3323
|
className: "CardBodyWrapper"
|
|
3330
|
-
}, /*#__PURE__*/React__default
|
|
3324
|
+
}, /*#__PURE__*/React__default["default"].createElement("h4", {
|
|
3331
3325
|
className: "CardTitle"
|
|
3332
|
-
}, "Amount"), /*#__PURE__*/React__default
|
|
3326
|
+
}, "Amount"), /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
3333
3327
|
className: "CardText"
|
|
3334
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3333
|
+
}).toString())))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3340
3334
|
className: "CardAction"
|
|
3341
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3345
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3352
3346
|
className: "CardImage",
|
|
3353
3347
|
title: payment.name
|
|
3354
|
-
}, /*#__PURE__*/React__default
|
|
3348
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
|
|
3355
3349
|
blockchain: payment.route.blockchain,
|
|
3356
3350
|
address: payment.token
|
|
3357
|
-
})), /*#__PURE__*/React__default
|
|
3351
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3358
3352
|
className: "CardBody"
|
|
3359
|
-
}, /*#__PURE__*/React__default
|
|
3353
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3360
3354
|
className: "CardBodyWrapper"
|
|
3361
|
-
}, /*#__PURE__*/React__default
|
|
3355
|
+
}, /*#__PURE__*/React__default["default"].createElement("h4", {
|
|
3362
3356
|
className: "CardTitle"
|
|
3363
|
-
}, "Payment"), /*#__PURE__*/React__default
|
|
3357
|
+
}, "Payment"), /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
3364
3358
|
className: "CardText"
|
|
3365
|
-
}, /*#__PURE__*/React__default
|
|
3359
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3366
3360
|
className: "TokenAmountRow"
|
|
3367
|
-
}, /*#__PURE__*/React__default
|
|
3361
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3368
3362
|
className: "TokenSymbolCell"
|
|
3369
|
-
}, payment.symbol), /*#__PURE__*/React__default
|
|
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
|
|
3365
|
+
}, format(payment.amount)))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3372
3366
|
className: "CardAction"
|
|
3373
|
-
}, /*#__PURE__*/React__default
|
|
3374
|
-
footer: /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
3381
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
3388
3382
|
stacked: true,
|
|
3389
|
-
header: /*#__PURE__*/React__default
|
|
3383
|
+
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3390
3384
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
3391
3385
|
}),
|
|
3392
|
-
body: /*#__PURE__*/React__default
|
|
3386
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3393
3387
|
className: "GraphicWrapper"
|
|
3394
|
-
}, /*#__PURE__*/React__default
|
|
3388
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3395
3389
|
className: "Graphic",
|
|
3396
3390
|
src: ErrorGraphic
|
|
3397
|
-
})), /*#__PURE__*/React__default
|
|
3391
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3398
3392
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
3399
|
-
}, "Payment Failed"), /*#__PURE__*/React__default
|
|
3393
|
+
}, "Payment Failed"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3400
3394
|
className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
|
|
3401
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
3406
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3413
3407
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
3414
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3427
|
+
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
3434
3428
|
stacked: true,
|
|
3435
|
-
header: /*#__PURE__*/React__default
|
|
3429
|
+
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3436
3430
|
className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
|
|
3437
|
-
}, /*#__PURE__*/React__default
|
|
3431
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3438
3432
|
className: "LineHeightL FontSizeL"
|
|
3439
3433
|
}, "Wrong Network")),
|
|
3440
|
-
body: /*#__PURE__*/React__default
|
|
3434
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3441
3435
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
3442
|
-
}, /*#__PURE__*/React__default
|
|
3436
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3443
3437
|
className: "GraphicWrapper"
|
|
3444
|
-
}, /*#__PURE__*/React__default
|
|
3438
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3445
3439
|
className: "Graphic",
|
|
3446
3440
|
src: ConnectGraphic
|
|
3447
|
-
})), /*#__PURE__*/React__default
|
|
3441
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3448
3442
|
className: "LineHeightL Text FontSizeL PaddingTopS FontWeightBold"
|
|
3449
|
-
}, "Connect to ", blockchain.label), /*#__PURE__*/React__default
|
|
3443
|
+
}, "Connect to ", blockchain.label), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3450
3444
|
className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
|
|
3451
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3448
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3455
3449
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
3456
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
3478
|
-
ChangeAmount: /*#__PURE__*/React__default
|
|
3479
|
-
ChangePayment: /*#__PURE__*/React__default
|
|
3480
|
-
PaymentError: /*#__PURE__*/React__default
|
|
3481
|
-
WrongNetwork: /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
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
|
|
3717
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
|
|
3724
3718
|
error: error,
|
|
3725
3719
|
container: container,
|
|
3726
3720
|
unmount: unmount
|
|
3727
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3733
|
+
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
3740
3734
|
unmount: unmount
|
|
3741
|
-
}, /*#__PURE__*/React__default
|
|
3735
|
+
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
3742
3736
|
container: container,
|
|
3743
3737
|
connected: connected,
|
|
3744
3738
|
unmount: unmount
|
|
3745
|
-
}, /*#__PURE__*/React__default
|
|
3739
|
+
}, /*#__PURE__*/React__default["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default["default"].createElement(ChangableAmountProvider, {
|
|
3746
3740
|
accept: accept
|
|
3747
|
-
}, /*#__PURE__*/React__default
|
|
3741
|
+
}, /*#__PURE__*/React__default["default"].createElement(TrackingProvider, {
|
|
3748
3742
|
document: ensureDocument(document)
|
|
3749
|
-
}, /*#__PURE__*/React__default
|
|
3743
|
+
}, /*#__PURE__*/React__default["default"].createElement(DonationRoutingProvider, {
|
|
3750
3744
|
container: container,
|
|
3751
3745
|
document: document
|
|
3752
|
-
}, /*#__PURE__*/React__default
|
|
3746
|
+
}, /*#__PURE__*/React__default["default"].createElement(DonationStack, {
|
|
3753
3747
|
document: document,
|
|
3754
3748
|
container: container
|
|
3755
|
-
}), /*#__PURE__*/React__default
|
|
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
|
|
3839
|
-
body: /*#__PURE__*/React__default
|
|
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
|
|
3835
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3842
3836
|
className: "Graphic",
|
|
3843
3837
|
src: walletLogo
|
|
3844
|
-
})), /*#__PURE__*/React__default
|
|
3838
|
+
})), /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3845
3839
|
className: "LineHeightL Text FontSizeL FontWeightBold PaddingTopS"
|
|
3846
|
-
}, "Wallet Login"), /*#__PURE__*/React__default
|
|
3840
|
+
}, "Wallet Login"), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3847
3841
|
className: "Text PaddingTopS PaddingBottomS PaddingLeftS PaddingRightS"
|
|
3848
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3845
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3852
3846
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
3853
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
3908
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
|
|
3915
3909
|
error: error,
|
|
3916
3910
|
container: container,
|
|
3917
3911
|
unmount: unmount
|
|
3918
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3918
|
+
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
3925
3919
|
unmount: userClosedDialog
|
|
3926
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
3969
|
+
return /*#__PURE__*/React__default["default"].createElement(PaymentAmountRoutingContext.Provider, {
|
|
3976
3970
|
value: {}
|
|
3977
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
3991
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
3987
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
3994
3988
|
className: "LineHeightL FontSizeL"
|
|
3995
3989
|
}, "Payment")),
|
|
3996
|
-
body: /*#__PURE__*/React__default
|
|
3990
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3997
3991
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
3998
|
-
}, amountsMissing && /*#__PURE__*/React__default
|
|
3992
|
+
}, amountsMissing && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3999
3993
|
className: "Card Skeleton"
|
|
4000
|
-
}, /*#__PURE__*/React__default
|
|
3994
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4001
3995
|
className: "SkeletonBackground"
|
|
4002
|
-
})), /*#__PURE__*/React__default
|
|
3996
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4003
3997
|
className: "Card Skeleton"
|
|
4004
|
-
}, /*#__PURE__*/React__default
|
|
3998
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4005
3999
|
className: "SkeletonBackground"
|
|
4006
4000
|
}))),
|
|
4007
|
-
footer: /*#__PURE__*/React__default
|
|
4001
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4008
4002
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
4009
|
-
}, /*#__PURE__*/React__default
|
|
4003
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4010
4004
|
className: "SkeletonWrapper"
|
|
4011
|
-
}, /*#__PURE__*/React__default
|
|
4005
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4012
4006
|
className: "ButtonPrimary Skeleton"
|
|
4013
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4032
|
+
return /*#__PURE__*/React__default["default"].createElement(PaymentOverviewSkeleton, null);
|
|
4039
4033
|
}
|
|
4040
4034
|
|
|
4041
|
-
return /*#__PURE__*/React__default
|
|
4042
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
4038
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
4045
4039
|
className: "LineHeightL FontSizeL"
|
|
4046
4040
|
}, "Payment")),
|
|
4047
|
-
body: /*#__PURE__*/React__default
|
|
4041
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4048
4042
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
4049
|
-
}, amountsMissing && /*#__PURE__*/React__default
|
|
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
|
|
4053
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4060
4054
|
className: "CardBody"
|
|
4061
|
-
}, /*#__PURE__*/React__default
|
|
4055
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4062
4056
|
className: "CardBodyWrapper"
|
|
4063
|
-
}, /*#__PURE__*/React__default
|
|
4057
|
+
}, /*#__PURE__*/React__default["default"].createElement("h4", {
|
|
4064
4058
|
className: "CardTitle"
|
|
4065
|
-
}, "Amount"), /*#__PURE__*/React__default
|
|
4059
|
+
}, "Amount"), /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
4066
4060
|
className: "CardText"
|
|
4067
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4066
|
+
}).toString())))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4073
4067
|
className: "CardAction"
|
|
4074
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4078
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4085
4079
|
className: "CardImage",
|
|
4086
4080
|
title: payment.name
|
|
4087
|
-
}, /*#__PURE__*/React__default
|
|
4081
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
|
|
4088
4082
|
blockchain: payment.route.blockchain,
|
|
4089
4083
|
address: payment.token
|
|
4090
|
-
})), /*#__PURE__*/React__default
|
|
4084
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4091
4085
|
className: "CardBody"
|
|
4092
|
-
}, /*#__PURE__*/React__default
|
|
4086
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4093
4087
|
className: "CardBodyWrapper"
|
|
4094
|
-
}, amountsMissing && /*#__PURE__*/React__default
|
|
4088
|
+
}, amountsMissing && /*#__PURE__*/React__default["default"].createElement("h4", {
|
|
4095
4089
|
className: "CardTitle"
|
|
4096
|
-
}, "Payment"), /*#__PURE__*/React__default
|
|
4090
|
+
}, "Payment"), /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
4097
4091
|
className: "CardText"
|
|
4098
|
-
}, /*#__PURE__*/React__default
|
|
4092
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4099
4093
|
className: "TokenAmountRow"
|
|
4100
|
-
}, /*#__PURE__*/React__default
|
|
4094
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
4101
4095
|
className: "TokenSymbolCell"
|
|
4102
|
-
}, payment.symbol), /*#__PURE__*/React__default
|
|
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
|
|
4098
|
+
}, format(payment.amount)))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4105
4099
|
className: "CardAction"
|
|
4106
|
-
}, /*#__PURE__*/React__default
|
|
4107
|
-
footer: /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
4126
|
-
ChangeAmount: /*#__PURE__*/React__default
|
|
4127
|
-
ChangePayment: /*#__PURE__*/React__default
|
|
4128
|
-
PaymentError: /*#__PURE__*/React__default
|
|
4129
|
-
WrongNetwork: /*#__PURE__*/React__default
|
|
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
|
|
4188
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
|
|
4195
4189
|
error: error,
|
|
4196
4190
|
container: container,
|
|
4197
4191
|
unmount: unmount
|
|
4198
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4206
|
+
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
4213
4207
|
unmount: unmount
|
|
4214
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4213
|
+
}, /*#__PURE__*/React__default["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default["default"].createElement(ChangableAmountProvider, {
|
|
4220
4214
|
accept: accept
|
|
4221
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4220
|
+
}, /*#__PURE__*/React__default["default"].createElement(TrackingProvider, {
|
|
4227
4221
|
document: ensureDocument(document)
|
|
4228
|
-
}, /*#__PURE__*/React__default
|
|
4222
|
+
}, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
|
|
4229
4223
|
container: container,
|
|
4230
4224
|
document: document
|
|
4231
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
4257
|
+
var SaleRoutingContext = /*#__PURE__*/React__default["default"].createContext();
|
|
4264
4258
|
|
|
4265
|
-
var ToTokenContext = /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
4323
|
+
return /*#__PURE__*/React__default["default"].createElement(SaleRoutingContext.Provider, {
|
|
4330
4324
|
value: {}
|
|
4331
|
-
}, /*#__PURE__*/React__default
|
|
4325
|
+
}, /*#__PURE__*/React__default["default"].createElement(PaymentRoutingProvider, {
|
|
4332
4326
|
accept: acceptWithAmount,
|
|
4333
4327
|
blacklist: blacklist,
|
|
4334
4328
|
setMaxRoute: setMaxRoute
|
|
4335
|
-
}, /*#__PURE__*/React__default
|
|
4329
|
+
}, /*#__PURE__*/React__default["default"].createElement(PaymentProvider, {
|
|
4336
4330
|
container: props.container,
|
|
4337
4331
|
document: props.document
|
|
4338
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4343
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
4339
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
4346
4340
|
className: "LineHeightL FontSizeL"
|
|
4347
4341
|
}, "Purchase")),
|
|
4348
|
-
body: /*#__PURE__*/React__default
|
|
4342
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4349
4343
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
4350
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4349
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4356
4350
|
className: "SkeletonBackground"
|
|
4357
|
-
})), /*#__PURE__*/React__default
|
|
4351
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4358
4352
|
className: "Card Skeleton"
|
|
4359
|
-
}, /*#__PURE__*/React__default
|
|
4353
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4360
4354
|
className: "SkeletonBackground"
|
|
4361
4355
|
}))),
|
|
4362
|
-
footer: /*#__PURE__*/React__default
|
|
4356
|
+
footer: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4363
4357
|
className: "PaddingTopXS PaddingRightM PaddingLeftM PaddingBottomM"
|
|
4364
|
-
}, /*#__PURE__*/React__default
|
|
4358
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4365
4359
|
className: "SkeletonWrapper"
|
|
4366
|
-
}, /*#__PURE__*/React__default
|
|
4360
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4367
4361
|
className: "ButtonPrimary Skeleton"
|
|
4368
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
4410
|
+
tokenImageElement = /*#__PURE__*/React__default["default"].createElement("img", {
|
|
4417
4411
|
src: tokenImage
|
|
4418
4412
|
});
|
|
4419
4413
|
} else {
|
|
4420
|
-
tokenImageElement = /*#__PURE__*/React__default
|
|
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
|
|
4427
|
-
header: /*#__PURE__*/React__default
|
|
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
|
|
4423
|
+
}, /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
4430
4424
|
className: "LineHeightL FontSizeL"
|
|
4431
4425
|
}, "Purchase")),
|
|
4432
|
-
body: /*#__PURE__*/React__default
|
|
4426
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4433
4427
|
className: "PaddingTopS PaddingLeftM PaddingRightM PaddingBottomXS"
|
|
4434
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4438
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4445
4439
|
className: "CardImage",
|
|
4446
4440
|
title: payment.name
|
|
4447
|
-
}, tokenImageElement), /*#__PURE__*/React__default
|
|
4441
|
+
}, tokenImageElement), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4448
4442
|
className: "CardBody"
|
|
4449
|
-
}, /*#__PURE__*/React__default
|
|
4443
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4450
4444
|
className: "CardBodyWrapper"
|
|
4451
|
-
}, /*#__PURE__*/React__default
|
|
4445
|
+
}, /*#__PURE__*/React__default["default"].createElement("h4", {
|
|
4452
4446
|
className: "CardTitle"
|
|
4453
|
-
}, "Amount"), /*#__PURE__*/React__default
|
|
4447
|
+
}, "Amount"), /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
4454
4448
|
className: "CardText"
|
|
4455
|
-
}, /*#__PURE__*/React__default
|
|
4449
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4456
4450
|
className: "TokenAmountRow"
|
|
4457
|
-
}, /*#__PURE__*/React__default
|
|
4451
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
4458
4452
|
className: "TokenSymbolCell"
|
|
4459
|
-
}, toToken.symbol), /*#__PURE__*/React__default
|
|
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
|
|
4455
|
+
}, format(toTokenReadableAmount)))), salePerTokenValue && /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
4462
4456
|
className: "CardText"
|
|
4463
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
4469
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4476
4470
|
className: "CardImage",
|
|
4477
4471
|
title: payment.name
|
|
4478
|
-
}, /*#__PURE__*/React__default
|
|
4472
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
|
|
4479
4473
|
blockchain: payment.route.blockchain,
|
|
4480
4474
|
address: payment.token
|
|
4481
|
-
})), /*#__PURE__*/React__default
|
|
4475
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4482
4476
|
className: "CardBody"
|
|
4483
|
-
}, /*#__PURE__*/React__default
|
|
4477
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4484
4478
|
className: "CardBodyWrapper"
|
|
4485
|
-
}, /*#__PURE__*/React__default
|
|
4479
|
+
}, /*#__PURE__*/React__default["default"].createElement("h4", {
|
|
4486
4480
|
className: "CardTitle"
|
|
4487
|
-
}, "Payment"), /*#__PURE__*/React__default
|
|
4481
|
+
}, "Payment"), /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
4488
4482
|
className: "CardText"
|
|
4489
|
-
}, /*#__PURE__*/React__default
|
|
4483
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4490
4484
|
className: "TokenAmountRow"
|
|
4491
|
-
}, /*#__PURE__*/React__default
|
|
4485
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
4492
4486
|
className: "TokenSymbolCell"
|
|
4493
|
-
}, payment.symbol), /*#__PURE__*/React__default
|
|
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
|
|
4489
|
+
}, format(payment.amount)))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4496
4490
|
className: "CardAction"
|
|
4497
|
-
}, /*#__PURE__*/React__default
|
|
4498
|
-
footer: /*#__PURE__*/React__default
|
|
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
|
|
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
|
|
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
|
|
4517
|
-
ChangeAmount: /*#__PURE__*/React__default
|
|
4518
|
-
ChangePayment: /*#__PURE__*/React__default
|
|
4519
|
-
NoPaymentMethodFound: /*#__PURE__*/React__default
|
|
4520
|
-
PaymentError: /*#__PURE__*/React__default
|
|
4521
|
-
WrongNetwork: /*#__PURE__*/React__default
|
|
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
|
|
4592
|
+
return /*#__PURE__*/React__default["default"].createElement(ErrorProvider, {
|
|
4599
4593
|
error: error,
|
|
4600
4594
|
container: container,
|
|
4601
4595
|
unmount: unmount
|
|
4602
|
-
}, /*#__PURE__*/React__default
|
|
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
|
|
4608
|
+
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
4615
4609
|
unmount: unmount
|
|
4616
|
-
}, /*#__PURE__*/React__default
|
|
4610
|
+
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
4617
4611
|
container: container,
|
|
4618
4612
|
connected: connected,
|
|
4619
4613
|
unmount: unmount
|
|
4620
|
-
}, /*#__PURE__*/React__default
|
|
4614
|
+
}, /*#__PURE__*/React__default["default"].createElement(ConversionRateProvider, null, /*#__PURE__*/React__default["default"].createElement(ChangableAmountProvider, {
|
|
4621
4615
|
accept: accept
|
|
4622
|
-
}, /*#__PURE__*/React__default
|
|
4616
|
+
}, /*#__PURE__*/React__default["default"].createElement(TrackingProvider, {
|
|
4623
4617
|
document: ensureDocument(document)
|
|
4624
|
-
}, /*#__PURE__*/React__default
|
|
4618
|
+
}, /*#__PURE__*/React__default["default"].createElement(SaleRoutingProvider, {
|
|
4625
4619
|
container: container,
|
|
4626
4620
|
document: document
|
|
4627
|
-
}, /*#__PURE__*/React__default
|
|
4621
|
+
}, /*#__PURE__*/React__default["default"].createElement(SaleStack, {
|
|
4628
4622
|
document: document,
|
|
4629
4623
|
container: container
|
|
4630
|
-
}), /*#__PURE__*/React__default
|
|
4624
|
+
}), /*#__PURE__*/React__default["default"].createElement(PoweredBy, null))))))))));
|
|
4631
4625
|
};
|
|
4632
4626
|
});
|
|
4633
4627
|
return _context2.abrupt("return", {
|