tiwiflix-wallet-connector 1.5.6 → 1.5.7

package/dist/index.esm.js

@@ -7835,6 +7835,18 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [account?.address, fetchTransactions, cacheTimeout]);
+    // Fallback guard to avoid getting stuck in a loading state (e.g., after page refresh)
+    useEffect(() => {
+        // Only run when we are actually in a loading state
+        if (!isInitializing && !balanceLoading && !isConnecting)
+            return;
+        const timeout = setTimeout(() => {
+            setIsInitializing(false);
+            setBalanceLoading(false);
+            setIsConnecting(false);
+        }, 4000); // force-resolve after 4s
+        return () => clearTimeout(timeout);
+    }, [isInitializing, balanceLoading, isConnecting]);
     // Check chain ID and validate network
     useEffect(() => {
         const checkChain = async () => {
@@ -7888,6 +7900,25 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         // Get initial state
         const initialState = connector.getState();
         setStatus(initialState.status);
+        // Immediate hydration from cached state/localStorage to avoid loading flashes on page changes
+        if (initialState.account) {
+            setAccount(initialState.account);
+            // Prefer fresh TWC state, otherwise restore from localStorage cache
+            if (initialState.twcBalance && initialState.twcBalance !== '0' && initialState.twcBalance !== '0.00') {
+                setTwcBalance(initialState.twcBalance);
+                setUsdValueStable(initialState.usdValue ?? null);
+            }
+            else {
+                const cached = loadTWCBalanceFromCache(initialState.account.address);
+                if (cached?.balance) {
+                    setTwcBalance(cached.balance);
+                    setUsdValueStable(cached.usdValue);
+                }
+            }
+            // Since we have hydrated from cache, avoid showing the loading state
+            setIsInitializing(false);
+            setBalanceLoading(false);
+        }
         // Safety: Clear isConnecting on mount (in case it was stuck from previous session)
         setIsConnecting(false);
         // Only set wallets once to prevent re-renders

package/dist/index.js

@@ -7837,6 +7837,18 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [account?.address, fetchTransactions, cacheTimeout]);
+    // Fallback guard to avoid getting stuck in a loading state (e.g., after page refresh)
+    React.useEffect(() => {
+        // Only run when we are actually in a loading state
+        if (!isInitializing && !balanceLoading && !isConnecting)
+            return;
+        const timeout = setTimeout(() => {
+            setIsInitializing(false);
+            setBalanceLoading(false);
+            setIsConnecting(false);
+        }, 4000); // force-resolve after 4s
+        return () => clearTimeout(timeout);
+    }, [isInitializing, balanceLoading, isConnecting]);
     // Check chain ID and validate network
     React.useEffect(() => {
         const checkChain = async () => {
@@ -7890,6 +7902,25 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         // Get initial state
         const initialState = connector.getState();
         setStatus(initialState.status);
+        // Immediate hydration from cached state/localStorage to avoid loading flashes on page changes
+        if (initialState.account) {
+            setAccount(initialState.account);
+            // Prefer fresh TWC state, otherwise restore from localStorage cache
+            if (initialState.twcBalance && initialState.twcBalance !== '0' && initialState.twcBalance !== '0.00') {
+                setTwcBalance(initialState.twcBalance);
+                setUsdValueStable(initialState.usdValue ?? null);
+            }
+            else {
+                const cached = loadTWCBalanceFromCache(initialState.account.address);
+                if (cached?.balance) {
+                    setTwcBalance(cached.balance);
+                    setUsdValueStable(cached.usdValue);
+                }
+            }
+            // Since we have hydrated from cache, avoid showing the loading state
+            setIsInitializing(false);
+            setBalanceLoading(false);
+        }
         // Safety: Clear isConnecting on mount (in case it was stuck from previous session)
         setIsConnecting(false);
         // Only set wallets once to prevent re-renders

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiwiflix-wallet-connector",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "Multi-chain wallet connector for Tiwiflix supporting EVM, TON, Solana, and Tron wallets",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",