@embarkai/ui-kit 0.1.6 → 0.2.1

package/dist/index.cjs

@@ -160,7 +160,9 @@ var init_initial = __esm({
         enabled: false,
         supportedChains: [1, 137, 56],
         requireSignature: true,
-        walletConnectProjectId: void 0
+        walletConnectProjectId: void 0,
+        mode: "linked",
+        allowedWallets: void 0
       },
       // preferedColorMode: 'light', // undefined means 'auto'
       ui: {
@@ -15542,7 +15544,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.1.6",
+      version: "0.2.1",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -16252,21 +16254,71 @@ async function unlinkWallet(address) {
     throw new Error(errorData.message || `Failed to unlink wallet: ${response.statusText}`);
   }
 }
-function createSignatureMessage(address, nonce) {
+async function fetchProjectName(projectId) {
+  const now = Date.now();
+  if (metadataCache && now - metadataCache.timestamp < METADATA_CACHE_TTL) {
+    return metadataCache.data.name;
+  }
+  try {
+    const response = await fetch(`${METADATA_API_URL}/${projectId}/metadata`);
+    if (!response.ok) return "EmbarkAI";
+    const metadata = await response.json();
+    metadataCache = { data: metadata, timestamp: now };
+    return metadata.name;
+  } catch {
+    return "EmbarkAI";
+  }
+}
+function createSignatureMessage(address, projectName, nonce) {
   const timestamp = Date.now();
   const nonceValue = nonce || Math.random().toString(36).substring(2, 15);
-  return `EmbarkAI Wallet Link
+  return `${projectName} Wallet Link
 
 Address: ${address}
 Nonce: ${nonceValue}
 Timestamp: ${timestamp}
 
-Sign this message to link your wallet to EmbarkAI Wallet`;
+Sign this message to link your wallet to ${projectName} Wallet`;
 }
+var METADATA_API_URL, METADATA_CACHE_TTL, metadataCache;
 var init_wallet = __esm({
   "src/internal/auth/providers/wallet.ts"() {
     init_auth();
     init_types();
+    METADATA_API_URL = "https://dashboard.lumiapassport.com/api/public/project";
+    METADATA_CACHE_TTL = 36e5;
+    metadataCache = null;
+  }
+});
+
+// src/internal/stores/useExternalWalletStore.ts
+var import_zustand7, useExternalWalletStore;
+var init_useExternalWalletStore = __esm({
+  "src/internal/stores/useExternalWalletStore.ts"() {
+    import_zustand7 = require("zustand");
+    useExternalWalletStore = (0, import_zustand7.create)((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 })
+    }));
   }
 });
 
