@depay/widgets 6.13.0 → 6.16.0

package/dist/esm/index.js

@@ -2021,13 +2021,14 @@ var WalletContext = /*#__PURE__*/React.createContext();
 var ChangableAmountProvider = (function (props) {
   var configurationsMissAmounts = function configurationsMissAmounts(configurations) {
     return !configurations.every(function (configuration) {
-      return typeof configuration.amount != 'undefined';
+      return typeof configuration.amount != 'undefined' || typeof configuration.fromAmount != 'undefined';
     });
   };
 
   var _useContext = useContext(ConfigurationContext),
-      amountConfiguration = _useContext.amount,
-      recover = _useContext.recover;
+      amountConfiguration = _useContext.amount;
+      _useContext.toAmount;
+      var recover = _useContext.recover;
 
   var _useState = useState(recover == undefined ? configurationsMissAmounts(props.accept) : false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -2316,7 +2317,7 @@ var PaymentProvider = (function (props) {
   var _useContext9 = useContext(PaymentTrackingContext),
       release = _useContext9.release,
       tracking = _useContext9.tracking,
-      initializeTracking = _useContext9.initializeTracking;
+      initializePaymentTracking = _useContext9.initializeTracking;
 
   var _useContext10 = useContext(TransactionTrackingContext),
       foundTransaction = _useContext10.foundTransaction,
@@ -2396,10 +2397,7 @@ var PaymentProvider = (function (props) {
                 confirmed: paymentConfirmed,
                 failed: paymentFailed
               })).then(function (sentTransaction) {
-                if (tracking) {
-                  initializeTracking(sentTransaction, currentBlock, payment.route);
-                }
-
+                initializePaymentTracking(sentTransaction, currentBlock, payment.route);
                 setTransaction(sentTransaction);
               })["catch"](function (error) {
                 console.log('error', error);
@@ -2768,15 +2766,20 @@ var PaymentValueProvider = (function (props) {
       paymentValue = _useState2[0],
       setPaymentValue = _useState2[1];
 
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      paymentValueLoss = _useState4[0],
+      setPaymentValueLoss = _useState4[1];
+
   var _useContext5 = useContext(ConfigurationContext),
       currency = _useContext5.currency;
 
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      reloadCount = _useState4[0],
-      setReloadCount = _useState4[1];
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      reloadCount = _useState6[0],
+      setReloadCount = _useState6[1];
 
-  var getToTokenLocalValue = function getToTokenLocalValue(_ref) {
+  var updatePaymentValue = function updatePaymentValue(_ref) {
     var updatable = _ref.updatable,
         payment = _ref.payment;
 
@@ -2791,29 +2794,51 @@ var PaymentValueProvider = (function (props) {
       amountIn: payment.route.toAmount,
       fromAddress: account,
       toAddress: account
-    }), new Token({
+    }), !payment.route.directTransfer ? route({
+      blockchain: payment.route.blockchain,
+      tokenIn: payment.route.toToken.address,
+      tokenOut: payment.route.fromToken.address,
+      amountIn: payment.route.toAmount,
+      fromAddress: account,
+      toAddress: account
+    }) : Promise.resolve([]), new Token({
       blockchain: payment.route.blockchain,
       address: CONSTANTS[payment.route.blockchain].USD
     }).decimals()]).then(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-          USDExchangeRoutes = _ref3[0],
-          USDDecimals = _ref3[1];
+      var _ref3 = _slicedToArray(_ref2, 3),
+          toTokenUSDExchangeRoutes = _ref3[0],
+          reverseRoutes = _ref3[1],
+          USDDecimals = _ref3[2];
 
-      var USDRoute = USDExchangeRoutes[0];
-      var USDAmount;
+      var toTokenUSDRoute = toTokenUSDExchangeRoutes[0];
+      var reverseRoute = reverseRoutes[0];
+
+      if (reverseRoute) {
+        var reverseAmountOutBN = ethers.BigNumber.from(reverseRoute.amountOut);
+        var paymentAmountInBN = ethers.BigNumber.from(payment.route.fromAmount);
+        var divPercent = 100 - reverseAmountOutBN.mul(ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
+
+        if (divPercent >= 5) {
+          setPaymentValueLoss(divPercent);
+        } else {
+          setPaymentValueLoss(null);
+        }
+      }
+
+      var toTokenUSDAmount;
 
       if (payment.route.toToken.address.toLowerCase() == CONSTANTS[payment.route.blockchain].USD.toLowerCase()) {
-        USDAmount = payment.route.toAmount.toString();
-      } else if (USDRoute == undefined) {
+        toTokenUSDAmount = payment.route.toAmount.toString();
+      } else if (toTokenUSDRoute == undefined) {
         setPaymentValue('');
         return;
       } else {
-        USDAmount = USDRoute.amountOut.toString();
+        toTokenUSDAmount = toTokenUSDRoute.amountOut.toString();
       }
 
-      var USDValue = ethers.utils.formatUnits(USDAmount, USDDecimals);
+      var toTokenUSDValue = ethers.utils.formatUnits(toTokenUSDAmount, USDDecimals);
       Currency.fromUSD({
-        amount: USDValue,
+        amount: toTokenUSDValue,
         code: currency,
         apiKey: apiKey
       }).then(setPaymentValue)["catch"](setError);
@@ -2822,7 +2847,7 @@ var PaymentValueProvider = (function (props) {
 
   useEffect(function () {
     if (account && payment) {
-      getToTokenLocalValue({
+      updatePaymentValue({
         updatable: updatable,
         payment: payment
       });
@@ -2831,7 +2856,7 @@ var PaymentValueProvider = (function (props) {
   useEffect(function () {
     var timeout = setTimeout(function () {
       setReloadCount(reloadCount + 1);
-      getToTokenLocalValue({
+      updatePaymentValue({
         updatable: updatable
       });
     }, 15000);
@@ -2841,7 +2866,8 @@ var PaymentValueProvider = (function (props) {
   }, [reloadCount, updatable]);
   return /*#__PURE__*/React.createElement(PaymentValueContext.Provider, {
     value: {
-      paymentValue: paymentValue
+      paymentValue: paymentValue,
+      paymentValueLoss: paymentValueLoss
     }
   }, props.children);
 });
@@ -3275,7 +3301,8 @@ var Footer = (function () {
       approvalTransaction = _useContext4.approvalTransaction;
 
   var _useContext5 = useContext(PaymentValueContext),
-      paymentValue = _useContext5.paymentValue;
+      paymentValue = _useContext5.paymentValue,
+      paymentValueLoss = _useContext5.paymentValueLoss;
 
   var _useContext6 = useContext(NavigateStackContext);
       _useContext6.navigate;
@@ -3421,7 +3448,16 @@ var Footer = (function () {
       displayedAmount = "".concat(payment.symbol, " ").concat(payment.amount);
     }
 
-    if ((paymentState == 'initialized' || paymentState == 'approving') && payment.route) {
+    if (paymentValueLoss) {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        className: "PaddingBottomXS"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "Alert"
+      }, /*#__PURE__*/React.createElement("strong", null, "Payment token would lose ", paymentValueLoss, "% of it's value!"))), /*#__PURE__*/React.createElement("button", {
+        className: "ButtonPrimary disabled",
+        onClick: function onClick() {}
+      }, "Pay ", displayedAmount));
+    } else if ((paymentState == 'initialized' || paymentState == 'approving') && payment.route) {
       return /*#__PURE__*/React.createElement("button", {
         className: ["ButtonPrimary", payment.route.approvalRequired && !payment.route.directTransfer ? 'disabled' : ''].join(' '),
         onClick: function onClick() {
@@ -3719,11 +3755,11 @@ var PaymentTrackingProvider = (function (props) {
       paymentRoute = _useState6[0],
       setPaymentRoute = _useState6[1];
 
-  var _useState7 = useState(track && !!(track.endpoint || typeof track.method == 'function')),
+  var _useState7 = useState(!!(track && (track.endpoint || typeof track.method == 'function'))),
       _useState8 = _slicedToArray(_useState7, 1),
       tracking = _useState8[0];
 
-  var _useState9 = useState(track && track.poll && !!(track.poll.endpoint || typeof track.poll.method == 'function')),
+  var _useState9 = useState(!!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function'))),
       _useState10 = _slicedToArray(_useState9, 1),
       polling = _useState10[0];
 
@@ -3791,7 +3827,6 @@ var PaymentTrackingProvider = (function (props) {
 
   var retryStartTracking = function retryStartTracking(transaction, afterBlock, paymentRoute, attempt) {
     attempt = parseInt(attempt || 1, 10);
-    console.log('RETRYING PAYMENT TRACKING ATTEMPT ', attempt);
 
     if (attempt < 3) {
       setTimeout(function () {
@@ -3834,9 +3869,7 @@ var PaymentTrackingProvider = (function (props) {
       after_block: afterBlock,
       to_token: paymentRoute.toToken.address
     }).then(function (response) {
-      if (response.status == 200) {
-        console.log('PAYMENT TRACKING INITIALIZED');
-      } else {
+      if (response.status != 200) {
         retryStartTracking(transaction, afterBlock, paymentRoute, attempt);
       }
     })["catch"](function (error) {
@@ -3900,7 +3933,56 @@ var PaymentTrackingProvider = (function (props) {
     };
   }, [polling, transaction, afterBlock, paymentRoute]);
 
+  var storePayment = function storePayment(transaction, afterBlock, paymentRoute, attempt) {
+    if (attempt > 3) {
+      return;
+    }
+
+    fetch('https://api.depay.fi/v2/payments', {
+      method: 'POST',
+      headers: {
+        'X-Api-Key': apiKey,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        blockchain: transaction.blockchain,
+        transaction: transaction.id,
+        sender: transaction.from.toLowerCase(),
+        nonce: transaction.nonce,
+        receiver: paymentRoute.toAddress,
+        token: paymentRoute.toToken.address,
+        amount: paymentRoute.fee ? ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[1], paymentRoute.toDecimals) : ethers.utils.formatUnits(paymentRoute.toAmount, paymentRoute.toDecimals),
+        confirmations: 1,
+        after_block: afterBlock,
+        uuid: transaction.id,
+        payload: {
+          sender_id: transaction.from.toLowerCase(),
+          sender_token_id: paymentRoute.fromToken.address,
+          sender_amount: ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
+        },
+        fee_amount: paymentRoute.fee ? ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[4], paymentRoute.toDecimals) : null,
+        fee_receiver: paymentRoute.fee ? paymentRoute.transaction.params.addresses[1] : null
+      })
+    }).then(function (response) {
+      if (response.status == 200 || response.status == 201) ; else {
+        setTimeout(function () {
+          storePayment(transaction, afterBlock, paymentRoute, attempt + 1);
+        }, 3000);
+      }
+    })["catch"](function (error) {
+      setTimeout(function () {
+        storePayment(transaction, afterBlock, paymentRoute, attempt + 1);
+      }, 3000);
+    });
+  };
+
   var initializeTracking = function initializeTracking(transaction, afterBlock, paymentRoute) {
+    storePayment(transaction, afterBlock, paymentRoute, 1);
+
+    if (tracking == false) {
+      return;
+    }
+
     setTransaction(transaction);
     setAfterBlock(afterBlock);
     setPaymentRoute(paymentRoute);
@@ -4068,8 +4150,11 @@ var TransactionTrackingProvider = (function (props) {
 });
 
 var WalletProvider = (function (props) {
-  var _useContext = useContext(ErrorContext);
-      _useContext.setError;
+  var _useContext = useContext(ConfigurationContext),
+      recover = _useContext.recover;
+
+  var _useContext2 = useContext(ErrorContext);
+      _useContext2.setError;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -4098,7 +4183,7 @@ var WalletProvider = (function (props) {
     }
   };
 
-  if (walletState == 'connected') {
+  if (walletState == 'connected' || recover != undefined) {
     return /*#__PURE__*/React.createElement(WalletContext.Provider, {
       value: {
         account: account,
@@ -4630,10 +4715,14 @@ var preflight$1 = /*#__PURE__*/function () {
                 throw 'You need to set a supported blockchain!';
               }
 
-              if (typeof configuration.token === 'undefined') {
+              if (typeof configuration.token === 'undefined' && typeof configuration.fromToken === 'undefined' && typeof configuration.fromAmount === 'undefined' && typeof configuration.toToken === 'undefined') {
                 throw 'You need to set the token you want to receive as payment!';
               }
 
+              if (typeof configuration.token === 'undefined' && typeof configuration.fromToken !== 'undefined' && typeof configuration.fromAmount === 'undefined' && typeof configuration.toToken === 'undefined') {
+                throw 'You need to set the fromToken, fromAmount and toToken!';
+              }
+
               if (typeof configuration.receiver === 'undefined') {
                 throw 'You need to set the receiver address that you want to receive the payment!';
               }