@depay/widgets 12.4.0 → 12.4.2

package/dist/umd/index.js

@@ -752,18 +752,18 @@
   }, {
     "name": "Unstoppable Wallet",
     "desktop": {
-      "qr": "WalletConnectV1"
+      "qr": "WalletConnectV2"
     },
     "mobile": {
       "ios": {
         "universal": "unstoppable.money://",
-        "connect": "WalletConnectV1",
-        "qr": "WalletConnectV1"
+        "connect": "WalletConnectV2",
+        "qr": "WalletConnectV2"
       },
       "android": {
         "universal": "unstoppable.money://",
-        "connect": "WalletConnectV1",
-        "qr": "WalletConnectV1"
+        "connect": "WalletConnectV2",
+        "qr": "WalletConnectV2"
       }
     },
     "logo": "https://img1.depay.com/wallets/unstoppable.jpg",
@@ -28095,82 +28095,89 @@
       validated = _useContext.validated,
       integration = _useContext.integration,
       link = _useContext.link,
-      type = _useContext.type;
+      type = _useContext.type,
+      configurationId = _useContext.id;
+    var _useState = React.useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      attemptId = _useState2[0],
+      setAttemptId = _useState2[1];
+    var attemptIdRef = React.useRef(attemptId);
+    attemptIdRef.current = attemptId;
     var _useContext2 = React.useContext(reactDialogStack.NavigateStackContext);
       _useContext2.set;
       _useContext2.navigate;
     var _useContext3 = React.useContext(ClosableContext),
       close = _useContext3.close,
       setClosable = _useContext3.setClosable;
-    var _useState = React.useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      paymentOptions = _useState2[0],
-      setPaymentOptions = _useState2[1];
     var _useState3 = React.useState(),
       _useState4 = _slicedToArray(_useState3, 2),
-      forwardTo = _useState4[0],
-      setForwardTo = _useState4[1];
+      paymentOptions = _useState4[0],
+      setPaymentOptions = _useState4[1];
     var _useState5 = React.useState(),
       _useState6 = _slicedToArray(_useState5, 2),
-      pollingPaymentStatusInterval = _useState6[0],
-      setPollingPaymentStatusInterval = _useState6[1];
+      forwardTo = _useState6[0],
+      setForwardTo = _useState6[1];
     var _useState7 = React.useState(),
       _useState8 = _slicedToArray(_useState7, 2),
-      transactionTrackingInterval = _useState8[0],
-      setTransactionTrackingInterval = _useState8[1];
+      pollingPaymentStatusInterval = _useState8[0],
+      setPollingPaymentStatusInterval = _useState8[1];
     var _useState9 = React.useState(),
       _useState10 = _slicedToArray(_useState9, 2),
-      selectedPaymentOption = _useState10[0],
-      setSelectedPaymantOption = _useState10[1];
+      transactionTrackingInterval = _useState10[0],
+      setTransactionTrackingInterval = _useState10[1];
     var _useState11 = React.useState(),
       _useState12 = _slicedToArray(_useState11, 2),
-      transaction = _useState12[0],
-      setTransaction = _useState12[1];
+      selectedPaymentOption = _useState12[0],
+      setSelectedPaymantOption = _useState12[1];
     var _useState13 = React.useState(),
       _useState14 = _slicedToArray(_useState13, 2),
-      secretId = _useState14[0],
-      setSecretId = _useState14[1];
+      transaction = _useState14[0],
+      setTransaction = _useState14[1];
     var _useState15 = React.useState(),
       _useState16 = _slicedToArray(_useState15, 2),
-      solanaPayTransactionSocket = _useState16[0],
-      setSolanaPayTransactionSocket = _useState16[1];
+      secretId = _useState16[0],
+      setSecretId = _useState16[1];
     var _useState17 = React.useState(),
       _useState18 = _slicedToArray(_useState17, 2),
-      transactionTrackingSocket = _useState18[0],
-      setTransactionTrackingSocket = _useState18[1];
+      solanaPayTransactionSocket = _useState18[0],
+      setSolanaPayTransactionSocket = _useState18[1];
     var _useState19 = React.useState(),
       _useState20 = _slicedToArray(_useState19, 2),
-      paymentValidationSocket = _useState20[0],
-      setPaymentValidationSocket = _useState20[1];
+      transactionTrackingSocket = _useState20[0],
+      setTransactionTrackingSocket = _useState20[1];
     var _useState21 = React.useState(),
       _useState22 = _slicedToArray(_useState21, 2),
-      QRCodeURI = _useState22[0],
-      setQRCodeURI = _useState22[1];
+      paymentValidationSocket = _useState22[0],
+      setPaymentValidationSocket = _useState22[1];
     var _useState23 = React.useState(),
       _useState24 = _slicedToArray(_useState23, 2),
-      release = _useState24[0],
-      setRelease = _useState24[1];
+      QRCodeURI = _useState24[0],
+      setQRCodeURI = _useState24[1];
     var _useState25 = React.useState(),
       _useState26 = _slicedToArray(_useState25, 2),
-      afterBlock = _useState26[0],
-      setAfterBlock = _useState26[1];
+      release = _useState26[0],
+      setRelease = _useState26[1];
     var _useState27 = React.useState(),
       _useState28 = _slicedToArray(_useState27, 2),
-      QRCode = _useState28[0],
-      setQRCode = _useState28[1];
-    var _useState29 = React.useState('select'),
+      afterBlock = _useState28[0],
+      setAfterBlock = _useState28[1];
+    var _useState29 = React.useState(),
       _useState30 = _slicedToArray(_useState29, 2),
-      state = _useState30[0],
-      setState = _useState30[1];
-    var _useState31 = React.useState(!!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function') && track.async != true)),
-      _useState32 = _slicedToArray(_useState31, 1),
-      polling = _useState32[0];
-    var _useState33 = React.useState(!!(track && (track.endpoint || typeof track.method == 'function') && track.async != true)),
+      QRCode = _useState30[0],
+      setQRCode = _useState30[1];
+    var _useState31 = React.useState('select'),
+      _useState32 = _slicedToArray(_useState31, 2),
+      state = _useState32[0],
+      setState = _useState32[1];
+    var _useState33 = React.useState(!!configurationId || !!(track && (track.endpoint || typeof track.method == 'function') && track.async != true)),
       _useState34 = _slicedToArray(_useState33, 1),
       synchronousTracking = _useState34[0];
-    var _useState35 = React.useState(!!(track && track.async == true)),
+    var _useState35 = React.useState(!configurationId && !!(track && track.async == true)),
       _useState36 = _slicedToArray(_useState35, 1),
       asynchronousTracking = _useState36[0];
+    var _useState37 = React.useState(!!configurationId || !!(track && track.poll && (track.poll.endpoint || typeof track.poll.method == 'function') && track.async != true)),
+      _useState38 = _slicedToArray(_useState37, 1),
+      polling = _useState38[0];
     var isTracking = synchronousTracking || asynchronousTracking;
     var QRCodeElement = React__default["default"].useRef();
     var selectPaymentOption = /*#__PURE__*/function () {
@@ -28190,22 +28197,22 @@
             case 4:
               selectedPaymentOption.fromAmountBN = _context.sent;
               if (!selectedPaymentOption.fee) {
-                _context.next = 21;
+                _context.next = 17;
                 break;
               }
               if (!selectedPaymentOption.fee.amount.match("%")) {
                 _context.next = 10;
                 break;
               }
-              _context.t1 = selectedPaymentOption.fromAmountBN.div(1000).mul(parseFloat(selectedPaymentOption.fee.amount.replace("%", '')) * 10);
-              _context.next = 18;
+              selectedPaymentOption.feeAmountBN = selectedPaymentOption.fromAmountBN.mul(parseFloat(selectedPaymentOption.fee.amount.replace("%", '')) * 10).div(1000);
+              _context.next = 17;
               break;
             case 10:
               if (!(typeof selectedPaymentOption.fee.amount === 'string')) {
                 _context.next = 14;
                 break;
               }
-              _context.t2 = selectedPaymentOption.fee.amount;
+              selectedPaymentOption.feeAmountBN = selectedPaymentOption.fee.amount;
               _context.next = 17;
               break;
             case 14:
@@ -28216,29 +28223,17 @@
                 address: selectedPaymentOption.token
               });
             case 16:
-              _context.t2 = _context.sent;
+              selectedPaymentOption.feeAmountBN = _context.sent;
             case 17:
-              _context.t1 = _context.t2;
-            case 18:
-              _context.t0 = _context.t1;
-              _context.next = 24;
-              break;
-            case 21:
-              _context.next = 23;
-              return Token__default["default"].BigNumber({
-                amount: 0,
-                blockchain: 'solana',
-                address: selectedPaymentOption.token
-              });
-            case 23:
-              _context.t0 = _context.sent;
-            case 24:
-              selectedPaymentOption.feeAmountBN = _context.t0;
-              selectedPaymentOption.toAmountBN = selectedPaymentOption.fee ? selectedPaymentOption.fromAmountBN.sub(selectedPaymentOption.feeAmountBN) : selectedPaymentOption.fromAmountBN;
+              if (selectedPaymentOption.fee) {
+                selectedPaymentOption.toAmountBN = selectedPaymentOption.fromAmountBN.sub(selectedPaymentOption.feeAmountBN);
+              } else {
+                selectedPaymentOption.toAmountBN = selectedPaymentOption.fromAmountBN;
+              }
               setSelectedPaymantOption(selectedPaymentOption);
               setState('wait');
               openSolanaPayTransactionSocket(secretId, selectedPaymentOption);
-            case 29:
+            case 21:
             case "end":
               return _context.stop();
           }
