@depay/widgets 7.3.1 → 7.5.1

package/dist/esm/index.js

@@ -19229,7 +19229,8 @@ var PaymentProvider = (function (props) {
       _sent = _useContext2.sent,
       confirmed = _useContext2.confirmed,
       failed = _useContext2.failed,
-      recover = _useContext2.recover;
+      recover = _useContext2.recover,
+      before = _useContext2.before;
 
   var _useContext3 = useContext(PaymentRoutingContext),
       selectedRoute = _useContext3.selectedRoute,
@@ -19307,21 +19308,36 @@ var PaymentProvider = (function (props) {
 
   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 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) {
@@ -19347,7 +19363,7 @@ var PaymentProvider = (function (props) {
                 }
               });
 
-            case 7:
+            case 11:
             case "end":
               return _context.stop();
           }
@@ -20099,9 +20115,9 @@ var PaymentValueProvider = (function (props) {
 
     Promise.all([route({
       blockchain: payment.route.blockchain,
-      tokenIn: payment.route.toToken.address,
+      tokenIn: payment.route.fromToken.address,
       tokenOut: CONSTANTS[payment.route.blockchain].USD,
-      amountIn: payment.route.toAmount,
+      amountIn: payment.route.fromAmount,
       fromAddress: account,
       toAddress: account
     }), !payment.route.directTransfer ? route({
@@ -20116,11 +20132,11 @@ var PaymentValueProvider = (function (props) {
       address: 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) {
@@ -20135,20 +20151,20 @@ var PaymentValueProvider = (function (props) {
         }
       }
 
-      var toTokenUSDAmount;
+      var fromTokenUSDAmount;
 
-      if (payment.route.toToken.address.toLowerCase() == CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
-        toTokenUSDAmount = payment.route.toAmount.toString();
-      } else if (toTokenUSDRoute == undefined) {
+      if (payment.route.fromToken.address.toLowerCase() == 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.utils.formatUnits(toTokenUSDAmount, USDDecimals);
+      var fromTokenUSDValue = ethers.utils.formatUnits(fromTokenUSDAmount, USDDecimals);
       Currency.fromUSD({
-        amount: toTokenUSDValue,
+        amount: fromTokenUSDValue,
         code: currency
       }).then(setPaymentValue);
     })["catch"](setError);
@@ -20751,12 +20767,12 @@ var Footer = (function () {
 
     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 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);
@@ -22109,12 +22125,12 @@ var preflight$1 = /*#__PURE__*/function () {
 
 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;
@@ -22138,6 +22154,7 @@ var Payment = /*#__PURE__*/function () {
                 }, /*#__PURE__*/React.createElement(ConfigurationProvider, {
                   configuration: {
                     type: 'payment',
+                    before: before,
                     amount: amount,
                     accept: accept,
                     currency: currency,