@depay/widgets 7.3.1 → 7.5.1

package/dist/umd/index.js

@@ -19224,7 +19224,8 @@
         _sent = _useContext2.sent,
         confirmed = _useContext2.confirmed,
         failed = _useContext2.failed,
-        recover = _useContext2.recover;
+        recover = _useContext2.recover,
+        before = _useContext2.before;
 
     var _useContext3 = React.useContext(PaymentRoutingContext),
         selectedRoute = _useContext3.selectedRoute,
@@ -19302,21 +19303,36 @@
 
     var pay = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-        var currentBlock;
+        var stop, currentBlock;
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
+                if (!before) {
+                  _context.next = 4;
+                  break;
+                }
+
+                stop = before(payment.route.transaction);
+
+                if (!(stop === false)) {
+                  _context.next = 4;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 4:
                 setClosable(false);
                 setPaymentState('paying');
                 setUpdatable(false);
-                _context.next = 5;
+                _context.next = 9;
                 return web3Client.request({
                   blockchain: payment.route.transaction.blockchain,
                   method: 'latestBlockNumber'
                 });
 
-              case 5:
+              case 9:
                 currentBlock = _context.sent;
                 wallet.sendTransaction(Object.assign({}, payment.route.transaction, {
                   sent: function sent(transaction) {
@@ -19342,7 +19358,7 @@
                   }
                 });
 
-              case 7:
+              case 11:
               case "end":
                 return _context.stop();
             }
@@ -20094,9 +20110,9 @@
 
       Promise.all([web3Exchanges.route({
         blockchain: payment.route.blockchain,
-        tokenIn: payment.route.toToken.address,
+        tokenIn: payment.route.fromToken.address,
         tokenOut: web3Constants.CONSTANTS[payment.route.blockchain].USD,
-        amountIn: payment.route.toAmount,
+        amountIn: payment.route.fromAmount,
         fromAddress: account,
         toAddress: account
       }), !payment.route.directTransfer ? web3Exchanges.route({
@@ -20111,11 +20127,11 @@
         address: web3Constants.CONSTANTS[payment.route.blockchain].USD
       }).decimals()]).then(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 3),
-            toTokenUSDExchangeRoutes = _ref3[0],
+            fromTokenUSDExchangeRoutes = _ref3[0],
             reverseRoutes = _ref3[1],
             USDDecimals = _ref3[2];
 
-        var toTokenUSDRoute = toTokenUSDExchangeRoutes[0];
+        var fromTokenUSDRoute = fromTokenUSDExchangeRoutes[0];
         var reverseRoute = reverseRoutes[0];
 
         if (reverseRoute) {
@@ -20130,20 +20146,20 @@
           }
         }
 
-        var toTokenUSDAmount;
+        var fromTokenUSDAmount;
 
-        if (payment.route.toToken.address.toLowerCase() == web3Constants.CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
-          toTokenUSDAmount = payment.route.toAmount.toString();
-        } else if (toTokenUSDRoute == undefined) {
+        if (payment.route.fromToken.address.toLowerCase() == web3Constants.CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
+          fromTokenUSDAmount = payment.route.fromAmount.toString();
+        } else if (fromTokenUSDRoute == undefined) {
           setPaymentValue('');
           return;
         } else {
-          toTokenUSDAmount = toTokenUSDRoute.amountOut.toString();
+          fromTokenUSDAmount = fromTokenUSDRoute.amountOut.toString();
         }
 
-        var toTokenUSDValue = ethers.ethers.utils.formatUnits(toTokenUSDAmount, USDDecimals);
+        var fromTokenUSDValue = ethers.ethers.utils.formatUnits(fromTokenUSDAmount, USDDecimals);
         localCurrency.Currency.fromUSD({
-          amount: toTokenUSDValue,
+          amount: fromTokenUSDValue,
           code: currency
         }).then(setPaymentValue);
       })["catch"](setError);
@@ -20746,12 +20762,12 @@
 
       if (amount && configuredAmount && configuredAmount.currency && configuredAmount.fix) {
         displayedAmount = paymentValue.toString();
-      } else if (amount && (configuredAmount == undefined || configuredAmount.token != true)) {
+      } else if (amount && (configuredAmount == undefined || (configuredAmount === null || configuredAmount === void 0 ? void 0 : configuredAmount.token) != true)) {
         displayedAmount = new localCurrency.Currency({
           amount: amount.toFixed(2),
           code: currencyCode
         }).toString();
-      } else if (paymentValue && paymentValue.toString().length) {
+      } else if (paymentValue && paymentValue.toString().length && (configuredAmount === null || configuredAmount === void 0 ? void 0 : configuredAmount.token) != true) {
         displayedAmount = paymentValue.toString();
       } else {
         displayedAmount = "".concat(payment.symbol, " ").concat(payment.amount);
@@ -22104,12 +22120,12 @@
 
   var Payment = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-      var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, container, document, unmount;
+      var accept, amount, event, sent, confirmed, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, container, before, document, unmount;
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              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, container = _ref3.container, document = _ref3.document;
+              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, container = _ref3.container, before = _ref3.before, document = _ref3.document;
               requireReactVersion();
               _context2.prev = 2;
               _context2.next = 5;
@@ -22133,6 +22149,7 @@
                   }, /*#__PURE__*/React__default["default"].createElement(ConfigurationProvider, {
                     configuration: {
                       type: 'payment',
+                      before: before,
                       amount: amount,
                       accept: accept,
                       currency: currency,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "7.3.1",
+  "version": "7.5.1",
   "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.",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@depay/coinbase-wallet-sdk": "^1.0.5",
-    "@depay/local-currency": "^3.2.2",
+    "@depay/local-currency": "^3.5.2",
     "@depay/react-dialog-stack": "^6.0.0",
     "@depay/react-shadow-dom": "^5.0.2",
     "@depay/react-token-image": "^4.1.0",