@@ -16286,6 +16338,10 @@ function WalletConnectHandler() {
   const setManageWalletLinkError = useManageWalletStore((st) => st.setLinkError);
   const setLinkIsLoading = useManageWalletStore((st) => st.setLinkIsLoading);
   const setProviderType = useManageWalletStore((st) => st.setProviderType);
+  const providerConfig = useProviderConfig().config.current;
+  const walletMode = providerConfig?.wallet?.mode || "linked";
+  const projectId = providerConfig?.projectId;
+  const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const onLinkingComplete = (0, import_react63.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
@@ -16316,24 +16372,42 @@ function WalletConnectHandler() {
   const [hasStartedLinking, setHasStartedLinking] = import_react63.default.useState(false);
   (0, import_react63.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
+      console.log("[WalletConnectHandler] Starting wallet link flow:", {
+        isConnected,
+        openConnectModal: typeof openConnectModal,
+        walletMode
+      });
       setHasStartedLinking(true);
       setProviderType(null);
       if (isConnected) {
         disconnect();
         setTimeout(() => {
           setPage(null);
-          openConnectModal();
+          if (openConnectModal) {
+            openConnectModal();
+          } else {
+            console.error("[WalletConnectHandler] openConnectModal is undefined!");
+            setIsWalletLinking(false);
+            setHasStartedLinking(false);
+          }
         }, 500);
       } else {
         setPage(null);
-        openConnectModal();
+        if (openConnectModal) {
+          openConnectModal();
+        } else {
+          console.error("[WalletConnectHandler] openConnectModal is undefined!");
+          setIsWalletLinking(false);
+          setHasStartedLinking(false);
+        }
       }
     }
     if (!isWalletLinking && hasStartedLinking) {
       setHasStartedLinking(false);
-      if (isConnected) disconnect();
+      const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
+      if (isConnected && !shouldKeepConnected) disconnect();
     }
-  }, [isWalletLinking, hasStartedLinking, isConnected, openConnectModal, disconnect, setPage, setProviderType]);
+  }, [isWalletLinking, hasStartedLinking, isConnected, openConnectModal, disconnect, setPage, setProviderType, walletMode]);
   (0, import_react63.useEffect)(() => {
     if (hasStartedLinking && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
@@ -16341,6 +16415,16 @@ function WalletConnectHandler() {
       setHasStartedLinking(false);
     }
   }, [connectModalOpen, hasStartedLinking, isConnected, isWalletLinking]);
+  (0, import_react63.useEffect)(() => {
+    if (isWalletLinking) {
+      const timeout = setTimeout(() => {
+        console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
+        setIsWalletLinking(false);
+        setHasStartedLinking(false);
+      }, 12e4);
+      return () => clearTimeout(timeout);
+    }
+  }, [isWalletLinking, setIsWalletLinking]);
   const { mutate: handleWalletSign, isPending: isWalletSigning } = (0, import_react_query41.useMutation)({
     mutationFn: async (payload) => {
       const { chainId, signingWalletAddress } = payload;
@@ -16358,7 +16442,8 @@ function WalletConnectHandler() {
         return;
       }
       setLinkIsLoading(true);
-      const message = createSignatureMessage(signingWalletAddress);
+      const projectName = projectId ? await fetchProjectName(projectId) : "EmbarkAI";
+      const message = createSignatureMessage(signingWalletAddress, projectName);
       const signature = await signMessageAsync({ message, account: signingWalletAddress });
       if (!signature) {
         throw new Error("Failed to get signature");
@@ -16376,7 +16461,16 @@ function WalletConnectHandler() {
       });
     },
     onSuccess: () => {
-      disconnect();
+      const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
+      if (shouldKeepConnected && walletAddress && chain?.id && connector) {
+        setExternalWallet({
+          address: walletAddress,
+          chainId: chain.id,
+          connectorName: connector.name || "Unknown Wallet"
+        });
+      } else {
+        disconnect();
+      }
       setHasStartedLinking(false);
       onLinkingComplete(true);
       setLinkIsLoading(false);
@@ -16416,6 +16510,17 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking]);
+  (0, import_react63.useEffect)(() => {
+    if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
+      const timeout = setTimeout(() => {
+        console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
+        onLinkingComplete(false);
+        setHasStartedLinking(false);
+        disconnect();
+      }, 5e3);
+      return () => clearTimeout(timeout);
+    }
+  }, [isConnected, chain?.id, isWalletLinking, hasStartedLinking, connectModalOpen, isWalletSigning, onLinkingComplete, disconnect]);
   return null;
 }
 var import_rainbowkit, import_react_query41, import_react63, import_wagmi2;
@@ -16431,10 +16536,68 @@ var init_WalletConnectHandler = __esm({
     init_wallet();
     init_AuthMenu2();
     init_useLayoutDataStore();
+    init_useExternalWalletStore();
     init_ManageWalletMenu();
   }
 });
 
+// src/internal/components/DirectWalletHandler.tsx
+function DirectWalletHandler() {
+  const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
+  const { address, isConnected, chain, connector } = (0, import_wagmi3.useAccount)();
+  const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
+  const externalAddress = useExternalWalletStore((st) => st.externalAddress);
+  const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
+  const clearExternalWallet = useExternalWalletStore((st) => st.clearExternalWallet);
+  const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
+  const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
+  const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
+  (0, import_react64.useEffect)(() => {
+    setConfigMode(walletMode);
+    if (walletMode !== "both") {
+      setActiveMode(walletMode);
+    }
+  }, [walletMode, setConfigMode, setActiveMode]);
+  (0, import_react64.useEffect)(() => {
+    if (isConnected && address && !isExternalConnected && connector) {
+      setExternalWallet({
+        address,
+        chainId: chain?.id || 1,
+        connectorName: connector.name || "Unknown Wallet"
+      });
+    }
+  }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
+  (0, import_react64.useEffect)(() => {
+    if (isExternalConnected && !isConnected) {
+      clearExternalWallet();
+    }
+  }, [isConnected, isExternalConnected, clearExternalWallet]);
+  (0, import_react64.useEffect)(() => {
+    if (isExternalConnected && isConnected && chain?.id) {
+      setExternalChainId(chain.id);
+    }
+  }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
+  (0, import_react64.useEffect)(() => {
+    if (isExternalConnected && isConnected && address && address !== externalAddress && connector) {
+      setExternalWallet({
+        address,
+        chainId: chain?.id || 1,
+        connectorName: connector.name || "Unknown Wallet"
+      });
+    }
+  }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
+  return null;
+}
+var import_react64, import_wagmi3;
+var init_DirectWalletHandler = __esm({
+  "src/internal/components/DirectWalletHandler.tsx"() {
+    import_react64 = require("react");
+    import_wagmi3 = require("wagmi");
+    init_ProviderContext();
+    init_useExternalWalletStore();
+  }
+});
+
 // src/context/SessionContext.tsx
 function getChainParams(chainCfg) {
   return {
@@ -16453,9 +16616,10 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react64.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react65.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(WalletConnectHandler, {}),
+    config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DirectWalletHandler, {}),
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BalanceFeedProvider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ChainSync, {}),
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -16467,21 +16631,22 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Dialog2, {})
   ] });
 }
