@depay/widgets 6.15.0 → 6.16.3

package/dist/esm/index.bundle.js

@@ -48843,6 +48843,10 @@ const submitSimpleTransfer = ({ transaction, wallet })=>{
 function _optionalChain$6(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 let connectedInstance;
 
+const getConnectedInstance = ()=>{
+  return connectedInstance
+};
+
 class WalletConnectWallet {
 
   static __initStatic() {this.info = {
@@ -48915,6 +48919,10 @@ class WalletConnectWallet {
 
   async connect(options) {
     try {
+      if(this.connector == undefined){
+        this.connector = this.newWalletConnectInstance();
+      }
+
       if(this.connector.connected) {
         await this.connector.killSession();
         connectedInstance = undefined;
@@ -48931,7 +48939,8 @@ class WalletConnectWallet {
       this.connectedChainId = chainId;
         
       return accounts
-    } catch (e) {
+    } catch (error) {
+      console.log('WALLETCONNECT ERROR', error);
       return []
     }
   }
@@ -49025,7 +49034,7 @@ const wallets = {
 const instances = {};
 
 const getWalletClass = function(){
-  if(connectedInstance) {
+  if(getConnectedInstance()) {
     return wallets.WalletConnect
   } else if (typeof window.ethereum === 'object' && window.ethereum.isMetaMask) {
     return wallets.MetaMask
@@ -49040,8 +49049,8 @@ const getWallet = function () {
   const walletClass = getWalletClass();
   const existingInstance = instances[walletClass];
 
-  if(connectedInstance) {
-    return connectedInstance
+  if(getConnectedInstance()) {
+    return getConnectedInstance()
   } else if(existingInstance) {
     return existingInstance
   } else if(walletClass) {
@@ -55315,17 +55324,21 @@ class Token {
     if (this.address == CONSTANTS$2[this.blockchain].NATIVE) {
       return CONSTANTS$2[this.blockchain].DECIMALS
     }
-    return await request(
-      {
-        blockchain: this.blockchain,
-        address: this.address,
-        method: 'decimals',
-      },
-      {
-        api: Token[this.blockchain].DEFAULT,
-        cache: 86400000, // 1 day
-      },
-    )
+    let decimals = 0;
+    try {
+      decimals = await request(
+        {
+          blockchain: this.blockchain,
+          address: this.address,
+          method: 'decimals',
+        },
+        {
+          api: Token[this.blockchain].DEFAULT,
+          cache: 86400000, // 1 day
+        },
+      );
+    } catch (e) {}
+    return decimals
   }
 
   async symbol() {
@@ -62471,7 +62484,7 @@ var PaymentProvider = (function (props) {
   var _useContext9 = react.useContext(PaymentTrackingContext),
       release = _useContext9.release,
       tracking = _useContext9.tracking,
-      initializeTracking = _useContext9.initializeTracking;
+      initializePaymentTracking = _useContext9.initializeTracking;
 
   var _useContext10 = react.useContext(TransactionTrackingContext),
       foundTransaction = _useContext10.foundTransaction,
@@ -62551,10 +62564,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);
@@ -67687,10 +67697,10 @@ class PaymentRoute {
     this.fromAddress = fromAddress;
     this.fromToken = fromToken;
     this.fromAmount = _optionalChain([fromAmount, 'optionalAccess', _ => _.toString, 'call', _2 => _2()]);
-    this.fromDecimals = _optionalChain([fromDecimals, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4()]);
+    this.fromDecimals = fromDecimals;
     this.fromBalance = 0;
     this.toToken = toToken;
-    this.toAmount = _optionalChain([toAmount, 'optionalAccess', _5 => _5.toString, 'call', _6 => _6()]);
+    this.toAmount = _optionalChain([toAmount, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4()]);
     this.toDecimals = toDecimals;
     this.toAddress = toAddress;
     this.toContract = toContract;
@@ -67754,12 +67764,14 @@ function convertToRoutes({ tokens, accept }) {
       if(configuration.token && configuration.amount) {
         let blockchain = configuration.blockchain;
         let toToken = new Token({ blockchain, address: configuration.token });
+        let fromDecimals = await fromToken.decimals();
         let toDecimals = await toToken.decimals();
         let toAmount = (await toToken.BigNumber(configuration.amount)).toString();
 
         return new PaymentRoute({
           blockchain,
           fromToken,
+          fromDecimals,
           toToken,
           toAmount,
           toDecimals,
@@ -67804,7 +67816,7 @@ async function route({ accept, whitelist, blacklist, apiKey, event, fee }) {
     .then(addApproval)
     .then(sortPaymentRoutes)
     .then((routes)=>addTransactions({ routes, event, fee }))
-    .then(addFromAmount)
+    .then(addRouteAmounts)
     .then(filterDuplicateFromTokens);
 
   return paymentRoutes
@@ -67937,16 +67949,19 @@ let addDirectTransferStatus = (routes) => {
   })
 };
 
-let addFromAmount = (routes)=> {
+let addRouteAmounts = (routes)=> {
   return routes.map((route)=>{
     if(route.directTransfer && !route.fee) {
       if(route.fromToken.address.toLowerCase() == CONSTANTS$2[route.blockchain].NATIVE.toLowerCase()) {
         route.fromAmount = route.transaction.value;
+        route.toAmount = route.transaction.value;
       } else {
         route.fromAmount = route.transaction.params[1];
+        route.toAmount = route.transaction.params[1];
       }
     } else {
       route.fromAmount = route.transaction.params.amounts[0];
+      route.toAmount = route.transaction.params.amounts[1];
     }
     return route
   })
@@ -68269,7 +68284,7 @@ var PaymentValueProvider = (function (props) {
         var paymentAmountInBN = BigNumber$4.from(payment.route.fromAmount);
         var divPercent = 100 - reverseAmountOutBN.mul(BigNumber$4.from('100')).div(paymentAmountInBN).abs().toString();
 
-        if (divPercent >= 5) {
+        if (divPercent > 5) {
           setPaymentValueLoss(divPercent);
         } else {
           setPaymentValueLoss(null);
@@ -70064,6 +70079,7 @@ let TokenImage = function(props){
 
   return(
     react.createElement('img', {
+      className:  props.className ,
       src:  src ,
       onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 51}}
     )
@@ -70920,11 +70936,11 @@ var PaymentTrackingProvider = (function (props) {
       paymentRoute = _useState6[0],
       setPaymentRoute = _useState6[1];
 
-  var _useState7 = react.useState(track && !!(track.endpoint || typeof track.method == 'function')),
+  var _useState7 = react.useState(!!(track && (track.endpoint || typeof track.method == 'function'))),
       _useState8 = _slicedToArray(_useState7, 1),
       tracking = _useState8[0];
 
-  var _useState9 = react.useState(track && track.poll && !!(track.poll.endpoint || typeof track.poll.method == 'function')),
+  var _useState9 = react.useState(!!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function'))),
       _useState10 = _slicedToArray(_useState9, 1),
       polling = _useState10[0];
 
@@ -70992,7 +71008,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 () {
@@ -71035,9 +71050,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) {
@@ -71101,7 +71114,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 ? formatUnits(paymentRoute.transaction.params.amounts[1], paymentRoute.toDecimals) : 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: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
+        },
+        fee_amount: paymentRoute.fee ? 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);

package/dist/esm/index.js

@@ -2317,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,
@@ -2397,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);
@@ -2821,7 +2818,7 @@ var PaymentValueProvider = (function (props) {
         var paymentAmountInBN = ethers.BigNumber.from(payment.route.fromAmount);
         var divPercent = 100 - reverseAmountOutBN.mul(ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
 
-        if (divPercent >= 5) {
+        if (divPercent > 5) {
           setPaymentValueLoss(divPercent);
         } else {
           setPaymentValueLoss(null);
@@ -3758,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];
 
@@ -3830,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 () {
@@ -3873,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) {
@@ -3939,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);

package/dist/umd/index.bundle.js

@@ -48849,6 +48849,10 @@
   function _optionalChain$6(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
   let connectedInstance;
 
+  const getConnectedInstance = ()=>{
+    return connectedInstance
+  };
+
   class WalletConnectWallet {
 
     static __initStatic() {this.info = {
@@ -48921,6 +48925,10 @@
 
     async connect(options) {
       try {
+        if(this.connector == undefined){
+          this.connector = this.newWalletConnectInstance();
+        }
+
         if(this.connector.connected) {
           await this.connector.killSession();
           connectedInstance = undefined;
@@ -48937,7 +48945,8 @@
         this.connectedChainId = chainId;
           
         return accounts
-      } catch (e) {
+      } catch (error) {
+        console.log('WALLETCONNECT ERROR', error);
         return []
       }
     }
@@ -49031,7 +49040,7 @@
   const instances = {};
 
   const getWalletClass = function(){
-    if(connectedInstance) {
+    if(getConnectedInstance()) {
       return wallets.WalletConnect
     } else if (typeof window.ethereum === 'object' && window.ethereum.isMetaMask) {
       return wallets.MetaMask
@@ -49046,8 +49055,8 @@
     const walletClass = getWalletClass();
     const existingInstance = instances[walletClass];
 
-    if(connectedInstance) {
-      return connectedInstance
+    if(getConnectedInstance()) {
+      return getConnectedInstance()
     } else if(existingInstance) {
       return existingInstance
     } else if(walletClass) {
@@ -55321,17 +55330,21 @@
       if (this.address == CONSTANTS$2[this.blockchain].NATIVE) {
         return CONSTANTS$2[this.blockchain].DECIMALS
       }
-      return await request(
-        {
-          blockchain: this.blockchain,
-          address: this.address,
-          method: 'decimals',
-        },
-        {
-          api: Token[this.blockchain].DEFAULT,
-          cache: 86400000, // 1 day
-        },
-      )
+      let decimals = 0;
+      try {
+        decimals = await request(
+          {
+            blockchain: this.blockchain,
+            address: this.address,
+            method: 'decimals',
+          },
+          {
+            api: Token[this.blockchain].DEFAULT,
+            cache: 86400000, // 1 day
+          },
+        );
+      } catch (e) {}
+      return decimals
     }
 
     async symbol() {
@@ -62477,7 +62490,7 @@
     var _useContext9 = react.useContext(PaymentTrackingContext),
         release = _useContext9.release,
         tracking = _useContext9.tracking,
-        initializeTracking = _useContext9.initializeTracking;
+        initializePaymentTracking = _useContext9.initializeTracking;
 
     var _useContext10 = react.useContext(TransactionTrackingContext),
         foundTransaction = _useContext10.foundTransaction,
@@ -62557,10 +62570,7 @@
                   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);
@@ -67693,10 +67703,10 @@
       this.fromAddress = fromAddress;
       this.fromToken = fromToken;
       this.fromAmount = _optionalChain([fromAmount, 'optionalAccess', _ => _.toString, 'call', _2 => _2()]);
-      this.fromDecimals = _optionalChain([fromDecimals, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4()]);
+      this.fromDecimals = fromDecimals;
       this.fromBalance = 0;
       this.toToken = toToken;
-      this.toAmount = _optionalChain([toAmount, 'optionalAccess', _5 => _5.toString, 'call', _6 => _6()]);
+      this.toAmount = _optionalChain([toAmount, 'optionalAccess', _3 => _3.toString, 'call', _4 => _4()]);
       this.toDecimals = toDecimals;
       this.toAddress = toAddress;
       this.toContract = toContract;
@@ -67760,12 +67770,14 @@
         if(configuration.token && configuration.amount) {
           let blockchain = configuration.blockchain;
           let toToken = new Token({ blockchain, address: configuration.token });
+          let fromDecimals = await fromToken.decimals();
           let toDecimals = await toToken.decimals();
           let toAmount = (await toToken.BigNumber(configuration.amount)).toString();
 
           return new PaymentRoute({
             blockchain,
             fromToken,
+            fromDecimals,
             toToken,
             toAmount,
             toDecimals,
@@ -67810,7 +67822,7 @@
       .then(addApproval)
       .then(sortPaymentRoutes)
       .then((routes)=>addTransactions({ routes, event, fee }))
-      .then(addFromAmount)
+      .then(addRouteAmounts)
       .then(filterDuplicateFromTokens);
 
     return paymentRoutes
@@ -67943,16 +67955,19 @@
     })
   };
 
-  let addFromAmount = (routes)=> {
+  let addRouteAmounts = (routes)=> {
     return routes.map((route)=>{
       if(route.directTransfer && !route.fee) {
         if(route.fromToken.address.toLowerCase() == CONSTANTS$2[route.blockchain].NATIVE.toLowerCase()) {
           route.fromAmount = route.transaction.value;
+          route.toAmount = route.transaction.value;
         } else {
           route.fromAmount = route.transaction.params[1];
+          route.toAmount = route.transaction.params[1];
         }
       } else {
         route.fromAmount = route.transaction.params.amounts[0];
+        route.toAmount = route.transaction.params.amounts[1];
       }
       return route
     })
@@ -68275,7 +68290,7 @@
           var paymentAmountInBN = BigNumber$4.from(payment.route.fromAmount);
           var divPercent = 100 - reverseAmountOutBN.mul(BigNumber$4.from('100')).div(paymentAmountInBN).abs().toString();
 
-          if (divPercent >= 5) {
+          if (divPercent > 5) {
             setPaymentValueLoss(divPercent);
           } else {
             setPaymentValueLoss(null);
@@ -70070,6 +70085,7 @@
 
     return(
       react.createElement('img', {
+        className:  props.className ,
         src:  src ,
         onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 51}}
       )
@@ -70926,11 +70942,11 @@
         paymentRoute = _useState6[0],
         setPaymentRoute = _useState6[1];
 
-    var _useState7 = react.useState(track && !!(track.endpoint || typeof track.method == 'function')),
+    var _useState7 = react.useState(!!(track && (track.endpoint || typeof track.method == 'function'))),
         _useState8 = _slicedToArray(_useState7, 1),
         tracking = _useState8[0];
 
-    var _useState9 = react.useState(track && track.poll && !!(track.poll.endpoint || typeof track.poll.method == 'function')),
+    var _useState9 = react.useState(!!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function'))),
         _useState10 = _slicedToArray(_useState9, 1),
         polling = _useState10[0];
 
@@ -70998,7 +71014,6 @@
 
     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 () {
@@ -71041,9 +71056,7 @@
         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) {
@@ -71107,7 +71120,56 @@
       };
     }, [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 ? formatUnits(paymentRoute.transaction.params.amounts[1], paymentRoute.toDecimals) : 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: formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
+          },
+          fee_amount: paymentRoute.fee ? 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);

package/dist/umd/index.js

@@ -2312,7 +2312,7 @@
     var _useContext9 = React.useContext(PaymentTrackingContext),
         release = _useContext9.release,
         tracking = _useContext9.tracking,
-        initializeTracking = _useContext9.initializeTracking;
+        initializePaymentTracking = _useContext9.initializeTracking;
 
     var _useContext10 = React.useContext(TransactionTrackingContext),
         foundTransaction = _useContext10.foundTransaction,
@@ -2392,10 +2392,7 @@
                   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);
@@ -2816,7 +2813,7 @@
           var paymentAmountInBN = ethers.ethers.BigNumber.from(payment.route.fromAmount);
           var divPercent = 100 - reverseAmountOutBN.mul(ethers.ethers.BigNumber.from('100')).div(paymentAmountInBN).abs().toString();
 
-          if (divPercent >= 5) {
+          if (divPercent > 5) {
             setPaymentValueLoss(divPercent);
           } else {
             setPaymentValueLoss(null);
@@ -3753,11 +3750,11 @@
         paymentRoute = _useState6[0],
         setPaymentRoute = _useState6[1];
 
-    var _useState7 = React.useState(track && !!(track.endpoint || typeof track.method == 'function')),
+    var _useState7 = React.useState(!!(track && (track.endpoint || typeof track.method == 'function'))),
         _useState8 = _slicedToArray(_useState7, 1),
         tracking = _useState8[0];
 
-    var _useState9 = React.useState(track && track.poll && !!(track.poll.endpoint || typeof track.poll.method == 'function')),
+    var _useState9 = React.useState(!!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function'))),
         _useState10 = _slicedToArray(_useState9, 1),
         polling = _useState10[0];
 
@@ -3825,7 +3822,6 @@
 
     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 () {
@@ -3868,9 +3864,7 @@
         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) {
@@ -3934,7 +3928,56 @@
       };
     }, [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.ethers.utils.formatUnits(paymentRoute.transaction.params.amounts[1], paymentRoute.toDecimals) : ethers.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.ethers.utils.formatUnits(paymentRoute.fromAmount, paymentRoute.fromDecimals)
+          },
+          fee_amount: paymentRoute.fee ? ethers.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);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.15.0",
+  "version": "6.16.3",
   "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",
@@ -43,9 +43,9 @@
     "@depay/web3-client": "^8.0.0",
     "@depay/web3-constants": "^5.0.0",
     "@depay/web3-exchanges": "^8.1.0",
-    "@depay/web3-payments": "^9.3.0",
-    "@depay/web3-tokens": "^8.0.0",
-    "@depay/web3-wallets": "^9.0.0",
+    "@depay/web3-payments": "^9.3.3",
+    "@depay/web3-tokens": "^8.0.1",
+    "@depay/web3-wallets": "^9.0.2",
     "decimal.js": "^10.3.1",
     "react-rangeslider": "^2.2.0"
   },
@@ -60,7 +60,7 @@
     "@babel/preset-env": "^7.12.7",
     "@babel/preset-react": "^7.12.7",
     "@cypress/react": "^5.9.1",
-    "@depay/web3-mock": "^11.6.0",
+    "@depay/web3-mock": "^11.6.2",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.1.1",