@depay/widgets 6.17.2 → 6.19.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/README.md +77 -2
- package/dist/esm/index.bundle.js +40 -22
- package/dist/esm/index.js +40 -22
- package/dist/umd/index.bundle.js +40 -22
- package/dist/umd/index.js +40 -22
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -632,6 +632,31 @@ 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
|
+
|
|
648
|
+
#### integration
|
|
649
|
+
|
|
650
|
+
`integration`
|
|
651
|
+
|
|
652
|
+
Labels payments to track them per integration.
|
|
653
|
+
|
|
654
|
+
```javascript
|
|
655
|
+
DePayWidgets.Payment({
|
|
656
|
+
integration: 'fe690fbc-1740-4894-b12c-23a72abec54d'
|
|
657
|
+
})
|
|
658
|
+
```
|
|
659
|
+
|
|
635
660
|
## DePay Sales
|
|
636
661
|
|
|
637
662
|
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 +1025,36 @@ DePayWidgets.Sale({
|
|
|
1000
1025
|
Allows you to unmount (the React safe way) the entire widget from the outside:
|
|
1001
1026
|
|
|
1002
1027
|
```javascript
|
|
1003
|
-
let { unmount } = await DePayWidgets.
|
|
1028
|
+
let { unmount } = await DePayWidgets.Sale({})
|
|
1004
1029
|
|
|
1005
1030
|
unmount()
|
|
1006
1031
|
```
|
|
1007
1032
|
|
|
1033
|
+
#### closable
|
|
1034
|
+
|
|
1035
|
+
`closable`
|
|
1036
|
+
|
|
1037
|
+
Makes the widget unclosable:
|
|
1038
|
+
|
|
1039
|
+
```javascript
|
|
1040
|
+
DePayWidgets.Sale({
|
|
1041
|
+
closable: false
|
|
1042
|
+
})
|
|
1043
|
+
|
|
1044
|
+
```
|
|
1045
|
+
|
|
1046
|
+
#### integration
|
|
1047
|
+
|
|
1048
|
+
`integration`
|
|
1049
|
+
|
|
1050
|
+
Labels sales to track them per integration.
|
|
1051
|
+
|
|
1052
|
+
```javascript
|
|
1053
|
+
DePayWidgets.Sale({
|
|
1054
|
+
integration: 'fe690fbc-1740-4894-b12c-23a72abec54d'
|
|
1055
|
+
})
|
|
1056
|
+
```
|
|
1057
|
+
|
|
1008
1058
|
## DePay Donations
|
|
1009
1059
|
|
|
1010
1060
|
DePay Donations allows you to accept donation payments made with thousands of different crypto currencies.
|
|
@@ -1361,11 +1411,36 @@ DePayWidgets.Donation({
|
|
|
1361
1411
|
Allows you to unmount (the React safe way) the entire widget from the outside:
|
|
1362
1412
|
|
|
1363
1413
|
```javascript
|
|
1364
|
-
let { unmount } = await DePayWidgets.
|
|
1414
|
+
let { unmount } = await DePayWidgets.Donation({})
|
|
1365
1415
|
|
|
1366
1416
|
unmount()
|
|
1367
1417
|
```
|
|
1368
1418
|
|
|
1419
|
+
#### closable
|
|
1420
|
+
|
|
1421
|
+
`closable`
|
|
1422
|
+
|
|
1423
|
+
Makes the widget unclosable:
|
|
1424
|
+
|
|
1425
|
+
```javascript
|
|
1426
|
+
DePayWidgets.Donation({
|
|
1427
|
+
closable: false
|
|
1428
|
+
})
|
|
1429
|
+
|
|
1430
|
+
```
|
|
1431
|
+
|
|
1432
|
+
#### integration
|
|
1433
|
+
|
|
1434
|
+
`integration`
|
|
1435
|
+
|
|
1436
|
+
Labels donations to track them per integration.
|
|
1437
|
+
|
|
1438
|
+
```javascript
|
|
1439
|
+
DePayWidgets.Donation({
|
|
1440
|
+
integration: 'fe690fbc-1740-4894-b12c-23a72abec54d'
|
|
1441
|
+
})
|
|
1442
|
+
```
|
|
1443
|
+
|
|
1369
1444
|
## DePay Connect
|
|
1370
1445
|
|
|
1371
1446
|
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
|
}
|
|
@@ -2019,7 +2023,9 @@ var ConnectingWalletDialog = (function (props) {
|
|
|
2019
2023
|
} else {
|
|
2020
2024
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
2021
2025
|
stacked: true,
|
|
2022
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
2026
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
2027
|
+
className: "TextCenter"
|
|
2028
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
2023
2029
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
2024
2030
|
}, /*#__PURE__*/react.createElement("img", {
|
|
2025
2031
|
className: "Graphic",
|
|
@@ -62426,7 +62432,9 @@ var NoPaymentMethodFoundDialog = (function () {
|
|
|
62426
62432
|
header: /*#__PURE__*/react.createElement("div", {
|
|
62427
62433
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
62428
62434
|
}),
|
|
62429
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
62435
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
62436
|
+
className: "TextCenter"
|
|
62437
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
62430
62438
|
className: "GraphicWrapper"
|
|
62431
62439
|
}, /*#__PURE__*/react.createElement("img", {
|
|
62432
62440
|
className: "Graphic",
|
|
@@ -68289,7 +68297,7 @@ var PaymentValueProvider = (function (props) {
|
|
|
68289
68297
|
var paymentAmountInBN = BigNumber$4.from(payment.route.fromAmount);
|
|
68290
68298
|
var divPercent = 100 - reverseAmountOutBN.mul(BigNumber$4.from('100')).div(paymentAmountInBN).abs().toString();
|
|
68291
68299
|
|
|
68292
|
-
if (divPercent
|
|
68300
|
+
if (divPercent >= 10) {
|
|
68293
68301
|
setPaymentValueLoss(divPercent);
|
|
68294
68302
|
} else {
|
|
68295
68303
|
setPaymentValueLoss(null);
|
|
@@ -70800,7 +70808,9 @@ var PaymentErrorDialog = (function () {
|
|
|
70800
70808
|
header: /*#__PURE__*/react.createElement("div", {
|
|
70801
70809
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
70802
70810
|
}),
|
|
70803
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
70811
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
70812
|
+
className: "TextCenter"
|
|
70813
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
70804
70814
|
className: "GraphicWrapper"
|
|
70805
70815
|
}, /*#__PURE__*/react.createElement("img", {
|
|
70806
70816
|
className: "Graphic",
|
|
@@ -70924,7 +70934,8 @@ var PaymentTrackingProvider = (function (props) {
|
|
|
70924
70934
|
errorCallback = _useContext.errorCallback;
|
|
70925
70935
|
|
|
70926
70936
|
var _useContext2 = react.useContext(ConfigurationContext),
|
|
70927
|
-
track = _useContext2.track
|
|
70937
|
+
track = _useContext2.track,
|
|
70938
|
+
integration = _useContext2.integration;
|
|
70928
70939
|
|
|
70929
70940
|
var _useState = react.useState(),
|
|
70930
70941
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -71144,7 +71155,8 @@ var PaymentTrackingProvider = (function (props) {
|
|
|
71144
71155
|
payload: {
|
|
71145
71156
|
sender_id: transaction.from.toLowerCase(),
|
|
71146
71157
|
sender_token_id: paymentRoute.fromToken.address,
|
|
71147
|
-
sender_amount: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
|
|
71158
|
+
sender_amount: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
|
|
71159
|
+
integration: integration
|
|
71148
71160
|
},
|
|
71149
71161
|
fee_amount: paymentRoute.fee ? formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
|
|
71150
71162
|
fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
|
|
@@ -71436,12 +71448,12 @@ var preflight$2 = /*#__PURE__*/function () {
|
|
|
71436
71448
|
|
|
71437
71449
|
var Donation = /*#__PURE__*/function () {
|
|
71438
71450
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71439
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
71451
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, document, unmount;
|
|
71440
71452
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71441
71453
|
while (1) {
|
|
71442
71454
|
switch (_context2.prev = _context2.next) {
|
|
71443
71455
|
case 0:
|
|
71444
|
-
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;
|
|
71456
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
71445
71457
|
_context2.prev = 1;
|
|
71446
71458
|
_context2.next = 4;
|
|
71447
71459
|
return preflight$2({
|
|
@@ -71469,10 +71481,12 @@ var Donation = /*#__PURE__*/function () {
|
|
|
71469
71481
|
confirmed: confirmed,
|
|
71470
71482
|
failed: failed,
|
|
71471
71483
|
blacklist: blacklist,
|
|
71472
|
-
providers: providers
|
|
71484
|
+
providers: providers,
|
|
71485
|
+
integration: integration
|
|
71473
71486
|
}
|
|
71474
71487
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71475
|
-
unmount: unmount
|
|
71488
|
+
unmount: unmount,
|
|
71489
|
+
closable: closable
|
|
71476
71490
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71477
71491
|
container: container,
|
|
71478
71492
|
connected: connected,
|
|
@@ -71931,12 +71945,12 @@ var preflight$1 = /*#__PURE__*/function () {
|
|
|
71931
71945
|
|
|
71932
71946
|
var Payment = /*#__PURE__*/function () {
|
|
71933
71947
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71934
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
71948
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, document, unmount;
|
|
71935
71949
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71936
71950
|
while (1) {
|
|
71937
71951
|
switch (_context2.prev = _context2.next) {
|
|
71938
71952
|
case 0:
|
|
71939
|
-
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;
|
|
71953
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
71940
71954
|
_context2.prev = 1;
|
|
71941
71955
|
_context2.next = 4;
|
|
71942
71956
|
return preflight$1({
|
|
@@ -71969,10 +71983,12 @@ var Payment = /*#__PURE__*/function () {
|
|
|
71969
71983
|
providers: providers,
|
|
71970
71984
|
track: track,
|
|
71971
71985
|
fee: fee,
|
|
71972
|
-
recover: recover
|
|
71986
|
+
recover: recover,
|
|
71987
|
+
integration: integration
|
|
71973
71988
|
}
|
|
71974
71989
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71975
|
-
unmount: unmount
|
|
71990
|
+
unmount: unmount,
|
|
71991
|
+
closable: closable
|
|
71976
71992
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71977
71993
|
document: document,
|
|
71978
71994
|
container: container,
|
|
@@ -72338,12 +72354,12 @@ var preflight = /*#__PURE__*/function () {
|
|
|
72338
72354
|
|
|
72339
72355
|
var Sale = /*#__PURE__*/function () {
|
|
72340
72356
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
72341
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
72357
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, document, accept, unmount;
|
|
72342
72358
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
72343
72359
|
while (1) {
|
|
72344
72360
|
switch (_context2.prev = _context2.next) {
|
|
72345
72361
|
case 0:
|
|
72346
|
-
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;
|
|
72362
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
|
|
72347
72363
|
_context2.prev = 1;
|
|
72348
72364
|
_context2.next = 4;
|
|
72349
72365
|
return preflight({
|
|
@@ -72377,10 +72393,12 @@ var Sale = /*#__PURE__*/function () {
|
|
|
72377
72393
|
confirmed: confirmed,
|
|
72378
72394
|
failed: failed,
|
|
72379
72395
|
blacklist: blacklist,
|
|
72380
|
-
providers: providers
|
|
72396
|
+
providers: providers,
|
|
72397
|
+
integration: integration
|
|
72381
72398
|
}
|
|
72382
72399
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
72383
|
-
unmount: unmount
|
|
72400
|
+
unmount: unmount,
|
|
72401
|
+
closable: closable
|
|
72384
72402
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
72385
72403
|
container: container,
|
|
72386
72404
|
connected: connected,
|
|
@@ -72521,22 +72539,22 @@ var ConfirmTokenSelectionDialog = (function (props) {
|
|
|
72521
72539
|
body: /*#__PURE__*/react.createElement("div", {
|
|
72522
72540
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
72523
72541
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72524
|
-
className: "TokenImage medium"
|
|
72542
|
+
className: "TokenImage medium TextCenter"
|
|
72525
72543
|
}, logo && /*#__PURE__*/react.createElement("img", {
|
|
72526
72544
|
src: logo
|
|
72527
72545
|
}), !logo && /*#__PURE__*/react.createElement(TokenImage, {
|
|
72528
72546
|
blockchain: token.blockchain,
|
|
72529
72547
|
address: address
|
|
72530
72548
|
})), /*#__PURE__*/react.createElement("div", {
|
|
72531
|
-
className: "PaddingTopS"
|
|
72549
|
+
className: "PaddingTopS TextCenter"
|
|
72532
72550
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72533
72551
|
className: "Alert"
|
|
72534
72552
|
}, /*#__PURE__*/react.createElement("strong", null, "Please review this information"))), /*#__PURE__*/react.createElement("div", {
|
|
72535
72553
|
className: "PaddingTopXS"
|
|
72536
72554
|
}, /*#__PURE__*/react.createElement("table", {
|
|
72537
|
-
className: "Table"
|
|
72555
|
+
className: "Table TextLeft"
|
|
72538
72556
|
}, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
|
|
72539
|
-
className: "small"
|
|
72557
|
+
className: "small TextCenter"
|
|
72540
72558
|
}, /*#__PURE__*/react.createElement("td", {
|
|
72541
72559
|
colSpan: "2"
|
|
72542
72560
|
}, /*#__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
|
}
|
|
@@ -1036,7 +1040,9 @@ var ConnectingWalletDialog = (function (props) {
|
|
|
1036
1040
|
} else {
|
|
1037
1041
|
return /*#__PURE__*/React.createElement(Dialog$1, {
|
|
1038
1042
|
stacked: true,
|
|
1039
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
1043
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
1044
|
+
className: "TextCenter"
|
|
1045
|
+
}, walletLogo && /*#__PURE__*/React.createElement("div", {
|
|
1040
1046
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
1041
1047
|
}, /*#__PURE__*/React.createElement("img", {
|
|
1042
1048
|
className: "Graphic",
|
|
@@ -2250,7 +2256,9 @@ var NoPaymentMethodFoundDialog = (function () {
|
|
|
2250
2256
|
header: /*#__PURE__*/React.createElement("div", {
|
|
2251
2257
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
2252
2258
|
}),
|
|
2253
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
2259
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
2260
|
+
className: "TextCenter"
|
|
2261
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
2254
2262
|
className: "GraphicWrapper"
|
|
2255
2263
|
}, /*#__PURE__*/React.createElement("img", {
|
|
2256
2264
|
className: "Graphic",
|
|
@@ -2814,7 +2822,7 @@ var PaymentValueProvider = (function (props) {
|
|
|
2814
2822
|
var paymentAmountInBN = ethers.BigNumber.from(payment.route.fromAmount);
|
|
2815
2823
|
var divPercent = 100 - reverseAmountOutBN.mul(ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
|
|
2816
2824
|
|
|
2817
|
-
if (divPercent
|
|
2825
|
+
if (divPercent >= 10) {
|
|
2818
2826
|
setPaymentValueLoss(divPercent);
|
|
2819
2827
|
} else {
|
|
2820
2828
|
setPaymentValueLoss(null);
|
|
@@ -3610,7 +3618,9 @@ var PaymentErrorDialog = (function () {
|
|
|
3610
3618
|
header: /*#__PURE__*/React.createElement("div", {
|
|
3611
3619
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
3612
3620
|
}),
|
|
3613
|
-
body: /*#__PURE__*/React.createElement("div",
|
|
3621
|
+
body: /*#__PURE__*/React.createElement("div", {
|
|
3622
|
+
className: "TextCenter"
|
|
3623
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
3614
3624
|
className: "GraphicWrapper"
|
|
3615
3625
|
}, /*#__PURE__*/React.createElement("img", {
|
|
3616
3626
|
className: "Graphic",
|
|
@@ -3734,7 +3744,8 @@ var PaymentTrackingProvider = (function (props) {
|
|
|
3734
3744
|
errorCallback = _useContext.errorCallback;
|
|
3735
3745
|
|
|
3736
3746
|
var _useContext2 = useContext(ConfigurationContext),
|
|
3737
|
-
track = _useContext2.track
|
|
3747
|
+
track = _useContext2.track,
|
|
3748
|
+
integration = _useContext2.integration;
|
|
3738
3749
|
|
|
3739
3750
|
var _useState = useState(),
|
|
3740
3751
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -3954,7 +3965,8 @@ var PaymentTrackingProvider = (function (props) {
|
|
|
3954
3965
|
payload: {
|
|
3955
3966
|
sender_id: transaction.from.toLowerCase(),
|
|
3956
3967
|
sender_token_id: paymentRoute.fromToken.address,
|
|
3957
|
-
sender_amount: ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
|
|
3968
|
+
sender_amount: ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
|
|
3969
|
+
integration: integration
|
|
3958
3970
|
},
|
|
3959
3971
|
fee_amount: paymentRoute.fee ? ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
|
|
3960
3972
|
fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
|
|
@@ -4246,12 +4258,12 @@ var preflight$2 = /*#__PURE__*/function () {
|
|
|
4246
4258
|
|
|
4247
4259
|
var Donation = /*#__PURE__*/function () {
|
|
4248
4260
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4249
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
4261
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, document, unmount;
|
|
4250
4262
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4251
4263
|
while (1) {
|
|
4252
4264
|
switch (_context2.prev = _context2.next) {
|
|
4253
4265
|
case 0:
|
|
4254
|
-
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;
|
|
4266
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
4255
4267
|
_context2.prev = 1;
|
|
4256
4268
|
_context2.next = 4;
|
|
4257
4269
|
return preflight$2({
|
|
@@ -4279,10 +4291,12 @@ var Donation = /*#__PURE__*/function () {
|
|
|
4279
4291
|
confirmed: confirmed,
|
|
4280
4292
|
failed: failed,
|
|
4281
4293
|
blacklist: blacklist,
|
|
4282
|
-
providers: providers
|
|
4294
|
+
providers: providers,
|
|
4295
|
+
integration: integration
|
|
4283
4296
|
}
|
|
4284
4297
|
}, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
|
|
4285
|
-
unmount: unmount
|
|
4298
|
+
unmount: unmount,
|
|
4299
|
+
closable: closable
|
|
4286
4300
|
}, /*#__PURE__*/React.createElement(WalletProvider, {
|
|
4287
4301
|
container: container,
|
|
4288
4302
|
connected: connected,
|
|
@@ -4741,12 +4755,12 @@ var preflight$1 = /*#__PURE__*/function () {
|
|
|
4741
4755
|
|
|
4742
4756
|
var Payment = /*#__PURE__*/function () {
|
|
4743
4757
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4744
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
4758
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, document, unmount;
|
|
4745
4759
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4746
4760
|
while (1) {
|
|
4747
4761
|
switch (_context2.prev = _context2.next) {
|
|
4748
4762
|
case 0:
|
|
4749
|
-
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;
|
|
4763
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
4750
4764
|
_context2.prev = 1;
|
|
4751
4765
|
_context2.next = 4;
|
|
4752
4766
|
return preflight$1({
|
|
@@ -4779,10 +4793,12 @@ var Payment = /*#__PURE__*/function () {
|
|
|
4779
4793
|
providers: providers,
|
|
4780
4794
|
track: track,
|
|
4781
4795
|
fee: fee,
|
|
4782
|
-
recover: recover
|
|
4796
|
+
recover: recover,
|
|
4797
|
+
integration: integration
|
|
4783
4798
|
}
|
|
4784
4799
|
}, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
|
|
4785
|
-
unmount: unmount
|
|
4800
|
+
unmount: unmount,
|
|
4801
|
+
closable: closable
|
|
4786
4802
|
}, /*#__PURE__*/React.createElement(WalletProvider, {
|
|
4787
4803
|
document: document,
|
|
4788
4804
|
container: container,
|
|
@@ -5148,12 +5164,12 @@ var preflight = /*#__PURE__*/function () {
|
|
|
5148
5164
|
|
|
5149
5165
|
var Sale = /*#__PURE__*/function () {
|
|
5150
5166
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
5151
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
5167
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, document, accept, unmount;
|
|
5152
5168
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
5153
5169
|
while (1) {
|
|
5154
5170
|
switch (_context2.prev = _context2.next) {
|
|
5155
5171
|
case 0:
|
|
5156
|
-
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;
|
|
5172
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
|
|
5157
5173
|
_context2.prev = 1;
|
|
5158
5174
|
_context2.next = 4;
|
|
5159
5175
|
return preflight({
|
|
@@ -5187,10 +5203,12 @@ var Sale = /*#__PURE__*/function () {
|
|
|
5187
5203
|
confirmed: confirmed,
|
|
5188
5204
|
failed: failed,
|
|
5189
5205
|
blacklist: blacklist,
|
|
5190
|
-
providers: providers
|
|
5206
|
+
providers: providers,
|
|
5207
|
+
integration: integration
|
|
5191
5208
|
}
|
|
5192
5209
|
}, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
|
|
5193
|
-
unmount: unmount
|
|
5210
|
+
unmount: unmount,
|
|
5211
|
+
closable: closable
|
|
5194
5212
|
}, /*#__PURE__*/React.createElement(WalletProvider, {
|
|
5195
5213
|
container: container,
|
|
5196
5214
|
connected: connected,
|
|
@@ -5331,22 +5349,22 @@ var ConfirmTokenSelectionDialog = (function (props) {
|
|
|
5331
5349
|
body: /*#__PURE__*/React.createElement("div", {
|
|
5332
5350
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
5333
5351
|
}, /*#__PURE__*/React.createElement("div", {
|
|
5334
|
-
className: "TokenImage medium"
|
|
5352
|
+
className: "TokenImage medium TextCenter"
|
|
5335
5353
|
}, logo && /*#__PURE__*/React.createElement("img", {
|
|
5336
5354
|
src: logo
|
|
5337
5355
|
}), !logo && /*#__PURE__*/React.createElement(TokenImage, {
|
|
5338
5356
|
blockchain: token.blockchain,
|
|
5339
5357
|
address: address
|
|
5340
5358
|
})), /*#__PURE__*/React.createElement("div", {
|
|
5341
|
-
className: "PaddingTopS"
|
|
5359
|
+
className: "PaddingTopS TextCenter"
|
|
5342
5360
|
}, /*#__PURE__*/React.createElement("div", {
|
|
5343
5361
|
className: "Alert"
|
|
5344
5362
|
}, /*#__PURE__*/React.createElement("strong", null, "Please review this information"))), /*#__PURE__*/React.createElement("div", {
|
|
5345
5363
|
className: "PaddingTopXS"
|
|
5346
5364
|
}, /*#__PURE__*/React.createElement("table", {
|
|
5347
|
-
className: "Table"
|
|
5365
|
+
className: "Table TextLeft"
|
|
5348
5366
|
}, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
|
|
5349
|
-
className: "small"
|
|
5367
|
+
className: "small TextCenter"
|
|
5350
5368
|
}, /*#__PURE__*/React.createElement("td", {
|
|
5351
5369
|
colSpan: "2"
|
|
5352
5370
|
}, /*#__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
|
}
|
|
@@ -2025,7 +2029,9 @@
|
|
|
2025
2029
|
} else {
|
|
2026
2030
|
return /*#__PURE__*/react.createElement(Dialog, {
|
|
2027
2031
|
stacked: true,
|
|
2028
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
2032
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
2033
|
+
className: "TextCenter"
|
|
2034
|
+
}, walletLogo && /*#__PURE__*/react.createElement("div", {
|
|
2029
2035
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
2030
2036
|
}, /*#__PURE__*/react.createElement("img", {
|
|
2031
2037
|
className: "Graphic",
|
|
@@ -62432,7 +62438,9 @@
|
|
|
62432
62438
|
header: /*#__PURE__*/react.createElement("div", {
|
|
62433
62439
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
62434
62440
|
}),
|
|
62435
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
62441
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
62442
|
+
className: "TextCenter"
|
|
62443
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
62436
62444
|
className: "GraphicWrapper"
|
|
62437
62445
|
}, /*#__PURE__*/react.createElement("img", {
|
|
62438
62446
|
className: "Graphic",
|
|
@@ -68295,7 +68303,7 @@
|
|
|
68295
68303
|
var paymentAmountInBN = BigNumber$4.from(payment.route.fromAmount);
|
|
68296
68304
|
var divPercent = 100 - reverseAmountOutBN.mul(BigNumber$4.from('100')).div(paymentAmountInBN).abs().toString();
|
|
68297
68305
|
|
|
68298
|
-
if (divPercent
|
|
68306
|
+
if (divPercent >= 10) {
|
|
68299
68307
|
setPaymentValueLoss(divPercent);
|
|
68300
68308
|
} else {
|
|
68301
68309
|
setPaymentValueLoss(null);
|
|
@@ -70806,7 +70814,9 @@
|
|
|
70806
70814
|
header: /*#__PURE__*/react.createElement("div", {
|
|
70807
70815
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
70808
70816
|
}),
|
|
70809
|
-
body: /*#__PURE__*/react.createElement("div",
|
|
70817
|
+
body: /*#__PURE__*/react.createElement("div", {
|
|
70818
|
+
className: "TextCenter"
|
|
70819
|
+
}, /*#__PURE__*/react.createElement("div", {
|
|
70810
70820
|
className: "GraphicWrapper"
|
|
70811
70821
|
}, /*#__PURE__*/react.createElement("img", {
|
|
70812
70822
|
className: "Graphic",
|
|
@@ -70930,7 +70940,8 @@
|
|
|
70930
70940
|
errorCallback = _useContext.errorCallback;
|
|
70931
70941
|
|
|
70932
70942
|
var _useContext2 = react.useContext(ConfigurationContext),
|
|
70933
|
-
track = _useContext2.track
|
|
70943
|
+
track = _useContext2.track,
|
|
70944
|
+
integration = _useContext2.integration;
|
|
70934
70945
|
|
|
70935
70946
|
var _useState = react.useState(),
|
|
70936
70947
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -71150,7 +71161,8 @@
|
|
|
71150
71161
|
payload: {
|
|
71151
71162
|
sender_id: transaction.from.toLowerCase(),
|
|
71152
71163
|
sender_token_id: paymentRoute.fromToken.address,
|
|
71153
|
-
sender_amount: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
|
|
71164
|
+
sender_amount: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
|
|
71165
|
+
integration: integration
|
|
71154
71166
|
},
|
|
71155
71167
|
fee_amount: paymentRoute.fee ? formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
|
|
71156
71168
|
fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
|
|
@@ -71442,12 +71454,12 @@
|
|
|
71442
71454
|
|
|
71443
71455
|
var Donation = /*#__PURE__*/function () {
|
|
71444
71456
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71445
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
71457
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, document, unmount;
|
|
71446
71458
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71447
71459
|
while (1) {
|
|
71448
71460
|
switch (_context2.prev = _context2.next) {
|
|
71449
71461
|
case 0:
|
|
71450
|
-
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;
|
|
71462
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
71451
71463
|
_context2.prev = 1;
|
|
71452
71464
|
_context2.next = 4;
|
|
71453
71465
|
return preflight$2({
|
|
@@ -71475,10 +71487,12 @@
|
|
|
71475
71487
|
confirmed: confirmed,
|
|
71476
71488
|
failed: failed,
|
|
71477
71489
|
blacklist: blacklist,
|
|
71478
|
-
providers: providers
|
|
71490
|
+
providers: providers,
|
|
71491
|
+
integration: integration
|
|
71479
71492
|
}
|
|
71480
71493
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71481
|
-
unmount: unmount
|
|
71494
|
+
unmount: unmount,
|
|
71495
|
+
closable: closable
|
|
71482
71496
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71483
71497
|
container: container,
|
|
71484
71498
|
connected: connected,
|
|
@@ -71937,12 +71951,12 @@
|
|
|
71937
71951
|
|
|
71938
71952
|
var Payment = /*#__PURE__*/function () {
|
|
71939
71953
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
71940
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
71954
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, document, unmount;
|
|
71941
71955
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
71942
71956
|
while (1) {
|
|
71943
71957
|
switch (_context2.prev = _context2.next) {
|
|
71944
71958
|
case 0:
|
|
71945
|
-
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;
|
|
71959
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
71946
71960
|
_context2.prev = 1;
|
|
71947
71961
|
_context2.next = 4;
|
|
71948
71962
|
return preflight$1({
|
|
@@ -71975,10 +71989,12 @@
|
|
|
71975
71989
|
providers: providers,
|
|
71976
71990
|
track: track,
|
|
71977
71991
|
fee: fee,
|
|
71978
|
-
recover: recover
|
|
71992
|
+
recover: recover,
|
|
71993
|
+
integration: integration
|
|
71979
71994
|
}
|
|
71980
71995
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
71981
|
-
unmount: unmount
|
|
71996
|
+
unmount: unmount,
|
|
71997
|
+
closable: closable
|
|
71982
71998
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
71983
71999
|
document: document,
|
|
71984
72000
|
container: container,
|
|
@@ -72344,12 +72360,12 @@
|
|
|
72344
72360
|
|
|
72345
72361
|
var Sale = /*#__PURE__*/function () {
|
|
72346
72362
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
72347
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
72363
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, document, accept, unmount;
|
|
72348
72364
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
72349
72365
|
while (1) {
|
|
72350
72366
|
switch (_context2.prev = _context2.next) {
|
|
72351
72367
|
case 0:
|
|
72352
|
-
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;
|
|
72368
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
|
|
72353
72369
|
_context2.prev = 1;
|
|
72354
72370
|
_context2.next = 4;
|
|
72355
72371
|
return preflight({
|
|
@@ -72383,10 +72399,12 @@
|
|
|
72383
72399
|
confirmed: confirmed,
|
|
72384
72400
|
failed: failed,
|
|
72385
72401
|
blacklist: blacklist,
|
|
72386
|
-
providers: providers
|
|
72402
|
+
providers: providers,
|
|
72403
|
+
integration: integration
|
|
72387
72404
|
}
|
|
72388
72405
|
}, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
|
|
72389
|
-
unmount: unmount
|
|
72406
|
+
unmount: unmount,
|
|
72407
|
+
closable: closable
|
|
72390
72408
|
}, /*#__PURE__*/react.createElement(WalletProvider, {
|
|
72391
72409
|
container: container,
|
|
72392
72410
|
connected: connected,
|
|
@@ -72527,22 +72545,22 @@
|
|
|
72527
72545
|
body: /*#__PURE__*/react.createElement("div", {
|
|
72528
72546
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
72529
72547
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72530
|
-
className: "TokenImage medium"
|
|
72548
|
+
className: "TokenImage medium TextCenter"
|
|
72531
72549
|
}, logo && /*#__PURE__*/react.createElement("img", {
|
|
72532
72550
|
src: logo
|
|
72533
72551
|
}), !logo && /*#__PURE__*/react.createElement(TokenImage, {
|
|
72534
72552
|
blockchain: token.blockchain,
|
|
72535
72553
|
address: address
|
|
72536
72554
|
})), /*#__PURE__*/react.createElement("div", {
|
|
72537
|
-
className: "PaddingTopS"
|
|
72555
|
+
className: "PaddingTopS TextCenter"
|
|
72538
72556
|
}, /*#__PURE__*/react.createElement("div", {
|
|
72539
72557
|
className: "Alert"
|
|
72540
72558
|
}, /*#__PURE__*/react.createElement("strong", null, "Please review this information"))), /*#__PURE__*/react.createElement("div", {
|
|
72541
72559
|
className: "PaddingTopXS"
|
|
72542
72560
|
}, /*#__PURE__*/react.createElement("table", {
|
|
72543
|
-
className: "Table"
|
|
72561
|
+
className: "Table TextLeft"
|
|
72544
72562
|
}, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
|
|
72545
|
-
className: "small"
|
|
72563
|
+
className: "small TextCenter"
|
|
72546
72564
|
}, /*#__PURE__*/react.createElement("td", {
|
|
72547
72565
|
colSpan: "2"
|
|
72548
72566
|
}, /*#__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
|
}
|
|
@@ -1031,7 +1035,9 @@
|
|
|
1031
1035
|
} else {
|
|
1032
1036
|
return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
|
|
1033
1037
|
stacked: true,
|
|
1034
|
-
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", {
|
|
1035
1041
|
className: "GraphicWrapper PaddingTopS PaddingBottomS"
|
|
1036
1042
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1037
1043
|
className: "Graphic",
|
|
@@ -2245,7 +2251,9 @@
|
|
|
2245
2251
|
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2246
2252
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
2247
2253
|
}),
|
|
2248
|
-
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", {
|
|
2249
2257
|
className: "GraphicWrapper"
|
|
2250
2258
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
2251
2259
|
className: "Graphic",
|
|
@@ -2809,7 +2817,7 @@
|
|
|
2809
2817
|
var paymentAmountInBN = ethers.ethers.BigNumber.from(payment.route.fromAmount);
|
|
2810
2818
|
var divPercent = 100 - reverseAmountOutBN.mul(ethers.ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
|
|
2811
2819
|
|
|
2812
|
-
if (divPercent
|
|
2820
|
+
if (divPercent >= 10) {
|
|
2813
2821
|
setPaymentValueLoss(divPercent);
|
|
2814
2822
|
} else {
|
|
2815
2823
|
setPaymentValueLoss(null);
|
|
@@ -3605,7 +3613,9 @@
|
|
|
3605
3613
|
header: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3606
3614
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
3607
3615
|
}),
|
|
3608
|
-
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", {
|
|
3609
3619
|
className: "GraphicWrapper"
|
|
3610
3620
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
3611
3621
|
className: "Graphic",
|
|
@@ -3729,7 +3739,8 @@
|
|
|
3729
3739
|
errorCallback = _useContext.errorCallback;
|
|
3730
3740
|
|
|
3731
3741
|
var _useContext2 = React.useContext(ConfigurationContext),
|
|
3732
|
-
track = _useContext2.track
|
|
3742
|
+
track = _useContext2.track,
|
|
3743
|
+
integration = _useContext2.integration;
|
|
3733
3744
|
|
|
3734
3745
|
var _useState = React.useState(),
|
|
3735
3746
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -3949,7 +3960,8 @@
|
|
|
3949
3960
|
payload: {
|
|
3950
3961
|
sender_id: transaction.from.toLowerCase(),
|
|
3951
3962
|
sender_token_id: paymentRoute.fromToken.address,
|
|
3952
|
-
sender_amount: ethers.ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
|
|
3963
|
+
sender_amount: ethers.ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals),
|
|
3964
|
+
integration: integration
|
|
3953
3965
|
},
|
|
3954
3966
|
fee_amount: paymentRoute.fee ? ethers.ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
|
|
3955
3967
|
fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
|
|
@@ -4241,12 +4253,12 @@
|
|
|
4241
4253
|
|
|
4242
4254
|
var Donation = /*#__PURE__*/function () {
|
|
4243
4255
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4244
|
-
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, document, unmount;
|
|
4256
|
+
var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, integration, document, unmount;
|
|
4245
4257
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4246
4258
|
while (1) {
|
|
4247
4259
|
switch (_context2.prev = _context2.next) {
|
|
4248
4260
|
case 0:
|
|
4249
|
-
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;
|
|
4261
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
4250
4262
|
_context2.prev = 1;
|
|
4251
4263
|
_context2.next = 4;
|
|
4252
4264
|
return preflight$2({
|
|
@@ -4274,10 +4286,12 @@
|
|
|
4274
4286
|
confirmed: confirmed,
|
|
4275
4287
|
failed: failed,
|
|
4276
4288
|
blacklist: blacklist,
|
|
4277
|
-
providers: providers
|
|
4289
|
+
providers: providers,
|
|
4290
|
+
integration: integration
|
|
4278
4291
|
}
|
|
4279
4292
|
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
4280
|
-
unmount: unmount
|
|
4293
|
+
unmount: unmount,
|
|
4294
|
+
closable: closable
|
|
4281
4295
|
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
4282
4296
|
container: container,
|
|
4283
4297
|
connected: connected,
|
|
@@ -4736,12 +4750,12 @@
|
|
|
4736
4750
|
|
|
4737
4751
|
var Payment = /*#__PURE__*/function () {
|
|
4738
4752
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
4739
|
-
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, document, unmount;
|
|
4753
|
+
var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, document, unmount;
|
|
4740
4754
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
4741
4755
|
while (1) {
|
|
4742
4756
|
switch (_context2.prev = _context2.next) {
|
|
4743
4757
|
case 0:
|
|
4744
|
-
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;
|
|
4758
|
+
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, integration = _ref3.integration, document = _ref3.document;
|
|
4745
4759
|
_context2.prev = 1;
|
|
4746
4760
|
_context2.next = 4;
|
|
4747
4761
|
return preflight$1({
|
|
@@ -4774,10 +4788,12 @@
|
|
|
4774
4788
|
providers: providers,
|
|
4775
4789
|
track: track,
|
|
4776
4790
|
fee: fee,
|
|
4777
|
-
recover: recover
|
|
4791
|
+
recover: recover,
|
|
4792
|
+
integration: integration
|
|
4778
4793
|
}
|
|
4779
4794
|
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
4780
|
-
unmount: unmount
|
|
4795
|
+
unmount: unmount,
|
|
4796
|
+
closable: closable
|
|
4781
4797
|
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
4782
4798
|
document: document,
|
|
4783
4799
|
container: container,
|
|
@@ -5143,12 +5159,12 @@
|
|
|
5143
5159
|
|
|
5144
5160
|
var Sale = /*#__PURE__*/function () {
|
|
5145
5161
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
|
|
5146
|
-
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, document, accept, unmount;
|
|
5162
|
+
var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, integration, document, accept, unmount;
|
|
5147
5163
|
return regenerator.wrap(function _callee2$(_context2) {
|
|
5148
5164
|
while (1) {
|
|
5149
5165
|
switch (_context2.prev = _context2.next) {
|
|
5150
5166
|
case 0:
|
|
5151
|
-
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;
|
|
5167
|
+
amount = _ref3.amount, sell = _ref3.sell, sent = _ref3.sent, confirmed = _ref3.confirmed, failed = _ref3.failed, error = _ref3.error, critical = _ref3.critical, style = _ref3.style, blacklist = _ref3.blacklist, providers = _ref3.providers, currency = _ref3.currency, connected = _ref3.connected, closed = _ref3.closed, tokenImage = _ref3.tokenImage, closable = _ref3.closable, integration = _ref3.integration, document = _ref3.document;
|
|
5152
5168
|
_context2.prev = 1;
|
|
5153
5169
|
_context2.next = 4;
|
|
5154
5170
|
return preflight({
|
|
@@ -5182,10 +5198,12 @@
|
|
|
5182
5198
|
confirmed: confirmed,
|
|
5183
5199
|
failed: failed,
|
|
5184
5200
|
blacklist: blacklist,
|
|
5185
|
-
providers: providers
|
|
5201
|
+
providers: providers,
|
|
5202
|
+
integration: integration
|
|
5186
5203
|
}
|
|
5187
5204
|
}, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
|
|
5188
|
-
unmount: unmount
|
|
5205
|
+
unmount: unmount,
|
|
5206
|
+
closable: closable
|
|
5189
5207
|
}, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
|
|
5190
5208
|
container: container,
|
|
5191
5209
|
connected: connected,
|
|
@@ -5326,22 +5344,22 @@
|
|
|
5326
5344
|
body: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5327
5345
|
className: "PaddingTopS PaddingLeftM PaddingRightM"
|
|
5328
5346
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5329
|
-
className: "TokenImage medium"
|
|
5347
|
+
className: "TokenImage medium TextCenter"
|
|
5330
5348
|
}, logo && /*#__PURE__*/React__default["default"].createElement("img", {
|
|
5331
5349
|
src: logo
|
|
5332
5350
|
}), !logo && /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
|
|
5333
5351
|
blockchain: token.blockchain,
|
|
5334
5352
|
address: address
|
|
5335
5353
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5336
|
-
className: "PaddingTopS"
|
|
5354
|
+
className: "PaddingTopS TextCenter"
|
|
5337
5355
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5338
5356
|
className: "Alert"
|
|
5339
5357
|
}, /*#__PURE__*/React__default["default"].createElement("strong", null, "Please review this information"))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5340
5358
|
className: "PaddingTopXS"
|
|
5341
5359
|
}, /*#__PURE__*/React__default["default"].createElement("table", {
|
|
5342
|
-
className: "Table"
|
|
5360
|
+
className: "Table TextLeft"
|
|
5343
5361
|
}, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
5344
|
-
className: "small"
|
|
5362
|
+
className: "small TextCenter"
|
|
5345
5363
|
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
5346
5364
|
colSpan: "2"
|
|
5347
5365
|
}, /*#__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.19.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/umd/index.js",
|
|
7
7
|
"module": "./dist/esm/index.js",
|