@depay/widgets 6.17.2 → 6.18.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.
Files changed (6) hide show
  1. package/README.md +41 -2
  2. package/dist/esm/index.bundle.js +29 -16
  3. package/dist/esm/index.js +29 -16
  4. package/dist/umd/index.bundle.js +29 -16
  5. package/dist/umd/index.js +29 -16
  6. 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.Payment({})
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.Payment({})
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
  }
@@ -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", null, walletLogo && /*#__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", null, /*#__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",
@@ -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", null, /*#__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",
@@ -71436,12 +71446,12 @@ var preflight$2 = /*#__PURE__*/function () {
71436
71446
 
71437
71447
  var Donation = /*#__PURE__*/function () {
71438
71448
  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;
71449
+ var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
71440
71450
  return regenerator.wrap(function _callee2$(_context2) {
71441
71451
  while (1) {
71442
71452
  switch (_context2.prev = _context2.next) {
71443
71453
  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;
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;
71445
71455
  _context2.prev = 1;
71446
71456
  _context2.next = 4;
71447
71457
  return preflight$2({
@@ -71472,7 +71482,8 @@ var Donation = /*#__PURE__*/function () {
71472
71482
  providers: providers
71473
71483
  }
71474
71484
  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
71475
- unmount: unmount
71485
+ unmount: unmount,
71486
+ closable: closable
71476
71487
  }, /*#__PURE__*/react.createElement(WalletProvider, {
71477
71488
  container: container,
71478
71489
  connected: connected,
@@ -71931,12 +71942,12 @@ var preflight$1 = /*#__PURE__*/function () {
71931
71942
 
71932
71943
  var Payment = /*#__PURE__*/function () {
71933
71944
  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;
71945
+ var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
71935
71946
  return regenerator.wrap(function _callee2$(_context2) {
71936
71947
  while (1) {
71937
71948
  switch (_context2.prev = _context2.next) {
71938
71949
  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;
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;
71940
71951
  _context2.prev = 1;
71941
71952
  _context2.next = 4;
71942
71953
  return preflight$1({
@@ -71972,7 +71983,8 @@ var Payment = /*#__PURE__*/function () {
71972
71983
  recover: recover
71973
71984
  }
71974
71985
  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
71975
- unmount: unmount
71986
+ unmount: unmount,
71987
+ closable: closable
71976
71988
  }, /*#__PURE__*/react.createElement(WalletProvider, {
71977
71989
  document: document,
71978
71990
  container: container,
@@ -72338,12 +72350,12 @@ var preflight = /*#__PURE__*/function () {
72338
72350
 
72339
72351
  var Sale = /*#__PURE__*/function () {
72340
72352
  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;
72353
+ var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
72342
72354
  return regenerator.wrap(function _callee2$(_context2) {
72343
72355
  while (1) {
72344
72356
  switch (_context2.prev = _context2.next) {
72345
72357
  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;
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;
72347
72359
  _context2.prev = 1;
72348
72360
  _context2.next = 4;
72349
72361
  return preflight({
@@ -72380,7 +72392,8 @@ var Sale = /*#__PURE__*/function () {
72380
72392
  providers: providers
72381
72393
  }
72382
72394
  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
72383
- unmount: unmount
72395
+ unmount: unmount,
72396
+ closable: closable
72384
72397
  }, /*#__PURE__*/react.createElement(WalletProvider, {
72385
72398
  container: container,
72386
72399
  connected: connected,
@@ -72521,22 +72534,22 @@ var ConfirmTokenSelectionDialog = (function (props) {
72521
72534
  body: /*#__PURE__*/react.createElement("div", {
72522
72535
  className: "PaddingTopS PaddingLeftM PaddingRightM"
72523
72536
  }, /*#__PURE__*/react.createElement("div", {
72524
- className: "TokenImage medium"
72537
+ className: "TokenImage medium TextCenter"
72525
72538
  }, logo && /*#__PURE__*/react.createElement("img", {
72526
72539
  src: logo
72527
72540
  }), !logo && /*#__PURE__*/react.createElement(TokenImage, {
72528
72541
  blockchain: token.blockchain,
72529
72542
  address: address
72530
72543
  })), /*#__PURE__*/react.createElement("div", {
72531
- className: "PaddingTopS"
72544
+ className: "PaddingTopS TextCenter"
72532
72545
  }, /*#__PURE__*/react.createElement("div", {
72533
72546
  className: "Alert"
72534
72547
  }, /*#__PURE__*/react.createElement("strong", null, "Please review this information"))), /*#__PURE__*/react.createElement("div", {
72535
72548
  className: "PaddingTopXS"
72536
72549
  }, /*#__PURE__*/react.createElement("table", {
72537
- className: "Table"
72550
+ className: "Table TextLeft"
72538
72551
  }, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
72539
- className: "small"
72552
+ className: "small TextCenter"
72540
72553
  }, /*#__PURE__*/react.createElement("td", {
72541
72554
  colSpan: "2"
72542
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
  }
@@ -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", null, walletLogo && /*#__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", null, /*#__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",
@@ -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", null, /*#__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",
@@ -4246,12 +4256,12 @@ var preflight$2 = /*#__PURE__*/function () {
4246
4256
 
4247
4257
  var Donation = /*#__PURE__*/function () {
4248
4258
  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;
4259
+ var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
4250
4260
  return regenerator.wrap(function _callee2$(_context2) {
4251
4261
  while (1) {
4252
4262
  switch (_context2.prev = _context2.next) {
4253
4263
  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;
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;
4255
4265
  _context2.prev = 1;
4256
4266
  _context2.next = 4;
4257
4267
  return preflight$2({
@@ -4282,7 +4292,8 @@ var Donation = /*#__PURE__*/function () {
4282
4292
  providers: providers
4283
4293
  }
4284
4294
  }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
4285
- unmount: unmount
4295
+ unmount: unmount,
4296
+ closable: closable
4286
4297
  }, /*#__PURE__*/React.createElement(WalletProvider, {
4287
4298
  container: container,
4288
4299
  connected: connected,
@@ -4741,12 +4752,12 @@ var preflight$1 = /*#__PURE__*/function () {
4741
4752
 
4742
4753
  var Payment = /*#__PURE__*/function () {
4743
4754
  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;
4755
+ var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
4745
4756
  return regenerator.wrap(function _callee2$(_context2) {
4746
4757
  while (1) {
4747
4758
  switch (_context2.prev = _context2.next) {
4748
4759
  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;
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;
4750
4761
  _context2.prev = 1;
4751
4762
  _context2.next = 4;
4752
4763
  return preflight$1({
@@ -4782,7 +4793,8 @@ var Payment = /*#__PURE__*/function () {
4782
4793
  recover: recover
4783
4794
  }
4784
4795
  }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
4785
- unmount: unmount
4796
+ unmount: unmount,
4797
+ closable: closable
4786
4798
  }, /*#__PURE__*/React.createElement(WalletProvider, {
4787
4799
  document: document,
4788
4800
  container: container,
@@ -5148,12 +5160,12 @@ var preflight = /*#__PURE__*/function () {
5148
5160
 
5149
5161
  var Sale = /*#__PURE__*/function () {
5150
5162
  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;
5163
+ var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
5152
5164
  return regenerator.wrap(function _callee2$(_context2) {
5153
5165
  while (1) {
5154
5166
  switch (_context2.prev = _context2.next) {
5155
5167
  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;
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;
5157
5169
  _context2.prev = 1;
5158
5170
  _context2.next = 4;
5159
5171
  return preflight({
@@ -5190,7 +5202,8 @@ var Sale = /*#__PURE__*/function () {
5190
5202
  providers: providers
5191
5203
  }
5192
5204
  }, /*#__PURE__*/React.createElement(UpdatableProvider, null, /*#__PURE__*/React.createElement(ClosableProvider, {
5193
- unmount: unmount
5205
+ unmount: unmount,
5206
+ closable: closable
5194
5207
  }, /*#__PURE__*/React.createElement(WalletProvider, {
5195
5208
  container: container,
5196
5209
  connected: connected,
@@ -5331,22 +5344,22 @@ var ConfirmTokenSelectionDialog = (function (props) {
5331
5344
  body: /*#__PURE__*/React.createElement("div", {
5332
5345
  className: "PaddingTopS PaddingLeftM PaddingRightM"
5333
5346
  }, /*#__PURE__*/React.createElement("div", {
5334
- className: "TokenImage medium"
5347
+ className: "TokenImage medium TextCenter"
5335
5348
  }, logo && /*#__PURE__*/React.createElement("img", {
5336
5349
  src: logo
5337
5350
  }), !logo && /*#__PURE__*/React.createElement(TokenImage, {
5338
5351
  blockchain: token.blockchain,
5339
5352
  address: address
5340
5353
  })), /*#__PURE__*/React.createElement("div", {
5341
- className: "PaddingTopS"
5354
+ className: "PaddingTopS TextCenter"
5342
5355
  }, /*#__PURE__*/React.createElement("div", {
5343
5356
  className: "Alert"
5344
5357
  }, /*#__PURE__*/React.createElement("strong", null, "Please review this information"))), /*#__PURE__*/React.createElement("div", {
5345
5358
  className: "PaddingTopXS"
5346
5359
  }, /*#__PURE__*/React.createElement("table", {
5347
- className: "Table"
5360
+ className: "Table TextLeft"
5348
5361
  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
5349
- className: "small"
5362
+ className: "small TextCenter"
5350
5363
  }, /*#__PURE__*/React.createElement("td", {
5351
5364
  colSpan: "2"
5352
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
  }
@@ -2025,7 +2029,9 @@
2025
2029
  } else {
2026
2030
  return /*#__PURE__*/react.createElement(Dialog, {
2027
2031
  stacked: true,
2028
- body: /*#__PURE__*/react.createElement("div", null, walletLogo && /*#__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", null, /*#__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",
@@ -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", null, /*#__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",
@@ -71442,12 +71452,12 @@
71442
71452
 
71443
71453
  var Donation = /*#__PURE__*/function () {
71444
71454
  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;
71455
+ var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
71446
71456
  return regenerator.wrap(function _callee2$(_context2) {
71447
71457
  while (1) {
71448
71458
  switch (_context2.prev = _context2.next) {
71449
71459
  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;
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;
71451
71461
  _context2.prev = 1;
71452
71462
  _context2.next = 4;
71453
71463
  return preflight$2({
@@ -71478,7 +71488,8 @@
71478
71488
  providers: providers
71479
71489
  }
71480
71490
  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
71481
- unmount: unmount
71491
+ unmount: unmount,
71492
+ closable: closable
71482
71493
  }, /*#__PURE__*/react.createElement(WalletProvider, {
71483
71494
  container: container,
71484
71495
  connected: connected,
@@ -71937,12 +71948,12 @@
71937
71948
 
71938
71949
  var Payment = /*#__PURE__*/function () {
71939
71950
  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;
71951
+ var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
71941
71952
  return regenerator.wrap(function _callee2$(_context2) {
71942
71953
  while (1) {
71943
71954
  switch (_context2.prev = _context2.next) {
71944
71955
  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;
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;
71946
71957
  _context2.prev = 1;
71947
71958
  _context2.next = 4;
71948
71959
  return preflight$1({
@@ -71978,7 +71989,8 @@
71978
71989
  recover: recover
71979
71990
  }
71980
71991
  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
71981
- unmount: unmount
71992
+ unmount: unmount,
71993
+ closable: closable
71982
71994
  }, /*#__PURE__*/react.createElement(WalletProvider, {
71983
71995
  document: document,
71984
71996
  container: container,
@@ -72344,12 +72356,12 @@
72344
72356
 
72345
72357
  var Sale = /*#__PURE__*/function () {
72346
72358
  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;
72359
+ var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
72348
72360
  return regenerator.wrap(function _callee2$(_context2) {
72349
72361
  while (1) {
72350
72362
  switch (_context2.prev = _context2.next) {
72351
72363
  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;
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;
72353
72365
  _context2.prev = 1;
72354
72366
  _context2.next = 4;
72355
72367
  return preflight({
@@ -72386,7 +72398,8 @@
72386
72398
  providers: providers
72387
72399
  }
72388
72400
  }, /*#__PURE__*/react.createElement(UpdatableProvider, null, /*#__PURE__*/react.createElement(ClosableProvider, {
72389
- unmount: unmount
72401
+ unmount: unmount,
72402
+ closable: closable
72390
72403
  }, /*#__PURE__*/react.createElement(WalletProvider, {
72391
72404
  container: container,
72392
72405
  connected: connected,
@@ -72527,22 +72540,22 @@
72527
72540
  body: /*#__PURE__*/react.createElement("div", {
72528
72541
  className: "PaddingTopS PaddingLeftM PaddingRightM"
72529
72542
  }, /*#__PURE__*/react.createElement("div", {
72530
- className: "TokenImage medium"
72543
+ className: "TokenImage medium TextCenter"
72531
72544
  }, logo && /*#__PURE__*/react.createElement("img", {
72532
72545
  src: logo
72533
72546
  }), !logo && /*#__PURE__*/react.createElement(TokenImage, {
72534
72547
  blockchain: token.blockchain,
72535
72548
  address: address
72536
72549
  })), /*#__PURE__*/react.createElement("div", {
72537
- className: "PaddingTopS"
72550
+ className: "PaddingTopS TextCenter"
72538
72551
  }, /*#__PURE__*/react.createElement("div", {
72539
72552
  className: "Alert"
72540
72553
  }, /*#__PURE__*/react.createElement("strong", null, "Please review this information"))), /*#__PURE__*/react.createElement("div", {
72541
72554
  className: "PaddingTopXS"
72542
72555
  }, /*#__PURE__*/react.createElement("table", {
72543
- className: "Table"
72556
+ className: "Table TextLeft"
72544
72557
  }, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
72545
- className: "small"
72558
+ className: "small TextCenter"
72546
72559
  }, /*#__PURE__*/react.createElement("td", {
72547
72560
  colSpan: "2"
72548
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
  }
@@ -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", null, walletLogo && /*#__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", null, /*#__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",
@@ -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", null, /*#__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",
@@ -4241,12 +4251,12 @@
4241
4251
 
4242
4252
  var Donation = /*#__PURE__*/function () {
4243
4253
  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;
4254
+ var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, closable, document, unmount;
4245
4255
  return regenerator.wrap(function _callee2$(_context2) {
4246
4256
  while (1) {
4247
4257
  switch (_context2.prev = _context2.next) {
4248
4258
  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;
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;
4250
4260
  _context2.prev = 1;
4251
4261
  _context2.next = 4;
4252
4262
  return preflight$2({
@@ -4277,7 +4287,8 @@
4277
4287
  providers: providers
4278
4288
  }
4279
4289
  }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
4280
- unmount: unmount
4290
+ unmount: unmount,
4291
+ closable: closable
4281
4292
  }, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
4282
4293
  container: container,
4283
4294
  connected: connected,
@@ -4736,12 +4747,12 @@
4736
4747
 
4737
4748
  var Payment = /*#__PURE__*/function () {
4738
4749
  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;
4750
+ var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, document, unmount;
4740
4751
  return regenerator.wrap(function _callee2$(_context2) {
4741
4752
  while (1) {
4742
4753
  switch (_context2.prev = _context2.next) {
4743
4754
  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;
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;
4745
4756
  _context2.prev = 1;
4746
4757
  _context2.next = 4;
4747
4758
  return preflight$1({
@@ -4777,7 +4788,8 @@
4777
4788
  recover: recover
4778
4789
  }
4779
4790
  }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
4780
- unmount: unmount
4791
+ unmount: unmount,
4792
+ closable: closable
4781
4793
  }, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
4782
4794
  document: document,
4783
4795
  container: container,
@@ -5143,12 +5155,12 @@
5143
5155
 
5144
5156
  var Sale = /*#__PURE__*/function () {
5145
5157
  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;
5158
+ var amount, sell, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, tokenImage, closable, document, accept, unmount;
5147
5159
  return regenerator.wrap(function _callee2$(_context2) {
5148
5160
  while (1) {
5149
5161
  switch (_context2.prev = _context2.next) {
5150
5162
  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;
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;
5152
5164
  _context2.prev = 1;
5153
5165
  _context2.next = 4;
5154
5166
  return preflight({
@@ -5185,7 +5197,8 @@
5185
5197
  providers: providers
5186
5198
  }
5187
5199
  }, /*#__PURE__*/React__default["default"].createElement(UpdatableProvider, null, /*#__PURE__*/React__default["default"].createElement(ClosableProvider, {
5188
- unmount: unmount
5200
+ unmount: unmount,
5201
+ closable: closable
5189
5202
  }, /*#__PURE__*/React__default["default"].createElement(WalletProvider, {
5190
5203
  container: container,
5191
5204
  connected: connected,
@@ -5326,22 +5339,22 @@
5326
5339
  body: /*#__PURE__*/React__default["default"].createElement("div", {
5327
5340
  className: "PaddingTopS PaddingLeftM PaddingRightM"
5328
5341
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5329
- className: "TokenImage medium"
5342
+ className: "TokenImage medium TextCenter"
5330
5343
  }, logo && /*#__PURE__*/React__default["default"].createElement("img", {
5331
5344
  src: logo
5332
5345
  }), !logo && /*#__PURE__*/React__default["default"].createElement(reactTokenImage.TokenImage, {
5333
5346
  blockchain: token.blockchain,
5334
5347
  address: address
5335
5348
  })), /*#__PURE__*/React__default["default"].createElement("div", {
5336
- className: "PaddingTopS"
5349
+ className: "PaddingTopS TextCenter"
5337
5350
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5338
5351
  className: "Alert"
5339
5352
  }, /*#__PURE__*/React__default["default"].createElement("strong", null, "Please review this information"))), /*#__PURE__*/React__default["default"].createElement("div", {
5340
5353
  className: "PaddingTopXS"
5341
5354
  }, /*#__PURE__*/React__default["default"].createElement("table", {
5342
- className: "Table"
5355
+ className: "Table TextLeft"
5343
5356
  }, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
5344
- className: "small"
5357
+ className: "small TextCenter"
5345
5358
  }, /*#__PURE__*/React__default["default"].createElement("td", {
5346
5359
  colSpan: "2"
5347
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.17.2",
4
+ "version": "6.18.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",