@depay/widgets 4.3.0 → 4.4.0

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