@embarkai/ui-kit 0.4.35 → 0.4.37

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({
@@ -19228,15 +19234,15 @@ var init_useBridgeStore = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
-function SenderSelector() {
+function SenderSelector(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);
   const pendingWalletRef = (0, import_react61.useRef)(null);
-  const { profiles } = useLinkedProfiles();
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
@@ -19244,22 +19250,15 @@ function SenderSelector() {
   (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() {
         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() {
       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() {
           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,16 +19378,15 @@ function SenderSelector() {
     ] })
   ] });
 }
-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();
     init_i18n();
-    init_linkedProfiles();
     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();
@@ -19397,6 +19399,151 @@ var init_SenderSelector = __esm({
   }
 });
 
+// src/internal/assets/wallets/MetaMaskIcon.tsx
+function MetaMaskIcon(props) {
+  const { width = "24", height = "24", ...svgProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    "svg",
+    {
+      ...svgProps,
+      width,
+      height,
+      version: "1.1",
+      id: "Layer_1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 142 136.878",
+      style: {
+        // enableBackground: 'new 0 0 142 136.878',
+        flexShrink: 0
+      },
+      xmlSpace: "preserve",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#FF5C16",
+            d: "M132.682,132.192l-30.583-9.106l-23.063,13.787l-16.092-0.007l-23.077-13.78l-30.569,9.106L0,100.801\n	l9.299-34.839L0,36.507L9.299,0l47.766,28.538h27.85L132.682,0l9.299,36.507l-9.299,29.455l9.299,34.839L132.682,132.192\n	L132.682,132.192z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#FF5C16",
+            d: "M9.305,0l47.767,28.558l-1.899,19.599L9.305,0z M39.875,100.814l21.017,16.01l-21.017,6.261\n	C39.875,123.085,39.875,100.814,39.875,100.814z M59.212,74.345l-4.039-26.174L29.317,65.97l-0.014-0.007v0.013l0.08,18.321\n	l10.485-9.951L59.212,74.345L59.212,74.345z M132.682,0L84.915,28.558l1.893,19.599L132.682,0z M102.113,100.814l-21.018,16.01\n	l21.018,6.261V100.814z M112.678,65.975h0.007H112.678v-0.013l-0.006,0.007L86.815,48.171l-4.039,26.174h19.336l10.492,9.95\n	C112.604,84.295,112.678,65.975,112.678,65.975z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#E34807",
+            d: "M39.868,123.085l-30.569,9.106L0,100.814h39.868C39.868,100.814,39.868,123.085,39.868,123.085z\n	 M59.205,74.338l5.839,37.84l-8.093-21.04L29.37,84.295l10.491-9.956h19.344L59.205,74.338z M102.112,123.085l30.57,9.106\n	l9.299-31.378h-39.869C102.112,100.814,102.112,123.085,102.112,123.085z M82.776,74.338l-5.839,37.84l8.092-21.04l27.583-6.843\n	l-10.498-9.956H82.776V74.338z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#FF8D5D",
+            d: "M0,100.801l9.299-34.839h19.997l0.073,18.327l27.584,6.843l8.092,21.039l-4.16,4.633l-21.017-16.01H0\n	V100.801z M141.981,100.801l-9.299-34.839h-19.998l-0.073,18.327l-27.582,6.843l-8.093,21.039l4.159,4.633l21.018-16.01h39.868\n	V100.801z M84.915,28.538h-27.85l-1.891,19.599l9.872,64.013h11.891l9.878-64.013L84.915,28.538z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#661800",
+            d: "M9.299,0L0,36.507l9.299,29.455h19.997l25.87-17.804L9.299,0z M53.426,81.938h-9.059l-4.932,4.835\n	l17.524,4.344l-3.533-9.186V81.938z M132.682,0l9.299,36.507l-9.299,29.455h-19.998L86.815,48.158L132.682,0z M88.568,81.938h9.072\n	l4.932,4.841l-17.544,4.353l3.54-9.201V81.938z M79.029,124.385l2.067-7.567l-4.16-4.633h-11.9l-4.159,4.633l2.066,7.567"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#C0C4CD",
+            d: "M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "path",
+          {
+            fill: "#E7EBF6",
+            d: "M39.875,123.072l23.083,13.8v-12.495l-2.067-7.566C60.891,116.811,39.875,123.072,39.875,123.072z\n	 M102.113,123.072l-23.084,13.8v-12.495l2.067-7.566C81.096,116.811,102.113,123.072,102.113,123.072z"
+          }
+        )
+      ]
+    }
+  );
+}
+var import_jsx_runtime90;
+var init_MetaMaskIcon = __esm({
+  "src/internal/assets/wallets/MetaMaskIcon.tsx"() {
+    import_jsx_runtime90 = require("react/jsx-runtime");
+  }
+});
+
+// src/internal/assets/wallets/index.tsx
+var import_lucide_react58, import_jsx_runtime91, WALLET_ICONS;
+var init_wallets = __esm({
+  "src/internal/assets/wallets/index.tsx"() {
+    import_lucide_react58 = require("lucide-react");
+    init_MetaMaskIcon();
+    import_jsx_runtime91 = require("react/jsx-runtime");
+    WALLET_ICONS = {
+      metamask: MetaMaskIcon,
+      default: (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react58.Wallet2Icon, { ...props })
+    };
+  }
+});
+
+// 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 lastCalcedSenders = (0, import_react62.useRef)([]);
+  (0, import_react62.useEffect)(() => {
+    const sendersAccumulator = [
+      {
+        type: "embarkai-wallet",
+        name: "embarkAI",
+        chainId: activeChainId,
+        address,
+        Icon: TOKENS_ICONS["EMBARKAI"]
+      }
+    ];
+    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}`);
+    useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
+    useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
+  }, [address, profiles, activeChainId]);
+  return {
+    directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
+  };
+}
+var import_react62;
+var init_useAvailableSenders = __esm({
+  "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
+    init_SessionContext();
+    init_tokens();
+    init_linkedProfiles();
+    import_react62 = require("react");
+    init_wallets();
+    init_useFlowSelector();
+    init_useBridgeStore();
+  }
+});
+
 // src/internal/components/SendMenu/hyperbridge/api.ts
 function iframe3() {
   const accessToken = import_auth20.jwtTokenManager.getAccessToken();
@@ -19574,9 +19721,9 @@ 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 swapDirection = (0, import_react62.useCallback)(() => {
+  const { data: walletClient } = (0, import_wagmi3.useWalletClient)();
+  const { switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
+  const swapDirection = (0, import_react63.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -19629,7 +19776,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react62.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react63.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -19755,15 +19902,15 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query43, import_react62, import_wagmi2;
+var import_react_query43, import_react63, import_wagmi3;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
     import_react_query43 = require("@tanstack/react-query");
-    import_react62 = require("react");
-    import_wagmi2 = require("wagmi");
+    import_react63 = require("react");
+    import_wagmi3 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
     init_api3();
@@ -19791,7 +19938,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => getHyperlaneWarpRoutes()
   });
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -19800,7 +19947,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -19819,12 +19966,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query44, import_react63, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query44, import_react64, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query44 = require("@tanstack/react-query");
-    import_react63 = require("react");
+    import_react64 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -19840,7 +19987,7 @@ function useMenuTitle(warpRoutes) {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -19868,11 +20015,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react64;
+var import_react65;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react64 = require("react");
+    import_react65 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -19881,158 +20028,14 @@ var init_useMenuTitle = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/ResolveChainIcon.tsx
 function ResolveChainIcon(props) {
   const Icon2 = CHAINS_UI_META[props.chainName]?.Icon || TOKENS_ICONS.EMBARKAI;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Icon2, { className: props.className || "w-4 h-4" });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon2, { className: props.className || "w-4 h-4" });
 }
-var import_jsx_runtime90;
+var import_jsx_runtime92;
 var init_ResolveChainIcon = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/ResolveChainIcon.tsx"() {
     init_tokens();
     init_chains();
-    import_jsx_runtime90 = require("react/jsx-runtime");
-  }
-});
-
-// src/internal/assets/wallets/MetaMaskIcon.tsx
-function MetaMaskIcon(props) {
-  const { width = "24", height = "24", ...svgProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-    "svg",
-    {
-      ...svgProps,
-      width,
-      height,
-      version: "1.1",
-      id: "Layer_1",
-      xmlns: "http://www.w3.org/2000/svg",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 142 136.878",
-      style: {
-        // enableBackground: 'new 0 0 142 136.878',
-        flexShrink: 0
-      },
-      xmlSpace: "preserve",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#FF5C16",
-            d: "M132.682,132.192l-30.583-9.106l-23.063,13.787l-16.092-0.007l-23.077-13.78l-30.569,9.106L0,100.801\n	l9.299-34.839L0,36.507L9.299,0l47.766,28.538h27.85L132.682,0l9.299,36.507l-9.299,29.455l9.299,34.839L132.682,132.192\n	L132.682,132.192z"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#FF5C16",
-            d: "M9.305,0l47.767,28.558l-1.899,19.599L9.305,0z M39.875,100.814l21.017,16.01l-21.017,6.261\n	C39.875,123.085,39.875,100.814,39.875,100.814z M59.212,74.345l-4.039-26.174L29.317,65.97l-0.014-0.007v0.013l0.08,18.321\n	l10.485-9.951L59.212,74.345L59.212,74.345z M132.682,0L84.915,28.558l1.893,19.599L132.682,0z M102.113,100.814l-21.018,16.01\n	l21.018,6.261V100.814z M112.678,65.975h0.007H112.678v-0.013l-0.006,0.007L86.815,48.171l-4.039,26.174h19.336l10.492,9.95\n	C112.604,84.295,112.678,65.975,112.678,65.975z"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#E34807",
-            d: "M39.868,123.085l-30.569,9.106L0,100.814h39.868C39.868,100.814,39.868,123.085,39.868,123.085z\n	 M59.205,74.338l5.839,37.84l-8.093-21.04L29.37,84.295l10.491-9.956h19.344L59.205,74.338z M102.112,123.085l30.57,9.106\n	l9.299-31.378h-39.869C102.112,100.814,102.112,123.085,102.112,123.085z M82.776,74.338l-5.839,37.84l8.092-21.04l27.583-6.843\n	l-10.498-9.956H82.776V74.338z"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#FF8D5D",
-            d: "M0,100.801l9.299-34.839h19.997l0.073,18.327l27.584,6.843l8.092,21.039l-4.16,4.633l-21.017-16.01H0\n	V100.801z M141.981,100.801l-9.299-34.839h-19.998l-0.073,18.327l-27.582,6.843l-8.093,21.039l4.159,4.633l21.018-16.01h39.868\n	V100.801z M84.915,28.538h-27.85l-1.891,19.599l9.872,64.013h11.891l9.878-64.013L84.915,28.538z"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#661800",
-            d: "M9.299,0L0,36.507l9.299,29.455h19.997l25.87-17.804L9.299,0z M53.426,81.938h-9.059l-4.932,4.835\n	l17.524,4.344l-3.533-9.186V81.938z M132.682,0l9.299,36.507l-9.299,29.455h-19.998L86.815,48.158L132.682,0z M88.568,81.938h9.072\n	l4.932,4.841l-17.544,4.353l3.54-9.201V81.938z M79.029,124.385l2.067-7.567l-4.16-4.633h-11.9l-4.159,4.633l2.066,7.567"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#C0C4CD",
-            d: "M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          "path",
-          {
-            fill: "#E7EBF6",
-            d: "M39.875,123.072l23.083,13.8v-12.495l-2.067-7.566C60.891,116.811,39.875,123.072,39.875,123.072z\n	 M102.113,123.072l-23.084,13.8v-12.495l2.067-7.566C81.096,116.811,102.113,123.072,102.113,123.072z"
-          }
-        )
-      ]
-    }
-  );
-}
-var import_jsx_runtime91;
-var init_MetaMaskIcon = __esm({
-  "src/internal/assets/wallets/MetaMaskIcon.tsx"() {
-    import_jsx_runtime91 = require("react/jsx-runtime");
-  }
-});
-
-// src/internal/assets/wallets/index.tsx
-var import_lucide_react58, import_jsx_runtime92, WALLET_ICONS;
-var init_wallets = __esm({
-  "src/internal/assets/wallets/index.tsx"() {
-    import_lucide_react58 = require("lucide-react");
-    init_MetaMaskIcon();
     import_jsx_runtime92 = require("react/jsx-runtime");
-    WALLET_ICONS = {
-      metamask: MetaMaskIcon,
-      default: (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react58.Wallet2Icon, { ...props })
-    };
-  }
-});
-
-// 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_react65.useRef)([]);
-  (0, import_react65.useEffect)(() => {
-    const sendersAccumulator = [
-      {
-        type: "embarkai-wallet",
-        name: "embarkAI",
-        chainId: activeChainId,
-        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"]
-        });
-      });
-    }
-    if (sendersAccumulator.map((s) => `${s.name}-${s.address}`).join(",") === lastCalcedSenders.current.join(",")) {
-      return;
-    }
-    lastCalcedSenders.current = sendersAccumulator.map((s) => `${s.name}-${s.address}`);
-    useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
-    useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
-  }, [address, walletProfiles, activeChainId]);
-}
-var import_react65;
-var init_useAvailableSenders = __esm({
-  "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
-    init_SessionContext();
-    init_tokens();
-    init_linkedProfiles();
-    import_react65 = require("react");
-    init_wallets();
-    init_useFlowSelector();
-    init_useBridgeStore();
   }
 });
 
@@ -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();
@@ -20193,15 +20196,13 @@ function SelectStep(props) {
     destinationChain,
     hyperRoute,
     amount,
-    // bridgeSenders,
     isQuoteEstimating,
     recipient,
     setBridgeStep,
     setAmount,
     setRecipient
   } = useBridgeStore();
-  useAvailableSenders();
-  const selectedSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
+  const selectedSender = useBridgeStore((st) => st.bridgeSenders?.find((s) => s.type === st.bridgeSender)) || null;
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
     const { routeId, chainPair } = route;
@@ -20440,7 +20441,6 @@ var init_SelectStep = __esm({
     init_input();
     init_useFlowSelector();
     init_ResolveChainIcon();
-    init_useAvailableSenders();
     init_useBridgeBalance();
     init_chains();
     init_useBridgeStore();
@@ -20714,29 +20714,36 @@ 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();
     init_api3();
     init_useBridgeStore();
     HYPERLANE_HISTORY_QUERY_KEY = "hyperlane-tx-history-query-key";
-    TX_HISTORY_PAGE_SIZE = 3;
+    TX_HISTORY_PAGE_SIZE = 6;
     TX_HISTORY_POLLING_INTERVAL = 1e3 * 45;
   }
 });
@@ -21126,6 +21133,7 @@ function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
+  const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
   (0, import_react71.useEffect)(
     () => () => {
@@ -21134,7 +21142,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, {}),
+    bridgeStep === "sender-selector" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       SelectStep,
       {
@@ -21166,6 +21174,7 @@ var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
     import_react71 = require("react");
     init_SenderSelector();
+    init_useAvailableSenders();
     init_useBridge();
     init_useHyperlaneRoutes();
     init_useMenuTitle();
@@ -21228,7 +21237,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 +21274,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 +24115,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.35",
+      version: "0.4.37",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24475,17 +24484,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 +24790,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 +25048,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 +25057,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 +25069,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 +25113,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 +27571,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 +27626,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 +27856,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 +27890,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 +27906,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 +27959,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 +28001,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 +28063,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 +29405,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 +29414,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 +29441,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 +29580,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 +29649,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 +29715,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 +29732,7 @@ function useAssets(address) {
     data: nativeBalance,
     isLoading: nativeBalanceLoading,
     refetch: refetchNativeBalance
-  } = (0, import_wagmi16.useBalance)({
+  } = (0, import_wagmi17.useBalance)({
     address,
     chainId,
     query: {
@@ -29737,7 +29746,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 +29827,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 +29858,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",