@orderly.network/ui-transfer 2.8.2-alpha.0 → 2.8.3-alpha.0

package/dist/index.js

@@ -4423,6 +4423,39 @@ function useInputStatus(options2) {
   }, [quantity, maxQuantity]);
   return { inputStatus, hintMessage };
 }
+var retryInterval2 = 3e3;
+function useNativeBalance(options2) {
+  const { fetchBalance, targetChain } = options2;
+  const [balance, setBalance] = react.useState();
+  const timeoutRef = react.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(types.nativeTokenAddress, decimal).then((balance2) => {
+        console.log("native balance", balance2);
+        setBalance(balance2);
+      }).catch((error) => {
+        console.error("fetch native balance error", error);
+        loopGetTokenBalance(retryInterval2);
+      });
+    }, timeout);
+  };
+  react.useEffect(() => {
+    loopGetTokenBalance(0);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return balance;
+}
 var useToken = (currentChain, filter = () => true) => {
   const [sourceToken, setSourceToken] = react.useState();
   const [targetToken, setTargetToken] = react.useState();
@@ -4540,7 +4573,8 @@ var useDepositFormScript = (options2) => {
     isNativeToken,
     balanceRevalidating,
     fetchBalance,
-    fetchBalances
+    fetchBalances,
+    targetChain
   } = hooks.useDeposit({
     address: sourceToken?.address,
     decimals: sourceToken?.decimals,
@@ -4672,12 +4706,15 @@ var useDepositFormScript = (options2) => {
     }
     return false;
   }, [quantity, maxQuantity]);
+  const nativeBalance = useNativeBalance({
+    fetchBalance,
+    targetChain
+  });
   const insufficientGasMessage = react.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 === types.ChainNamespace.solana || fee.dstGasFee)) {
-      const nativeTokenBalance = tokenBalances[nativeSymbol] || "0";
-      const notEnoughGas = new utils.Decimal(nativeTokenBalance).lt(fee.dstGasFee);
-      const isNotSolBalance = Number(fee.dstGasFee) === 0 && Number(nativeTokenBalance) == Number(fee.dstGasFee);
+    !insufficientBalance && !depositFeeRevalidating && (account2.walletAdapter?.chainNamespace === types.ChainNamespace.solana || fee.dstGasFee) || nativeBalance === void 0) {
+      const notEnoughGas = new utils.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
@@ -4692,7 +4729,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
@@ -7215,17 +7253,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
     };