@kimafinance/kima-transaction-widget 1.2.25-beta.1 → 1.2.27-beta.1

package/dist/index.js

@@ -1509,9 +1509,6 @@ var selectHelpPopup = function selectHelpPopup(state) {
 var selectHashPopup = function selectHashPopup(state) {
   return state.option.hashPopup;
 };
-var selectPendingTxPopup = function selectPendingTxPopup(state) {
-  return state.option.pendingTxPopup;
-};
 var selectBankPopup = function selectBankPopup(state) {
   return state.option.bankPopup;
 };
@@ -1602,9 +1599,6 @@ var selectExpireTime = function selectExpireTime(state) {
 var selectPendingTxs = function selectPendingTxs(state) {
   return state.option.pendingTxs;
 };
-var selectPendingTxData = function selectPendingTxData(state) {
-  return state.option.pendingTxData;
-};
 
 var Loading180Ring = function Loading180Ring(_ref) {
   var _ref$width = _ref.width,
@@ -8185,82 +8179,6 @@ function htlcP2WSHAddress(htlcScript, network) {
   return p2wsh.address;
 }
 
-var PendingTxPopup = function PendingTxPopup(_ref) {
-  var txData = _ref.txData,
-    handleHtlcContinue = _ref.handleHtlcContinue;
-  var dispatch = reactRedux.useDispatch();
-  var theme = reactRedux.useSelector(selectTheme);
-  var pendingTxPopup = reactRedux.useSelector(selectPendingTxPopup);
-  return React__default.createElement("div", {
-    className: "kima-modal pending-tx-popup " + theme.colorMode + " " + (pendingTxPopup ? 'open' : '')
-  }, React__default.createElement("div", {
-    className: 'modal-overlay',
-    onClick: function onClick() {
-      dispatch(setPendingTxPopup(false));
-    }
-  }), React__default.createElement("div", {
-    className: 'modal-content-container'
-  }, React__default.createElement("div", {
-    className: 'kima-card-header'
-  }, React__default.createElement("div", {
-    className: 'topbar'
-  }, React__default.createElement("div", {
-    className: 'title'
-  }, React__default.createElement("h3", null, "Bitcoin Transaction List")), React__default.createElement("div", {
-    className: 'control-buttons'
-  }, React__default.createElement("button", {
-    className: 'icon-button',
-    onClick: function onClick() {
-      return dispatch(setPendingTxPopup(false));
-    }
-  }, React__default.createElement(Cross, {
-    fill: theme.colorMode === 'light' ? 'black' : 'white'
-  }))))), React__default.createElement("div", {
-    className: 'modal-content'
-  }, React__default.createElement("div", {
-    className: 'scroll-area custom-scrollbar'
-  }, React__default.createElement("div", {
-    className: 'header-container'
-  }, React__default.createElement("span", null, "Amount"), React__default.createElement("span", null, "Expire Time"), React__default.createElement("span", null, "Status"), React__default.createElement("span", null, "Hash"), React__default.createElement("span", null, "Action")), React__default.createElement("div", {
-    className: 'tx-container'
-  }, txData.map(function (tx, index) {
-    var date = new Date(+tx.expireTime * 1000);
-    var year = date.getFullYear();
-    var month = date.getMonth() + 1;
-    var day = date.getDate();
-    var hours = date.getHours();
-    var minutes = date.getMinutes();
-    var seconds = date.getSeconds();
-    var formattedDate = year + "-" + month.toString().padStart(2, '0') + "-" + day.toString().padStart(2, '0') + " " + hours.toString().padStart(2, '0') + ":" + minutes.toString().padStart(2, '0') + ":" + seconds.toString().padStart(2, '0');
-    return React__default.createElement("div", {
-      className: 'tx-item',
-      key: index
-    }, React__default.createElement("div", {
-      className: 'label'
-    }, React__default.createElement("div", {
-      className: 'icon-wrapper'
-    }, (+tx.amount).toFixed(8), React__default.createElement(BTC, null))), React__default.createElement("span", {
-      className: 'label'
-    }, "" + formattedDate), React__default.createElement("span", {
-      className: 'label'
-    }, tx.status), React__default.createElement("div", {
-      className: 'label'
-    }, React__default.createElement(ExternalLink, {
-      to: "https://" + CHAIN_NAMES_TO_EXPLORER[exports.SupportNetworks.BTC] + "/tx/" + tx.hash
-    }, getShortenedAddress(tx.hash))), React__default.createElement("div", {
-      className: "action-button-container " + (tx.status === 'Pending' || tx.status === 'Failed' ? '' : 'disabled')
-    }, React__default.createElement("div", {
-      className: 'action-button'
-    }, "Reclaim"), React__default.createElement("div", {
-      className: 'action-button',
-      onClick: function onClick() {
-        handleHtlcContinue(tx.expireTime, tx.hash, tx.amount);
-        dispatch(setPendingTxPopup(false));
-      }
-    }, "Continue")));
-  }))))));
-};
-
 var TransferWidget = function TransferWidget(_ref) {
   var _theme$backgroundColo;
   var theme = _ref.theme,
@@ -8332,7 +8250,6 @@ var TransferWidget = function TransferWidget(_ref) {
   var _useIsWalletReady = useIsWalletReady(),
     isReady = _useIsWalletReady.isReady,
     walletAddress = _useIsWalletReady.walletAddress;
-  var pendingTxData = reactRedux.useSelector(selectPendingTxData);
   var pendingTxs = reactRedux.useSelector(selectPendingTxs);
   var _useAllowance = useAllowance({
       setApproving: setApproving
@@ -8503,19 +8420,6 @@ var TransferWidget = function TransferWidget(_ref) {
       return Promise.reject(e);
     }
   };
-  var handleHtlcContinue = function handleHtlcContinue(expireTime, hash, amount) {
-    try {
-      setBTCTimestamp(expireTime);
-      setBTCSigning(false);
-      setBTCSigned(true);
-      setBTCHash(hash);
-      dispatch(setFeeDeduct(true));
-      dispatch(setAmount(amount));
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
   var handleSubmit = function handleSubmit() {
     try {
       var _temp8 = function _temp8(_result) {
@@ -8803,62 +8707,54 @@ var TransferWidget = function TransferWidget(_ref) {
   React.useEffect(function () {
     dispatch(setTheme(theme));
   }, [theme]);
-  var updatePendingTxs = React.useCallback(function () {
-    try {
-      var _temp9 = _catch(function () {
-        return Promise.resolve(fetchWrapper.get(nodeProviderQuery + "/kima-finance/kima-blockchain/transaction/get_htlc_transaction/" + walletAddress)).then(function (result) {
-          var data = result === null || result === void 0 ? void 0 : result.htlcLockingTransaction;
-          var txData = [];
-          if (data.length > 0) {
-            for (var _iterator5 = _createForOfIteratorHelperLoose(data), _step5; !(_step5 = _iterator5()).done;) {
-              var tx = _step5.value;
-              var status = '';
-              if (tx.status !== 'Completed') {
-                status = 'Confirming';
-              } else if (tx.pull_status === 'htlc_pull_available') {
-                status = 'Pending';
-              } else if (tx.pull_status === 'htlc_pull_in_progress') {
-                status = 'In Progress';
-              } else if (tx.pull_status === 'htlc_pull_succeed') {
-                status = 'Completed';
-              } else if (tx.pull_status === 'htlc_pull_failed') {
-                status = 'Failed';
+  React.useEffect(function () {
+    if (!nodeProviderQuery || !walletAddress || sourceChain !== exports.SupportNetworks.BTC) return;
+    var updatePendingTxData = function updatePendingTxData() {
+      try {
+        var _temp9 = _catch(function () {
+          return Promise.resolve(fetchWrapper.get(nodeProviderQuery + "/kima-finance/kima-blockchain/transaction/get_htlc_transaction/" + walletAddress)).then(function (result) {
+            var data = result === null || result === void 0 ? void 0 : result.htlcLockingTransaction;
+            var txData = [];
+            if (data.length > 0) {
+              for (var _iterator5 = _createForOfIteratorHelperLoose(data), _step5; !(_step5 = _iterator5()).done;) {
+                var tx = _step5.value;
+                var status = '';
+                if (tx.status !== 'Completed') {
+                  status = 'Confirming';
+                } else if (tx.pull_status === 'htlc_pull_available') {
+                  status = 'Pending';
+                } else if (tx.pull_status === 'htlc_pull_in_progress') {
+                  status = 'In Progress';
+                } else if (tx.pull_status === 'htlc_pull_succeed') {
+                  status = 'Completed';
+                } else if (tx.pull_status === 'htlc_pull_failed') {
+                  status = 'Failed';
+                }
+                txData.push({
+                  hash: tx.txHash,
+                  amount: tx.amount,
+                  expireTime: tx.htlcTimestamp,
+                  status: status
+                });
               }
-              txData.push({
-                hash: tx.txHash,
-                amount: tx.amount,
-                expireTime: tx.htlcTimestamp,
-                status: status
-              });
+              dispatch(setPendingTxData(txData));
+              dispatch(setPendingTxs(txData.filter(function (tx) {
+                return tx.status === 'Pending' || tx.status === 'Confirming';
+              }).length));
+              console.log(txData.filter(function (tx) {
+                return tx.status === 'Pending' || tx.status === 'Confirming';
+              }).length, txData);
             }
-            dispatch(setPendingTxData([].concat(txData)));
-            dispatch(setPendingTxs(txData.filter(function (tx) {
-              return tx.status === 'Pending' || tx.status === 'Confirming';
-            }).length));
-            console.log(txData.filter(function (tx) {
-              return tx.status === 'Pending' || tx.status === 'Confirming';
-            }).length, txData);
-          }
+          });
+        }, function (e) {
+          console.log(e);
         });
-      }, function (e) {
-        console.log(e);
-      });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [nodeProviderQuery, walletAddress]);
-  React.useEffect(function () {
-    if (!nodeProviderQuery || sourceChain !== exports.SupportNetworks.BTC || !walletAddress) return;
-    updatePendingTxs();
-    var timerId = setInterval(function () {
-      updatePendingTxs();
-    }, 10000);
-    console.log(timerId);
-    return function () {
-      console.log('clearInterval', timerId);
-      clearInterval(timerId);
+        return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
     };
+    updatePendingTxData();
   }, [sourceChain, nodeProviderQuery, walletAddress]);
   return React__default.createElement("div", {
     className: "kima-card " + theme.colorMode + " font-" + theme.fontSize,
@@ -8961,9 +8857,6 @@ var TransferWidget = function TransferWidget(_ref) {
         background: theme.colorMode === exports.ColorModeOptions.light ? 'white' : (_theme$backgroundColo = theme.backgroundColorDark) != null ? _theme$backgroundColo : '#1b1e25'
       }
     }
-  }), React__default.createElement(PendingTxPopup, {
-    txData: pendingTxData,
-    handleHtlcContinue: handleHtlcContinue
   }), React__default.createElement(reactTooltip.Tooltip, {
     id: 'popup-tooltip',
     className: "popup-tooltip " + theme.colorMode,