@bze/bze-ui-kit 1.0.14 → 1.0.16

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
@@ -4240,18 +4242,19 @@ var useTx = (chainName) => {
     }
   }, [simulateFee]);
   const tx = useCallback11(async (msgs, options) => {
-    var _a2;
+    var _a2, _b2;
     if (!address) {
       toast.error("Transaction Failed" /* Failed */, "Please connect the wallet");
-      return;
+      return false;
     }
     if (!await canUseClient()) {
       toast.error("Transaction Failed" /* Failed */, "Can not find suitable signing client. Make sure your wallet is installed, connected and unlocked.");
       disconnect();
-      return;
+      return false;
     }
     setProgressTrack("Getting fee");
     const broadcastToastId = toast.loading("Transaction Pending" /* Broadcasting */, "Waiting for transaction to be signed and included in block");
+    let success = false;
     if (signingClient) {
       try {
         const fee = await getFee(msgs, options);
@@ -4261,6 +4264,7 @@ var useTx = (chainName) => {
         const resp = await broadcastResult.wait();
         const txHash = (resp == null ? void 0 : resp.txhash) || broadcastResult.transactionHash;
         if ((resp == null ? void 0 : resp.code) === 0) {
+          success = true;
           setProgressTrack("Transaction sent");
           toast.clickableSuccess("Transaction Successful" /* Successful */, () => {
             openExternalLink(`${getChainExplorerURL(chainName != null ? chainName : defaultChainName)}/tx/${txHash}`);
@@ -4277,12 +4281,19 @@ var useTx = (chainName) => {
         }
       } catch (e) {
         console.error(e);
-        if (e.message.includes("Failed to retrieve account from signer")) {
+        const errMsg = (_b2 = e == null ? void 0 : e.message) != null ? _b2 : "";
+        const isSignerError = [
+          "Failed to retrieve account from signer",
+          "Signer address does not match",
+          "signers mismatch",
+          "Signer mismatched"
+        ].some((pattern) => errMsg.includes(pattern));
+        if (isSignerError) {
           disconnect();
         }
-        toast.error("Transaction Failed" /* Failed */, prettyError(e == null ? void 0 : e.message));
+        toast.error("Transaction Failed" /* Failed */, prettyError(errMsg));
         if (options == null ? void 0 : options.onFailure) {
-          options.onFailure(prettyError(e == null ? void 0 : e.message) || "Unknown error");
+          options.onFailure(prettyError(errMsg) || "Unknown error");
         }
       }
     }
@@ -4290,6 +4301,7 @@ var useTx = (chainName) => {
     setTimeout(() => {
       setProgressTrack("");
     }, (options == null ? void 0 : options.progressTrackerTimeout) || 5e3);
+    return success;
   }, [address, canUseClient, toast, signingClient, disconnect, getFee, chainName, defaultChainName]);
   return {
     tx,
@@ -4298,15 +4310,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 +4406,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 +4423,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 +4871,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 +5214,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,