@kimafinance/kima-transaction-widget 1.2.22-beta.1 → 1.2.24-beta.1

package/dist/index.js

@@ -936,6 +936,8 @@ var createSlice = toolkitRaw.createSlice;
 var initialState = {
   theme: {},
   tokenOptions: {},
+  pendingTxs: 0,
+  pendingTxData: [],
   kimaExplorerUrl: 'explorer.kima.finance',
   mode: exports.ModeOptions.bridge,
   sourceChain: '',
@@ -1014,6 +1016,12 @@ var optionSlice = createSlice({
       state.targetNetworkFetching = false;
       state.signature = '';
     },
+    setPendingTxs: function setPendingTxs(state, action) {
+      state.pendingTxs = action.payload;
+    },
+    setPendingTxData: function setPendingTxData(state, action) {
+      state.pendingTxData = action.payload;
+    },
     setTokenOptions: function setTokenOptions(state, action) {
       state.tokenOptions = action.payload;
     },
@@ -1196,7 +1204,9 @@ var _optionSlice$actions = optionSlice.actions,
   setSignature = _optionSlice$actions.setSignature,
   setUuid = _optionSlice$actions.setUuid,
   setKYCStatus = _optionSlice$actions.setKYCStatus,
-  setExpireTime = _optionSlice$actions.setExpireTime;
+  setExpireTime = _optionSlice$actions.setExpireTime,
+  setPendingTxData = _optionSlice$actions.setPendingTxData,
+  setPendingTxs = _optionSlice$actions.setPendingTxs;
 var optionReducer = optionSlice.reducer;
 
 var configureStore = toolkitRaw.configureStore;
@@ -1589,6 +1599,12 @@ var selectKycStatus = function selectKycStatus(state) {
 var selectExpireTime = function selectExpireTime(state) {
   return state.option.expireTime;
 };
+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,
@@ -2209,7 +2225,10 @@ function useIsWalletReady() {
   var _useState = React.useState('loading'),
     capabilityState = _useState[0],
     setCapabilityState = _useState[1];
-  var capabilityMessage = capabilityState === 'loading' ? 'Checking capabilities...' : capabilityState === 'cancelled' ? 'Capability check cancelled by wallet. Please refresh the page and try again.' : capabilityState === 'missing' ? 'Could not find an installed Sats Connect capable wallet. Please install a wallet and try again.' : undefined;
+  var _useState2 = React.useState(),
+    capabilities = _useState2[0],
+    setCapabilities = _useState2[1];
+  var capabilityMessage = capabilityState === 'loading' ? 'Checking capabilities...' : capabilityState === 'cancelled' ? 'Capability check cancelled by wallet. Please refresh the page and try again.' : capabilityState === 'missing' ? 'Could not find an installed Sats Connect capable wallet. Please install a wallet and try again.' : !capabilities ? 'Something went wrong with getting capabilities' : undefined;
   React.useEffect(function () {
     var _events$data, _events$data2;
     if (((_events$data = events.data) === null || _events$data === void 0 ? void 0 : _events$data.event) === 'SELECT_WALLET' || ((_events$data2 = events.data) === null || _events$data2 === void 0 ? void 0 : _events$data2.event) === 'CONNECT_SUCCESS') {
@@ -2218,7 +2237,6 @@ function useIsWalletReady() {
     }
   }, [events]);
   React.useEffect(function () {
-    if (sourceChain !== exports.SupportNetworks.BTC) return;
     var runCapabilityCheck = function runCapabilityCheck() {
       try {
         var runs = 0;
@@ -2229,12 +2247,13 @@ function useIsWalletReady() {
         }, void 0, function () {
           function _temp2() {
             return Promise.resolve(new Promise(function (resolve) {
-              return setTimeout(resolve, 1000);
+              return setTimeout(resolve, 100);
             })).then(function () {});
           }
           var _temp = _catch(function () {
             return Promise.resolve(satsConnect.getCapabilities({
-              onFinish: function onFinish() {
+              onFinish: function onFinish(response) {
+                setCapabilities(new Set(response));
                 setCapabilityState('loaded');
               },
               onCancel: function onCancel() {
@@ -2260,7 +2279,7 @@ function useIsWalletReady() {
       }
     };
     runCapabilityCheck();
-  }, [sourceChain]);
+  }, []);
   var connectBitcoinWallet = React.useCallback(function () {
     try {
       return Promise.resolve(satsConnect.getAddress({
@@ -2796,7 +2815,6 @@ function useBalance() {
   var tokenOptions = reactRedux.useSelector(selectTokenOptions);
   var tokenAddress = React.useMemo(function () {
     if (isEmptyObject(tokenOptions) || sourceChain === exports.SupportNetworks.FIAT) return '';
-    console.log(tokenOptions);
     if (tokenOptions && typeof tokenOptions === 'object') {
       var coinOptions = tokenOptions[selectedCoin];
       if (coinOptions && typeof coinOptions === 'object') {
@@ -8243,79 +8261,6 @@ var PendingTxPopup = function PendingTxPopup(_ref) {
   }))))));
 };
 
-function usePendingTx(_ref) {
-  var walletAddress = _ref.walletAddress;
-  var _useState = React.useState(0),
-    pendingTxs = _useState[0],
-    setPendingTxs = _useState[1];
-  var _useState2 = React.useState([]),
-    pendingTxData = _useState2[0],
-    setPendingTxData = _useState2[1];
-  var sourceChain = reactRedux.useSelector(selectSourceChain);
-  var nodeProviderQuery = reactRedux.useSelector(selectNodeProviderQuery);
-  React.useEffect(function () {
-    console.log(nodeProviderQuery, sourceChain, walletAddress);
-    if (!nodeProviderQuery || sourceChain !== exports.SupportNetworks.BTC || !walletAddress) return;
-    var updatePendingTxs = function updatePendingTxs() {
-      try {
-        var _temp = _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 _iterator = _createForOfIteratorHelperLoose(data), _step; !(_step = _iterator()).done;) {
-                var tx = _step.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
-                });
-              }
-              console.log(txData);
-              setPendingTxData([].concat(txData));
-              setPendingTxs(txData.filter(function (tx) {
-                return tx.status === 'Pending' || tx.status === 'Confirming';
-              }).length);
-            }
-          });
-        }, function (e) {
-          console.log(e);
-        });
-        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-    var timerId = setInterval(function () {
-      updatePendingTxs();
-    }, 10000);
-    updatePendingTxs();
-    return function () {
-      console.log('clearInterval', timerId);
-      clearInterval(timerId);
-    };
-  }, [sourceChain, nodeProviderQuery, walletAddress]);
-  return React.useMemo(function () {
-    return {
-      pendingTxData: pendingTxData,
-      pendingTxs: pendingTxs
-    };
-  }, [pendingTxs, pendingTxData]);
-}
-
 var TransferWidget = function TransferWidget(_ref) {
   var _theme$backgroundColo;
   var theme = _ref.theme,
@@ -8387,11 +8332,8 @@ var TransferWidget = function TransferWidget(_ref) {
   var _useIsWalletReady = useIsWalletReady(),
     isReady = _useIsWalletReady.isReady,
     walletAddress = _useIsWalletReady.walletAddress;
-  var _usePendingTx = usePendingTx({
-      walletAddress: walletAddress || ''
-    }),
-    pendingTxData = _usePendingTx.pendingTxData,
-    pendingTxs = _usePendingTx.pendingTxs;
+  var pendingTxData = reactRedux.useSelector(selectPendingTxData);
+  var pendingTxs = reactRedux.useSelector(selectPendingTxs);
   var _useAllowance = useAllowance({
       setApproving: setApproving
     }),
@@ -8861,6 +8803,58 @@ var TransferWidget = function TransferWidget(_ref) {
   React.useEffect(function () {
     dispatch(setTheme(theme));
   }, [theme]);
+  var updatePendingTxs = function updatePendingTxs() {
+    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
+              });
+            }
+            dispatch(setPendingTxData([].concat(txData)));
+            dispatch(setPendingTxs(txData.filter(function (tx) {
+              return tx.status === 'Pending' || tx.status === 'Confirming';
+            }).length));
+          }
+        });
+      }, function (e) {
+        console.log(e);
+      });
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    if (!nodeProviderQuery || sourceChain !== exports.SupportNetworks.BTC || !walletAddress) return;
+    updatePendingTxs();
+    var timerId = setInterval(function () {
+      updatePendingTxs();
+    }, 10000);
+    return function () {
+      clearInterval(timerId);
+    };
+  }, [sourceChain, nodeProviderQuery, walletAddress]);
   return React__default.createElement("div", {
     className: "kima-card " + theme.colorMode + " font-" + theme.fontSize,
     style: {