@orderly.network/ui-transfer 2.8.2 → 2.8.3

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { forwardRef, useState, useMemo, useEffect, useCallback, useRef, createEl
 import { useEventEmitter, useConfig, useWalletConnector, useLocalStorage, useConvert, useOdosQuote, useComputedLTV, useBoolean, useAccountInstance, useAccount, useAppStore, useTransfer, useSubAccountDataObserver, useSubAccountMaxWithdrawal, useTokensInfo, usePositionStream, useIndexPricesStream, useDeposit, useAssetsHistory, useChains, useQuery, useWithdraw, useMemoizedFn, useWalletTopic, useTokenInfo, useIndexPrice, useInternalTransfer, useDebouncedCallback, useTransferHistory, useBalanceTopic } from '@orderly.network/hooks';
 import { Decimal, zero, praseChainIdToNumber, int2hex, toNonExponential, isSolana } from '@orderly.network/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { WS_WalletStatusEnum, AccountStatusEnum, ChainNamespace, AssetHistoryStatusEnum, AssetHistorySideEnum, Arbitrum, isNativeTokenChecker as isNativeTokenChecker$1, ABSTRACT_CHAIN_ID_MAP } from '@orderly.network/types';
+import { WS_WalletStatusEnum, AccountStatusEnum, ChainNamespace, AssetHistoryStatusEnum, AssetHistorySideEnum, Arbitrum, isNativeTokenChecker as isNativeTokenChecker$1, ABSTRACT_CHAIN_ID_MAP, nativeTokenAddress as nativeTokenAddress$1 } from '@orderly.network/types';
 import { AuthGuard } from '@orderly.network/ui-connector';
 import { useAppContext, useAppConfig } from '@orderly.network/react-app';
 import { ChainSelectorDialogId } from '@orderly.network/ui-chain-selector';
@@ -4421,6 +4421,39 @@ function useInputStatus(options2) {
   }, [quantity, maxQuantity]);
   return { inputStatus, hintMessage };
 }
+var retryInterval2 = 3e3;
+function useNativeBalance(options2) {
+  const { fetchBalance, targetChain } = options2;
+  const [balance, setBalance] = useState();
+  const timeoutRef = useRef();
+  const loopGetTokenBalance = async (timeout = 0) => {
+    const decimal = targetChain?.network_infos?.currency_decimal;
+    if (typeof fetchBalance !== "function" || !decimal) {
+      return;
+    }
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(async () => {
+      fetchBalance(nativeTokenAddress$1, decimal).then((balance2) => {
+        console.log("native balance", balance2);
+        setBalance(balance2);
+      }).catch((error) => {
+        console.error("fetch native balance error", error);
+        loopGetTokenBalance(retryInterval2);
+      });
+    }, timeout);
+  };
+  useEffect(() => {
+    loopGetTokenBalance(0);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return balance;
+}
 var useToken = (currentChain, filter = () => true) => {
   const [sourceToken, setSourceToken] = useState();
   const [targetToken, setTargetToken] = useState();
@@ -4538,7 +4571,8 @@ var useDepositFormScript = (options2) => {
     isNativeToken,
     balanceRevalidating,
     fetchBalance,
-    fetchBalances
+    fetchBalances,
+    targetChain
   } = useDeposit({
     address: sourceToken?.address,
     decimals: sourceToken?.decimals,
@@ -4670,12 +4704,15 @@ var useDepositFormScript = (options2) => {
     }
     return false;
   }, [quantity, maxQuantity]);
+  const nativeBalance = useNativeBalance({
+    fetchBalance,
+    targetChain
+  });
   const insufficientGasMessage = useMemo(() => {
     if (nativeSymbol && quantity && Number(quantity) > 0 && // when insufficient balance, the input status is error, so we don't need to check gas balance
-    !insufficientBalance && !depositFeeRevalidating && tokenBalances && (account2.walletAdapter?.chainNamespace === ChainNamespace.solana || fee.dstGasFee)) {
-      const nativeTokenBalance = tokenBalances[nativeSymbol] || "0";
-      const notEnoughGas = new Decimal(nativeTokenBalance).lt(fee.dstGasFee);
-      const isNotSolBalance = Number(fee.dstGasFee) === 0 && Number(nativeTokenBalance) == Number(fee.dstGasFee);
+    !insufficientBalance && !depositFeeRevalidating && (account2.walletAdapter?.chainNamespace === ChainNamespace.solana || fee.dstGasFee) || nativeBalance === void 0) {
+      const notEnoughGas = new Decimal(nativeBalance || 0).lt(fee.dstGasFee);
+      const isNotSolBalance = Number(fee.dstGasFee) === 0 && Number(nativeBalance) == Number(fee.dstGasFee);
       if (notEnoughGas || isNotSolBalance) {
         return t("transfer.deposit.notEnoughGas", {
           token: nativeSymbol
@@ -4690,7 +4727,8 @@ var useDepositFormScript = (options2) => {
     t,
     nativeSymbol,
     insufficientBalance,
-    account2
+    account2,
+    nativeBalance
   ]);
   const warningMessage = swapWarningMessage || userMaxQtyMessage || gasFeeMessage || feeWarningMessage || insufficientGasMessage;
   const disabled = !quantity || Number(quantity) === 0 || !sourceToken || inputStatus === "error" || depositFeeRevalidating || swapRevalidating || // if exceed collateral cap, disable deposit
@@ -7213,17 +7251,17 @@ var findChainInfo = (tokenInfo) => {
   const nativeTokenChainInfo = tokenInfo.chain_details.find(
     (item) => !item.contract_address
   );
-  const nativeTokenAddress2 = "0x0000000000000000000000000000000000000000";
+  const nativeTokenAddress3 = "0x0000000000000000000000000000000000000000";
   if (arbitrumChainInfo) {
     return {
-      contract_address: arbitrumChainInfo.contract_address || nativeTokenAddress2,
+      contract_address: arbitrumChainInfo.contract_address || nativeTokenAddress3,
       quoteChainId: arbitrumChainInfo.chain_id,
       decimals: arbitrumChainInfo.decimals
     };
   }
   if (nativeTokenChainInfo) {
     return {
-      contract_address: nativeTokenAddress2,
+      contract_address: nativeTokenAddress3,
       quoteChainId: nativeTokenChainInfo.chain_id,
       decimals: nativeTokenChainInfo.decimals
     };