-var import_read11, import_react64, import_zustand7, import_middleware, import_jsx_runtime93, useSession, requireActiveChainId;
+var import_read11, import_react65, import_zustand8, import_middleware, import_jsx_runtime93, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read11 = require("@embarkai/core/read");
-    import_react64 = require("react");
-    import_zustand7 = require("zustand");
+    import_react65 = require("react");
+    import_zustand8 = require("zustand");
     import_middleware = require("zustand/middleware");
     init_BalanceFeedProvider2();
     init_ChainSync2();
     init_Dialog2();
     init_TssManager();
     init_WalletConnectHandler();
+    init_DirectWalletHandler();
     init_ProviderContext();
     import_jsx_runtime93 = require("react/jsx-runtime");
-    useSession = (0, import_zustand7.create)()(
+    useSession = (0, import_zustand8.create)()(
       (0, import_middleware.persist)(
         (set) => ({
           isLoading: false,
@@ -17535,6 +17700,7 @@ __export(auth_exports, {
   deriveDemoPrivateKey: () => deriveDemoPrivateKey,
   ensureKeyshare: () => ensureKeyshare,
   ensureValidToken: () => import_auth18.ensureValidToken,
+  fetchProjectName: () => fetchProjectName,
   formatDate: () => formatDate,
   getKeyshareInfo: () => getKeyshareInfo,
   getLinkedProviders: () => getLinkedProviders,
@@ -18801,29 +18967,42 @@ var init_iframe_manager = __esm({
 });
 
 // src/config/rainbowkit.ts
-var import_read13, import_rainbowkit2, import_chains, getProjectId, createRainbowConfig, rainbowConfig, rainbowTheme;
+var import_read13, import_rainbowkit2, import_wallets, import_chains, getProjectId, WALLET_MAP, createRainbowConfig, rainbowConfig, rainbowTheme;
 var init_rainbowkit = __esm({
   "src/config/rainbowkit.ts"() {
     import_read13 = require("@embarkai/core/read");
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
+    import_wallets = require("@rainbow-me/rainbowkit/wallets");
     import_chains = require("wagmi/chains");
     getProjectId = (configProjectId) => {
-      if (configProjectId) {
-        return configProjectId;
-      }
+      if (configProjectId) return configProjectId;
       if (typeof window !== "undefined") {
         return window.NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID || window.VITE_WALLET_CONNECT_PROJECT_ID || window.__WALLET_CONNECT_PROJECT_ID__ || "YOUR_PROJECT_ID";
       }
       return "YOUR_PROJECT_ID";
     };
-    createRainbowConfig = (projectId) => {
-      return (0, import_rainbowkit2.getDefaultConfig)({
+    WALLET_MAP = {
+      walletconnect: import_wallets.walletConnectWallet,
+      metamask: import_wallets.metaMaskWallet,
+      coinbase: import_wallets.coinbaseWallet,
+      rainbow: import_wallets.rainbowWallet
+    };
+    createRainbowConfig = (options) => {
+      const opts = typeof options === "string" ? { projectId: options } : options || {};
+      const config = {
         appName: "Mbark Wallet",
-        projectId: getProjectId(projectId),
+        projectId: getProjectId(opts.projectId),
         chains: [import_read13.lumiaMainnetChain, import_read13.lumiaTestnetChain, import_chains.mainnet, import_chains.polygon, import_chains.bsc, import_chains.arbitrum, import_chains.optimism, import_chains.avalanche, import_chains.base, import_chains.zora],
         ssr: false
-        // Set to true if using SSR
-      });
+      };
+      if (opts.allowedWallets && opts.allowedWallets.length > 0) {
+        const wallets = opts.allowedWallets.map((id) => WALLET_MAP[id.toLowerCase()]).filter(Boolean);
+        if (!opts.allowedWallets.some((id) => id.toLowerCase() === "walletconnect")) {
+          wallets.push(import_wallets.walletConnectWallet);
+        }
+        config.wallets = [{ groupName: "Supported", wallets }];
+      }
+      return (0, import_rainbowkit2.getDefaultConfig)(config);
     };
     rainbowConfig = createRainbowConfig();
     rainbowTheme = {
@@ -19021,8 +19200,14 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig2 = (0, import_react65.useMemo)(() => createRainbowConfig(config.current?.wallet?.walletConnectProjectId), []);
-  const customTheme = (0, import_react65.useMemo)(() => {
+  const rainbowConfig2 = (0, import_react66.useMemo)(
+    () => createRainbowConfig({
+      projectId: config.current?.wallet?.walletConnectProjectId,
+      allowedWallets: config.current?.wallet?.allowedWallets
+    }),
+    []
+  );
+  const customTheme = (0, import_react66.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit3.darkTheme)(),
@@ -19037,14 +19222,14 @@ function RainbowKitProvider({ children }) {
     };
   }, [colorMode]);
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_jsx_runtime94.Fragment, { children });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_wagmi3.WagmiProvider, { config: rainbowConfig2, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_rainbowkit3.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_wagmi4.WagmiProvider, { config: rainbowConfig2, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_rainbowkit3.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit3, import_react65, import_wagmi3, import_styles, import_jsx_runtime94;
+var import_rainbowkit3, import_react66, import_wagmi4, import_styles, import_jsx_runtime94;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit3 = require("@rainbow-me/rainbowkit");
-    import_react65 = require("react");
-    import_wagmi3 = require("wagmi");
+    import_react66 = require("react");
+    import_wagmi4 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
     init_ProviderContext();
@@ -19071,7 +19256,7 @@ var init_utils8 = __esm({
 // src/config/wagmi.ts
 function buildTransport(urls) {
   const transports = urls.map(
-    (url) => (0, import_wagmi4.http)(url, {
+    (url) => (0, import_wagmi5.http)(url, {
       timeout: 1e4,
       retryCount: 0,
       batch: false,
@@ -19087,13 +19272,13 @@ function buildTransport(urls) {
     retryCount: 0
   });
 }
-var import_read14, import_viem17, import_wagmi4, wagmiConfig;
+var import_read14, import_viem17, import_wagmi5, wagmiConfig;
 var init_wagmi = __esm({
   "src/config/wagmi.ts"() {
     import_read14 = require("@embarkai/core/read");
     import_viem17 = require("viem");
-    import_wagmi4 = require("wagmi");
-    wagmiConfig = (0, import_wagmi4.createConfig)({
+    import_wagmi5 = require("wagmi");
+    wagmiConfig = (0, import_wagmi5.createConfig)({
       chains: [import_read14.lumiaMainnetChain, import_read14.lumiaTestnetChain],
       transports: {
         [import_read14.lumiaTestnetChain.id]: buildTransport(import_read14.lumiaTestnetChain.rpcUrls.default.http),
@@ -19104,14 +19289,14 @@ var init_wagmi = __esm({
 });
 
 // src/context/WagmiContext.tsx
-var import_wagmi5, import_jsx_runtime95, WagmiProvider2;
+var import_wagmi6, import_jsx_runtime95, WagmiProvider2;
 var init_WagmiContext = __esm({
   "src/context/WagmiContext.tsx"() {
-    import_wagmi5 = require("wagmi");
+    import_wagmi6 = require("wagmi");
     init_wagmi();
     import_jsx_runtime95 = require("react/jsx-runtime");
     WagmiProvider2 = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_wagmi5.WagmiProvider, { config: wagmiConfig, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_wagmi6.WagmiProvider, { config: wagmiConfig, children });
     };
   }
 });
@@ -19119,13 +19304,13 @@ var init_WagmiContext = __esm({
 // src/context/ProviderContext.tsx
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react66.useRef)(callbacks);
-  (0, import_react66.useEffect)(() => {
+  const callbacksRef = (0, import_react67.useRef)(callbacks);
+  (0, import_react67.useEffect)(() => {
     callbacksRef.current = callbacks;
   }, [callbacks]);
-  (0, import_react66.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react66.useRef)({ projectId, ...DEFAULT_PROVIDER_CONFIG });
-  const updateConfig = (0, import_react66.useCallback)((updates) => {
+  (0, import_react67.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react67.useRef)((0, import_lodash_es6.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react67.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -19158,7 +19343,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  (0, import_react66.useEffect)(() => {
+  const updateCallbacks = (0, import_react67.useCallback)((updates) => {
+    const prev = callbacksRef.current;
+    const next = updates ? { ...prev, ...updates } : void 0;
+    callbacksRef.current = next;
+  }, []);
+  (0, import_react67.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es6.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -19176,7 +19366,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -19205,17 +19395,20 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react66.useMemo)(() => ({ config, updateConfig, callbacks }), [config, updateConfig, callbacks]);
+  const contextValue = (0, import_react67.useMemo)(
+    () => ({ config, updateConfig, callbacks, updateCallbacks }),
+    [config, updateConfig, callbacks, updateCallbacks]
+  );
   if (!!initialConfig?.wallet?.enabled)
     return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SessionProvider, { children }) }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SessionProvider, { children }) }) });
 }
-var import_error_tracking4, import_lodash_es6, import_react66, import_jsx_runtime96, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es6, import_react67, import_jsx_runtime96, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es6 = require("lodash-es");
-    import_react66 = require("react");
+    import_react67 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -19223,9 +19416,9 @@ var init_ProviderContext = __esm({
     init_utils8();
     init_WagmiContext();
     import_jsx_runtime96 = require("react/jsx-runtime");
-    UIContext = (0, import_react66.createContext)(void 0);
+    UIContext = (0, import_react67.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react66.useContext)(UIContext);
+      const ctx = (0, import_react67.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -19251,7 +19444,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react67.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react68.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = (0, import_react_query42.useQuery)({
     retry: false,
     enabled: !!address,
@@ -19259,7 +19452,7 @@ function ConnectWalletButton(props) {
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth18.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react67.useMemo)(() => {
+  const indicators = (0, import_react68.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth18.jwtTokenManager.getHasKeyshare() ?? false;
@@ -19406,13 +19599,13 @@ function ConnectWalletButton(props) {
     }
   ) });
 }
-var import_react_query42, import_lucide_react61, import_react67, import_jsx_runtime97;
+var import_react_query42, import_lucide_react61, import_react68, import_jsx_runtime97;
 var init_ConnectWalletButton = __esm({
   "src/components/ConnectWalletButton.tsx"() {
     init_LumiaIcon3();
     import_react_query42 = require("@tanstack/react-query");
     import_lucide_react61 = require("lucide-react");
-    import_react67 = require("react");
+    import_react68 = require("react");
     init_SessionContext();
     init_auth();
     init_profile();
@@ -19466,7 +19659,7 @@ function useOpenPage() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useSession((st) => st.address);
-  const open = (0, import_react68.useCallback)(
+  const open = (0, import_react69.useCallback)(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -19475,13 +19668,13 @@ function useOpenPage() {
     },
     [setPage, setPageParams, address]
   );
-  const close = (0, import_react68.useCallback)(() => setPage(null), [setPage]);
+  const close = (0, import_react69.useCallback)(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
-var import_react68;
+var import_react69;
 var init_useOpenPage = __esm({
   "src/hooks/useOpenPage.ts"() {
-    import_react68 = require("react");
+    import_react69 = require("react");
     init_SessionContext();
     init_useLayoutDataStore();
   }
@@ -20048,17 +20241,17 @@ var init_Hash = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react69, import_jsx_runtime103, TransactionsList;
+var import_react70, import_jsx_runtime103, TransactionsList;
 var init_TransactionsList = __esm({
   "src/internal/components/TransactionsMenu/TransactionsList.tsx"() {
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_base();
     import_jsx_runtime103 = require("react/jsx-runtime");
     TransactionsList = ({ address, itemsCount = 10 }) => {
-      const [transactions, setTransactions] = (0, import_react69.useState)([]);
-      const [loading, setLoading] = (0, import_react69.useState)(true);
-      const [error, setError] = (0, import_react69.useState)(null);
-      (0, import_react69.useEffect)(() => {
+      const [transactions, setTransactions] = (0, import_react70.useState)([]);
+      const [loading, setLoading] = (0, import_react70.useState)(true);
+      const [error, setError] = (0, import_react70.useState)(null);
+      (0, import_react70.useEffect)(() => {
         const fetchTransactions2 = async () => {
           try {
             setLoading(true);
@@ -20353,11 +20546,230 @@ var init_useUserOpStatus = __esm({
   }
 });
 
+// src/hooks/useWalletMode.ts
+function useWalletMode() {
+  const configMode = useExternalWalletStore((st) => st.configMode);
+  const activeMode = useExternalWalletStore((st) => st.activeMode);
+  const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
+  const switchMode = (0, import_react71.useCallback)(
+    (mode) => {
+      if (configMode !== "both") return;
+      setActiveMode(mode);
+    },
+    [configMode, setActiveMode]
+  );
+  return {
+    configMode,
+    activeMode,
+    switchMode,
+    isDirect: activeMode === "direct"
+  };
+}
+var import_react71;
+var init_useWalletMode = __esm({
+  "src/hooks/useWalletMode.ts"() {
+    import_react71 = require("react");
+    init_useExternalWalletStore();
+  }
+});
+
+// src/hooks/useDirectWallet.ts
+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 } = (0, import_wagmi8.useDisconnect)();
+  const { openConnectModal } = (0, import_rainbowkit5.useConnectModal)();
+  const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
+  const connect = (0, import_react72.useCallback)(() => {
+    setIsWalletLinking(true);
+  }, [setIsWalletLinking]);
+  const reconnect = (0, import_react72.useCallback)(() => {
+    if (openConnectModal) openConnectModal();
+  }, [openConnectModal]);
+  const disconnect = (0, import_react72.useCallback)(() => {
+    wagmiDisconnect();
+    clearExternalWallet();
+  }, [wagmiDisconnect, clearExternalWallet]);
+  return {
+    address,
+    chainId,
+    isConnected,
+    connectorName,
+    connect,
+    reconnect,
+    disconnect
+  };
+}
+var import_react72, import_rainbowkit5, import_wagmi8;
+var init_useDirectWallet = __esm({
+  "src/hooks/useDirectWallet.ts"() {
+    import_react72 = require("react");
+    import_rainbowkit5 = require("@rainbow-me/rainbowkit");
+    import_wagmi8 = require("wagmi");
+    init_useExternalWalletStore();
+    init_useLayoutDataStore();
+  }
+});
+
+// src/hooks/useSendDirectTransaction.ts
+function useSendDirectTransaction() {
+  const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
+  const externalChainId = useExternalWalletStore((st) => st.externalChainId);
+  const { sendTransactionAsync } = (0, import_wagmi9.useSendTransaction)();
+  const { switchChainAsync } = (0, import_wagmi9.useSwitchChain)();
+  const [isPending, setIsPending] = (0, import_react73.useState)(false);
+  const [error, setError] = (0, import_react73.useState)(null);
+  const [txHash, setTxHash] = (0, import_react73.useState)(null);
+  const sendTransaction = (0, import_react73.useCallback)(
+    async (params) => {
+      if (!isConnected) {
+        setError("No external wallet connected");
+        return null;
+      }
+      if (!(0, import_viem18.isAddress)(params.to)) {
+        setError("Invalid recipient address");
+        return null;
+      }
+      setIsPending(true);
+      setError(null);
+      setTxHash(null);
+      try {
+        if (params.chainId && params.chainId !== externalChainId) {
+          await switchChainAsync({ chainId: params.chainId });
+        }
+        const hash = await sendTransactionAsync({
+          to: params.to,
+          value: (0, import_viem18.parseEther)(params.value),
+          data: params.data
+        });
+        setTxHash(hash);
+        return hash;
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Transaction failed";
+        setError(message);
+        return null;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
+  );
+  const reset = (0, import_react73.useCallback)(() => {
+    setError(null);
+    setTxHash(null);
+    setIsPending(false);
+  }, []);
+  return { sendTransaction, isPending, error, txHash, reset };
+}
+var import_react73, import_viem18, import_wagmi9;
+var init_useSendDirectTransaction = __esm({
+  "src/hooks/useSendDirectTransaction.ts"() {
+    import_react73 = require("react");
+    import_viem18 = require("viem");
+    import_wagmi9 = require("wagmi");
+    init_useExternalWalletStore();
+  }
+});
+
+// src/hooks/useTransferToLinkedWallet.ts
+function useTransferToLinkedWallet() {
+  const session = useSession((st) => st.session);
+  const { profiles } = useLinkedProfiles();
+  const [isPending, setIsPending] = (0, import_react74.useState)(false);
+  const [error, setError] = (0, import_react74.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react74.useState)(null);
+  const linkedWallets = (0, import_react74.useMemo)(
+    () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
+    [profiles]
+  );
+  const transfer = (0, import_react74.useCallback)(
+    async (params) => {
+      if (!session) {
+        setError("No active session");
+        return null;
+      }
+      const toAddress = params.toAddress || linkedWallets[0];
+      if (!toAddress || !(0, import_viem19.isAddress)(toAddress)) {
+        setError("No linked wallet address available");
+        return null;
+      }
+      setIsPending(true);
+      setError(null);
+      setUserOpHash(null);
+      try {
+        let to;
+        let value;
+        let data;
+        if (params.token === "native") {
+          to = toAddress;
+          value = (0, import_viem19.parseEther)(params.amount).toString();
+          data = "0x";
+        } else {
+          const decimals = params.decimals ?? 18;
+          to = params.token;
+          value = "0";
+          data = (0, import_viem19.encodeFunctionData)({
+            abi: ERC20_TRANSFER_ABI2,
+            functionName: "transfer",
+            args: [toAddress, (0, import_viem19.parseUnits)(params.amount, decimals)]
+          });
+        }
+        const hash = await sendUserOperation2(session, {
+          to,
+          value,
+          data,
+          feeType: "standard",
+          chainId: params.chainId
+        });
+        setUserOpHash(hash);
+        return hash;
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Transfer failed";
+        setError(message);
+        return null;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [session, linkedWallets]
+  );
+  const reset = (0, import_react74.useCallback)(() => {
+    setError(null);
+    setUserOpHash(null);
+    setIsPending(false);
+  }, []);
+  return { transfer, isPending, error, userOpHash, linkedWallets, reset };
+}
+var import_react74, import_viem19, ERC20_TRANSFER_ABI2;
+var init_useTransferToLinkedWallet = __esm({
+  "src/hooks/useTransferToLinkedWallet.ts"() {
+    import_react74 = require("react");
+    import_viem19 = require("viem");
+    init_SessionContext();
+    init_account();
+    init_linkedProfiles();
+    ERC20_TRANSFER_ABI2 = [
+      {
+        type: "function",
+        name: "transfer",
+        inputs: [
+          { name: "to", type: "address" },
+          { name: "amount", type: "uint256" }
+        ],
+        outputs: [{ name: "", type: "bool" }]
+      }
+    ];
+  }
+});
+
 // src/hooks/useLogout.ts
 function useLogout() {
   const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
   const { callbacks } = useProviderConfig();
-  const logout2 = (0, import_react70.useCallback)(async () => {
+  const logout2 = (0, import_react75.useCallback)(async () => {
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);
@@ -20387,11 +20799,11 @@ function useLogout() {
   }, [address, setAddress, setError, setSession, setStatus, callbacks]);
   return { logout: logout2 };
 }
-var import_auth20, import_react70;
+var import_auth20, import_react75;
 var init_useLogout = __esm({
   "src/hooks/useLogout.ts"() {
     import_auth20 = require("@embarkai/core/auth");
-    import_react70 = require("react");
+    import_react75 = require("react");
     init_ProviderContext();
     init_SessionContext();
   }
@@ -20452,16 +20864,16 @@ var init_clients2 = __esm({
 function useTransactions() {
   const chainId = requireActiveChainId();
   const viemChain = (0, import_read17.getViemChain)(chainId);
-  const publicClient = (0, import_wagmi7.usePublicClient)({ chainId });
-  const { data: walletClient } = (0, import_wagmi7.useWalletClient)();
-  const { address } = (0, import_wagmi7.useAccount)();
+  const publicClient = (0, import_wagmi10.usePublicClient)({ chainId });
+  const { data: walletClient } = (0, import_wagmi10.useWalletClient)();
+  const { address } = (0, import_wagmi10.useAccount)();
   const sendTransaction = async (params) => {
     if (!walletClient) {
       throw new Error("Wallet not connected");
     }
     const txParams = {
       to: params.to,
-      value: (0, import_viem18.parseEther)(params.value),
+      value: (0, import_viem20.parseEther)(params.value),
       data: params.data,
       chain: viemChain
     };
@@ -20509,13 +20921,13 @@ function useTransactions() {
     isConnected: !!address && !!walletClient
   };
 }
-var import_read17, import_viem18, import_wagmi7;
+var import_read17, import_viem20, import_wagmi10;
 var init_transactions = __esm({
   "src/modules/transactions.ts"() {
     init_SessionContext();
     import_read17 = require("@embarkai/core/read");
-    import_viem18 = require("viem");
-    import_wagmi7 = require("wagmi");
+    import_viem20 = require("viem");
+    import_wagmi10 = require("wagmi");
   }
 });
 
@@ -20526,7 +20938,7 @@ function useAssets(address) {
     data: nativeBalance,
     isLoading: nativeBalanceLoading,
     refetch: refetchNativeBalance
-  } = (0, import_wagmi8.useBalance)({
+  } = (0, import_wagmi11.useBalance)({
     address,
     chainId,
     query: {
@@ -20535,12 +20947,12 @@ function useAssets(address) {
   });
   const tokenContracts = COMMON_TOKENS.map((token) => ({
     address: token.address,
-    abi: import_viem19.erc20Abi,
+    abi: import_viem21.erc20Abi,
     functionName: "balanceOf",
     args: [address],
     chainId
   }));
-  const readContractsResult = (0, import_wagmi8.useReadContracts)({
+  const readContractsResult = (0, import_wagmi11.useReadContracts)({
     contracts: tokenContracts,
     query: {
       enabled: !!address && COMMON_TOKENS.length > 0
@@ -20568,7 +20980,7 @@ function useAssets(address) {
         const token = COMMON_TOKENS[index];
         if (balance.status === "success" && balance.result) {
           const balanceValue = balance.result;
-          const formattedBalance = (0, import_viem19.formatUnits)(balanceValue, token.decimals);
+          const formattedBalance = (0, import_viem21.formatUnits)(balanceValue, token.decimals);
           assets.push({
             type: "erc20",
             address: token.address,
@@ -20593,7 +21005,7 @@ function useAssets(address) {
     const token = COMMON_TOKENS[tokenIndex];
     if (balance.status === "success" && balance.result) {
       const balanceValue = balance.result;
-      const formattedBalance = (0, import_viem19.formatUnits)(balanceValue, token.decimals);
+      const formattedBalance = (0, import_viem21.formatUnits)(balanceValue, token.decimals);
       return {
         address: token.address,
         name: token.name,
@@ -20621,11 +21033,11 @@ function useAssets(address) {
 }
 function useTokenInfo(tokenAddress) {
   const chainId = requireActiveChainId();
-  const readContractsResult = (0, import_wagmi8.useReadContracts)({
+  const readContractsResult = (0, import_wagmi11.useReadContracts)({
     contracts: [
-      { address: tokenAddress, abi: import_viem19.erc20Abi, functionName: "name", chainId },
-      { address: tokenAddress, abi: import_viem19.erc20Abi, functionName: "symbol", chainId },
-      { address: tokenAddress, abi: import_viem19.erc20Abi, functionName: "decimals", chainId }
+      { address: tokenAddress, abi: import_viem21.erc20Abi, functionName: "name", chainId },
+      { address: tokenAddress, abi: import_viem21.erc20Abi, functionName: "symbol", chainId },
+      { address: tokenAddress, abi: import_viem21.erc20Abi, functionName: "decimals", chainId }
     ]
   });
   const { data: tokenData, isLoading } = readContractsResult;
@@ -20652,9 +21064,9 @@ function useTokenBalance(tokenAddress, userAddress) {
     data: balance,
     isLoading,
     refetch
-  } = (0, import_wagmi8.useReadContract)({
+  } = (0, import_wagmi11.useReadContract)({
     address: tokenAddress,
-    abi: import_viem19.erc20Abi,
+    abi: import_viem21.erc20Abi,
     functionName: "balanceOf",
     args: userAddress ? [userAddress] : void 0,
     chainId,
@@ -20663,9 +21075,9 @@ function useTokenBalance(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react71.default.useMemo(() => {
+  const formattedBalance = import_react76.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
-    return (0, import_viem19.formatUnits)(balance, tokenInfo.decimals);
+    return (0, import_viem21.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);
   return {
     balance,
@@ -20675,13 +21087,13 @@ function useTokenBalance(tokenAddress, userAddress) {
     refetch
   };
 }
-var import_react71, import_viem19, import_wagmi8, COMMON_TOKENS;
+var import_react76, import_viem21, import_wagmi11, COMMON_TOKENS;
 var init_assets2 = __esm({
   "src/modules/assets.ts"() {
     init_SessionContext();
-    import_react71 = __toESM(require("react"), 1);
-    import_viem19 = require("viem");
-    import_wagmi8 = require("wagmi");
+    import_react76 = __toESM(require("react"), 1);
+    import_viem21 = require("viem");
+    import_wagmi11 = require("wagmi");
     COMMON_TOKENS = [
       // Add real token addresses here when available
       // {
@@ -20737,12 +21149,12 @@ function useSmartAccountTransactions() {
     getTransactionDetails
   };
 }
-var import_viem20, USER_OP_EVENT;
+var import_viem22, USER_OP_EVENT;
 var init_smartAccountTransactions = __esm({
   "src/modules/smartAccountTransactions.ts"() {
-    import_viem20 = require("viem");
+    import_viem22 = require("viem");
     init_SessionContext();
-    USER_OP_EVENT = (0, import_viem20.parseAbiItem)(
+    USER_OP_EVENT = (0, import_viem22.parseAbiItem)(
       "event UserOperationEvent(bytes32 indexed userOpHash, address indexed sender, address indexed paymaster, uint256 nonce, bool success, uint256 actualGasCost, uint256 actualGasUsed)"
     );
   }
@@ -20795,6 +21207,7 @@ __export(index_exports, {
   useAssets: () => useAssets,
   useBalance: () => useBalance,
   useColorMode: () => useColorMode,
+  useDirectWallet: () => useDirectWallet,
   useErc3643Compliance: () => useErc3643Compliance,
   useError: () => useError,
   useHasServerVault: () => useHasServerVault,
@@ -20808,13 +21221,16 @@ __export(index_exports, {
   useOpenPage: () => useOpenPage,
   useProviderConfig: () => useProviderConfig,
   useRecoveryUserId: () => useRecoveryUserId,
+  useSendDirectTransaction: () => useSendDirectTransaction,
   useSendTransaction: () => useSendTransaction,
   useSession: () => useSession,
   useSmartAccountTransactions: () => useSmartAccountTransactions,
   useTokenBalance: () => useTokenBalance,
   useTokenInfo: () => useTokenInfo,
   useTransactions: () => useTransactions,
+  useTransferToLinkedWallet: () => useTransferToLinkedWallet,
   useUserOpStatus: () => useUserOpStatus,
+  useWalletMode: () => useWalletMode,
   verifyFingerprint: () => verifyFingerprint,
   verifyFingerprintDetailed: () => verifyFingerprintDetailed,
   wagmiConfig: () => wagmiConfig,
@@ -20855,6 +21271,10 @@ var init_index = __esm({
     init_useSendTransaction();
     init_useUserOpStatus();
     init_useErc3643Compliance();
+    init_useWalletMode();
+    init_useDirectWallet();
+    init_useSendDirectTransaction();
+    init_useTransferToLinkedWallet();
     init_useLogout();
     init_useNicknameResolve();
     init_account();
@@ -20921,6 +21341,7 @@ init_index();
   useAssets,
   useBalance,
   useColorMode,
+  useDirectWallet,
   useErc3643Compliance,
   useError,
   useHasServerVault,
@@ -20934,13 +21355,16 @@ init_index();
   useOpenPage,
   useProviderConfig,
   useRecoveryUserId,
+  useSendDirectTransaction,
   useSendTransaction,
   useSession,
   useSmartAccountTransactions,
   useTokenBalance,
   useTokenInfo,
   useTransactions,
+  useTransferToLinkedWallet,
   useUserOpStatus,
+  useWalletMode,
   verifyFingerprint,
   verifyFingerprintDetailed,
   wagmiConfig,