@bze/bze-ui-kit 1.0.14 → 1.0.15

package/dist/index.mjs

@@ -3388,7 +3388,7 @@ var useSigningClient = ({ chainName }) => {
 };
 
 // src/hooks/useWalletHealthCheck.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
 import { useChain as useChain2 } from "@interchain-kit/react";
 import { WalletState } from "@interchain-kit/core";
 
@@ -3421,21 +3421,23 @@ var Toaster = () => {
 // src/hooks/useWalletHealthCheck.ts
 var SIGNING_CLIENT_TIMEOUT_MS = 5e3;
 var useWalletHealthCheck = (chainName) => {
-  const { status, getSigningClient, disconnect, address } = useChain2(chainName != null ? chainName : getChainName());
+  const { status, disconnect, address, wallet } = useChain2(chainName != null ? chainName : getChainName());
+  const hasValidated = useRef2(false);
   useEffect2(() => {
     if (status !== WalletState.Connected) return;
+    if (hasValidated.current) return;
+    hasValidated.current = true;
     const validate = async () => {
-      var _a2;
+      var _a2, _b2;
       try {
-        const client = await Promise.race([
-          getSigningClient(),
+        const refreshed = await Promise.race([
+          (_a2 = wallet == null ? void 0 : wallet.refreshAccount) == null ? void 0 : _a2.call(wallet).then(() => true),
           new Promise(
-            (resolve) => setTimeout(() => resolve(null), SIGNING_CLIENT_TIMEOUT_MS)
+            (resolve) => setTimeout(() => resolve(false), SIGNING_CLIENT_TIMEOUT_MS)
           )
         ]);
-        if (!client) {
-          const msg = "[useWalletHealthCheck] Signing client unavailable or timed out \u2014 wallet may be locked. Disconnecting.";
-          console.error(msg);
+        if (!refreshed) {
+          console.error("[useWalletHealthCheck] refreshAccount timed out \u2014 wallet may be locked. Disconnecting.");
           toaster.create({
             title: "Wallet disconnected",
             description: "Could not reach your wallet extension. Please reconnect.",
@@ -3446,10 +3448,10 @@ var useWalletHealthCheck = (chainName) => {
           disconnect();
           return;
         }
-        const accounts = await ((_a2 = client.getAccounts) == null ? void 0 : _a2.call(client));
-        if ((accounts == null ? void 0 : accounts.length) > 0 && accounts[0].address !== address) {
-          const msg = `[useWalletHealthCheck] Address mismatch \u2014 interchain-kit cached "${address}" but signing client reports "${accounts[0].address}". Wallet was likely switched outside the UI. Disconnecting.`;
-          console.error(msg);
+        const freshAccount = await ((_b2 = wallet == null ? void 0 : wallet.getAccount) == null ? void 0 : _b2.call(wallet));
+        const freshAddress = freshAccount == null ? void 0 : freshAccount.address;
+        if (freshAddress && freshAddress !== address) {
+          console.error(`[useWalletHealthCheck] Address mismatch \u2014 interchain-kit cached "${address}" but extension reports "${freshAddress}". Wallet was switched outside the UI. Disconnecting.`);
           toaster.create({
             title: "Wallet account changed",
             description: "Your wallet account changed since your last visit. Please reconnect.",
@@ -3472,7 +3474,7 @@ var useWalletHealthCheck = (chainName) => {
       }
     };
     validate();
-  }, []);
+  }, [status]);
 };
 
 // src/hooks/usePrices.ts
@@ -4298,15 +4300,15 @@ var useTx = (chainName) => {
 };
 
 // src/hooks/useValidatorLogos.ts
-import { useCallback as useCallback12, useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect4, useRef as useRef3, 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;
 var useValidatorLogos = (validators) => {
   const [logos, setLogos] = useState4({});
   const [isLoading, setIsLoading] = useState4(false);
-  const fetchedRef = useRef2(false);
-  const validatorCountRef = useRef2(0);
+  const fetchedRef = useRef3(false);
+  const validatorCountRef = useRef3(0);
   const fetchLogos = useCallback12(async (identities) => {
     if (identities.length === 0) return {};
     let cached = null;
@@ -4394,7 +4396,7 @@ var useValidatorLogos = (validators) => {
 
 // src/components/highlight.tsx
 import { Text } from "@chakra-ui/react";
-import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var HighlightText = (_a2) => {
   var _b2 = _a2, {
@@ -4411,10 +4413,10 @@ var HighlightText = (_a2) => {
     "children"
   ]);
   const [isHighlighted, setIsHighlighted] = useState5(false);
-  const isMountedRef = useRef3(false);
-  const timeoutRef = useRef3(void 0);
+  const isMountedRef = useRef4(false);
+  const timeoutRef = useRef4(void 0);
   const childrenString = String(children);
-  const previousValueRef = useRef3(childrenString);
+  const previousValueRef = useRef4(childrenString);
   const highlightOpacity = highlightIntensity === "subtle" ? "15" : "50";
   const boxShadowStrength = highlightIntensity === "subtle" ? "10" : "25";
   useEffect5(() => {
@@ -4859,7 +4861,7 @@ import {
   VStack as VStack2
 } from "@chakra-ui/react";
 import { LuCopy, LuExternalLink, LuX as LuX2 } from "react-icons/lu";
-import { useCallback as useCallback14, useEffect as useEffect7, useMemo as useMemo13, useRef as useRef4, useState as useState8 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect7, useMemo as useMemo13, useRef as useRef5, useState as useState8 } from "react";
 import { WalletState as WalletState2 } from "@interchain-kit/core";
 import BigNumber14 from "bignumber.js";
 import { cosmos } from "@bze/bzejs";
@@ -5202,7 +5204,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
   const [isDisconnecting, setIsDisconnecting] = useState8(false);
   const [showCopiedTooltip, setShowCopiedTooltip] = useState8(false);
   const [clickedBalance, setClickedBalance] = useState8("");
-  const copyButtonRef = useRef4(null);
+  const copyButtonRef = useRef5(null);
   const {
     status,
     username,