@depay/widgets 7.10.0 → 7.13.0

package/dist/esm/index.js

@@ -19232,8 +19232,8 @@ var PaymentProvider = (function (props) {
       before = _useContext2.before;
 
   var _useContext3 = useContext(PaymentRoutingContext),
-      selectedRoute = _useContext3.selectedRoute,
-      getPaymentRoutes = _useContext3.getPaymentRoutes;
+      selectedRoute = _useContext3.selectedRoute;
+      _useContext3.getPaymentRoutes;
 
   var _useContext4 = useContext(ClosableContext),
       open = _useContext4.open,
@@ -19298,10 +19298,7 @@ var PaymentProvider = (function (props) {
       failed(transaction, error);
     }
 
-    setPaymentState('initialized');
     setClosable(true);
-    setUpdatable(true);
-    getPaymentRoutes({});
     navigate('PaymentError');
   };
 
@@ -19601,7 +19598,8 @@ var PaymentRoutingProvider = (function (props) {
 
   var calculateAmountInWithSlippage = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(route) {
-      var currentBlock, blocks, i, exchangeRoute, lastAmountsIn, difference1, difference2, slippage, newAmountBN, readableAmount, roundedAmountBN;
+      var currentBlock, blocks, i, exchangeRoute, lastAmountsIn, difference1, difference2, slippage, newAmountBN, readableAmount, roundedAmountBN, _difference, _difference2, _slippage, highestAmountBN, _newAmountBN, _readableAmount, _roundedAmountBN;
+
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -19682,10 +19680,11 @@ var PaymentRoutingProvider = (function (props) {
 
             case 15:
               if (!(lastAmountsIn[0].gt(lastAmountsIn[1]) && lastAmountsIn[1].gt(lastAmountsIn[2]))) {
-                _context2.next = 29;
+                _context2.next = 31;
                 break;
               }
 
+              // directional slippage
               difference1 = lastAmountsIn[0].sub(lastAmountsIn[1]);
               difference2 = lastAmountsIn[1].sub(lastAmountsIn[2]);
 
@@ -19717,7 +19716,53 @@ var PaymentRoutingProvider = (function (props) {
             case 28:
               return _context2.abrupt("return", newAmountBN);
 
-            case 29:
+            case 31:
+              if (lastAmountsIn[0].eq(lastAmountsIn[1]) && lastAmountsIn[1].eq(lastAmountsIn[2])) {
+                _context2.next = 46;
+                break;
+              }
+
+              // base slippage
+              _difference = lastAmountsIn[0].sub(lastAmountsIn[1]).abs();
+              _difference2 = lastAmountsIn[1].sub(lastAmountsIn[2]).abs();
+
+              if (_difference.lt(_difference2)) {
+                _slippage = _difference;
+              } else {
+                _slippage = _difference2;
+              }
+
+              if (lastAmountsIn[0].gt(lastAmountsIn[1]) && lastAmountsIn[0].gt(lastAmountsIn[2])) {
+                highestAmountBN = lastAmountsIn[0];
+              } else if (lastAmountsIn[1].gt(lastAmountsIn[2]) && lastAmountsIn[1].gt(lastAmountsIn[0])) {
+                highestAmountBN = lastAmountsIn[1];
+              } else {
+                highestAmountBN = lastAmountsIn[2];
+              }
+
+              _newAmountBN = highestAmountBN.add(_slippage);
+              _context2.next = 39;
+              return route.fromToken.readable(_newAmountBN);
+
+            case 39:
+              _readableAmount = _context2.sent;
+              _context2.next = 42;
+              return route.fromToken.BigNumber(round(_readableAmount));
+
+            case 42:
+              _roundedAmountBN = _context2.sent;
+
+              if (!(route.fromAmount == _roundedAmountBN.toString())) {
+                _context2.next = 45;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 45:
+              return _context2.abrupt("return", _newAmountBN);
+
+            case 46:
             case "end":
               return _context2.stop();
           }
@@ -20946,8 +20991,8 @@ var DonationOverviewDialog = (function (props) {
 });
 
 var PaymentErrorDialog = (function () {
-  var _useContext = useContext(NavigateStackContext),
-      navigate = _useContext.navigate;
+  var _useContext = useContext(ClosableContext),
+      close = _useContext.close;
 
   var _useContext2 = useContext(PaymentContext),
       transaction = _useContext2.transaction;
@@ -20956,7 +21001,7 @@ var PaymentErrorDialog = (function () {
       recover = _useContext3.recover;
 
   return /*#__PURE__*/React.createElement(Dialog$1, {
-    stacked: recover ? false : true,
+    stacked: false,
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM"
     }),
@@ -20987,7 +21032,7 @@ var PaymentErrorDialog = (function () {
     }, recover == undefined && /*#__PURE__*/React.createElement("button", {
       className: "ButtonPrimary",
       onClick: function onClick() {
-        return navigate('back');
+        return close();
       }
     }, "Try again"))
   });
@@ -21087,6 +21132,7 @@ var PaymentTrackingProvider = (function (props) {
 
   var _useContext2 = useContext(ConfigurationContext),
       track = _useContext2.track,
+      validated = _useContext2.validated,
       integration = _useContext2.integration,
       link = _useContext2.link,
       type = _useContext2.type;
@@ -21132,6 +21178,9 @@ var PaymentTrackingProvider = (function (props) {
   var _useContext3 = useContext(ClosableContext),
       setClosable = _useContext3.setClosable;
 
+  var _useContext4 = useContext(NavigateContext),
+      navigate = _useContext4.navigate;
+
   var openSocket = function openSocket(transaction) {
     var socket = new WebSocket('wss://integrate.depay.fi/cable');
 
@@ -21153,14 +21202,23 @@ var PaymentTrackingProvider = (function (props) {
     socket.onmessage = function (event) {
       var item = JSON.parse(event.data);
 
-      if (item.type === "ping") {
+      if (item.type === "ping" || !item.message) {
         return;
       }
 
-      if (item.message && item.message.release) {
+      if (item.message.status == 'failed') {
+        setClosable(true);
+        navigate('PaymentError');
+      }
+
+      if (validated) {
+        validated(item.message.status == 'success');
+      }
+
+      if (item.message.release) {
+        setRelease(true);
         setClosable(!item.message.forward_to);
         setForwardTo(item.message.forward_to);
-        setRelease(item.message.release);
         socket.close();
 
         if (!!item.message.forward_to) {
@@ -21222,8 +21280,10 @@ var PaymentTrackingProvider = (function (props) {
       after_block: afterBlock,
       from_token: paymentRoute.fromToken.address,
       from_amount: paymentRoute.fromAmount.toString(),
+      from_decimals: paymentRoute.fromDecimals,
       to_token: paymentRoute.toToken.address,
       to_amount: paymentRoute.toAmount.toString(),
+      to_decimals: paymentRoute.toDecimals,
       fee_amount: paymentRoute === null || paymentRoute === void 0 ? void 0 : (_paymentRoute$feeAmou = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou === void 0 ? void 0 : _paymentRoute$feeAmou.toString()
     }).then(function (response) {
       if (response.status != 200) {
@@ -21619,12 +21679,12 @@ var preflight$2 = /*#__PURE__*/function () {
 
 var Donation = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(_ref3) {
-    var amount, accept, event, sent, confirmed, failed, error, critical, style, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, document, unmount;
+    var amount, accept, event, sent, confirmed, validated, failed, error, critical, style, blacklist, providers, currency, connected, closed, track, fee, closable, integration, link, container, document, unmount;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            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, track = _ref3.track, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, document = _ref3.document;
+            amount = _ref3.amount, accept = _ref3.accept, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, validated = _ref3.validated, 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, track = _ref3.track, fee = _ref3.fee, closable = _ref3.closable, integration = _ref3.integration, link = _ref3.link, container = _ref3.container, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
@@ -21655,6 +21715,7 @@ var Donation = /*#__PURE__*/function () {
                     fee: fee,
                     sent: sent,
                     confirmed: confirmed,
+                    validated: validated,
                     failed: failed,
                     blacklist: blacklist,
                     providers: providers,
@@ -22138,12 +22199,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, link, container, before, document, unmount;
+    var accept, amount, event, sent, confirmed, validated, failed, error, critical, style, whitelist, blacklist, providers, currency, connected, closed, track, fee, recover, closable, integration, link, 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, link = _ref3.link, container = _ref3.container, before = _ref3.before, document = _ref3.document;
+            accept = _ref3.accept, amount = _ref3.amount, event = _ref3.event, sent = _ref3.sent, confirmed = _ref3.confirmed, validated = _ref3.validated, 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, link = _ref3.link, container = _ref3.container, before = _ref3.before, document = _ref3.document;
             requireReactVersion();
             _context2.prev = 2;
             _context2.next = 5;
@@ -22174,6 +22235,7 @@ var Payment = /*#__PURE__*/function () {
                     event: event,
                     sent: sent,
                     confirmed: confirmed,
+                    validated: validated,
                     failed: failed,
                     whitelist: whitelist,
                     blacklist: blacklist,