@bze/bze-ui-kit 1.0.9 → 1.0.11

package/dist/index.mjs

@@ -3355,21 +3355,27 @@ var useSigningClient = ({ chainName }) => {
   const { getSigningClient, signingClientError, wallet, chain } = useChain(chainName != null ? chainName : getChainName());
   const [signingClient, setSigningClient] = useState(null);
   const [isSigningClientReady, setIsSigningClientReady] = useState(false);
-  const hasInitialized = useRef(false);
+  const initializedForWallet = useRef(null);
   const createSigningClient = useCallback2(async () => {
     return getSigningClient();
   }, [getSigningClient]);
   useEffect(() => {
-    if (!wallet || !chain || hasInitialized.current) {
+    if (!wallet || !chain) {
+      if (initializedForWallet.current !== null) {
+        setSigningClient(null);
+        setIsSigningClientReady(false);
+        initializedForWallet.current = null;
+      }
       return;
     }
+    if (initializedForWallet.current === wallet) return;
     const load = async () => {
       const client = await createSigningClient();
       if (client) {
         registerBzeEncoders(client);
         setSigningClient(client);
         setIsSigningClientReady(true);
-        hasInitialized.current = true;
+        initializedForWallet.current = wallet;
       }
     };
     load();
@@ -3381,6 +3387,34 @@ var useSigningClient = ({ chainName }) => {
   };
 };
 
+// src/hooks/useWalletHealthCheck.ts
+import { useEffect as useEffect2 } from "react";
+import { useChain as useChain2 } from "@interchain-kit/react";
+import { WalletState } from "@interchain-kit/core";
+var SIGNING_CLIENT_TIMEOUT_MS = 5e3;
+var useWalletHealthCheck = (chainName) => {
+  const { status, getSigningClient, disconnect } = useChain2(chainName != null ? chainName : getChainName());
+  useEffect2(() => {
+    if (status !== WalletState.Connected) return;
+    const validate = async () => {
+      try {
+        const client = await Promise.race([
+          getSigningClient(),
+          new Promise(
+            (resolve) => setTimeout(() => resolve(null), SIGNING_CLIENT_TIMEOUT_MS)
+          )
+        ]);
+        if (!client) {
+          disconnect();
+        }
+      } catch (e) {
+        disconnect();
+      }
+    };
+    validate();
+  }, []);
+};
+
 // src/hooks/usePrices.ts
 import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
 function useAssetPrice(denom) {
@@ -3424,11 +3458,11 @@ function useAssetPrice(denom) {
 }
 
 // src/hooks/useSettings.ts
-import { useState as useState2, useEffect as useEffect2, useCallback as useCallback4, useMemo as useMemo3 } from "react";
+import { useState as useState2, useEffect as useEffect3, useCallback as useCallback4, useMemo as useMemo3 } from "react";
 function useSettings() {
   const [settings, setSettingsState] = useState2(DEFAULT_SETTINGS);
   const [isLoaded, setIsLoaded] = useState2(false);
-  useEffect2(() => {
+  useEffect3(() => {
     setSettingsState(getSettings());
     setIsLoaded(true);
   }, []);
@@ -4066,7 +4100,7 @@ var useToast = () => {
 
 // src/hooks/useTx.tsx
 import { TxBody, SignerInfo } from "@bze/bzejs/cosmos/tx/v1beta1/tx";
-import { useChain as useChain2 } from "@interchain-kit/react";
+import { useChain as useChain3 } from "@interchain-kit/react";
 import BigNumber13 from "bignumber.js";
 import { useCallback as useCallback11, useMemo as useMemo11, useState as useState3 } from "react";
 var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
@@ -4101,7 +4135,7 @@ var useIBCTx = (chainName) => {
   };
 };
 var useTx = (chainName) => {
-  const { address, disconnect } = useChain2(chainName);
+  const { address, disconnect } = useChain3(chainName);
   const { toast } = useToast();
   const { signingClient, isSigningClientReady, signingClientError } = useSigningClient({ chainName });
   const [progressTrack, setProgressTrack] = useState3("");
@@ -4232,7 +4266,7 @@ var useTx = (chainName) => {
 };
 
 // src/hooks/useValidatorLogos.ts
-import { useCallback as useCallback12, useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
 var KEYBASE_API_URL = "https://keybase.io/_/api/1.0/user/lookup.json";
 var LOGOS_STORAGE_KEY = "validator_logos";
 var LOGOS_TTL = 24 * 60 * 60 * 1e3;
@@ -4304,7 +4338,7 @@ var useValidatorLogos = (validators) => {
     }
     return result;
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!validators || validators.length === 0) return;
     if (fetchedRef.current && validatorCountRef.current === validators.length) return;
     const identities = validators.map((v) => {
@@ -4328,7 +4362,7 @@ var useValidatorLogos = (validators) => {
 
 // src/components/highlight.tsx
 import { Text } from "@chakra-ui/react";
-import { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var HighlightText = (_a2) => {
   var _b2 = _a2, {
@@ -4351,7 +4385,7 @@ var HighlightText = (_a2) => {
   const previousValueRef = useRef3(childrenString);
   const highlightOpacity = highlightIntensity === "subtle" ? "15" : "50";
   const boxShadowStrength = highlightIntensity === "subtle" ? "10" : "25";
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isMountedRef.current) {
       isMountedRef.current = true;
       if (highlightOnMount) {
@@ -4524,7 +4558,7 @@ import {
 } from "@chakra-ui/react";
 import { Select, Portal as Portal3 } from "@chakra-ui/react";
 import { useTheme } from "next-themes";
-import { useState as useState7, useEffect as useEffect5, useMemo as useMemo12, useCallback as useCallback13 } from "react";
+import { useState as useState7, useEffect as useEffect6, useMemo as useMemo12, useCallback as useCallback13 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { setTheme, resolvedTheme } = useTheme();
@@ -4537,7 +4571,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const [isValidating, setIsValidating] = useState7(false);
   const [validationResults, setValidationResults] = useState7({});
   const [preferredFeeDenom, setPreferredFeeDenom] = useState7(void 0);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isLoaded) {
       setRestEndpoint(settings.endpoints.restEndpoint);
       setRpcEndpoint(settings.endpoints.rpcEndpoint);
@@ -4774,7 +4808,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
 
 // src/components/sidebar/wallet-sidebar.tsx
 import "@interchain-kit/react/styles.css";
-import { InterchainWalletModal, useChain as useChain3 } from "@interchain-kit/react";
+import { InterchainWalletModal, useChain as useChain4 } from "@interchain-kit/react";
 import {
   Badge as Badge2,
   Box as Box2,
@@ -4793,8 +4827,8 @@ import {
   VStack as VStack2
 } from "@chakra-ui/react";
 import { LuCopy, LuExternalLink, LuX as LuX2 } from "react-icons/lu";
-import { useCallback as useCallback14, useEffect as useEffect6, useMemo as useMemo13, useRef as useRef4, useState as useState8 } from "react";
-import { WalletState } from "@interchain-kit/core";
+import { useCallback as useCallback14, useEffect as useEffect7, useMemo as useMemo13, useRef as useRef4, useState as useState8 } from "react";
+import { WalletState as WalletState2 } from "@interchain-kit/core";
 import BigNumber14 from "bignumber.js";
 import { cosmos } from "@bze/bzejs";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -4880,7 +4914,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
   const [memo, setMemo] = useState8("");
   const [memoError, setMemoError] = useState8("");
   const { toast } = useToast();
-  const { status, address } = useChain3(getChainName());
+  const { status, address } = useChain4(getChainName());
   const { tx } = useSDKTx(getChainName());
   const coinsCollection = createListCollection2({
     items: balances.map((item) => {
@@ -4907,7 +4941,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       toast.error("Can not send coins!", "Please check the input data.");
       return;
     }
-    if (status !== WalletState.Connected) {
+    if (status !== WalletState2.Connected) {
       toast.error("Wallet not connected!", "Please connect your wallet first.");
       return;
     }
@@ -4969,7 +5003,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setMemoError("");
     }
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     if (selectedTicker !== "") {
       onCoinSelectChange(selectedTicker);
     }
@@ -5143,7 +5177,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
     address,
     disconnect,
     connect
-  } = useChain3(getChainName());
+  } = useChain4(getChainName());
   const { assetsBalances, isLoading: assetsLoading } = useBalances();
   const balancesWithoutLps = useMemo13(() => {
     if (assetsLoading) return [];
@@ -5254,11 +5288,11 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
   ] });
   const statusColor = useMemo13(() => {
     switch (status) {
-      case WalletState.Connected:
+      case WalletState2.Connected:
         return "green";
-      case WalletState.Connecting:
+      case WalletState2.Connecting:
         return "yellow";
-      case WalletState.Disconnected:
+      case WalletState2.Disconnected:
         return "red";
       default:
         return "gray";
@@ -5271,7 +5305,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         /* @__PURE__ */ jsx5(Text3, { fontSize: "sm", fontWeight: "medium", children: "Wallet Status" }),
         /* @__PURE__ */ jsx5(Badge2, { colorPalette: statusColor, size: "sm", children: status })
       ] }),
-      status === WalletState.Connected && /* @__PURE__ */ jsxs4(
+      status === WalletState2.Connected && /* @__PURE__ */ jsxs4(
         Box2,
         {
           p: "3",
@@ -5322,7 +5356,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           ]
         }
       ),
-      status !== WalletState.Connected && /* @__PURE__ */ jsx5(
+      status !== WalletState2.Connected && /* @__PURE__ */ jsx5(
         Button2,
         {
           size: "sm",
@@ -5334,8 +5368,8 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       )
     ] }),
     /* @__PURE__ */ jsx5(Separator2, {}),
-    status === WalletState.Connected && viewState === "balances" && renderBalancesView(),
-    status === WalletState.Connected && viewState === "send" && /* @__PURE__ */ jsx5(SendForm, { balances: sortedBalances, onClose: handleCancel, selectedTicker: clickedBalance, accentColor })
+    status === WalletState2.Connected && viewState === "balances" && renderBalancesView(),
+    status === WalletState2.Connected && viewState === "send" && /* @__PURE__ */ jsx5(SendForm, { balances: sortedBalances, onClose: handleCancel, selectedTicker: clickedBalance, accentColor })
   ] });
 };
 
@@ -5646,6 +5680,7 @@ export {
   useSigningClient,
   useToast,
   useValidatorLogos,
+  useWalletHealthCheck,
   validateBZEBech32Address,
   validateBech32Address,
   validateEndpoints,