@embarkai/ui-kit 0.4.36 → 0.4.38

package/dist/index.js

@@ -15691,38 +15691,33 @@ var init_MainMenu2 = __esm({
 // src/modules/linkedProfiles.ts
 import { useQuery as useQuery11, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 import { useCallback as useCallback16 } from "react";
-async function getLinkProfilesData() {
-  const list = await getLinkedProviders();
-  const loadedProfiles = list.map((p) => {
-    const info = getProviderDisplayInfo(p.provider);
-    return { ...p, displayName: info.name, icon: info.icon };
-  });
-  let avatar = null;
-  try {
-    avatar = jwtTokenManager2.getAvatar() || null;
-  } catch {
-    avatar = null;
-  }
-  return { profiles: loadedProfiles, avatar };
-}
 function useLinkedProfiles() {
   const qc = useQueryClient11();
   const address = useSession((st) => st.address);
-  const {
-    data,
-    isFetching: isLoading,
-    error
-  } = useQuery11({
+  const { data, isFetching, isLoading, error } = useQuery11({
     retry: false,
     enabled: !!address,
     queryKey: [LINKED_PROFILES_QUERY_KEY, address],
-    queryFn: getLinkProfilesData
+    queryFn: async () => {
+      const list = await getLinkedProviders();
+      const loadedProfiles = list.map((p) => {
+        const info = getProviderDisplayInfo(p.provider);
+        return { ...p, displayName: info.name, icon: info.icon };
+      });
+      let avatar2 = null;
+      try {
+        avatar2 = jwtTokenManager2.getAvatar() || null;
+      } catch {
+        avatar2 = null;
+      }
+      return { profiles: loadedProfiles, avatar: avatar2 };
+    }
   });
   const { profiles = [], avatar = null } = data || {};
   const refresh = useCallback16(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
-  return { profiles, avatar, isLoading, error, refresh };
+  return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
 var LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
@@ -16732,15 +16727,49 @@ var init_ManageWallet = __esm({
   }
 });
 
+// src/internal/stores/useExternalWalletStore.ts
+import { create as create8 } from "zustand";
+var useExternalWalletStore;
+var init_useExternalWalletStore = __esm({
+  "src/internal/stores/useExternalWalletStore.ts"() {
+    useExternalWalletStore = create8((set) => ({
+      configMode: "linked",
+      activeMode: "linked",
+      externalAddress: null,
+      externalChainId: null,
+      isExternalConnected: false,
+      connectorName: null,
+      setConfigMode: (mode) => set({ configMode: mode }),
+      setActiveMode: (mode) => set({ activeMode: mode }),
+      setExternalWallet: ({ address, chainId, connectorName }) => set({
+        externalAddress: address,
+        externalChainId: chainId,
+        isExternalConnected: true,
+        connectorName
+      }),
+      clearExternalWallet: () => set({
+        externalAddress: null,
+        externalChainId: null,
+        isExternalConnected: false,
+        connectorName: null
+      }),
+      setExternalChainId: (chainId) => set({ externalChainId: chainId })
+    }));
+  }
+});
+
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 import { useMutation as useMutation15, useQueryClient as useQueryClient16 } from "@tanstack/react-query";
 import { Key as Key6, Loader as Loader16 } from "lucide-react";
 import { useState as useState17 } from "react";
+import { useDisconnect } from "wagmi";
 import { jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
   const qc = useQueryClient16();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
+  const { disconnect: disconnectExternalWallet } = useDisconnect();
+  const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
@@ -16751,6 +16780,13 @@ function UnlinkProviderMenu() {
         throw new Error("No provider to unlink");
       }
       const { provider, externalId } = confirmUnlink;
+      if (provider === "wallet" && isExternalConnected) {
+        await new Promise((resolve) => {
+          disconnectExternalWallet();
+          useExternalWalletStore.getState().clearExternalWallet();
+          setTimeout(() => resolve(null), 1e3);
+        });
+      }
       await unlinkProvider(provider, externalId);
     },
     onSuccess: async () => {
@@ -16827,6 +16863,7 @@ var init_UnlinkProviderMenu = __esm({
     init_useT();
     init_linkedProfiles();
     init_auth();
+    init_useExternalWalletStore();
     init_button();
     init_input();
     init_useProvidersList();
@@ -18972,37 +19009,6 @@ var init_wallet = __esm({
   }
 });
 
-// src/internal/stores/useExternalWalletStore.ts
-import { create as create8 } from "zustand";
-var useExternalWalletStore;
-var init_useExternalWalletStore = __esm({
-  "src/internal/stores/useExternalWalletStore.ts"() {
-    useExternalWalletStore = create8((set) => ({
-      configMode: "linked",
-      activeMode: "linked",
-      externalAddress: null,
-      externalChainId: null,
-      isExternalConnected: false,
-      connectorName: null,
-      setConfigMode: (mode) => set({ configMode: mode }),
-      setActiveMode: (mode) => set({ activeMode: mode }),
-      setExternalWallet: ({ address, chainId, connectorName }) => set({
-        externalAddress: address,
-        externalChainId: chainId,
-        isExternalConnected: true,
-        connectorName
-      }),
-      clearExternalWallet: () => set({
-        externalAddress: null,
-        externalChainId: null,
-        isExternalConnected: false,
-        connectorName: null
-      }),
-      setExternalChainId: (chainId) => set({ externalChainId: chainId })
-    }));
-  }
-});
-
 // src/internal/components/SendMenu/useFlowSelector.ts
 import { create as create9 } from "zustand";
 import { persist as persist2 } from "zustand/middleware";
@@ -19087,7 +19093,6 @@ var init_useBridgeStore = __esm({
       bridgeStep: "select",
       bridgeType: "hyper",
       bridgeSender: "embarkai-wallet",
-      bridgeSenders: [],
       amount: "",
       quote: null,
       isQuoteEstimating: false,
@@ -19096,6 +19101,7 @@ var init_useBridgeStore = __esm({
     useBridgeStore = create10()(
       persist3(
         (set, get) => ({
+          bridgeSenders: [],
           hyperRoute: null,
           recipient: null,
           originChain: null,
@@ -19154,7 +19160,7 @@ import { useEffect as useEffect33, useRef as useRef17, useState as useState24 }
 import { useSignMessage } from "wagmi";
 import { jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
 function SenderSelector(props) {
-  const { profiles } = props;
+  const { directWalletProfile } = props;
   const { t } = useT();
   const config = useProviderConfig().config;
   const { signMessageAsync } = useSignMessage();
@@ -19169,22 +19175,15 @@ function SenderSelector(props) {
   useEffect33(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
-  useEffect33(() => {
-    const pending = pendingWalletRef.current;
-    if (!pending || !directWalletIsConnected || !directWalletAddress) return;
-    if (directWalletAddress.toLowerCase() !== pending.externalId?.toLowerCase()) return;
-    pendingWalletRef.current = null;
-    directWalletFlow(pending);
-  }, [directWalletIsConnected, directWalletAddress]);
-  const { mutate: directWalletFlow, isPending: isDirectWalletLogin } = useMutation18({
-    mutationFn: async (walletProfile2) => {
-      if (!walletProfile2?.meta?.walletName || !walletProfile2?.externalId || !walletProfile2?.meta?.walletType) {
-        console.error("[SENDER SELECTOR] Invalid wallet profile:", walletProfile2);
+  const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = useMutation18({
+    mutationFn: async (walletProfile) => {
+      if (!walletProfile?.meta?.walletName || !walletProfile?.externalId || !walletProfile?.meta?.walletType) {
+        console.error("[SENDER SELECTOR] Invalid wallet profile:", walletProfile);
         setWalletMessage("Invalid wallet profile. Please try connecting your wallet again.");
         return;
       }
       const projectName = config.current?.projectId ? await fetchProjectName(config.current.projectId) : "EmbarkAI";
-      const signingWalletAddress = walletProfile2?.externalId;
+      const signingWalletAddress = walletProfile?.externalId;
       const message = createLoginMessage(signingWalletAddress, projectName);
       const signature = await Promise.race([
         signMessageAsync({ message, account: signingWalletAddress }),
@@ -19208,19 +19207,17 @@ function SenderSelector(props) {
         address: signingWalletAddress,
         signature,
         message,
-        walletName: walletProfile2.meta.walletName,
-        walletType: walletProfile2.meta.walletType
+        walletName: walletProfile.meta.walletName,
+        walletType: walletProfile.meta.walletType
       };
-      console.log("[SENDER SELECTOR] Wallet login data prepared:", walletData);
       const loginData = await walletLogin(walletData);
-      return { fromChainId, loginData, walletProfile: walletProfile2 };
+      return { fromChainId, loginData, walletProfile };
     },
-    onSuccess: ({ fromChainId, loginData, walletProfile: walletProfile2 }) => {
-      console.log("[SENDER SELECTOR] Wallet login successful:", loginData);
+    onSuccess: ({ fromChainId, loginData, walletProfile }) => {
       useExternalWalletStore.getState().setExternalWallet({
-        address: walletProfile2?.externalId,
+        address: walletProfile?.externalId,
         chainId: fromChainId,
-        connectorName: walletProfile2?.meta?.walletName || "Unknown Wallet"
+        connectorName: walletProfile?.meta?.walletName || "Unknown Wallet"
       });
       setWalletMessage(null);
       useBridgeStore.getState().setBridgeSender("direct-wallet");
@@ -19231,7 +19228,13 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  const walletProfile = profiles.filter((p) => p.provider === "wallet")[0] || null;
+  useEffect33(() => {
+    const pendingProfile = pendingWalletRef.current;
+    if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
+    if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
+    pendingWalletRef.current = null;
+    loginDirectWallet(pendingProfile);
+  }, [directWalletIsConnected, directWalletAddress]);
   return /* @__PURE__ */ jsxs83("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     bridgeSenders.map((sender) => /* @__PURE__ */ jsxs83(
       Button,
@@ -19283,14 +19286,14 @@ function SenderSelector(props) {
           variant: "default",
           size: "large",
           className: "w-full",
-          disabled: !walletProfile || isDirectWalletLogin,
+          disabled: !directWalletProfile || isDirectWalletLoggingIn,
           onClick: () => {
-            const isConnectedToRightWallet = directWalletIsConnected && directWalletAddress?.toLowerCase() === walletProfile?.externalId?.toLowerCase();
+            const isConnectedToRightWallet = directWalletIsConnected && directWalletAddress?.toLowerCase() === directWalletProfile?.externalId?.toLowerCase();
             if (isConnectedToRightWallet) {
-              directWalletFlow(walletProfile);
+              loginDirectWallet(directWalletProfile);
             } else {
               useLayoutDataStore.getState().setPage(null);
-              pendingWalletRef.current = walletProfile;
+              pendingWalletRef.current = directWalletProfile;
               openConnectModal?.();
             }
           },
@@ -19413,39 +19416,39 @@ var init_wallets = __esm({
 import { useEffect as useEffect34, useRef as useRef18 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
-  const activeChainId = useSession((st) => st.activeChainId);
   const { profiles } = useLinkedProfiles();
-  const walletProfiles = profiles.filter((p) => p.provider === "wallet");
   const lastCalcedSenders = useRef18([]);
   useEffect34(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
         name: "embarkAI",
-        chainId: activeChainId,
+        chainId: null,
         address,
         Icon: TOKENS_ICONS["EMBARKAI"]
       }
     ];
-    if (!!walletProfiles.length) {
-      walletProfiles.forEach((wProfile) => {
-        sendersAccumulator.push({
-          type: "direct-wallet",
-          name: wProfile?.meta?.walletName || "External wallet",
-          chainId: null,
-          address: wProfile?.externalId,
-          Icon: WALLET_ICONS[wProfile?.meta?.walletName?.toLowerCase()] || WALLET_ICONS["default"]
-        });
+    const walletProfile = profiles.filter((p) => p.provider === "wallet")[0] || null;
+    if (!!walletProfile) {
+      sendersAccumulator.push({
+        type: "direct-wallet",
+        name: walletProfile?.meta?.walletName || "External wallet",
+        chainId: null,
+        address: walletProfile?.externalId,
+        Icon: WALLET_ICONS[walletProfile?.meta?.walletName?.toLowerCase()] || WALLET_ICONS["default"]
       });
     }
     if (sendersAccumulator.map((s) => `${s.name}-${s.address}`).join(",") === lastCalcedSenders.current.join(",")) {
       return;
     }
     lastCalcedSenders.current = sendersAccumulator.map((s) => `${s.name}-${s.address}`);
+    console.info("[SENDER SELECTOR] setting bridge senders", sendersAccumulator);
     useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
-  }, [address, walletProfiles, activeChainId]);
-  return { profiles: walletProfiles };
+  }, [address, profiles]);
+  return {
+    directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
+  };
 }
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
@@ -20104,18 +20107,16 @@ function SelectStep(props) {
   const { swapChains, hyperlaneWarpRoutes, isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
   const {
+    bridgeSenders,
+    bridgeSender,
     originChain,
     destinationChain,
     hyperRoute,
     amount,
-    // bridgeSenders,
     isQuoteEstimating,
-    recipient,
-    setBridgeStep,
-    setAmount,
-    setRecipient
+    recipient
   } = useBridgeStore();
-  const selectedSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
+  const selectedSender = bridgeSenders?.find((s) => s.type === bridgeSender) || null;
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
     const { routeId, chainPair } = route;
@@ -20147,7 +20148,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("sender-selector");
+            useBridgeStore.getState().setBridgeStep("sender-selector");
           },
           children: [
             /* @__PURE__ */ jsxs85("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20186,7 +20187,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("select-token");
+            useBridgeStore.getState().setBridgeStep("select-token");
           },
           children: [
             selectedWarpRoute ? /* @__PURE__ */ jsxs85("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20270,9 +20271,9 @@ function SelectStep(props) {
                   }
                   if (regex.test(value) || value === "") {
                     if (value === "") {
-                      setAmount("0");
+                      useBridgeStore.getState().setAmount("0");
                     } else {
-                      setAmount(value);
+                      useBridgeStore.getState().setAmount(value);
                     }
                   }
                 },
@@ -20303,7 +20304,7 @@ function SelectStep(props) {
                 Icon: Wallet2Icon2,
                 onChange: (e) => {
                   useFlowSelectorStore.getState().setError(null);
-                  setRecipient(e.target.value);
+                  useBridgeStore.getState().setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ jsx93(
                   Button,
@@ -20313,7 +20314,7 @@ function SelectStep(props) {
                     variant: "ghost",
                     onClick: (e) => {
                       e.stopPropagation();
-                      setRecipient(null);
+                      useBridgeStore.getState().setRecipient(null);
                     },
                     children: /* @__PURE__ */ jsx93(XIcon, { className: "w-4 h-4" })
                   }
@@ -20610,7 +20611,8 @@ var init_SuccessStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
 import { useQuery as useQuery21 } from "@tanstack/react-query";
-import { useEffect as useEffect38, useState as useState26 } from "react";
+import { debounce as debounce3 } from "lodash-es";
+import { useCallback as useCallback24, useEffect as useEffect38, useState as useState26 } from "react";
 function useHyperlaneHistory() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -20624,11 +20626,17 @@ function useHyperlaneHistory() {
     queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address, currentPage],
     queryFn: async () => await getHyperlaneBridgeHistory({ page: currentPage, pageSize: TX_HISTORY_PAGE_SIZE })
   });
+  const updateExpandable = useCallback24(
+    debounce3(() => {
+      useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
+    }, 500),
+    []
+  );
   useEffect38(() => {
     const { data, isLoading } = query;
-    if (isLoading || data.data.length === 0 || currentPage > 1) return;
-    useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
-  }, [query, currentPage]);
+    if (isLoading || data.data?.length === 0) return;
+    updateExpandable();
+  }, [query]);
   return {
     ...query,
     currentPage,
@@ -21035,7 +21043,7 @@ function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
-  const { profiles } = useAvailableSenders();
+  const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
   useEffect39(
     () => () => {
@@ -21044,7 +21052,7 @@ function HyperlaneBridge() {
     []
   );
   return /* @__PURE__ */ jsxs90(Fragment38, { children: [
-    bridgeStep === "sender-selector" && /* @__PURE__ */ jsx99(SenderSelector, { profiles }),
+    bridgeStep === "sender-selector" && /* @__PURE__ */ jsx99(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ jsx99(
       SelectStep,
       {
@@ -21266,7 +21274,7 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback24, useState as useState29 } from "react";
+import { useCallback as useCallback25, useState as useState29 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
@@ -21274,7 +21282,7 @@ function useSendTransaction() {
   const [isLoading, setIsLoading] = useState29(false);
   const [error, setError] = useState29(null);
   const [userOpHash, setUserOpHash] = useState29(null);
-  const sendTransaction = useCallback24(
+  const sendTransaction = useCallback25(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21371,7 +21379,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = useCallback24(() => {
+  const reset = useCallback25(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -23636,7 +23644,7 @@ var init_TransactionsGroup = __esm({
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery24, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader33, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback25, useState as useState31 } from "react";
+import { useCallback as useCallback26, useState as useState31 } from "react";
 import { jsx as jsx114, jsxs as jsxs103 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient23();
@@ -23658,7 +23666,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = useCallback25(
+  const refreshTxHistory = useCallback26(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -23897,7 +23905,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback26, useEffect as useEffect44 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect44 } from "react";
 import { jsx as jsx115 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -23909,7 +23917,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = useCallback26(() => {
+  const closeDialog = useCallback27(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -23920,7 +23928,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = useCallback26(
+  const openDialog = useCallback27(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24006,7 +24014,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.36",
+      version: "0.4.38",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24224,7 +24232,7 @@ var init_Footer2 = __esm({
 // src/internal/components/Header/Header.tsx
 import { useQuery as useQuery26 } from "@tanstack/react-query";
 import { Copy as Copy5, Loader as Loader35 } from "lucide-react";
-import { useCallback as useCallback27, useRef as useRef20, useState as useState32 } from "react";
+import { useCallback as useCallback28, useRef as useRef20, useState as useState32 } from "react";
 import { Fragment as Fragment44, jsx as jsx117, jsxs as jsxs105 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
@@ -24240,7 +24248,7 @@ function Header() {
   const [copied, setCopied] = useState32(false);
   const clickCountRef = useRef20(0);
   const clickTimerRef = useRef20(null);
-  const handleAvatarClick = useCallback27(() => {
+  const handleAvatarClick = useCallback28(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24620,7 +24628,7 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-import React8, { useCallback as useCallback28 } from "react";
+import React8, { useCallback as useCallback29 } from "react";
 var TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
@@ -24635,7 +24643,7 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = useCallback28(
+      const onSessionCreated = useCallback29(
         (session, address) => {
           setSession(session);
           setAddress(address);
@@ -24676,15 +24684,15 @@ var init_TssManager = __esm({
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation21, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
-import React9, { useCallback as useCallback29, useEffect as useEffect47 } from "react";
-import { useAccount, useDisconnect, useSignMessage as useSignMessage2 } from "wagmi";
+import React9, { useCallback as useCallback30, useEffect as useEffect47 } from "react";
+import { useAccount, useDisconnect as useDisconnect2, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
   const qc = useQueryClient25();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();
   const { openConnectModal, connectModalOpen } = useConnectModal2();
-  const { disconnect } = useDisconnect();
+  const { disconnect } = useDisconnect2();
   const { signMessageAsync } = useSignMessage2();
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -24699,7 +24707,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = useCallback29(
+  const onLinkingComplete = useCallback30(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -27849,7 +27857,7 @@ import { initSdkErrorTracking } from "@embarkai/core/internal/error-tracking";
 import { merge as merge3 } from "lodash-es";
 import {
   createContext,
-  useCallback as useCallback30,
+  useCallback as useCallback31,
   useContext,
   useEffect as useEffect49,
   useMemo as useMemo12,
@@ -27876,7 +27884,7 @@ function Provider(props) {
   const callbacksRef = useRef21(callbacks);
   useEffect49(() => notifyNoProjetctId(projectId), [projectId]);
   const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = useCallback30((updates) => {
+  const updateConfig = useCallback31((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -27910,7 +27918,7 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = useCallback30((updates) => {
+  const updateCallbacks = useCallback31((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
@@ -28325,13 +28333,13 @@ var useHydrated = () => useSession((st) => st.hasHydrated);
 // src/hooks/useOpenPage.ts
 init_SessionContext();
 init_useLayoutDataStore();
-import { useCallback as useCallback31 } from "react";
+import { useCallback as useCallback32 } from "react";
 function useOpenPage() {
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useSession((st) => st.address);
-  const open = useCallback31(
+  const open = useCallback32(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -28340,7 +28348,7 @@ function useOpenPage() {
     },
     [setPage, setPageParams, address]
   );
-  const close = useCallback31(() => setPage(null), [setPage]);
+  const close = useCallback32(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
 
@@ -29206,12 +29214,12 @@ init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = useCallback34(
+  const switchMode = useCallback35(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -29229,25 +29237,25 @@ function useWalletMode() {
 // src/hooks/useDirectWallet.ts
 init_useExternalWalletStore();
 init_useLayoutDataStore();
-import { useCallback as useCallback35 } from "react";
+import { useCallback as useCallback36 } from "react";
 import { useConnectModal as useConnectModal3 } from "@rainbow-me/rainbowkit";
-import { useDisconnect as useDisconnect2 } from "wagmi";
+import { useDisconnect as useDisconnect3 } from "wagmi";
 function useDirectWallet() {
   const address = useExternalWalletStore((st) => st.externalAddress);
   const chainId = useExternalWalletStore((st) => st.externalChainId);
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const clearExternalWallet = useExternalWalletStore((st) => st.clearExternalWallet);
-  const { disconnect: wagmiDisconnect } = useDisconnect2();
+  const { disconnect: wagmiDisconnect } = useDisconnect3();
   const { openConnectModal } = useConnectModal3();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = useCallback35(() => {
+  const connect = useCallback36(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = useCallback35(() => {
+  const reconnect = useCallback36(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = useCallback35(() => {
+  const disconnect = useCallback36(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -29264,7 +29272,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback36, useState as useState38 } from "react";
+import { useCallback as useCallback37, useState as useState38 } from "react";
 import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -29275,7 +29283,7 @@ function useSendDirectTransaction() {
   const [isPending, setIsPending] = useState38(false);
   const [error, setError] = useState38(null);
   const [txHash, setTxHash] = useState38(null);
-  const sendTransaction = useCallback36(
+  const sendTransaction = useCallback37(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -29309,7 +29317,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = useCallback36(() => {
+  const reset = useCallback37(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -29321,7 +29329,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback37, useMemo as useMemo14, useState as useState39 } from "react";
+import { useCallback as useCallback38, useMemo as useMemo14, useState as useState39 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -29344,7 +29352,7 @@ function useTransferToLinkedWallet() {
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = useCallback37(
+  const transfer = useCallback38(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -29395,7 +29403,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = useCallback37(() => {
+  const reset = useCallback38(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -29421,11 +29429,11 @@ function useNativeWalletSignature() {
 init_ProviderContext();
 init_SessionContext();
 import { logout as coreLogout, jwtTokenManager as jwtTokenManager3 } from "@embarkai/core/auth";
-import { useCallback as useCallback38 } from "react";
+import { useCallback as useCallback39 } from "react";
 function useLogout() {
   const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
   const { callbacksRef } = useProviderConfig();
-  const logout2 = useCallback38(async () => {
+  const logout2 = useCallback39(async () => {
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);