@rash2x/bridge-widget 0.1.3 → 0.1.4

package/dist/evaa-bridge.mjs

@@ -1489,8 +1489,12 @@ function useBalances(chainKey, address) {
     [balanceBySymbol]
   );
   const isLoading = query.isLoading || query.isFetching;
+  const balances = useMemo(
+    () => query.data || {},
+    [query.data]
+  );
   return {
-    balances: query.data || {},
+    balances,
     getBalance,
     isLoading,
     query
@@ -3721,7 +3725,9 @@ function useBridgeTransaction() {
 function useGasEstimate(amountNum) {
   const { fromChain } = useChainsStore();
   const { selectedAssetSymbol, tokens } = useTokensStore();
-  const { getSourceGasReserveHuman } = useSettingsStore();
+  const getSourceGasReserveHuman = useSettingsStore(
+    (state) => state.getSourceGasReserveHuman
+  );
   const { srcAddress } = useAddresses();
   const { balances, isLoading: balancesLoading } = useBalances(
     fromChain?.chainKey,
@@ -3729,59 +3735,44 @@ function useGasEstimate(amountNum) {
   );
   const { chainRegistry } = useChainStrategies();
   const balancesKnown = !balancesLoading;
-  const [gasRequirement, setGasRequirement] = useState(
-    null
-  );
-  useEffect(() => {
-    let cancelled = false;
-    async function estimateGas() {
-      if (!fromChain) {
-        setGasRequirement(null);
-        return;
-      }
-      const strategy = chainRegistry.getStrategy(fromChain.chainKey);
-      if (!strategy) {
-        setGasRequirement(null);
-        return;
-      }
-      try {
-        const selectedToken = tokens?.find(
-          (t2) => t2.symbol.toUpperCase() === selectedAssetSymbol?.toUpperCase()
-        ) || null;
-        const nativeTokenSymbol = fromChain.nativeCurrency?.symbol ?? "";
-        const nativeDecimals = fromChain.nativeCurrency?.decimals || 18;
-        const reserveFallback = getSourceGasReserveHuman(fromChain.chainKey);
-        const result = await strategy.estimateGasRequirement({
-          selectedToken,
-          nativeTokenSymbol,
-          amount: amountNum,
-          balances,
-          nativeDecimals,
-          reserveFallback
-        });
-        if (!cancelled) {
-          setGasRequirement(result);
-        }
-      } catch (error) {
-        console.error("Error estimating gas:", error);
-        if (!cancelled) {
-          setGasRequirement(null);
-        }
-      }
-    }
-    estimateGas();
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    fromChain,
-    selectedAssetSymbol,
-    tokens,
-    amountNum,
-    balances,
-    chainRegistry,
-    getSourceGasReserveHuman
-  ]);
+  const strategy = useMemo(() => {
+    if (!fromChain) return null;
+    return chainRegistry.getStrategy(fromChain.chainKey);
+  }, [fromChain, chainRegistry]);
+  const { data: gasRequirement } = useQuery({
+    queryKey: [
+      "gas-estimate",
+      fromChain?.chainKey,
+      selectedAssetSymbol,
+      amountNum,
+      balances
+    ],
+    queryFn: async () => {
+      if (!fromChain || !strategy) {
+        return null;
+      }
+      const selectedToken = tokens?.find(
+        (t2) => t2.symbol.toUpperCase() === selectedAssetSymbol?.toUpperCase()
+      ) || null;
+      const nativeTokenSymbol = fromChain.nativeCurrency?.symbol ?? "";
+      const nativeDecimals = fromChain.nativeCurrency?.decimals || 18;
+      const reserveFallback = getSourceGasReserveHuman(fromChain.chainKey);
+      const result = await strategy.estimateGasRequirement({
+        selectedToken,
+        nativeTokenSymbol,
+        amount: amountNum,
+        balances,
+        nativeDecimals,
+        reserveFallback
+      });
+      return result;
+    },
+    enabled: !!fromChain && !!strategy,
+    staleTime: 3e4,
+    gcTime: 5 * 6e4,
+    refetchOnWindowFocus: false,
+    retry: 1
+  });
   return {
     nativeSym: gasRequirement?.nativeSym || "",
     nativeBalance: gasRequirement?.nativeBalance || 0,
@@ -6486,7 +6477,6 @@ class EvmChainStrategy {
       this.provider = new BrowserProvider(config.walletClient.transport);
     }
   }
-  // ========== Identity ==========
   canHandle(chainKey) {
     const key = chainKey.toLowerCase();
     return key !== "ton" && key !== "tron";
@@ -6497,7 +6487,6 @@ class EvmChainStrategy {
   getName() {
     return "EVM Chain Strategy";
   }
-  // ========== Wallet Management ==========
   async connect() {
   }
   async disconnect() {
@@ -6521,7 +6510,6 @@ class EvmChainStrategy {
   getConnectLabel(t2) {
     return t2("wallets.connectEvmWallet");
   }
-  // ========== Balance & Validation ==========
   async getBalances(address, tokens) {
     return await getEvmBalances(address, tokens);
   }
@@ -6529,7 +6517,6 @@ class EvmChainStrategy {
     if (!address) return false;
     return /^0x[0-9a-fA-F]{40}$/.test(address);
   }
-  // ========== Gas Estimation ==========
   async estimateGasRequirement(params) {
     const provider = this.provider;
     const {
@@ -6576,7 +6563,6 @@ class EvmChainStrategy {
       isNativeSelected
     };
   }
-  // ========== Transaction Execution ==========
   validateSteps(steps) {
     if (!steps || steps.length === 0) {
       throw new InvalidStepsError("evm", "No transaction steps provided");
@@ -6679,7 +6665,6 @@ class EvmChainStrategy {
       };
     }
   }
-  // ========== Private Helper Methods ==========
   async executeTransaction(step) {
     const provider = this.provider;
     const signer = await provider?.getSigner();
@@ -7534,9 +7519,12 @@ function ChainStrategyProvider({
     () => new ChainStrategyRegistry([evmStrategy, tonStrategy, tronStrategy]),
     [evmStrategy, tonStrategy, tronStrategy]
   );
-  const value = {
-    chainRegistry
-  };
+  const value = useMemo(
+    () => ({
+      chainRegistry
+    }),
+    [chainRegistry]
+  );
   return /* @__PURE__ */ jsx(ChainStrategyContext.Provider, { value, children });
 }
 const EvaaBridgeWithProviders = (props) => {