@@ -28268,7 +28263,24 @@
       var payment = _ref2.payment,
         resolve = _ref2.resolve,
         reject = _ref2.reject;
-      if (track.endpoint) {
+      if (configurationId) {
+        return fetch("https://public.depay.com/configurations/".concat(configurationId, "/attempts"), {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify(payment)
+        }).then(function (response) {
+          if (response.status == 200 || response.status == 201) {
+            response.json().then(function (attempt) {
+              return setAttemptId(attempt.id);
+            });
+            return resolve();
+          } else {
+            return reject('TRACING REQUEST FAILED');
+          }
+        });
+      } else if (track.endpoint) {
         return fetch(track.endpoint, {
           method: 'POST',
           headers: {
@@ -28486,11 +28498,13 @@
       };
       socket.onmessage = function (event) {
         if (event && event.data) {
-          var _data$params;
+          var _data$params, _ref9, _data$params2;
           var data = JSON.parse(event.data);
-          if (data && data !== null && data !== void 0 && (_data$params = data.params) !== null && _data$params !== void 0 && (_data$params = _data$params.result) !== null && _data$params !== void 0 && _data$params.value) {
-            var _data$params2;
-            var result = data === null || data === void 0 || (_data$params2 = data.params) === null || _data$params2 === void 0 || (_data$params2 = _data$params2.result) === null || _data$params2 === void 0 ? void 0 : _data$params2.value;
+          if (data && data !== null && data !== void 0 && (_data$params = data.params) !== null && _data$params !== void 0 && (_data$params = _data$params.result) !== null && _data$params !== void 0 && (_data$params = _data$params.value) !== null && _data$params !== void 0 && _data$params.logs && (_ref9 = (data === null || data === void 0 || (_data$params2 = data.params) === null || _data$params2 === void 0 || (_data$params2 = _data$params2.result) === null || _data$params2 === void 0 || (_data$params2 = _data$params2.value) === null || _data$params2 === void 0 ? void 0 : _data$params2.logs) || []) !== null && _ref9 !== void 0 && _ref9.find(function (log) {
+            return log.match('Program DePayRG7ZySPWzeK9Kvq7aPeif7sdbBZNh6DHcvNj7F7');
+          })) {
+            var _data$params3;
+            var result = data === null || data === void 0 || (_data$params3 = data.params) === null || _data$params3 === void 0 || (_data$params3 = _data$params3.result) === null || _data$params3 === void 0 ? void 0 : _data$params3.value;
             if (result && result.err === null) {
               setState('succeeded');
               setTransaction({
@@ -28534,7 +28548,7 @@
       var socket = new WebSocket('wss://integrate.depay.com/cable');
       setPaymentValidationSocket(socket);
       socket.onopen = /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5(event) {
+        var _ref10 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5(event) {
           var msg;
           return regenerator.wrap(function _callee5$(_context5) {
             while (1) switch (_context5.prev = _context5.next) {
@@ -28556,7 +28570,7 @@
           }, _callee5);
         }));
         return function (_x6) {
-          return _ref9.apply(this, arguments);
+          return _ref10.apply(this, arguments);
         };
       }();
       socket.onclose = function (event) {
@@ -28599,6 +28613,7 @@
       };
     };
     var pollStatus = function pollStatus(transaction) {
+      var _track$poll, _track$poll2;
       var payment = {
         blockchain: 'solana',
         transaction: transaction.id,
@@ -28625,7 +28640,22 @@
           setRelease(true);
         }
       };
-      if (track.poll.endpoint) {
+      if (configurationId) {
+        if (attemptId) {
+          fetch("https://public.depay.com/attempts/".concat(attemptId), {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json'
+            }
+          }).then(function (response) {
+            if (response.status == 200 || response.status == 201) {
+              return response.json();
+            } else {
+              return undefined;
+            }
+          }).then(handlePollingResponse);
+        }
+      } else if (track !== null && track !== void 0 && (_track$poll = track.poll) !== null && _track$poll !== void 0 && _track$poll.endpoint) {
         fetch(track.poll.endpoint, {
           method: 'POST',
           headers: {
@@ -28641,7 +28671,7 @@
             return undefined;
           }
         }).then(handlePollingResponse);
-      } else if (track.poll.method) {
+      } else if (track !== null && track !== void 0 && (_track$poll2 = track.poll) !== null && _track$poll2 !== void 0 && _track$poll2.method) {
         track.poll.method(payment).then(handlePollingResponse);
       }
     };
@@ -28652,9 +28682,9 @@
         }, 5000));
       }
     };
-    var trackTransaction = function trackTransaction(_ref10) {
-      var account = _ref10.account,
-        nonce = _ref10.nonce;
+    var trackTransaction = function trackTransaction(_ref11) {
+      var account = _ref11.account,
+        nonce = _ref11.nonce;
       openTransactionTrackingSocket({
         account: account,
         nonce: nonce
@@ -28681,7 +28711,7 @@
               });
               _context7.next = 10;
               return Promise.all(relevantTransactions.map( /*#__PURE__*/function () {
-                var _ref12 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee6(relevantTransaction) {
+                var _ref13 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee6(relevantTransaction) {
                   var fullTransactionData, foundRouterInstruction;
                   return regenerator.wrap(function _callee6$(_context6) {
                     while (1) switch (_context6.prev = _context6.next) {
@@ -28732,7 +28762,7 @@
                   }, _callee6);
                 }));
                 return function (_x7) {
-                  return _ref12.apply(this, arguments);
+                  return _ref13.apply(this, arguments);
                 };
               }()));
             case 10:
@@ -28745,7 +28775,7 @@
       })), 1000));
     };
     var traceAndContinue = /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee9(secretId, selectedPaymentOption, QRCodeURI) {
+      var _ref14 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee9(secretId, selectedPaymentOption, QRCodeURI) {
         return regenerator.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
@@ -28782,11 +28812,11 @@
         }, _callee9);
       }));
       return function traceAndContinue(_x8, _x9, _x10) {
-        return _ref13.apply(this, arguments);
+        return _ref14.apply(this, arguments);
       };
     }();
     var storePayment = /*#__PURE__*/function () {
-      var _ref15 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee10(transaction) {
+      var _ref16 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee10(transaction) {
         return regenerator.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -28836,7 +28866,7 @@
         }, _callee10);
       }));
       return function storePayment(_x11) {
-        return _ref15.apply(this, arguments);
+        return _ref16.apply(this, arguments);
       };
     }();
     React.useEffect(function () {