@bze/bze-ui-kit 1.0.12 → 1.0.14

package/dist/index.mjs

@@ -3352,34 +3352,34 @@ var registerBzeEncoders = (client) => {
 
 // src/hooks/useSigningClient.ts
 var useSigningClient = ({ chainName }) => {
-  const { getSigningClient, signingClientError, wallet, chain } = useChain(chainName != null ? chainName : getChainName());
+  const { getSigningClient, signingClientError, wallet, chain, address } = useChain(chainName != null ? chainName : getChainName());
   const [signingClient, setSigningClient] = useState(null);
   const [isSigningClientReady, setIsSigningClientReady] = useState(false);
-  const initializedForWallet = useRef(null);
+  const initializedForAddress = useRef(null);
   const createSigningClient = useCallback2(async () => {
     return getSigningClient();
   }, [getSigningClient]);
   useEffect(() => {
-    if (!wallet || !chain) {
-      if (initializedForWallet.current !== null) {
+    if (!wallet || !chain || !address) {
+      if (initializedForAddress.current !== null) {
         setSigningClient(null);
         setIsSigningClientReady(false);
-        initializedForWallet.current = null;
+        initializedForAddress.current = null;
       }
       return;
     }
-    if (initializedForWallet.current === wallet) return;
+    if (initializedForAddress.current === address) return;
     const load = async () => {
       const client = await createSigningClient();
       if (client) {
         registerBzeEncoders(client);
         setSigningClient(client);
         setIsSigningClientReady(true);
-        initializedForWallet.current = wallet;
+        initializedForAddress.current = address;
       }
     };
     load();
-  }, [wallet, chain, createSigningClient]);
+  }, [wallet, chain, address, createSigningClient]);
   return {
     signingClientError,
     signingClient,
@@ -3391,12 +3391,41 @@ var useSigningClient = ({ chainName }) => {
 import { useEffect as useEffect2 } 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, getSigningClient, disconnect, address } = useChain2(chainName != null ? chainName : getChainName());
   useEffect2(() => {
     if (status !== WalletState.Connected) return;
     const validate = async () => {
+      var _a2;
       try {
         const client = await Promise.race([
           getSigningClient(),
@@ -3405,9 +3434,40 @@ var useWalletHealthCheck = (chainName) => {
           )
         ]);
         if (!client) {
+          const msg = "[useWalletHealthCheck] Signing client unavailable or timed out \u2014 wallet may be locked. Disconnecting.";
+          console.error(msg);
+          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 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);
+          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();
       }
     };
@@ -3997,34 +4057,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({