@depay/widgets 12.3.15 → 12.3.17

package/dist/esm/index.js

@@ -22666,7 +22666,7 @@ var SelectWalletDialog = (function (props) {
       }, {
         label: "Wallet missing?",
         action: function action() {
-          window.open('mailto:support@depay.com?subject=Add wallet&body=Can you please add the following wallet: [ENTER YOUR WALLET HERE]?', '_blank');
+          window.open('mailto:support@depay.com?subject=Add wallet&body=Please enter the name of the wallet you want us to add:', '_blank');
         }
       }]
     })),
@@ -25727,7 +25727,8 @@ var PaymentProvider = (function (props) {
   };
   var pay = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-      var transaction, stop, currentBlock;
+      var _transaction$params;
+      var transaction, stop, currentBlock, deadline;
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -25766,25 +25767,26 @@ var PaymentProvider = (function (props) {
             });
           case 18:
             currentBlock = _context2.sent;
-            _context2.next = 21;
-            return trace(currentBlock, payment.route, transaction).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+            deadline = transaction.deadline || (transaction === null || transaction === void 0 || (_transaction$params = transaction.params) === null || _transaction$params === void 0 || (_transaction$params = _transaction$params.payment) === null || _transaction$params === void 0 ? void 0 : _transaction$params.deadline);
+            _context2.next = 22;
+            return trace(currentBlock, payment.route, transaction, deadline).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
               return regenerator.wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     setClosable(false);
                     _context.next = 3;
                     return wallet.sendTransaction(Object.assign({}, transaction, {
-                      sent: function sent(transaction) {
-                        initializeTransactionTracking(transaction, currentBlock);
+                      sent: function sent(sentTransaction) {
+                        initializeTransactionTracking(sentTransaction, currentBlock, deadline);
                         if (_sent) {
-                          _sent(transaction);
+                          _sent(sentTransaction);
                         }
                       },
                       succeeded: paymentSucceeded,
                       failed: paymentFailed
                     })).then(function (sentTransaction) {
                       setTransaction(sentTransaction);
-                      initializePaymentTracking(sentTransaction, currentBlock, payment.route);
+                      initializePaymentTracking(sentTransaction, currentBlock, payment.route, deadline);
                     })["catch"](function (error) {
                       console.log('error', error);
                       setPaymentState('initialized');
@@ -25806,7 +25808,7 @@ var PaymentProvider = (function (props) {
               setUpdatable(true);
               navigate('TracingFailed');
             });
-          case 21:
+          case 22:
           case "end":
             return _context2.stop();
         }
@@ -26607,7 +26609,7 @@ var Footer = (function () {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
         className: "Card transparent small",
         title: "DePay has validated the payment",
-        href: "https://depay.com/docs/payments/validation",
+        href: "https://status.depay.com/tx/".concat(transaction.blockchain, "/").concat(transaction.id),
         target: "_blank",
         rel: "noopener noreferrer"
       }, /*#__PURE__*/React.createElement("div", {
@@ -26626,8 +26628,8 @@ var Footer = (function () {
     } else {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
         className: "Card transparent small",
-        title: "DePay is validating payment",
-        href: "https://depay.com/docs/payments/validation",
+        title: "DePay is validating the payment",
+        href: "https://status.depay.com/tx/".concat(transaction.blockchain, "/").concat(transaction.id),
         target: "_blank",
         rel: "noopener noreferrer"
       }, /*#__PURE__*/React.createElement("div", {
@@ -27289,53 +27291,59 @@ var PaymentTrackingProvider = (function (props) {
     wallet = _useContext3.wallet;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    transaction = _useState2[0],
-    setTransaction = _useState2[1];
+    deadline = _useState2[0],
+    setDeadline = _useState2[1];
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    confirmationsRequired = _useState4[0],
-    setConfirmationsRequired = _useState4[1];
+    transaction = _useState4[0],
+    setTransaction = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    confirmationsPassed = _useState6[0],
-    setConfirmationsPassed = _useState6[1];
+    confirmationsRequired = _useState6[0],
+    setConfirmationsRequired = _useState6[1];
   var _useState7 = useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    afterBlock = _useState8[0],
-    setAfterBlock = _useState8[1];
+    confirmationsPassed = _useState8[0],
+    setConfirmationsPassed = _useState8[1];
   var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2);
-    _useState10[0];
-    _useState10[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    afterBlock = _useState10[0],
+    setAfterBlock = _useState10[1];
   var _useState11 = useState(),
-    _useState12 = _slicedToArray(_useState11, 2),
-    paymentRoute = _useState12[0],
-    setPaymentRoute = _useState12[1];
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    _useState12[1];
   var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    attemptId = _useState14[0],
-    setAttemptId = _useState14[1];
-  var _useState15 = useState(false),
+    paymentRoute = _useState14[0],
+    setPaymentRoute = _useState14[1];
+  var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    trackingInitialized = _useState16[0],
-    setTrackingInitialized = _useState16[1];
-  var _useState17 = useState(!!configurationId || !!(track && (track.endpoint || typeof track.method == 'function') && track.async != true)),
-    _useState18 = _slicedToArray(_useState17, 1),
-    synchronousTracking = _useState18[0];
-  var _useState19 = useState(!configurationId && !!(track && track.async == true)),
+    attemptId = _useState16[0],
+    setAttemptId = _useState16[1];
+  var attemptIdRef = useRef(attemptId);
+  attemptIdRef.current = attemptId;
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    trackingInitialized = _useState18[0],
+    setTrackingInitialized = _useState18[1];
+  var _useState19 = useState(!!configurationId || !!(track && (track.endpoint || typeof track.method == 'function') && track.async != true)),
     _useState20 = _slicedToArray(_useState19, 1),
-    asynchronousTracking = _useState20[0];
-  var _useState21 = useState(!!configurationId || !!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function') && track.async != true)),
+    synchronousTracking = _useState20[0];
+  var _useState21 = useState(!configurationId && !!(track && track.async == true)),
     _useState22 = _slicedToArray(_useState21, 1),
-    polling = _useState22[0];
-  var _useState23 = useState(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    release = _useState24[0],
-    setRelease = _useState24[1];
-  var _useState25 = useState(),
+    asynchronousTracking = _useState22[0];
+  var _useState23 = useState(!!configurationId || !!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function') && track.async != true)),
+    _useState24 = _slicedToArray(_useState23, 1),
+    polling = _useState24[0];
+  var _useState25 = useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    forwardTo = _useState26[0],
-    setForwardTo = _useState26[1];
+    release = _useState26[0],
+    setRelease = _useState26[1];
+  var _useState27 = useState(),
+    _useState28 = _slicedToArray(_useState27, 2),
+    forwardTo = _useState28[0],
+    setForwardTo = _useState28[1];
   var _useContext4 = useContext(ClosableContext),
     setClosable = _useContext4.setClosable;
   var _useContext5 = useContext(NavigateContext),
@@ -27419,18 +27427,18 @@ var PaymentTrackingProvider = (function (props) {
       console.log('WebSocket Error: ', error);
     };
   };
-  var retryStartTracking = function retryStartTracking(transaction, afterBlock, paymentRoute, attempt) {
+  var retryStartTracking = function retryStartTracking(transaction, afterBlock, paymentRoute, deadline, attempt) {
     attempt = parseInt(attempt || 1, 10);
     if (attempt < ((track === null || track === void 0 ? void 0 : track.attempts) || 40)) {
       setTimeout(function () {
-        startTracking(transaction, afterBlock, paymentRoute, attempt + 1);
+        startTracking(transaction, afterBlock, paymentRoute, deadline, attempt + 1);
       }, 3000);
     } else {
       navigate('TrackingFailed');
     }
   };
   var continueTryTracking = function continueTryTracking() {
-    retryStartTracking(transaction, afterBlock, paymentRoute, 1);
+    retryStartTracking(transaction, afterBlock, paymentRoute, deadline, 1);
   };
   var callTracking = function callTracking(payment) {
     if (configurationId) {
@@ -27471,7 +27479,7 @@ var PaymentTrackingProvider = (function (props) {
     }
   };
   var startTracking = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(transaction, afterBlock, paymentRoute, attempt) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(transaction, afterBlock, paymentRoute, deadline, attempt) {
       var _paymentRoute$feeAmou;
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -27496,8 +27504,9 @@ var PaymentTrackingProvider = (function (props) {
             _context2.t10 = paymentRoute.toAmount.toString();
             _context2.t11 = paymentRoute.toDecimals;
             _context2.t12 = paymentRoute === null || paymentRoute === void 0 || (_paymentRoute$feeAmou = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou === void 0 ? void 0 : _paymentRoute$feeAmou.toString();
-            _context2.t13 = transaction.deadline;
-            _context2.t14 = {
+            _context2.t13 = attemptIdRef.current;
+            _context2.t14 = deadline;
+            _context2.t15 = {
               blockchain: _context2.t1,
               transaction: _context2.t2,
               sender: _context2.t3,
@@ -27510,25 +27519,26 @@ var PaymentTrackingProvider = (function (props) {
               to_amount: _context2.t10,
               to_decimals: _context2.t11,
               fee_amount: _context2.t12,
-              deadline: _context2.t13
+              trace_attempt_id: _context2.t13,
+              deadline: _context2.t14
             };
-            (0, _context2.t0)(_context2.t14).then(function (response) {
+            (0, _context2.t0)(_context2.t15).then(function (response) {
               setTrackingInitialized(true);
             })["catch"](function (error) {
-              retryStartTracking(transaction, afterBlock, paymentRoute, attempt);
+              retryStartTracking(transaction, afterBlock, paymentRoute, deadline, attempt);
             });
-          case 18:
+          case 19:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
-    return function startTracking(_x2, _x3, _x4, _x5) {
+    return function startTracking(_x2, _x3, _x4, _x5, _x6) {
       return _ref2.apply(this, arguments);
     };
   }();
   var pollStatus = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(polling, transaction, afterBlock, paymentRoute, pollingInterval) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(polling, transaction, afterBlock, paymentRoute, pollingInterval, attemptId) {
       var payment, handlePollingResponse;
       return regenerator.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -27615,7 +27625,7 @@ var PaymentTrackingProvider = (function (props) {
         }
       }, _callee3);
     }));
-    return function pollStatus(_x6, _x7, _x8, _x9, _x10) {
+    return function pollStatus(_x7, _x8, _x9, _x10, _x11, _x12) {
       return _ref3.apply(this, arguments);
     };
   }();
@@ -27632,14 +27642,14 @@ var PaymentTrackingProvider = (function (props) {
       return;
     }
     var pollingInterval = setInterval(function () {
-      return pollStatus(polling, transaction, afterBlock, paymentRoute, pollingInterval);
+      return pollStatus(polling, transaction, afterBlock, paymentRoute, pollingInterval, attemptId);
     }, 5000);
     return function () {
       clearInterval(pollingInterval);
     };
-  }, [polling, transaction, afterBlock, paymentRoute]);
+  }, [polling, transaction, afterBlock, attemptId, paymentRoute]);
   var storePayment = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(transaction, afterBlock, paymentRoute) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(transaction, afterBlock, paymentRoute, deadline) {
       return regenerator.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -27674,7 +27684,7 @@ var PaymentTrackingProvider = (function (props) {
             };
             _context4.t13 = paymentRoute.fee ? ethers.utils.formatUnits(paymentRoute.feeAmount, paymentRoute.toDecimals) : null;
             _context4.t14 = paymentRoute.fee ? paymentRoute.fee.receiver : null;
-            _context4.t15 = transaction.deadline;
+            _context4.t15 = deadline;
             _context4.t16 = {
               blockchain: _context4.t3,
               transaction: _context4.t4,
@@ -27700,12 +27710,12 @@ var PaymentTrackingProvider = (function (props) {
             (0, _context4.t0)('https://public.depay.com/payments', _context4.t18).then(function (response) {
               if (response.status == 200 || response.status == 201) ; else {
                 setTimeout(function () {
-                  storePayment(transaction, afterBlock, paymentRoute);
+                  storePayment(transaction, afterBlock, paymentRoute, deadline);
                 }, 3000);
               }
             })["catch"](function (error) {
               setTimeout(function () {
-                storePayment(transaction, afterBlock, paymentRoute);
+                storePayment(transaction, afterBlock, paymentRoute, deadline);
               }, 3000);
             });
           case 22:
@@ -27714,24 +27724,26 @@ var PaymentTrackingProvider = (function (props) {
         }
       }, _callee4);
     }));
-    return function storePayment(_x11, _x12, _x13) {
+    return function storePayment(_x13, _x14, _x15, _x16) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var initializeTracking = function initializeTracking(transaction, afterBlock, paymentRoute) {
-    storePayment(transaction, afterBlock, paymentRoute);
+  var initializeTracking = function initializeTracking(transaction, afterBlock, paymentRoute, deadline) {
+    storePayment(transaction, afterBlock, paymentRoute, deadline);
     if (synchronousTracking || track && track.async == true) {
-      startTracking(transaction, afterBlock, paymentRoute);
+      startTracking(transaction, afterBlock, paymentRoute, deadline);
     }
     if (synchronousTracking == false) {
       return;
     }
+    setDeadline(deadline);
     setTransaction(transaction);
     setAfterBlock(afterBlock);
     setPaymentRoute(paymentRoute);
     openSocket(transaction);
   };
-  var trace = function trace(afterBlock, paymentRoute, transaction) {
+  var trace = function trace(afterBlock, paymentRoute, transaction, deadline) {
+    setAttemptId(); // reset attemptId in case payment is retried
     if (!synchronousTracking && !asynchronousTracking) {
       return Promise.resolve();
     }
@@ -27760,7 +27772,7 @@ var PaymentTrackingProvider = (function (props) {
               _context5.t8 = paymentRoute.toAmount.toString();
               _context5.t9 = paymentRoute.toDecimals;
               _context5.t10 = paymentRoute === null || paymentRoute === void 0 || (_paymentRoute$feeAmou2 = paymentRoute.feeAmount) === null || _paymentRoute$feeAmou2 === void 0 ? void 0 : _paymentRoute$feeAmou2.toString();
-              _context5.t11 = transaction.deadline;
+              _context5.t11 = deadline;
               payment = {
                 blockchain: _context5.t0,
                 sender: _context5.t1,
@@ -27825,7 +27837,7 @@ var PaymentTrackingProvider = (function (props) {
           }
         }, _callee5);
       }));
-      return function (_x14, _x15) {
+      return function (_x17, _x18) {
         return _ref5.apply(this, arguments);
       };
     }());
@@ -29335,17 +29347,16 @@ var TransactionTrackingProvider = (function (props) {
     }
   }, [polling]);
   var createTracking = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(transaction, afterBlock, attempt) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(transaction, afterBlock, deadline, attempt) {
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(attempt > 3)) {
-              _context.next = 3;
+              _context.next = 2;
               break;
             }
-            console.log('TRANSACTION TRACKING FAILED AFTER 3 ATTEMPTS!');
             return _context.abrupt("return");
-          case 3:
+          case 2:
             _context.t0 = fetch;
             _context.t1 = {
               'Content-Type': 'application/json'
@@ -29355,40 +29366,38 @@ var TransactionTrackingProvider = (function (props) {
             _context.t4 = afterBlock.toString();
             _context.t5 = transaction.blockchain;
             _context.t6 = transaction.from;
-            _context.next = 12;
+            _context.next = 11;
             return getNonce({
               transaction: transaction,
               wallet: wallet,
               account: account
             });
-          case 12:
+          case 11:
             _context.t7 = _context.sent;
-            _context.t8 = {
+            _context.t8 = deadline;
+            _context.t9 = {
               id: _context.t3,
               after_block: _context.t4,
               blockchain: _context.t5,
               sender: _context.t6,
-              nonce: _context.t7
+              nonce: _context.t7,
+              deadline: _context.t8
             };
-            _context.t9 = _context.t2.stringify.call(_context.t2, _context.t8);
-            _context.t10 = {
+            _context.t10 = _context.t2.stringify.call(_context.t2, _context.t9);
+            _context.t11 = {
               method: 'POST',
               headers: _context.t1,
-              body: _context.t9
+              body: _context.t10
             };
-            (0, _context.t0)('https://public.depay.com/transactions', _context.t10).then(function (response) {
-              if (response.status == 200 || response.status == 201) {
-                console.log('TRANSACTION TRACKING INITIALIZED');
-              } else {
-                console.log('TRANSACTION TRACKING FAILED', response);
+            (0, _context.t0)('https://public.depay.com/transactions', _context.t11).then(function (response) {
+              if (response.status == 200 || response.status == 201) ; else {
                 setTimeout(function () {
-                  createTracking(transaction, afterBlock, attempt + 1);
+                  createTracking(transaction, afterBlock, deadline, attempt + 1);
                 }, 3000);
               }
             })["catch"](function (error) {
-              console.log('TRANSACTION TRACKING FAILED', error);
               setTimeout(function () {
-                createTracking(transaction, afterBlock, attempt + 1);
+                createTracking(transaction, afterBlock, deadline, attempt + 1);
               }, 3000);
             });
           case 17:
@@ -29397,7 +29406,7 @@ var TransactionTrackingProvider = (function (props) {
         }
       }, _callee);
     }));
-    return function createTracking(_x, _x2, _x3) {
+    return function createTracking(_x, _x2, _x3, _x4) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -29438,7 +29447,7 @@ var TransactionTrackingProvider = (function (props) {
           }
         }, _callee2);
       }));
-      return function (_x4) {
+      return function (_x5) {
         return _ref2.apply(this, arguments);
       };
     }();
@@ -29463,13 +29472,13 @@ var TransactionTrackingProvider = (function (props) {
       console.log('WebSocket Error: ', error);
     };
   };
-  var initializeTracking = function initializeTracking(transaction, afterBlock) {
+  var initializeTracking = function initializeTracking(transaction, afterBlock, deadline) {
     if (!supported.evm.includes(transaction.blockchain)) {
       return;
     }
     setGivenTransaction(transaction);
     if (recover == undefined) {
-      createTracking(transaction, afterBlock, 1);
+      createTracking(transaction, afterBlock, deadline, 1);
     }
     openSocket(transaction);
     setPolling(true);