@bze/bze-ui-kit 1.0.13 → 1.0.15

package/dist/index.mjs

@@ -3388,31 +3388,93 @@ 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";
+
+// src/components/toaster.tsx
+import {
+  Toaster as ChakraToaster,
+  Portal,
+  Spinner,
+  Stack,
+  Toast,
+  createToaster
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var toaster = createToaster({
+  placement: "top-end",
+  pauseOnPageIdle: true
+});
+var Toaster = () => {
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast) => /* @__PURE__ */ jsxs(Toast.Root, { width: { md: "sm" }, children: [
+    toast.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
+    /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      toast.title && /* @__PURE__ */ jsx(Toast.Title, { children: toast.title }),
+      toast.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast.description })
+    ] }),
+    toast.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast.action.label }),
+    toast.closable && /* @__PURE__ */ jsx(Toast.CloseTrigger, {})
+  ] }) }) });
+};
+
+// src/hooks/useWalletHealthCheck.ts
 var SIGNING_CLIENT_TIMEOUT_MS = 5e3;
 var useWalletHealthCheck = (chainName) => {
-  const { status, getSigningClient, disconnect } = 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, _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) {
+        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.",
+            type: "error",
+            duration: 8e3,
+            closable: true
+          });
           disconnect();
+          return;
         }
-      } catch (e) {
+        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.",
+            type: "warning",
+            duration: 8e3,
+            closable: true
+          });
+          disconnect();
+        }
+      } catch (err) {
+        console.error("[useWalletHealthCheck] Error validating wallet connection:", err);
+        toaster.create({
+          title: "Wallet connection error",
+          description: "Could not verify your wallet connection. Please reconnect.",
+          type: "error",
+          duration: 8e3,
+          closable: true
+        });
         disconnect();
       }
     };
     validate();
-  }, []);
+  }, [status]);
 };
 
 // src/hooks/usePrices.ts
@@ -3997,34 +4059,6 @@ function useMarketsManager() {
 
 // src/hooks/useToast.tsx
 import { useCallback as useCallback10, useMemo as useMemo10 } from "react";
-
-// src/components/toaster.tsx
-import {
-  Toaster as ChakraToaster,
-  Portal,
-  Spinner,
-  Stack,
-  Toast,
-  createToaster
-} from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var toaster = createToaster({
-  placement: "top-end",
-  pauseOnPageIdle: true
-});
-var Toaster = () => {
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast) => /* @__PURE__ */ jsxs(Toast.Root, { width: { md: "sm" }, children: [
-    toast.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
-    /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      toast.title && /* @__PURE__ */ jsx(Toast.Title, { children: toast.title }),
-      toast.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast.description })
-    ] }),
-    toast.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast.action.label }),
-    toast.closable && /* @__PURE__ */ jsx(Toast.CloseTrigger, {})
-  ] }) }) });
-};
-
-// src/hooks/useToast.tsx
 var useToast = () => {
   const clickableSuccess = useCallback10((title, actionFn, actionLabel, description, duration = 5e3) => {
     toaster.create({
@@ -4266,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;
@@ -4362,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, {
@@ -4379,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(() => {
@@ -4827,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";
@@ -5170,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,