@depay/widgets 6.17.1 → 6.18.1
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/README.md +41 -2
- package/dist/esm/index.bundle.js +36 -19
- package/dist/esm/index.js +36 -19
- package/dist/umd/index.bundle.js +36 -19
- package/dist/umd/index.js +36 -19
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -632,6 +632,19 @@ A recovered payment still results in a confirmed or failed payment, and also cal
|
|
|
632
632
|
|
|
633
633
|
```
|
|
634
634
|
|
|
635
|
+
#### closable
|
|
636
|
+
|
|
637
|
+
`closable`
|
|
638
|
+
|
|
639
|
+
Makes the widget unclosable:
|
|
640
|
+
|
|
641
|
+
```javascript
|
|
642
|
+
DePayWidgets.Payment({
|
|
643
|
+
closable: false
|
|
644
|
+
})
|
|
645
|
+
|
|
646
|
+
```
|
|
647
|
+
|
|
635
648
|
## DePay Sales
|
|
636
649
|
|
|
637
650
|
DePay Sales allows you to sell tokens directly from your website or dApp with automatic any-to-any payment conversion (so people can use any token when buying your token directly off your website or dApp).
|
|
@@ -1000,11 +1013,24 @@ DePayWidgets.Sale({
|
|
|
1000
1013
|
Allows you to unmount (the React safe way) the entire widget from the outside:
|
|
1001
1014
|
|
|
1002
1015
|
```javascript
|
|
1003
|
-
let { unmount } = await DePayWidgets.
|
|
1016
|
+
let { unmount } = await DePayWidgets.Sale({})
|
|
1004
1017
|
|
|
1005
1018
|
unmount()
|
|
1006
1019
|
```
|
|
1007
1020
|
|
|
1021
|
+
#### closable
|
|
1022
|
+
|
|
1023
|
+
`closable`
|
|
1024
|
+
|
|
1025
|
+
Makes the widget unclosable:
|
|
1026
|
+
|
|
1027
|
+
```javascript
|
|
1028
|
+
DePayWidgets.Sale({
|
|
1029
|
+
closable: false
|
|
1030
|
+
})
|
|
1031
|
+
|
|
1032
|
+
```
|
|
1033
|
+
|
|
1008
1034
|
## DePay Donations
|
|
1009
1035
|
|
|
1010
1036
|
DePay Donations allows you to accept donation payments made with thousands of different crypto currencies.
|
|
@@ -1361,11 +1387,24 @@ DePayWidgets.Donation({
|
|
|
1361
1387
|
Allows you to unmount (the React safe way) the entire widget from the outside:
|
|
1362
1388
|
|
|
1363
1389
|
```javascript
|
|
1364
|
-
let { unmount } = await DePayWidgets.
|
|
1390
|
+
let { unmount } = await DePayWidgets.Donation({})
|
|
1365
1391
|
|
|
1366
1392
|
unmount()
|
|
1367
1393
|
```
|
|
1368
1394
|
|
|
1395
|
+
#### closable
|
|
1396
|
+
|
|
1397
|
+
`closable`
|
|
1398
|
+
|
|
1399
|
+
Makes the widget unclosable:
|
|
1400
|
+
|
|
1401
|
+
```javascript
|
|
1402
|
+
DePayWidgets.Donation({
|
|
1403
|
+
closable: false
|
|
1404
|
+
})
|
|
1405
|
+
|
|
1406
|
+
```
|
|
1407
|
+
|
|
1369
1408
|
## DePay Connect
|
|
1370
1409
|
|
|
1371
1410
|
DePay Connect allows you to have your users connect their crypto wallet to your dApp or website.
|
package/dist/esm/index.bundle.js
CHANGED
|
@@ -1039,6 +1039,10 @@ var ClosableProvider = (function (props) {
|
|
|
1039
1039
|
setUpdatable = _useContext.setUpdatable;
|
|
1040
1040
|
|
|
1041
1041
|
var close = function close() {
|
|
1042
|
+
if (props.closable === false) {
|
|
1043
|
+
return;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1042
1046
|
if (!closable) {
|
|
1043
1047
|
return;
|
|
1044
1048
|
}
|
|
@@ -2001,7 +2005,9 @@ var ConnectingWalletDialog = (function (props) {
|
|
|
2001
2005
|
if (props.pending) {
|
|
2002
2006
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
2003
2007
|
stacked: true,
|
|
2004
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
2008
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
2009
|
+
className: "TextCenter"
|
|
2010
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
2005
2011
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
2006
2012
|
}, /*#__PURE__*/react.createElement("img", {
|
|
2007
2013
|
className: "Graphic",
|
|
@@ -2017,7 +2023,9 @@ var ConnectingWalletDialog = (function (props) {
|
|
|
2017
2023
|
} else {
|
|
2018
2024
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
2019
2025
|
stacked: true,
|
|
2020
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
2026
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
2027
|
+
className: "TextCenter"
|
|
2028
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
2021
2029
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
2022
2030
|
}, /*#__PURE__*/react.createElement("img", {
|
|
2023
2031
|
className: "Graphic",
|
|
@@ -62424,7 +62432,9 @@ var NoPaymentMethodFoundDialog = (function () {
|
|
|
62424
62432
|
header: /*#__PURE__*/react.createElement("div", {
|
|
62425
62433
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
62426
62434
|
}),
|
|
62427
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
62435
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
62436
|
+
className: "TextCenter"
|
|
62437
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
62428
62438
|
className: "GraphicWrapper"
|
|
62429
62439
|
}, /*#__PURE__*/react.createElement("img", {
|
|
62430
62440
|
className: "Graphic",
|
|
@@ -68287,7 +68297,7 @@ var PaymentValueProvider = (function (props) {
|
|
|
68287
68297
|
var paymentAmountInBN = BigNumber$4.from(payment.route.fromAmount);
|
|
68288
68298
|
var divPercent = 100 - reverseAmountOutBN.mul(BigNumber$4.from('100')).div(paymentAmountInBN).abs().toString();
|
|
68289
68299
|
|
|
68290
|
-
if (divPercent
|
|
68300
|
+
if (divPercent >= 10) {
|
|
68291
68301
|
setPaymentValueLoss(divPercent);
|
|
68292
68302
|
} else {
|
|
68293
68303
|
setPaymentValueLoss(null);
|
|
@@ -70798,7 +70808,9 @@ var PaymentErrorDialog = (function () {
|
|
|
70798
70808
|
header: /*#__PURE__*/react.createElement("div", {
|
|
70799
70809
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
70800
70810
|
}),
|
|
70801
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
70811
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
70812
|
+
className: "TextCenter"
|
|
70813
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
70802
70814
|
className: "GraphicWrapper"
|
|
70803
70815
|
}, /*#__PURE__*/react.createElement("img", {
|
|
70804
70816
|
className: "Graphic",
|
|
@@ -71434,12 +71446,12 @@ var preflight$2 = /*#__PURE__*/function () {
|
|
|
71434
71446
|
|
|
71435
71447
|
var Donation = /*#__PURE__*/function () {
|
|
71436
71448
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71437
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
71449
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
|
|
71438
71450
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71439
71451
|
while (1) {
|
|
71440
71452
|
switch (_context2.prev = _context2.next) {
|
|
71441
71453
|
case 0:
|
|
71442
|
-
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
|
|
71454
|
+
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, closable = _ref3.closable, document = _ref3.document;
|
|
71443
71455
|
_context2.prev = 1;
|
|
71444
71456
|
_context2.next = 4;
|
|
71445
71457
|
return preflight$2({
|
|
@@ -71470,7 +71482,8 @@ var Donation = /*#__PURE__*/function () {
|
|
|
71470
71482
|
providers: providers
|
|
71471
71483
|
}
|
|
71472
71484
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71473
|
-
unmount: unmount
|
|
71485
|
+
unmount: unmount,
|
|
71486
|
+
closable: closable
|
|
71474
71487
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71475
71488
|
container: container,
|
|
71476
71489
|
connected: connected,
|
|
@@ -71572,7 +71585,9 @@ var SignLoginDialog = (function (props) {
|
|
|
71572
71585
|
};
|
|
71573
71586
|
|
|
71574
71587
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
71575
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
71588
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
71589
|
+
className: "TextCenter"
|
|
71590
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
71576
71591
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
71577
71592
|
}, /*#__PURE__*/react.createElement("img", {
|
|
71578
71593
|
className: "Graphic",
|
|
@@ -71927,12 +71942,12 @@ var preflight$1 = /*#__PURE__*/function () {
|
|
|
71927
71942
|
|
|
71928
71943
|
var Payment = /*#__PURE__*/function () {
|
|
71929
71944
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71930
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
71945
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
|
|
71931
71946
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71932
71947
|
while (1) {
|
|
71933
71948
|
switch (_context2.prev = _context2.next) {
|
|
71934
71949
|
case 0:
|
|
71935
|
-
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, document = _ref3.document;
|
|
71950
|
+
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, document = _ref3.document;
|
|
71936
71951
|
_context2.prev = 1;
|
|
71937
71952
|
_context2.next = 4;
|
|
71938
71953
|
return preflight$1({
|
|
@@ -71968,7 +71983,8 @@ var Payment = /*#__PURE__*/function () {
|
|
|
71968
71983
|
recover: recover
|
|
71969
71984
|
}
|
|
71970
71985
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71971
|
-
unmount: unmount
|
|
71986
|
+
unmount: unmount,
|
|
71987
|
+
closable: closable
|
|
71972
71988
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71973
71989
|
document: document,
|
|
71974
71990
|
container: container,
|
|
@@ -72334,12 +72350,12 @@ var preflight = /*#__PURE__*/function () {
|
|
|
72334
72350
|
|
|
72335
72351
|
var Sale = /*#__PURE__*/function () {
|
|
72336
72352
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
72337
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
72353
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
|
|
72338
72354
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
72339
72355
|
while (1) {
|
|
72340
72356
|
switch (_context2.prev = _context2.next) {
|
|
72341
72357
|
case 0:
|
|
72342
|
-
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, document = _ref3.document;
|
|
72358
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, document = _ref3.document;
|
|
72343
72359
|
_context2.prev = 1;
|
|
72344
72360
|
_context2.next = 4;
|
|
72345
72361
|
return preflight({
|
|
@@ -72376,7 +72392,8 @@ var Sale = /*#__PURE__*/function () {
|
|
|
72376
72392
|
providers: providers
|
|
72377
72393
|
}
|
|
72378
72394
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
72379
|
-
unmount: unmount
|
|
72395
|
+
unmount: unmount,
|
|
72396
|
+
closable: closable
|
|
72380
72397
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
72381
72398
|
container: container,
|
|
72382
72399
|
connected: connected,
|
|
@@ -72517,22 +72534,22 @@ var ConfirmTokenSelectionDialog = (function (props) {
|
|
|
72517
72534
|
body: /*#__PURE__*/react.createElement("div", {
|
|
72518
72535
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
72519
72536
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72520
|
-
className: "TokenImage medium"
|
|
72537
|
+
className: "TokenImage medium TextCenter"
|
|
72521
72538
|
}, logo && /*#__PURE__*/react.createElement("img", {
|
|
72522
72539
|
src: logo
|
|
72523
72540
|
}), !logo && /*#__PURE__*/react.createElement(TokenImage, {
|
|
72524
72541
|
blockchain: token.blockchain,
|
|
72525
72542
|
address: address
|
|
72526
72543
|
})), /*#__PURE__*/react.createElement("div", {
|
|
72527
|
-
className: "PaddingTopS"
|
|
72544
|
+
className: "PaddingTopS TextCenter"
|
|
72528
72545
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72529
72546
|
className: "Alert"
|
|
72530
72547
|
}, /*#__PURE__*/react.createElement("strong", null, "Please review this information"))), /*#__PURE__*/react.createElement("div", {
|
|
72531
72548
|
className: "PaddingTopXS"
|
|
72532
72549
|
}, /*#__PURE__*/react.createElement("table", {
|
|
72533
|
-
className: "Table"
|
|
72550
|
+
className: "Table TextLeft"
|
|
72534
72551
|
}, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
|
|
72535
|
-
className: "small"
|
|
72552
|
+
className: "small TextCenter"
|
|
72536
72553
|
}, /*#__PURE__*/react.createElement("td", {
|
|
72537
72554
|
colSpan: "2"
|
|
72538
72555
|
}, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("a", {
|
package/dist/esm/index.js
CHANGED
|
@@ -904,6 +904,10 @@ var ClosableProvider = (function (props) {
|
|
|
904
904
|
setUpdatable = _useContext.setUpdatable;
|
|
905
905
|
|
|
906
906
|
var close = function close() {
|
|
907
|
+
if (props.closable === false) {
|
|
908
|
+
return;
|
|
909
|
+
}
|
|
910
|
+
|
|
907
911
|
if (!closable) {
|
|
908
912
|
return;
|
|
909
913
|
}
|
|
@@ -1018,7 +1022,9 @@ var ConnectingWalletDialog = (function (props) {
|
|
|
1018
1022
|
if (props.pending) {
|
|
1019
1023
|
return /*#__PURE__*/React.createElement(Dialog$1, {
|
|
1020
1024
|
stacked: true,
|
|
1021
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
1025
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
1026
|
+
className: "TextCenter"
|
|
1027
|
+
}, walletLogo && /*#__PURE__*/React.createElement("div", {
|
|
1022
1028
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
1023
1029
|
}, /*#__PURE__*/React.createElement("img", {
|
|
1024
1030
|
className: "Graphic",
|
|
@@ -1034,7 +1040,9 @@ var ConnectingWalletDialog = (function (props) {
|
|
|
1034
1040
|
} else {
|
|
1035
1041
|
return /*#__PURE__*/React.createElement(Dialog$1, {
|
|
1036
1042
|
stacked: true,
|
|
1037
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
1043
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
1044
|
+
className: "TextCenter"
|
|
1045
|
+
}, walletLogo && /*#__PURE__*/React.createElement("div", {
|
|
1038
1046
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
1039
1047
|
}, /*#__PURE__*/React.createElement("img", {
|
|
1040
1048
|
className: "Graphic",
|
|
@@ -2248,7 +2256,9 @@ var NoPaymentMethodFoundDialog = (function () {
|
|
|
2248
2256
|
header: /*#__PURE__*/React.createElement("div", {
|
|
2249
2257
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
2250
2258
|
}),
|
|
2251
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
2259
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
2260
|
+
className: "TextCenter"
|
|
2261
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
2252
2262
|
className: "GraphicWrapper"
|
|
2253
2263
|
}, /*#__PURE__*/React.createElement("img", {
|
|
2254
2264
|
className: "Graphic",
|
|
@@ -2812,7 +2822,7 @@ var PaymentValueProvider = (function (props) {
|
|
|
2812
2822
|
var paymentAmountInBN = ethers.BigNumber.from(payment.route.fromAmount);
|
|
2813
2823
|
var divPercent = 100 - reverseAmountOutBN.mul(ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
|
|
2814
2824
|
|
|
2815
|
-
if (divPercent
|
|
2825
|
+
if (divPercent >= 10) {
|
|
2816
2826
|
setPaymentValueLoss(divPercent);
|
|
2817
2827
|
} else {
|
|
2818
2828
|
setPaymentValueLoss(null);
|
|
@@ -3608,7 +3618,9 @@ var PaymentErrorDialog = (function () {
|
|
|
3608
3618
|
header: /*#__PURE__*/React.createElement("div", {
|
|
3609
3619
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
3610
3620
|
}),
|
|
3611
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
3621
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
3622
|
+
className: "TextCenter"
|
|
3623
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
3612
3624
|
className: "GraphicWrapper"
|
|
3613
3625
|
}, /*#__PURE__*/React.createElement("img", {
|
|
3614
3626
|
className: "Graphic",
|
|
@@ -4244,12 +4256,12 @@ var preflight$2 = /*#__PURE__*/function () {
|
|
|
4244
4256
|
|
|
4245
4257
|
var Donation = /*#__PURE__*/function () {
|
|
4246
4258
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4247
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
4259
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
|
|
4248
4260
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4249
4261
|
while (1) {
|
|
4250
4262
|
switch (_context2.prev = _context2.next) {
|
|
4251
4263
|
case 0:
|
|
4252
|
-
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
|
|
4264
|
+
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, closable = _ref3.closable, document = _ref3.document;
|
|
4253
4265
|
_context2.prev = 1;
|
|
4254
4266
|
_context2.next = 4;
|
|
4255
4267
|
return preflight$2({
|
|
@@ -4280,7 +4292,8 @@ var Donation = /*#__PURE__*/function () {
|
|
|
4280
4292
|
providers: providers
|
|
4281
4293
|
}
|
|
4282
4294
|
}, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
|
|
4283
|
-
unmount: unmount
|
|
4295
|
+
unmount: unmount,
|
|
4296
|
+
closable: closable
|
|
4284
4297
|
}, /*#__PURE__*/React.createElement(WalletProvider, {
|
|
4285
4298
|
container: container,
|
|
4286
4299
|
connected: connected,
|
|
@@ -4382,7 +4395,9 @@ var SignLoginDialog = (function (props) {
|
|
|
4382
4395
|
};
|
|
4383
4396
|
|
|
4384
4397
|
return /*#__PURE__*/React.createElement(Dialog$1, {
|
|
4385
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
4398
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
4399
|
+
className: "TextCenter"
|
|
4400
|
+
}, walletLogo && /*#__PURE__*/React.createElement("div", {
|
|
4386
4401
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
4387
4402
|
}, /*#__PURE__*/React.createElement("img", {
|
|
4388
4403
|
className: "Graphic",
|
|
@@ -4737,12 +4752,12 @@ var preflight$1 = /*#__PURE__*/function () {
|
|
|
4737
4752
|
|
|
4738
4753
|
var Payment = /*#__PURE__*/function () {
|
|
4739
4754
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4740
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
4755
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
|
|
4741
4756
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4742
4757
|
while (1) {
|
|
4743
4758
|
switch (_context2.prev = _context2.next) {
|
|
4744
4759
|
case 0:
|
|
4745
|
-
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, document = _ref3.document;
|
|
4760
|
+
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, document = _ref3.document;
|
|
4746
4761
|
_context2.prev = 1;
|
|
4747
4762
|
_context2.next = 4;
|
|
4748
4763
|
return preflight$1({
|
|
@@ -4778,7 +4793,8 @@ var Payment = /*#__PURE__*/function () {
|
|
|
4778
4793
|
recover: recover
|
|
4779
4794
|
}
|
|
4780
4795
|
}, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
|
|
4781
|
-
unmount: unmount
|
|
4796
|
+
unmount: unmount,
|
|
4797
|
+
closable: closable
|
|
4782
4798
|
}, /*#__PURE__*/React.createElement(WalletProvider, {
|
|
4783
4799
|
document: document,
|
|
4784
4800
|
container: container,
|
|
@@ -5144,12 +5160,12 @@ var preflight = /*#__PURE__*/function () {
|
|
|
5144
5160
|
|
|
5145
5161
|
var Sale = /*#__PURE__*/function () {
|
|
5146
5162
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
5147
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
5163
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
|
|
5148
5164
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
5149
5165
|
while (1) {
|
|
5150
5166
|
switch (_context2.prev = _context2.next) {
|
|
5151
5167
|
case 0:
|
|
5152
|
-
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, document = _ref3.document;
|
|
5168
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, document = _ref3.document;
|
|
5153
5169
|
_context2.prev = 1;
|
|
5154
5170
|
_context2.next = 4;
|
|
5155
5171
|
return preflight({
|
|
@@ -5186,7 +5202,8 @@ var Sale = /*#__PURE__*/function () {
|
|
|
5186
5202
|
providers: providers
|
|
5187
5203
|
}
|
|
5188
5204
|
}, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
|
|
5189
|
-
unmount: unmount
|
|
5205
|
+
unmount: unmount,
|
|
5206
|
+
closable: closable
|
|
5190
5207
|
}, /*#__PURE__*/React.createElement(WalletProvider, {
|
|
5191
5208
|
container: container,
|
|
5192
5209
|
connected: connected,
|
|
@@ -5327,22 +5344,22 @@ var ConfirmTokenSelectionDialog = (function (props) {
|
|
|
5327
5344
|
body: /*#__PURE__*/React.createElement("div", {
|
|
5328
5345
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
5329
5346
|
}, /*#__PURE__*/React.createElement("div", {
|
|
5330
|
-
className: "TokenImage medium"
|
|
5347
|
+
className: "TokenImage medium TextCenter"
|
|
5331
5348
|
}, logo && /*#__PURE__*/React.createElement("img", {
|
|
5332
5349
|
src: logo
|
|
5333
5350
|
}), !logo && /*#__PURE__*/React.createElement(TokenImage, {
|
|
5334
5351
|
blockchain: token.blockchain,
|
|
5335
5352
|
address: address
|
|
5336
5353
|
})), /*#__PURE__*/React.createElement("div", {
|
|
5337
|
-
className: "PaddingTopS"
|
|
5354
|
+
className: "PaddingTopS TextCenter"
|
|
5338
5355
|
}, /*#__PURE__*/React.createElement("div", {
|
|
5339
5356
|
className: "Alert"
|
|
5340
5357
|
}, /*#__PURE__*/React.createElement("strong", null, "Please review this information"))), /*#__PURE__*/React.createElement("div", {
|
|
5341
5358
|
className: "PaddingTopXS"
|
|
5342
5359
|
}, /*#__PURE__*/React.createElement("table", {
|
|
5343
|
-
className: "Table"
|
|
5360
|
+
className: "Table TextLeft"
|
|
5344
5361
|
}, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
|
|
5345
|
-
className: "small"
|
|
5362
|
+
className: "small TextCenter"
|
|
5346
5363
|
}, /*#__PURE__*/React.createElement("td", {
|
|
5347
5364
|
colSpan: "2"
|
|
5348
5365
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
|
package/dist/umd/index.bundle.js
CHANGED
|
@@ -1045,6 +1045,10 @@
|
|
|
1045
1045
|
setUpdatable = _useContext.setUpdatable;
|
|
1046
1046
|
|
|
1047
1047
|
var close = function close() {
|
|
1048
|
+
if (props.closable === false) {
|
|
1049
|
+
return;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1048
1052
|
if (!closable) {
|
|
1049
1053
|
return;
|
|
1050
1054
|
}
|
|
@@ -2007,7 +2011,9 @@
|
|
|
2007
2011
|
if (props.pending) {
|
|
2008
2012
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
2009
2013
|
stacked: true,
|
|
2010
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
2014
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
2015
|
+
className: "TextCenter"
|
|
2016
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
2011
2017
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
2012
2018
|
}, /*#__PURE__*/react.createElement("img", {
|
|
2013
2019
|
className: "Graphic",
|
|
@@ -2023,7 +2029,9 @@
|
|
|
2023
2029
|
} else {
|
|
2024
2030
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
2025
2031
|
stacked: true,
|
|
2026
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
2032
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
2033
|
+
className: "TextCenter"
|
|
2034
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
2027
2035
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
2028
2036
|
}, /*#__PURE__*/react.createElement("img", {
|
|
2029
2037
|
className: "Graphic",
|
|
@@ -62430,7 +62438,9 @@
|
|
|
62430
62438
|
header: /*#__PURE__*/react.createElement("div", {
|
|
62431
62439
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
62432
62440
|
}),
|
|
62433
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
62441
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
62442
|
+
className: "TextCenter"
|
|
62443
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
62434
62444
|
className: "GraphicWrapper"
|
|
62435
62445
|
}, /*#__PURE__*/react.createElement("img", {
|
|
62436
62446
|
className: "Graphic",
|
|
@@ -68293,7 +68303,7 @@
|
|
|
68293
68303
|
var paymentAmountInBN = BigNumber$4.from(payment.route.fromAmount);
|
|
68294
68304
|
var divPercent = 100 - reverseAmountOutBN.mul(BigNumber$4.from('100')).div(paymentAmountInBN).abs().toString();
|
|
68295
68305
|
|
|
68296
|
-
if (divPercent
|
|
68306
|
+
if (divPercent >= 10) {
|
|
68297
68307
|
setPaymentValueLoss(divPercent);
|
|
68298
68308
|
} else {
|
|
68299
68309
|
setPaymentValueLoss(null);
|
|
@@ -70804,7 +70814,9 @@
|
|
|
70804
70814
|
header: /*#__PURE__*/react.createElement("div", {
|
|
70805
70815
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
70806
70816
|
}),
|
|
70807
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
70817
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
70818
|
+
className: "TextCenter"
|
|
70819
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
70808
70820
|
className: "GraphicWrapper"
|
|
70809
70821
|
}, /*#__PURE__*/react.createElement("img", {
|
|
70810
70822
|
className: "Graphic",
|
|
@@ -71440,12 +71452,12 @@
|
|
|
71440
71452
|
|
|
71441
71453
|
var Donation = /*#__PURE__*/function () {
|
|
71442
71454
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71443
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
71455
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
|
|
71444
71456
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71445
71457
|
while (1) {
|
|
71446
71458
|
switch (_context2.prev = _context2.next) {
|
|
71447
71459
|
case 0:
|
|
71448
|
-
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
|
|
71460
|
+
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, closable = _ref3.closable, document = _ref3.document;
|
|
71449
71461
|
_context2.prev = 1;
|
|
71450
71462
|
_context2.next = 4;
|
|
71451
71463
|
return preflight$2({
|
|
@@ -71476,7 +71488,8 @@
|
|
|
71476
71488
|
providers: providers
|
|
71477
71489
|
}
|
|
71478
71490
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71479
|
-
unmount: unmount
|
|
71491
|
+
unmount: unmount,
|
|
71492
|
+
closable: closable
|
|
71480
71493
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71481
71494
|
container: container,
|
|
71482
71495
|
connected: connected,
|
|
@@ -71578,7 +71591,9 @@
|
|
|
71578
71591
|
};
|
|
71579
71592
|
|
|
71580
71593
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
71581
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
71594
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
71595
|
+
className: "TextCenter"
|
|
71596
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
71582
71597
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
71583
71598
|
}, /*#__PURE__*/react.createElement("img", {
|
|
71584
71599
|
className: "Graphic",
|
|
@@ -71933,12 +71948,12 @@
|
|
|
71933
71948
|
|
|
71934
71949
|
var Payment = /*#__PURE__*/function () {
|
|
71935
71950
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71936
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
71951
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
|
|
71937
71952
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71938
71953
|
while (1) {
|
|
71939
71954
|
switch (_context2.prev = _context2.next) {
|
|
71940
71955
|
case 0:
|
|
71941
|
-
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, document = _ref3.document;
|
|
71956
|
+
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, document = _ref3.document;
|
|
71942
71957
|
_context2.prev = 1;
|
|
71943
71958
|
_context2.next = 4;
|
|
71944
71959
|
return preflight$1({
|
|
@@ -71974,7 +71989,8 @@
|
|
|
71974
71989
|
recover: recover
|
|
71975
71990
|
}
|
|
71976
71991
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71977
|
-
unmount: unmount
|
|
71992
|
+
unmount: unmount,
|
|
71993
|
+
closable: closable
|
|
71978
71994
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71979
71995
|
document: document,
|
|
71980
71996
|
container: container,
|
|
@@ -72340,12 +72356,12 @@
|
|
|
72340
72356
|
|
|
72341
72357
|
var Sale = /*#__PURE__*/function () {
|
|
72342
72358
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
72343
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
72359
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
|
|
72344
72360
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
72345
72361
|
while (1) {
|
|
72346
72362
|
switch (_context2.prev = _context2.next) {
|
|
72347
72363
|
case 0:
|
|
72348
|
-
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, document = _ref3.document;
|
|
72364
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, document = _ref3.document;
|
|
72349
72365
|
_context2.prev = 1;
|
|
72350
72366
|
_context2.next = 4;
|
|
72351
72367
|
return preflight({
|
|
@@ -72382,7 +72398,8 @@
|
|
|
72382
72398
|
providers: providers
|
|
72383
72399
|
}
|
|
72384
72400
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
72385
|
-
unmount: unmount
|
|
72401
|
+
unmount: unmount,
|
|
72402
|
+
closable: closable
|
|
72386
72403
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
72387
72404
|
container: container,
|
|
72388
72405
|
connected: connected,
|
|
@@ -72523,22 +72540,22 @@
|
|
|
72523
72540
|
body: /*#__PURE__*/react.createElement("div", {
|
|
72524
72541
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
72525
72542
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72526
|
-
className: "TokenImage medium"
|
|
72543
|
+
className: "TokenImage medium TextCenter"
|
|
72527
72544
|
}, logo && /*#__PURE__*/react.createElement("img", {
|
|
72528
72545
|
src: logo
|
|
72529
72546
|
}), !logo && /*#__PURE__*/react.createElement(TokenImage, {
|
|
72530
72547
|
blockchain: token.blockchain,
|
|
72531
72548
|
address: address
|
|
72532
72549
|
})), /*#__PURE__*/react.createElement("div", {
|
|
72533
|
-
className: "PaddingTopS"
|
|
72550
|
+
className: "PaddingTopS TextCenter"
|
|
72534
72551
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72535
72552
|
className: "Alert"
|
|
72536
72553
|
}, /*#__PURE__*/react.createElement("strong", null, "Please review this information"))), /*#__PURE__*/react.createElement("div", {
|
|
72537
72554
|
className: "PaddingTopXS"
|
|
72538
72555
|
}, /*#__PURE__*/react.createElement("table", {
|
|
72539
|
-
className: "Table"
|
|
72556
|
+
className: "Table TextLeft"
|
|
72540
72557
|
}, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
|
|
72541
|
-
className: "small"
|
|
72558
|
+
className: "small TextCenter"
|
|
72542
72559
|
}, /*#__PURE__*/react.createElement("td", {
|
|
72543
72560
|
colSpan: "2"
|
|
72544
72561
|
}, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("a", {
|
package/dist/umd/index.js
CHANGED
|
@@ -899,6 +899,10 @@
|
|
|
899
899
|
setUpdatable = _useContext.setUpdatable;
|
|
900
900
|
|
|
901
901
|
var close = function close() {
|
|
902
|
+
if (props.closable === false) {
|
|
903
|
+
return;
|
|
904
|
+
}
|
|
905
|
+
|
|
902
906
|
if (!closable) {
|
|
903
907
|
return;
|
|
904
908
|
}
|
|
@@ -1013,7 +1017,9 @@
|
|
|
1013
1017
|
if (props.pending) {
|
|
1014
1018
|
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
1015
1019
|
stacked: true,
|
|
1016
|
-
body: /*#__PURE__*/React__default["default"].createElement("div",
|
|
1020
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1021
|
+
className: "TextCenter"
|
|
1022
|
+
}, walletLogo && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1017
1023
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
1018
1024
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1019
1025
|
className: "Graphic",
|
|
@@ -1029,7 +1035,9 @@
|
|
|
1029
1035
|
} else {
|
|
1030
1036
|
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
1031
1037
|
stacked: true,
|
|
1032
|
-
body: /*#__PURE__*/React__default["default"].createElement("div",
|
|
1038
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1039
|
+
className: "TextCenter"
|
|
1040
|
+
}, walletLogo && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1033
1041
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
1034
1042
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1035
1043
|
className: "Graphic",
|
|
@@ -2243,7 +2251,9 @@
|
|
|
2243
2251
|
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2244
2252
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
2245
2253
|
}),
|
|
2246
|
-
body: /*#__PURE__*/React__default["default"].createElement("div",
|
|
2254
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2255
|
+
className: "TextCenter"
|
|
2256
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2247
2257
|
className: "GraphicWrapper"
|
|
2248
2258
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
2249
2259
|
className: "Graphic",
|
|
@@ -2807,7 +2817,7 @@
|
|
|
2807
2817
|
var paymentAmountInBN = ethers.ethers.BigNumber.from(payment.route.fromAmount);
|
|
2808
2818
|
var divPercent = 100 - reverseAmountOutBN.mul(ethers.ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
|
|
2809
2819
|
|
|
2810
|
-
if (divPercent
|
|
2820
|
+
if (divPercent >= 10) {
|
|
2811
2821
|
setPaymentValueLoss(divPercent);
|
|
2812
2822
|
} else {
|
|
2813
2823
|
setPaymentValueLoss(null);
|
|
@@ -3603,7 +3613,9 @@
|
|
|
3603
3613
|
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3604
3614
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
3605
3615
|
}),
|
|
3606
|
-
body: /*#__PURE__*/React__default["default"].createElement("div",
|
|
3616
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3617
|
+
className: "TextCenter"
|
|
3618
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3607
3619
|
className: "GraphicWrapper"
|
|
3608
3620
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3609
3621
|
className: "Graphic",
|
|
@@ -4239,12 +4251,12 @@
|
|
|
4239
4251
|
|
|
4240
4252
|
var Donation = /*#__PURE__*/function () {
|
|
4241
4253
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4242
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
4254
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
|
|
4243
4255
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4244
4256
|
while (1) {
|
|
4245
4257
|
switch (_context2.prev = _context2.next) {
|
|
4246
4258
|
case 0:
|
|
4247
|
-
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, document = _ref3.document;
|
|
4259
|
+
amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, closable = _ref3.closable, document = _ref3.document;
|
|
4248
4260
|
_context2.prev = 1;
|
|
4249
4261
|
_context2.next = 4;
|
|
4250
4262
|
return preflight$2({
|
|
@@ -4275,7 +4287,8 @@
|
|
|
4275
4287
|
providers: providers
|
|
4276
4288
|
}
|
|
4277
4289
|
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
4278
|
-
unmount: unmount
|
|
4290
|
+
unmount: unmount,
|
|
4291
|
+
closable: closable
|
|
4279
4292
|
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
4280
4293
|
container: container,
|
|
4281
4294
|
connected: connected,
|
|
@@ -4377,7 +4390,9 @@
|
|
|
4377
4390
|
};
|
|
4378
4391
|
|
|
4379
4392
|
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
4380
|
-
body: /*#__PURE__*/React__default["default"].createElement("div",
|
|
4393
|
+
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4394
|
+
className: "TextCenter"
|
|
4395
|
+
}, walletLogo && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
4381
4396
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
4382
4397
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
4383
4398
|
className: "Graphic",
|
|
@@ -4732,12 +4747,12 @@
|
|
|
4732
4747
|
|
|
4733
4748
|
var Payment = /*#__PURE__*/function () {
|
|
4734
4749
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4735
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
4750
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
|
|
4736
4751
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4737
4752
|
while (1) {
|
|
4738
4753
|
switch (_context2.prev = _context2.next) {
|
|
4739
4754
|
case 0:
|
|
4740
|
-
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, document = _ref3.document;
|
|
4755
|
+
accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, whitelist = _ref3.whitelist, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, track = _ref3.track, fee = _ref3.fee, recover = _ref3.recover, closable = _ref3.closable, document = _ref3.document;
|
|
4741
4756
|
_context2.prev = 1;
|
|
4742
4757
|
_context2.next = 4;
|
|
4743
4758
|
return preflight$1({
|
|
@@ -4773,7 +4788,8 @@
|
|
|
4773
4788
|
recover: recover
|
|
4774
4789
|
}
|
|
4775
4790
|
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
4776
|
-
unmount: unmount
|
|
4791
|
+
unmount: unmount,
|
|
4792
|
+
closable: closable
|
|
4777
4793
|
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
4778
4794
|
document: document,
|
|
4779
4795
|
container: container,
|
|
@@ -5139,12 +5155,12 @@
|
|
|
5139
5155
|
|
|
5140
5156
|
var Sale = /*#__PURE__*/function () {
|
|
5141
5157
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
5142
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
5158
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
|
|
5143
5159
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
5144
5160
|
while (1) {
|
|
5145
5161
|
switch (_context2.prev = _context2.next) {
|
|
5146
5162
|
case 0:
|
|
5147
|
-
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, document = _ref3.document;
|
|
5163
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, document = _ref3.document;
|
|
5148
5164
|
_context2.prev = 1;
|
|
5149
5165
|
_context2.next = 4;
|
|
5150
5166
|
return preflight({
|
|
@@ -5181,7 +5197,8 @@
|
|
|
5181
5197
|
providers: providers
|
|
5182
5198
|
}
|
|
5183
5199
|
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
5184
|
-
unmount: unmount
|
|
5200
|
+
unmount: unmount,
|
|
5201
|
+
closable: closable
|
|
5185
5202
|
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
5186
5203
|
container: container,
|
|
5187
5204
|
connected: connected,
|
|
@@ -5322,22 +5339,22 @@
|
|
|
5322
5339
|
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5323
5340
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
5324
5341
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5325
|
-
className: "TokenImage medium"
|
|
5342
|
+
className: "TokenImage medium TextCenter"
|
|
5326
5343
|
}, logo && /*#__PURE__*/React__default["default"].createElement("img", {
|
|
5327
5344
|
src: logo
|
|
5328
5345
|
}), !logo && /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
|
|
5329
5346
|
blockchain: token.blockchain,
|
|
5330
5347
|
address: address
|
|
5331
5348
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5332
|
-
className: "PaddingTopS"
|
|
5349
|
+
className: "PaddingTopS TextCenter"
|
|
5333
5350
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5334
5351
|
className: "Alert"
|
|
5335
5352
|
}, /*#__PURE__*/React__default["default"].createElement("strong", null, "Please review this information"))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5336
5353
|
className: "PaddingTopXS"
|
|
5337
5354
|
}, /*#__PURE__*/React__default["default"].createElement("table", {
|
|
5338
|
-
className: "Table"
|
|
5355
|
+
className: "Table TextLeft"
|
|
5339
5356
|
}, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
5340
|
-
className: "small"
|
|
5357
|
+
className: "small TextCenter"
|
|
5341
5358
|
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
5342
5359
|
colSpan: "2"
|
|
5343
5360
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@depay/widgets",
|
|
3
3
|
"moduleName": "DePayWidgets",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.18.1",
|
|
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/umd/index.js",
|
|
7
7
|
"module": "./dist/esm/index.js",
|