@embarkai/ui-kit 0.4.36 → 0.4.38

package/dist/index.cjs

@@ -15747,38 +15747,33 @@ var init_MainMenu2 = __esm({
 });
 
 // src/modules/linkedProfiles.ts
-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 = import_auth20.jwtTokenManager.getAvatar() || null;
-  } catch {
-    avatar = null;
-  }
-  return { profiles: loadedProfiles, avatar };
-}
 function useLinkedProfiles() {
   const qc = (0, import_react_query25.useQueryClient)();
   const address = useSession((st) => st.address);
-  const {
-    data,
-    isFetching: isLoading,
-    error
-  } = (0, import_react_query25.useQuery)({
+  const { data, isFetching, isLoading, error } = (0, import_react_query25.useQuery)({
     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 = import_auth20.jwtTokenManager.getAvatar() || null;
+      } catch {
+        avatar2 = null;
+      }
+      return { profiles: loadedProfiles, avatar: avatar2 };
+    }
   });
   const { profiles = [], avatar = null } = data || {};
   const refresh = (0, import_react46.useCallback)(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 import_react_query25, import_react46, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
@@ -16798,11 +16793,44 @@ var init_ManageWallet = __esm({
   }
 });
 
+// src/internal/stores/useExternalWalletStore.ts
+var import_zustand8, useExternalWalletStore;
+var init_useExternalWalletStore = __esm({
+  "src/internal/stores/useExternalWalletStore.ts"() {
+    import_zustand8 = require("zustand");
+    useExternalWalletStore = (0, import_zustand8.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 })
+    }));
+  }
+});
+
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 function UnlinkProviderMenu() {
   const qc = (0, import_react_query32.useQueryClient)();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
+  const { disconnect: disconnectExternalWallet } = (0, import_wagmi.useDisconnect)();
+  const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
@@ -16813,6 +16841,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 () => {
@@ -16881,7 +16916,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react45, import_react50, import_jsx_runtime74;
+var import_react_query32, import_lucide_react45, import_react50, import_wagmi, import_jsx_runtime74;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -16892,7 +16927,9 @@ var init_UnlinkProviderMenu = __esm({
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react45 = require("lucide-react");
     import_react50 = require("react");
+    import_wagmi = require("wagmi");
     init_auth();
+    init_useExternalWalletStore();
     init_button();
     init_input();
     init_useProvidersList();
@@ -19052,37 +19089,6 @@ var init_wallet = __esm({
   }
 });
 
-// src/internal/stores/useExternalWalletStore.ts
-var import_zustand8, useExternalWalletStore;
-var init_useExternalWalletStore = __esm({
-  "src/internal/stores/useExternalWalletStore.ts"() {
-    import_zustand8 = require("zustand");
-    useExternalWalletStore = (0, import_zustand8.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 })
-    }));
-  }
-});
-
 // src/internal/components/SendMenu/useFlowSelector.ts
 var import_zustand9, import_middleware2, useFlowSelectorStore;
 var init_useFlowSelector = __esm({
@@ -19167,7 +19173,6 @@ var init_useBridgeStore = __esm({
       bridgeStep: "select",
       bridgeType: "hyper",
       bridgeSender: "embarkai-wallet",
-      bridgeSenders: [],
       amount: "",
       quote: null,
       isQuoteEstimating: false,
@@ -19176,6 +19181,7 @@ var init_useBridgeStore = __esm({
     useBridgeStore = (0, import_zustand10.create)()(
       (0, import_middleware3.persist)(
         (set, get) => ({
+          bridgeSenders: [],
           hyperRoute: null,
           recipient: null,
           originChain: null,
@@ -19229,10 +19235,10 @@ var init_useBridgeStore = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 function SenderSelector(props) {
-  const { profiles } = props;
+  const { directWalletProfile } = props;
   const { t } = useT();
   const config = useProviderConfig().config;
-  const { signMessageAsync } = (0, import_wagmi.useSignMessage)();
+  const { signMessageAsync } = (0, import_wagmi2.useSignMessage)();
   const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
@@ -19244,22 +19250,15 @@ function SenderSelector(props) {
   (0, import_react61.useEffect)(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
-  (0, import_react61.useEffect)(() => {
-    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 } = (0, import_react_query42.useMutation)({
-    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 } = (0, import_react_query42.useMutation)({
+    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 }),
@@ -19283,19 +19282,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");
@@ -19306,7 +19303,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;
+  (0, import_react61.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     bridgeSenders.map((sender) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       Button,
@@ -19358,14 +19361,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?.();
             }
           },
@@ -19375,7 +19378,7 @@ function SenderSelector(props) {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query42, import_react61, import_wagmi, import_jsx_runtime89;
+var import_rainbowkit, import_react_query42, import_react61, import_wagmi2, import_jsx_runtime89;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
@@ -19383,7 +19386,7 @@ var init_SenderSelector = __esm({
     import_rainbowkit = require("@rainbow-me/rainbowkit");
     import_react_query42 = require("@tanstack/react-query");
     import_react61 = require("react");
-    import_wagmi = require("wagmi");
+    import_wagmi2 = require("wagmi");
     init_wallet();
     init_useLayoutDataStore();
     init_useExternalWalletStore();
@@ -19494,39 +19497,39 @@ var init_wallets = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
 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 = (0, import_react62.useRef)([]);
   (0, import_react62.useEffect)(() => {
     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 import_react62;
 var init_useAvailableSenders = __esm({
@@ -19718,8 +19721,8 @@ var init_useOperationHashesStore = __esm({
 function useBridge() {
   const { t } = useT();
   const address = useSession((st) => st.address);
-  const { data: walletClient } = (0, import_wagmi2.useWalletClient)();
-  const { switchChainAsync } = (0, import_wagmi2.useSwitchChain)();
+  const { data: walletClient } = (0, import_wagmi3.useWalletClient)();
+  const { switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
   const swapDirection = (0, import_react63.useCallback)(() => {
     const {
       bridgeStep,
@@ -19899,7 +19902,7 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query43, import_react63, import_wagmi2;
+var import_react_query43, import_react63, import_wagmi3;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
@@ -19907,7 +19910,7 @@ var init_useBridge = __esm({
     init_useExternalWalletStore();
     import_react_query43 = require("@tanstack/react-query");
     import_react63 = require("react");
-    import_wagmi2 = require("wagmi");
+    import_wagmi3 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
     init_api3();
@@ -20043,7 +20046,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletChainId = useExternalWalletStore((st) => st.externalChainId);
-  const { switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
+  const { switchChainAsync } = (0, import_wagmi4.useSwitchChain)();
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const originChain = useBridgeStore((st) => st.originChain);
@@ -20111,7 +20114,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     data: externalNativeBalanceData,
     refetch: refetchExternalNativeBalance,
     isLoading: isExternalNativeBalanceLoading
-  } = (0, import_wagmi3.useBalance)({
+  } = (0, import_wagmi4.useBalance)({
     address: directWalletAddress,
     chainId: directWalletChainId,
     query: {
@@ -20165,7 +20168,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_react_query45, import_react66, import_viem13, import_wagmi3, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
+var import_react_query45, import_react66, import_viem13, import_wagmi4, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
@@ -20173,7 +20176,7 @@ var init_useBridgeBalance = __esm({
     import_react_query45 = require("@tanstack/react-query");
     import_react66 = require("react");
     import_viem13 = require("viem");
-    import_wagmi3 = require("wagmi");
+    import_wagmi4 = require("wagmi");
     init_useBlockscoutAssets();
     init_useExternalWalletStore();
     init_useFlowSelector();
@@ -20189,18 +20192,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;
@@ -20232,7 +20233,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("sender-selector");
+            useBridgeStore.getState().setBridgeStep("sender-selector");
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20271,7 +20272,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__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20355,9 +20356,9 @@ function SelectStep(props) {
                   }
                   if (regex.test(value) || value === "") {
                     if (value === "") {
-                      setAmount("0");
+                      useBridgeStore.getState().setAmount("0");
                     } else {
-                      setAmount(value);
+                      useBridgeStore.getState().setAmount(value);
                     }
                   }
                 },
@@ -20388,7 +20389,7 @@ function SelectStep(props) {
                 Icon: import_lucide_react59.Wallet2Icon,
                 onChange: (e) => {
                   useFlowSelectorStore.getState().setError(null);
-                  setRecipient(e.target.value);
+                  useBridgeStore.getState().setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   Button,
@@ -20398,7 +20399,7 @@ function SelectStep(props) {
                     variant: "ghost",
                     onClick: (e) => {
                       e.stopPropagation();
-                      setRecipient(null);
+                      useBridgeStore.getState().setRecipient(null);
                     },
                     children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react59.XIcon, { className: "w-4 h-4" })
                   }
@@ -20712,22 +20713,29 @@ function useHyperlaneHistory() {
     queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address, currentPage],
     queryFn: async () => await getHyperlaneBridgeHistory({ page: currentPage, pageSize: TX_HISTORY_PAGE_SIZE })
   });
+  const updateExpandable = (0, import_react69.useCallback)(
+    (0, import_lodash_es7.debounce)(() => {
+      useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
+    }, 500),
+    []
+  );
   (0, import_react69.useEffect)(() => {
     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,
     setCurrentPage
   };
 }
-var import_react_query46, import_react69, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query46, import_lodash_es7, import_react69, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
     import_react_query46 = require("@tanstack/react-query");
+    import_lodash_es7 = require("lodash-es");
     import_react69 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
@@ -21124,7 +21132,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);
   (0, import_react71.useEffect)(
     () => () => {
@@ -21133,7 +21141,7 @@ function HyperlaneBridge() {
     []
   );
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    bridgeStep === "sender-selector" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SenderSelector, { profiles }),
+    bridgeStep === "sender-selector" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       SelectStep,
       {
@@ -21228,7 +21236,7 @@ function useErc3643Compliance(options) {
     isLoading,
     error: queryError,
     refetch
-  } = (0, import_wagmi4.useReadContract)({
+  } = (0, import_wagmi5.useReadContract)({
     address: tokenAddress,
     abi: ERC3643_CAN_TRANSFER_ABI,
     functionName: "canTransfer",
@@ -21265,10 +21273,10 @@ function useErc3643Compliance(options) {
     refetch
   };
 }
-var import_wagmi4, ERC3643_CAN_TRANSFER_ABI;
+var import_wagmi5, ERC3643_CAN_TRANSFER_ABI;
 var init_useErc3643Compliance = __esm({
   "src/hooks/useErc3643Compliance.ts"() {
-    import_wagmi4 = require("wagmi");
+    import_wagmi5 = require("wagmi");
     ERC3643_CAN_TRANSFER_ABI = [
       {
         type: "function",
@@ -24106,7 +24114,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",
@@ -24475,17 +24483,17 @@ function useDecideContentStyles() {
   return {
     isClosing,
     isMobileView,
-    style: (0, import_lodash_es7.merge)({}, mobileStyles)
+    style: (0, import_lodash_es8.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es7, import_lucide_react78, import_react84, import_jsx_runtime118, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es8, import_lucide_react78, import_react84, import_jsx_runtime118, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
     init_SessionContext();
     init_i18n();
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-    import_lodash_es7 = require("lodash-es");
+    import_lodash_es8 = require("lodash-es");
     import_lucide_react78 = require("lucide-react");
     import_react84 = require("react");
     init_useLayoutDataStore();
@@ -24781,10 +24789,10 @@ function WalletConnectHandler() {
   const qc = (0, import_react_query54.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
-  const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi5.useAccount)();
+  const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi6.useAccount)();
   const { openConnectModal, connectModalOpen } = (0, import_rainbowkit2.useConnectModal)();
-  const { disconnect } = (0, import_wagmi5.useDisconnect)();
-  const { signMessageAsync } = (0, import_wagmi5.useSignMessage)();
+  const { disconnect } = (0, import_wagmi6.useDisconnect)();
+  const { signMessageAsync } = (0, import_wagmi6.useSignMessage)();
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
@@ -25039,7 +25047,7 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query54, import_react87, import_wagmi5;
+var import_rainbowkit2, import_react_query54, import_react87, import_wagmi6;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
@@ -25048,7 +25056,7 @@ var init_WalletConnectHandler = __esm({
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
     import_react_query54 = require("@tanstack/react-query");
     import_react87 = __toESM(require("react"), 1);
-    import_wagmi5 = require("wagmi");
+    import_wagmi6 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
     init_useLayoutDataStore();
@@ -25060,7 +25068,7 @@ var init_WalletConnectHandler = __esm({
 // src/internal/components/DirectWalletHandler.tsx
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
-  const { address, isConnected, chain, connector } = (0, import_wagmi6.useAccount)();
+  const { address, isConnected, chain, connector } = (0, import_wagmi7.useAccount)();
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const externalAddress = useExternalWalletStore((st) => st.externalAddress);
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
@@ -25104,11 +25112,11 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react88, import_wagmi6;
+var import_react88, import_wagmi7;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
     import_react88 = require("react");
-    import_wagmi6 = require("wagmi");
+    import_wagmi7 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
   }
@@ -27562,13 +27570,13 @@ var init_iframe_manager = __esm({
 });
 
 // src/config/rainbowkit.ts
-var import_read18, import_rainbowkit3, import_wallets2, import_wagmi7, import_chains12, getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
+var import_read18, import_rainbowkit3, import_wallets2, import_wagmi8, import_chains12, getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
 var init_rainbowkit = __esm({
   "src/config/rainbowkit.ts"() {
     import_read18 = require("@embarkai/core/read");
     import_rainbowkit3 = require("@rainbow-me/rainbowkit");
     import_wallets2 = require("@rainbow-me/rainbowkit/wallets");
-    import_wagmi7 = require("wagmi");
+    import_wagmi8 = require("wagmi");
     import_chains12 = require("wagmi/chains");
     getProjectId2 = (configProjectId) => {
       if (configProjectId) return configProjectId;
@@ -27617,7 +27625,7 @@ var init_rainbowkit = __esm({
         appName: "EmbarkAI Wallet",
         projectId: getProjectId2(opts.projectId),
         chains: buildRainbowChains(opts.supportedChains, opts.preferredChainId),
-        storage: (0, import_wagmi7.createStorage)({ key: getWagmiStorageKey(opts) }),
+        storage: (0, import_wagmi8.createStorage)({ key: getWagmiStorageKey(opts) }),
         ssr: false
       };
       if (opts.allowedWallets && opts.allowedWallets.length > 0) {
@@ -27847,14 +27855,14 @@ function RainbowKitProvider({ children }) {
     };
   }, [colorMode]);
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_jsx_runtime122.Fragment, { children });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_wagmi8.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_wagmi9.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react90, import_wagmi8, import_styles, import_jsx_runtime122;
+var import_rainbowkit4, import_react90, import_wagmi9, import_styles, import_jsx_runtime122;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
     import_react90 = require("react");
-    import_wagmi8 = require("wagmi");
+    import_wagmi9 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
     init_ProviderContext();
@@ -27881,7 +27889,7 @@ var init_utils11 = __esm({
 // src/config/wagmi.ts
 function buildTransport(urls) {
   const transports = urls.map(
-    (url) => (0, import_wagmi9.http)(url, {
+    (url) => (0, import_wagmi10.http)(url, {
       timeout: 1e4,
       retryCount: 0,
       batch: false,
@@ -27897,35 +27905,35 @@ function buildTransport(urls) {
     retryCount: 0
   });
 }
-var import_read19, import_viem20, import_wagmi9, import_chains13, wagmiConfig;
+var import_read19, import_viem20, import_wagmi10, import_chains13, wagmiConfig;
 var init_wagmi = __esm({
   "src/config/wagmi.ts"() {
     import_read19 = require("@embarkai/core/read");
     import_viem20 = require("viem");
-    import_wagmi9 = require("wagmi");
+    import_wagmi10 = require("wagmi");
     import_chains13 = require("wagmi/chains");
-    wagmiConfig = (0, import_wagmi9.createConfig)({
+    wagmiConfig = (0, import_wagmi10.createConfig)({
       chains: [import_read19.lumiaMainnetChain, import_read19.lumiaTestnetChain, import_chains13.bsc, import_chains13.mainnet],
-      storage: (0, import_wagmi9.createStorage)({ key: "embark-wagmi-static-v2" }),
+      storage: (0, import_wagmi10.createStorage)({ key: "embark-wagmi-static-v2" }),
       transports: {
         [import_read19.lumiaTestnetChain.id]: buildTransport(import_read19.lumiaTestnetChain.rpcUrls.default.http),
         [import_read19.lumiaMainnetChain.id]: buildTransport(import_read19.lumiaMainnetChain.rpcUrls.default.http),
-        [import_chains13.bsc.id]: (0, import_wagmi9.http)(),
-        [import_chains13.mainnet.id]: (0, import_wagmi9.http)()
+        [import_chains13.bsc.id]: (0, import_wagmi10.http)(),
+        [import_chains13.mainnet.id]: (0, import_wagmi10.http)()
       }
     });
   }
 });
 
 // src/context/WagmiContext.tsx
-var import_wagmi10, import_jsx_runtime123, WagmiProvider2;
+var import_wagmi11, import_jsx_runtime123, WagmiProvider2;
 var init_WagmiContext = __esm({
   "src/context/WagmiContext.tsx"() {
-    import_wagmi10 = require("wagmi");
+    import_wagmi11 = require("wagmi");
     init_wagmi();
     import_jsx_runtime123 = require("react/jsx-runtime");
     WagmiProvider2 = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_wagmi10.WagmiProvider, { config: wagmiConfig, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_wagmi11.WagmiProvider, { config: wagmiConfig, children });
     };
   }
 });
@@ -27950,7 +27958,7 @@ function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
   const callbacksRef = (0, import_react91.useRef)(callbacks);
   (0, import_react91.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react91.useRef)((0, import_lodash_es8.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const config = (0, import_react91.useRef)((0, import_lodash_es9.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = (0, import_react91.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
@@ -27992,7 +28000,7 @@ function Provider(props) {
   }, []);
   (0, import_react91.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
-    const mergedConfig = (0, import_lodash_es8.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
+    const mergedConfig = (0, import_lodash_es9.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
     if (mergedConfig.wallet?.enabled) {
       clearLegacyWagmiStorage();
@@ -28054,11 +28062,11 @@ function Provider(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RainbowKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(SessionProvider, { children }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(SessionProvider, { children }) }) });
 }
-var import_error_tracking4, import_lodash_es8, import_react91, import_jsx_runtime124, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es9, import_react91, import_jsx_runtime124, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
-    import_lodash_es8 = require("lodash-es");
+    import_lodash_es9 = require("lodash-es");
     import_react91 = require("react");
     init_initial();
     init_iframe_manager();
@@ -29396,7 +29404,7 @@ function useWalletMode() {
 // src/hooks/useDirectWallet.ts
 var import_react96 = require("react");
 var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
-var import_wagmi12 = require("wagmi");
+var import_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
 init_useLayoutDataStore();
 function useDirectWallet() {
@@ -29405,7 +29413,7 @@ function useDirectWallet() {
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const clearExternalWallet = useExternalWalletStore((st) => st.clearExternalWallet);
-  const { disconnect: wagmiDisconnect } = (0, import_wagmi12.useDisconnect)();
+  const { disconnect: wagmiDisconnect } = (0, import_wagmi13.useDisconnect)();
   const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
   const connect = (0, import_react96.useCallback)(() => {
@@ -29432,13 +29440,13 @@ function useDirectWallet() {
 // src/hooks/useSendDirectTransaction.ts
 var import_react97 = require("react");
 var import_viem21 = require("viem");
-var import_wagmi13 = require("wagmi");
+var import_wagmi14 = require("wagmi");
 init_useExternalWalletStore();
 function useSendDirectTransaction() {
   const isConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
-  const { sendTransactionAsync } = (0, import_wagmi13.useSendTransaction)();
-  const { switchChainAsync } = (0, import_wagmi13.useSwitchChain)();
+  const { sendTransactionAsync } = (0, import_wagmi14.useSendTransaction)();
+  const { switchChainAsync } = (0, import_wagmi14.useSwitchChain)();
   const [isPending, setIsPending] = (0, import_react97.useState)(false);
   const [error, setError] = (0, import_react97.useState)(null);
   const [txHash, setTxHash] = (0, import_react97.useState)(null);
@@ -29571,11 +29579,11 @@ function useTransferToLinkedWallet() {
 }
 
 // src/hooks/useNativeWalletSignature.ts
-var import_wagmi14 = require("wagmi");
+var import_wagmi15 = require("wagmi");
 init_providers();
 function useNativeWalletSignature() {
-  const signMessage = (0, import_wagmi14.useSignMessage)();
-  const signTypedMessage = (0, import_wagmi14.useSignTypedData)();
+  const signMessage = (0, import_wagmi15.useSignMessage)();
+  const signTypedMessage = (0, import_wagmi15.useSignTypedData)();
   return {
     signMessage,
     /** EIP-712 signature */
@@ -29640,13 +29648,13 @@ init_useBlockscoutAssets();
 init_SessionContext();
 var import_read22 = require("@embarkai/core/read");
 var import_viem23 = require("viem");
-var import_wagmi15 = require("wagmi");
+var import_wagmi16 = require("wagmi");
 function useTransactions() {
   const chainId = requireActiveChainId();
   const viemChain = (0, import_read22.getViemChain)(chainId);
-  const publicClient = (0, import_wagmi15.usePublicClient)({ chainId });
-  const { data: walletClient } = (0, import_wagmi15.useWalletClient)();
-  const { address } = (0, import_wagmi15.useAccount)();
+  const publicClient = (0, import_wagmi16.usePublicClient)({ chainId });
+  const { data: walletClient } = (0, import_wagmi16.useWalletClient)();
+  const { address } = (0, import_wagmi16.useAccount)();
   const sendTransaction = async (params) => {
     if (!walletClient) {
       throw new Error("Wallet not connected");
@@ -29706,7 +29714,7 @@ function useTransactions() {
 init_SessionContext();
 var import_react100 = __toESM(require("react"), 1);
 var import_viem24 = require("viem");
-var import_wagmi16 = require("wagmi");
+var import_wagmi17 = require("wagmi");
 var COMMON_TOKENS = [
   // Add real token addresses here when available
   // {
@@ -29723,7 +29731,7 @@ function useAssets(address) {
     data: nativeBalance,
     isLoading: nativeBalanceLoading,
     refetch: refetchNativeBalance
-  } = (0, import_wagmi16.useBalance)({
+  } = (0, import_wagmi17.useBalance)({
     address,
     chainId,
     query: {
@@ -29737,7 +29745,7 @@ function useAssets(address) {
     args: [address],
     chainId
   }));
-  const readContractsResult = (0, import_wagmi16.useReadContracts)({
+  const readContractsResult = (0, import_wagmi17.useReadContracts)({
     contracts: tokenContracts,
     query: {
       enabled: !!address && COMMON_TOKENS.length > 0
@@ -29818,7 +29826,7 @@ function useAssets(address) {
 }
 function useTokenInfo(tokenAddress) {
   const chainId = requireActiveChainId();
-  const readContractsResult = (0, import_wagmi16.useReadContracts)({
+  const readContractsResult = (0, import_wagmi17.useReadContracts)({
     contracts: [
       { address: tokenAddress, abi: import_viem24.erc20Abi, functionName: "name", chainId },
       { address: tokenAddress, abi: import_viem24.erc20Abi, functionName: "symbol", chainId },
@@ -29849,7 +29857,7 @@ function useTokenBalance(tokenAddress, userAddress) {
     data: balance,
     isLoading,
     refetch
-  } = (0, import_wagmi16.useReadContract)({
+  } = (0, import_wagmi17.useReadContract)({
     address: tokenAddress,
     abi: import_viem24.erc20Abi,
     functionName: "balanceOf",