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

package/dist/index.js

@@ -2209,7 +2209,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 +2221,6 @@ function useIsWalletReady() {
     }
   }, [events]);
   React.useEffect(function () {
-    if (sourceChain !== exports.SupportNetworks.BTC) return;
     var runCapabilityCheck = function runCapabilityCheck() {
       try {
         var runs = 0;
@@ -2229,12 +2231,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 +2263,7 @@ function useIsWalletReady() {
       }
     };
     runCapabilityCheck();
-  }, [sourceChain]);
+  }, []);
   var connectBitcoinWallet = React.useCallback(function () {
     try {
       return Promise.resolve(satsConnect.getAddress({
@@ -2796,7 +2799,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') {
@@ -3366,24 +3368,6 @@ var BankInput = function BankInput() {
   })));
 };
 
-var TxButton = function TxButton(_ref) {
-  var theme = _ref.theme,
-    txCount = _ref.txCount;
-  var dispatch = reactRedux.useDispatch();
-  var handleClick = function handleClick() {
-    dispatch(setPendingTxPopup(true));
-  };
-  return React__default.createElement("button", {
-    className: "secondary-button tx-button " + theme.colorMode,
-    onClick: handleClick,
-    "data-tooltip-id": 'popup-tooltip'
-  }, txCount, React__default.createElement(Loading180Ring, {
-    height: 16,
-    width: 16,
-    fill: theme.colorMode === 'light' ? 'black' : 'white'
-  }));
-};
-
 var HelpPopup = function HelpPopup() {
   var dispatch = reactRedux.useDispatch();
   var theme = reactRedux.useSelector(selectTheme);
@@ -8243,79 +8227,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 +8298,7 @@ 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 = [];
   var _useAllowance = useAllowance({
       setApproving: setApproving
     }),
@@ -8875,10 +8782,7 @@ var TransferWidget = function TransferWidget(_ref) {
     className: 'title'
   }, React__default.createElement("h3", null, isWizard && wizardStep === 3 || !isWizard && formStep > 0 ? titleOption !== null && titleOption !== void 0 && titleOption.confirmTitle ? titleOption === null || titleOption === void 0 ? void 0 : titleOption.confirmTitle : 'Transfer Details' : titleOption !== null && titleOption !== void 0 && titleOption.initialTitle ? titleOption === null || titleOption === void 0 ? void 0 : titleOption.initialTitle : 'New Transfer')), React__default.createElement("div", {
     className: 'control-buttons'
-  }, pendingTxs > 0 ? React__default.createElement(TxButton, {
-    theme: theme,
-    txCount: pendingTxs
-  }) : null, React__default.createElement(ExternalLink, {
+  },  null, React__default.createElement(ExternalLink, {
     to: helpURL ? helpURL : 'https://docs.kima.finance/demo'
   }, React__default.createElement("div", {
     className: 'menu-button'