@depay/widgets 4.3.0 → 4.4.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/cjs/index.bundle.js +4395 -1219
- package/dist/cjs/index.js +65 -69
- package/dist/es/index.bundle.js +4395 -1219
- package/dist/es/index.js +15 -19
- package/dist/umd/index.bundle.js +4395 -1219
- package/dist/umd/index.js +57 -61
- package/package.json +14 -14
package/dist/umd/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('depay
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['react', 'depay
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('@depay/react-dialog-stack'), require('@depay/web3-wallets'), require('react-dom'), require('@depay/react-shadow-dom'), require('ethers'), require('@depay/web3-constants'), require('decimal.js'), require('@depay/web3-exchanges'), require('@depay/web3-tokens'), require('@depay/local-currency'), require('@depay/web3-client'), require('@depay/web3-payments'), require('react-rangeslider'), require('@depay/react-token-image'), require('@depay/web3-blockchains')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react', '@depay/react-dialog-stack', '@depay/web3-wallets', 'react-dom', '@depay/react-shadow-dom', 'ethers', '@depay/web3-constants', 'decimal.js', '@depay/web3-exchanges', '@depay/web3-tokens', '@depay/local-currency', '@depay/web3-client', '@depay/web3-payments', 'react-rangeslider', '@depay/react-token-image', '@depay/web3-blockchains'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DePayWidgets = factory(global.React, global.ReactDialogStack, global.Web3Wallets, global.ReactDOM, global.ReactShadowDOM, global.ethers, global.Web3Constants, global.Decimal, global.Web3Exchanges, global.Web3Tokens, global.LocalCurrency, global.Web3Client, global.Web3Payments, global.ReactRangeslider, global.ReactTokenImage, global.Web3Blockchains));
|
|
5
|
-
})(this, (function (React,
|
|
5
|
+
})(this, (function (React, reactDialogStack, web3Wallets, ReactDOM, reactShadowDom, ethers, web3Constants, decimal_js, web3Exchanges, web3Tokens, localCurrency, web3Client, web3Payments, Slider, reactTokenImage, web3Blockchains) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -956,7 +956,7 @@
|
|
|
956
956
|
});
|
|
957
957
|
|
|
958
958
|
var Dialog$1 = (function (props) {
|
|
959
|
-
var _useContext = React.useContext(
|
|
959
|
+
var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
|
|
960
960
|
navigate = _useContext.navigate;
|
|
961
961
|
|
|
962
962
|
var _useContext2 = React.useContext(ClosableContext),
|
|
@@ -996,7 +996,7 @@
|
|
|
996
996
|
});
|
|
997
997
|
|
|
998
998
|
var ConnectingWalletDialog = (function (props) {
|
|
999
|
-
var _useContext = React.useContext(
|
|
999
|
+
var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
|
|
1000
1000
|
navigate = _useContext.navigate;
|
|
1001
1001
|
|
|
1002
1002
|
var wallet = props.wallet;
|
|
@@ -1073,10 +1073,10 @@
|
|
|
1073
1073
|
showExplanation = _useState2[0],
|
|
1074
1074
|
setShowExplanation = _useState2[1];
|
|
1075
1075
|
|
|
1076
|
-
var _useContext = React.useContext(
|
|
1076
|
+
var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
|
|
1077
1077
|
navigate = _useContext.navigate;
|
|
1078
1078
|
|
|
1079
|
-
var wallet =
|
|
1079
|
+
var wallet = web3Wallets.getWallet();
|
|
1080
1080
|
React.useEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
|
|
1081
1081
|
var accounts;
|
|
1082
1082
|
return regenerator.wrap(function _callee$(_context) {
|
|
@@ -1112,7 +1112,7 @@
|
|
|
1112
1112
|
props.connect(wallet);
|
|
1113
1113
|
};
|
|
1114
1114
|
|
|
1115
|
-
var availableWallets = [
|
|
1115
|
+
var availableWallets = [web3Wallets.wallets.WalletConnect];
|
|
1116
1116
|
|
|
1117
1117
|
if (wallet) {
|
|
1118
1118
|
availableWallets.unshift(wallet);
|
|
@@ -1220,7 +1220,7 @@
|
|
|
1220
1220
|
};
|
|
1221
1221
|
|
|
1222
1222
|
React.useEffect(function () {
|
|
1223
|
-
var wallet =
|
|
1223
|
+
var wallet = web3Wallets.getWallet();
|
|
1224
1224
|
|
|
1225
1225
|
if (wallet) {
|
|
1226
1226
|
setWallet(wallet);
|
|
@@ -1260,7 +1260,7 @@
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}, _callee2);
|
|
1262
1262
|
})), [wallet]);
|
|
1263
|
-
return /*#__PURE__*/React__default$1["default"].createElement(
|
|
1263
|
+
return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
|
|
1264
1264
|
open: open,
|
|
1265
1265
|
close: close,
|
|
1266
1266
|
start: "SelectWallet",
|
|
@@ -1372,8 +1372,7 @@
|
|
|
1372
1372
|
let background =
|
|
1373
1373
|
typeof styles === 'object' && styles.background ? styles.background : 'rgba(0,0,0,0.4)';
|
|
1374
1374
|
|
|
1375
|
-
return
|
|
1376
|
-
`
|
|
1375
|
+
return `
|
|
1377
1376
|
.ReactDialog {
|
|
1378
1377
|
bottom: 0;
|
|
1379
1378
|
display: table;
|
|
@@ -1432,12 +1431,9 @@
|
|
|
1432
1431
|
top: -5vh;
|
|
1433
1432
|
}
|
|
1434
1433
|
`
|
|
1435
|
-
)
|
|
1436
1434
|
}
|
|
1437
1435
|
|
|
1438
|
-
const _jsxFileName = "/
|
|
1439
|
-
|
|
1440
|
-
|
|
1436
|
+
const _jsxFileName = "/home/runner/work/react-dialog/react-dialog/src/components/Dialog.jsx";
|
|
1441
1437
|
class Dialog extends React__default['default'].Component {
|
|
1442
1438
|
constructor(props) {
|
|
1443
1439
|
super(props);
|
|
@@ -1499,7 +1495,7 @@
|
|
|
1499
1495
|
}
|
|
1500
1496
|
}
|
|
1501
1497
|
|
|
1502
|
-
const _jsxFileName$1 = "/
|
|
1498
|
+
const _jsxFileName$1 = "/home/runner/work/react-dialog/react-dialog/src/index.jsx";
|
|
1503
1499
|
class ReactDialog extends React__default['default'].Component {
|
|
1504
1500
|
constructor(props) {
|
|
1505
1501
|
super(props);
|
|
@@ -1764,7 +1760,7 @@
|
|
|
1764
1760
|
}, 300);
|
|
1765
1761
|
};
|
|
1766
1762
|
|
|
1767
|
-
var _ReactShadowDOM =
|
|
1763
|
+
var _ReactShadowDOM = reactShadowDom.ReactShadowDOM({
|
|
1768
1764
|
document: document,
|
|
1769
1765
|
element: document.body,
|
|
1770
1766
|
content: content(unmountShadowDOM),
|
|
@@ -1792,7 +1788,7 @@
|
|
|
1792
1788
|
while (1) {
|
|
1793
1789
|
switch (_context.prev = _context.next) {
|
|
1794
1790
|
case 0:
|
|
1795
|
-
wallet =
|
|
1791
|
+
wallet = web3Wallets.getWallet();
|
|
1796
1792
|
|
|
1797
1793
|
if (!wallet) {
|
|
1798
1794
|
_context.next = 7;
|
|
@@ -1998,9 +1994,9 @@
|
|
|
1998
1994
|
React.useEffect(function () {
|
|
1999
1995
|
if (amountsMissing && account && conversionRate) {
|
|
2000
1996
|
Promise.all(props.accept.map(function (configuration) {
|
|
2001
|
-
return
|
|
1997
|
+
return web3Exchanges.route({
|
|
2002
1998
|
blockchain: configuration.blockchain,
|
|
2003
|
-
tokenIn:
|
|
1999
|
+
tokenIn: web3Constants.CONSTANTS[configuration.blockchain].USD,
|
|
2004
2000
|
amountIn: 1.00 / conversionRate * amount,
|
|
2005
2001
|
tokenOut: configuration.token,
|
|
2006
2002
|
fromAddress: account,
|
|
@@ -2012,7 +2008,7 @@
|
|
|
2012
2008
|
return;
|
|
2013
2009
|
}
|
|
2014
2010
|
|
|
2015
|
-
return
|
|
2011
|
+
return web3Tokens.Token.readable({
|
|
2016
2012
|
blockchain: props.accept[index].blockchain,
|
|
2017
2013
|
amount: routes[0].amountOut,
|
|
2018
2014
|
address: routes[0].tokenOut
|
|
@@ -2033,23 +2029,23 @@
|
|
|
2033
2029
|
React.useEffect(function () {
|
|
2034
2030
|
if (amountsMissing && maxRoute) {
|
|
2035
2031
|
maxRoute.fromToken.readable(maxRoute.fromBalance).then(function (readableMaxAmount) {
|
|
2036
|
-
if (maxRoute.fromToken.address ==
|
|
2032
|
+
if (maxRoute.fromToken.address == web3Constants.CONSTANTS[maxRoute.blockchain].USD) {
|
|
2037
2033
|
var _maxAmount = parseFloat(new decimal_js.Decimal(readableMaxAmount).mul(conversionRate).toString());
|
|
2038
2034
|
|
|
2039
2035
|
setMaxAmount(_maxAmount > 10 ? Math.round(_maxAmount) : _maxAmount);
|
|
2040
2036
|
} else {
|
|
2041
|
-
|
|
2037
|
+
web3Exchanges.route({
|
|
2042
2038
|
blockchain: maxRoute.blockchain,
|
|
2043
2039
|
tokenIn: maxRoute.fromToken.address,
|
|
2044
|
-
tokenOut:
|
|
2040
|
+
tokenOut: web3Constants.CONSTANTS[maxRoute.blockchain].USD,
|
|
2045
2041
|
amountIn: parseFloat(readableMaxAmount),
|
|
2046
2042
|
fromAddress: account,
|
|
2047
2043
|
toAddress: account
|
|
2048
2044
|
}).then(function (routes) {
|
|
2049
|
-
|
|
2045
|
+
web3Tokens.Token.readable({
|
|
2050
2046
|
amount: routes[0].amountOut,
|
|
2051
2047
|
blockchain: maxRoute.blockchain,
|
|
2052
|
-
address:
|
|
2048
|
+
address: web3Constants.CONSTANTS[maxRoute.blockchain].USD
|
|
2053
2049
|
}).then(function (readableMaxAmount) {
|
|
2054
2050
|
var slippage = 1.01;
|
|
2055
2051
|
var maxAmount = parseFloat(new decimal_js.Decimal(readableMaxAmount).div(slippage).mul(conversionRate).toString());
|
|
@@ -2075,13 +2071,13 @@
|
|
|
2075
2071
|
});
|
|
2076
2072
|
|
|
2077
2073
|
var ConfigurationProvider = (function (props) {
|
|
2078
|
-
var currencyCode = new
|
|
2074
|
+
var currencyCode = new localCurrency.Currency({
|
|
2079
2075
|
code: props.configuration.currency
|
|
2080
2076
|
}).code;
|
|
2081
2077
|
React.useEffect(function () {
|
|
2082
2078
|
if (props.configuration.providers != undefined) {
|
|
2083
2079
|
Object.entries(props.configuration.providers).forEach(function (entry) {
|
|
2084
|
-
|
|
2080
|
+
web3Client.setProviderEndpoints(entry[0], entry[1]);
|
|
2085
2081
|
});
|
|
2086
2082
|
}
|
|
2087
2083
|
}, [props.configuration]);
|
|
@@ -2107,7 +2103,7 @@
|
|
|
2107
2103
|
setConversionRate = _useState2[1];
|
|
2108
2104
|
|
|
2109
2105
|
React.useEffect(function () {
|
|
2110
|
-
|
|
2106
|
+
localCurrency.Currency.fromUSD({
|
|
2111
2107
|
amount: 1,
|
|
2112
2108
|
code: currency,
|
|
2113
2109
|
apiKey: apiKey
|
|
@@ -2305,7 +2301,7 @@
|
|
|
2305
2301
|
}, [allRoutes]);
|
|
2306
2302
|
|
|
2307
2303
|
if (allRoutes instanceof Array && allRoutes.length == 0) {
|
|
2308
|
-
return /*#__PURE__*/React__default$1["default"].createElement(
|
|
2304
|
+
return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
|
|
2309
2305
|
open: open,
|
|
2310
2306
|
close: close,
|
|
2311
2307
|
start: "NoPaymentMethodFound",
|
|
@@ -2388,7 +2384,7 @@
|
|
|
2388
2384
|
return;
|
|
2389
2385
|
}
|
|
2390
2386
|
|
|
2391
|
-
|
|
2387
|
+
web3Payments.route({
|
|
2392
2388
|
accept: props.accept.map(prepareAcceptedPayments),
|
|
2393
2389
|
whitelist: props.whitelist,
|
|
2394
2390
|
blacklist: props.blacklist,
|
|
@@ -2550,16 +2546,16 @@
|
|
|
2550
2546
|
return;
|
|
2551
2547
|
}
|
|
2552
2548
|
|
|
2553
|
-
Promise.all([
|
|
2549
|
+
Promise.all([web3Exchanges.route({
|
|
2554
2550
|
blockchain: payment.route.blockchain,
|
|
2555
2551
|
tokenIn: payment.route.toToken.address,
|
|
2556
|
-
tokenOut:
|
|
2552
|
+
tokenOut: web3Constants.CONSTANTS[payment.route.blockchain].USD,
|
|
2557
2553
|
amountIn: payment.route.toAmount,
|
|
2558
2554
|
fromAddress: account,
|
|
2559
2555
|
toAddress: account
|
|
2560
|
-
}), new
|
|
2556
|
+
}), new web3Tokens.Token({
|
|
2561
2557
|
blockchain: payment.route.blockchain,
|
|
2562
|
-
address:
|
|
2558
|
+
address: web3Constants.CONSTANTS[payment.route.blockchain].USD
|
|
2563
2559
|
}).decimals()]).then(function (_ref2) {
|
|
2564
2560
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
2565
2561
|
USDExchangeRoutes = _ref3[0],
|
|
@@ -2568,7 +2564,7 @@
|
|
|
2568
2564
|
var USDRoute = USDExchangeRoutes[0];
|
|
2569
2565
|
var USDAmount;
|
|
2570
2566
|
|
|
2571
|
-
if (payment.route.toToken.address.toLowerCase() ==
|
|
2567
|
+
if (payment.route.toToken.address.toLowerCase() == web3Constants.CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
|
|
2572
2568
|
USDAmount = payment.route.toAmount.toString();
|
|
2573
2569
|
} else if (USDRoute == undefined) {
|
|
2574
2570
|
setPaymentValue('');
|
|
@@ -2578,7 +2574,7 @@
|
|
|
2578
2574
|
}
|
|
2579
2575
|
|
|
2580
2576
|
var USDValue = ethers.ethers.utils.formatUnits(USDAmount, USDDecimals);
|
|
2581
|
-
|
|
2577
|
+
localCurrency.Currency.fromUSD({
|
|
2582
2578
|
amount: USDValue,
|
|
2583
2579
|
code: currency,
|
|
2584
2580
|
apiKey: apiKey
|
|
@@ -2646,7 +2642,7 @@
|
|
|
2646
2642
|
});
|
|
2647
2643
|
|
|
2648
2644
|
var ChangeAmountDialog = (function (props) {
|
|
2649
|
-
var _useContext = React.useContext(
|
|
2645
|
+
var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
|
|
2650
2646
|
navigate = _useContext.navigate;
|
|
2651
2647
|
|
|
2652
2648
|
var _useContext2 = React.useContext(ErrorContext);
|
|
@@ -2810,7 +2806,7 @@
|
|
|
2810
2806
|
var _useContext3 = React.useContext(PaymentValueContext),
|
|
2811
2807
|
paymentValue = _useContext3.paymentValue;
|
|
2812
2808
|
|
|
2813
|
-
var _useContext4 = React.useContext(
|
|
2809
|
+
var _useContext4 = React.useContext(reactDialogStack.NavigateStackContext),
|
|
2814
2810
|
navigate = _useContext4.navigate;
|
|
2815
2811
|
|
|
2816
2812
|
var _useState = React.useState([]),
|
|
@@ -2856,7 +2852,7 @@
|
|
|
2856
2852
|
}
|
|
2857
2853
|
}, /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
2858
2854
|
className: "CardImage"
|
|
2859
|
-
}, /*#__PURE__*/React__default$1["default"].createElement(
|
|
2855
|
+
}, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
|
|
2860
2856
|
blockchain: payment.route.blockchain,
|
|
2861
2857
|
address: payment.route.fromToken.address
|
|
2862
2858
|
})), /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -2973,7 +2969,7 @@
|
|
|
2973
2969
|
approve = _useContext3.approve,
|
|
2974
2970
|
approvalTransaction = _useContext3.approvalTransaction;
|
|
2975
2971
|
|
|
2976
|
-
var _useContext4 = React.useContext(
|
|
2972
|
+
var _useContext4 = React.useContext(reactDialogStack.NavigateStackContext),
|
|
2977
2973
|
navigate = _useContext4.navigate;
|
|
2978
2974
|
|
|
2979
2975
|
var _useContext5 = React.useContext(ClosableContext),
|
|
@@ -2992,7 +2988,7 @@
|
|
|
2992
2988
|
navigate: navigate
|
|
2993
2989
|
});
|
|
2994
2990
|
}
|
|
2995
|
-
}, "Pay ", new
|
|
2991
|
+
}, "Pay ", new localCurrency.Currency({
|
|
2996
2992
|
amount: amount.toFixed(2),
|
|
2997
2993
|
code: currencyCode
|
|
2998
2994
|
}).toString());
|
|
@@ -3071,7 +3067,7 @@
|
|
|
3071
3067
|
className: "CardText"
|
|
3072
3068
|
}, /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
3073
3069
|
className: "TokenAmountRow"
|
|
3074
|
-
}, new
|
|
3070
|
+
}, new localCurrency.Currency({
|
|
3075
3071
|
amount: amount.toFixed(2),
|
|
3076
3072
|
code: currencyCode
|
|
3077
3073
|
}).toString())))), /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -3089,7 +3085,7 @@
|
|
|
3089
3085
|
}, /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
3090
3086
|
className: "CardImage",
|
|
3091
3087
|
title: payment.name
|
|
3092
|
-
}, /*#__PURE__*/React__default$1["default"].createElement(
|
|
3088
|
+
}, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
|
|
3093
3089
|
blockchain: payment.route.blockchain,
|
|
3094
3090
|
address: payment.token
|
|
3095
3091
|
})), /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -3116,7 +3112,7 @@
|
|
|
3116
3112
|
});
|
|
3117
3113
|
|
|
3118
3114
|
var PaymentErrorDialog = (function () {
|
|
3119
|
-
var _useContext = React.useContext(
|
|
3115
|
+
var _useContext = React.useContext(reactDialogStack.NavigateStackContext),
|
|
3120
3116
|
navigate = _useContext.navigate;
|
|
3121
3117
|
|
|
3122
3118
|
var _useContext2 = React.useContext(PaymentContext),
|
|
@@ -3164,10 +3160,10 @@
|
|
|
3164
3160
|
var _useContext = React.useContext(PaymentContext),
|
|
3165
3161
|
payment = _useContext.payment;
|
|
3166
3162
|
|
|
3167
|
-
var _useContext2 = React.useContext(
|
|
3163
|
+
var _useContext2 = React.useContext(reactDialogStack.NavigateStackContext),
|
|
3168
3164
|
navigate = _useContext2.navigate;
|
|
3169
3165
|
|
|
3170
|
-
var blockchain =
|
|
3166
|
+
var blockchain = web3Blockchains.Blockchain.findByName(payment.route.blockchain);
|
|
3171
3167
|
return /*#__PURE__*/React__default$1["default"].createElement(Dialog$1, {
|
|
3172
3168
|
stacked: true,
|
|
3173
3169
|
header: /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -3205,7 +3201,7 @@
|
|
|
3205
3201
|
open = _useContext.open,
|
|
3206
3202
|
close = _useContext.close;
|
|
3207
3203
|
|
|
3208
|
-
return /*#__PURE__*/React__default$1["default"].createElement(
|
|
3204
|
+
return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
|
|
3209
3205
|
open: open,
|
|
3210
3206
|
close: close,
|
|
3211
3207
|
start: "DonationOverview",
|
|
@@ -3497,7 +3493,7 @@
|
|
|
3497
3493
|
var _useContext4 = React.useContext(PaymentValueContext),
|
|
3498
3494
|
paymentValue = _useContext4.paymentValue;
|
|
3499
3495
|
|
|
3500
|
-
var _useContext5 = React.useContext(
|
|
3496
|
+
var _useContext5 = React.useContext(reactDialogStack.NavigateStackContext),
|
|
3501
3497
|
navigate = _useContext5.navigate;
|
|
3502
3498
|
|
|
3503
3499
|
var _useContext6 = React.useContext(ClosableContext),
|
|
@@ -3516,7 +3512,7 @@
|
|
|
3516
3512
|
navigate: navigate
|
|
3517
3513
|
});
|
|
3518
3514
|
}
|
|
3519
|
-
}, "Pay ", amount ? new
|
|
3515
|
+
}, "Pay ", amount ? new localCurrency.Currency({
|
|
3520
3516
|
amount: amount.toFixed(2),
|
|
3521
3517
|
code: currencyCode
|
|
3522
3518
|
}).toString() : paymentValue.toString().length ? paymentValue.toString() : "".concat(payment.amount));
|
|
@@ -3595,7 +3591,7 @@
|
|
|
3595
3591
|
className: "CardText"
|
|
3596
3592
|
}, /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
3597
3593
|
className: "TokenAmountRow"
|
|
3598
|
-
}, new
|
|
3594
|
+
}, new localCurrency.Currency({
|
|
3599
3595
|
amount: amount.toFixed(2),
|
|
3600
3596
|
code: currencyCode
|
|
3601
3597
|
}).toString())))), /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -3613,7 +3609,7 @@
|
|
|
3613
3609
|
}, /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
3614
3610
|
className: "CardImage",
|
|
3615
3611
|
title: payment.name
|
|
3616
|
-
}, /*#__PURE__*/React__default$1["default"].createElement(
|
|
3612
|
+
}, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
|
|
3617
3613
|
blockchain: payment.route.blockchain,
|
|
3618
3614
|
address: payment.token
|
|
3619
3615
|
})), /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -3644,7 +3640,7 @@
|
|
|
3644
3640
|
open = _useContext.open,
|
|
3645
3641
|
close = _useContext.close;
|
|
3646
3642
|
|
|
3647
|
-
return /*#__PURE__*/React__default$1["default"].createElement(
|
|
3643
|
+
return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
|
|
3648
3644
|
open: open,
|
|
3649
3645
|
close: close,
|
|
3650
3646
|
start: "PaymentOverview",
|
|
@@ -3917,7 +3913,7 @@
|
|
|
3917
3913
|
approve = _useContext4.approve,
|
|
3918
3914
|
approvalTransaction = _useContext4.approvalTransaction;
|
|
3919
3915
|
|
|
3920
|
-
var _useContext5 = React.useContext(
|
|
3916
|
+
var _useContext5 = React.useContext(reactDialogStack.NavigateStackContext),
|
|
3921
3917
|
navigate = _useContext5.navigate;
|
|
3922
3918
|
|
|
3923
3919
|
var _useContext6 = React.useContext(ClosableContext),
|
|
@@ -3945,7 +3941,7 @@
|
|
|
3945
3941
|
navigate: navigate
|
|
3946
3942
|
});
|
|
3947
3943
|
}
|
|
3948
|
-
}, "Pay ", new
|
|
3944
|
+
}, "Pay ", new localCurrency.Currency({
|
|
3949
3945
|
amount: amount.toFixed(2),
|
|
3950
3946
|
code: currencyCode
|
|
3951
3947
|
}).toString());
|
|
@@ -3994,7 +3990,7 @@
|
|
|
3994
3990
|
|
|
3995
3991
|
React.useEffect(function () {
|
|
3996
3992
|
if (paymentValue) {
|
|
3997
|
-
setSalePerTokenValue(new
|
|
3993
|
+
setSalePerTokenValue(new localCurrency.Currency({
|
|
3998
3994
|
amount: (paymentValue.amount / parseFloat(toTokenReadableAmount)).toFixed(2),
|
|
3999
3995
|
code: paymentValue.code
|
|
4000
3996
|
}).toString());
|
|
@@ -4012,7 +4008,7 @@
|
|
|
4012
4008
|
src: tokenImage
|
|
4013
4009
|
});
|
|
4014
4010
|
} else {
|
|
4015
|
-
tokenImageElement = /*#__PURE__*/React__default$1["default"].createElement(
|
|
4011
|
+
tokenImageElement = /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
|
|
4016
4012
|
blockchain: payment.route.blockchain,
|
|
4017
4013
|
address: toToken.address
|
|
4018
4014
|
});
|
|
@@ -4070,7 +4066,7 @@
|
|
|
4070
4066
|
}, /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
4071
4067
|
className: "CardImage",
|
|
4072
4068
|
title: payment.name
|
|
4073
|
-
}, /*#__PURE__*/React__default$1["default"].createElement(
|
|
4069
|
+
}, /*#__PURE__*/React__default$1["default"].createElement(reactTokenImage.TokenImage, {
|
|
4074
4070
|
blockchain: payment.route.blockchain,
|
|
4075
4071
|
address: payment.token
|
|
4076
4072
|
})), /*#__PURE__*/React__default$1["default"].createElement("div", {
|
|
@@ -4101,7 +4097,7 @@
|
|
|
4101
4097
|
open = _useContext.open,
|
|
4102
4098
|
close = _useContext.close;
|
|
4103
4099
|
|
|
4104
|
-
return /*#__PURE__*/React__default$1["default"].createElement(
|
|
4100
|
+
return /*#__PURE__*/React__default$1["default"].createElement(reactDialogStack.ReactDialogStack, {
|
|
4105
4101
|
open: open,
|
|
4106
4102
|
close: close,
|
|
4107
4103
|
start: "SaleOverview",
|
|
@@ -4255,7 +4251,7 @@
|
|
|
4255
4251
|
Payment: Payment,
|
|
4256
4252
|
Sale: Sale,
|
|
4257
4253
|
Donation: Donation,
|
|
4258
|
-
provider:
|
|
4254
|
+
provider: web3Client.provider
|
|
4259
4255
|
};
|
|
4260
4256
|
|
|
4261
4257
|
return DePayWidgets;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@depay/widgets",
|
|
3
3
|
"moduleName": "DePayWidgets",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.4.0",
|
|
5
5
|
"description": "Web3 Payments with any token. DePay simplifies and improves Web3 Payments with the power of DeFi. Accept any token with on-the-fly conversion.",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
7
7
|
"files": [
|
|
@@ -32,20 +32,20 @@
|
|
|
32
32
|
"test": "yarn test:jest && yarn test:cypress"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
+
"@depay/local-currency": "^2.0.0",
|
|
36
|
+
"@depay/react-dialog-stack": "^3.0.1",
|
|
37
|
+
"@depay/react-shadow-dom": "^3.0.0",
|
|
38
|
+
"@depay/react-token-image": "^2.0.0",
|
|
35
39
|
"@depay/walletconnect": "^1.0.2",
|
|
40
|
+
"@depay/web3-assets": "^3.0.0",
|
|
41
|
+
"@depay/web3-blockchains": "^3.0.0",
|
|
42
|
+
"@depay/web3-client": "^7.1.0",
|
|
43
|
+
"@depay/web3-constants": "^4.0.0",
|
|
44
|
+
"@depay/web3-exchanges": "^7.1.0",
|
|
45
|
+
"@depay/web3-payments": "^7.0.0",
|
|
46
|
+
"@depay/web3-tokens": "^7.2.0",
|
|
47
|
+
"@depay/web3-wallets": "^6.0.0",
|
|
36
48
|
"decimal.js": "^10.3.1",
|
|
37
|
-
"depay-local-currency": "^1.1.0",
|
|
38
|
-
"depay-react-dialog-stack": "^2.1.0",
|
|
39
|
-
"depay-react-shadow-dom": "^2.0.4",
|
|
40
|
-
"depay-react-token-image": "^1.1.3",
|
|
41
|
-
"depay-web3-assets": "^2.2.0",
|
|
42
|
-
"depay-web3-blockchains": "^2.6.0",
|
|
43
|
-
"depay-web3-client": "^6.0.0",
|
|
44
|
-
"depay-web3-constants": "^3.0.1",
|
|
45
|
-
"depay-web3-exchanges": "^6.3.2",
|
|
46
|
-
"depay-web3-payments": "^6.4.1",
|
|
47
|
-
"depay-web3-tokens": "^6.0.1",
|
|
48
|
-
"depay-web3-wallets": "^5.7.3",
|
|
49
49
|
"react-rangeslider": "^2.2.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
"@babel/preset-env": "^7.12.7",
|
|
60
60
|
"@babel/preset-react": "^7.12.7",
|
|
61
61
|
"@cypress/react": "^5.9.1",
|
|
62
|
+
"@depay/web3-mock": "^9.1.1",
|
|
62
63
|
"@rollup/plugin-babel": "^5.3.0",
|
|
63
64
|
"@rollup/plugin-commonjs": "^17.1.0",
|
|
64
65
|
"@rollup/plugin-node-resolve": "^11.1.1",
|
|
@@ -68,7 +69,6 @@
|
|
|
68
69
|
"babel-preset-env": "^1.7.0",
|
|
69
70
|
"babel-preset-react": "^6.24.1",
|
|
70
71
|
"cypress": "^7.6.0",
|
|
71
|
-
"depay-web3-mock": "^8.2.7",
|
|
72
72
|
"eslint": "^7.15.0",
|
|
73
73
|
"eslint-loader": "^4.0.2",
|
|
74
74
|
"eslint-plugin-import": "^2.22.1",
|