@embarkai/ui-kit 0.4.34 → 0.4.36

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.4.34</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.36</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6391,7 +6391,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.34";
+var IFRAME_VERSION = "0.4.36";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -19228,7 +19228,8 @@ var init_useBridgeStore = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
-function SenderSelector() {
+function SenderSelector(props) {
+  const { profiles } = props;
   const { t } = useT();
   const config = useProviderConfig().config;
   const { signMessageAsync } = (0, import_wagmi.useSignMessage)();
@@ -19236,7 +19237,6 @@ function SenderSelector() {
   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);
@@ -19380,7 +19380,6 @@ 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");
@@ -19397,6 +19396,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 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,
+        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]);
+  return { profiles: walletProfiles };
+}
+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();
@@ -19576,7 +19720,7 @@ function useBridge() {
   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 swapDirection = (0, import_react63.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -19629,7 +19773,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,14 +19899,14 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query43, import_react62, import_wagmi2;
+var import_react_query43, import_react63, import_wagmi2;
 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_react63 = require("react");
     import_wagmi2 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
@@ -19791,7 +19935,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,15 +19944,14 @@ 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;
     let originChainIndex = 0;
     let destinationChainIndex = 1;
     if (useBridgeStore.getState().bridgeSender === "embarkai-wallet") {
-      const foundIdx = warpRouteToAutoSelect.chainPair.findIndex(
-        (chain) => isOririnChainEmbarkSupported(chain.chainName)
-      );
+      const foundIdx = warpRouteToAutoSelect.chainPair?.findIndex((chain) => isOririnChainEmbarkSupported(chain.chainName)) || -1;
       if (foundIdx !== -1) {
         originChainIndex = foundIdx;
         destinationChainIndex = foundIdx === 0 ? 1 : 0;
@@ -19820,12 +19963,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();
@@ -19841,7 +19984,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":
@@ -19869,11 +20012,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();
   }
@@ -19882,158 +20025,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();
   }
 });
 
@@ -20201,7 +20200,6 @@ function SelectStep(props) {
     setAmount,
     setRecipient
   } = useBridgeStore();
-  useAvailableSenders();
   const selectedSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
@@ -20441,7 +20439,6 @@ var init_SelectStep = __esm({
     init_input();
     init_useFlowSelector();
     init_ResolveChainIcon();
-    init_useAvailableSenders();
     init_useBridgeBalance();
     init_chains();
     init_useBridgeStore();
@@ -20737,7 +20734,7 @@ var init_useHyperlaneHistory = __esm({
     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;
   }
 });
@@ -21127,6 +21124,7 @@ function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
+  const { profiles } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
   (0, import_react71.useEffect)(
     () => () => {
@@ -21135,7 +21133,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, { profiles }),
     bridgeStep === "select" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       SelectStep,
       {
@@ -21167,6 +21165,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();
@@ -24107,7 +24106,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.34",
+      version: "0.4.36",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -19153,7 +19153,8 @@ import { useMutation as useMutation18 } from "@tanstack/react-query";
 import { useEffect as useEffect33, useRef as useRef17, useState as useState24 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
-function SenderSelector() {
+function SenderSelector(props) {
+  const { profiles } = props;
   const { t } = useT();
   const config = useProviderConfig().config;
   const { signMessageAsync } = useSignMessage();
@@ -19161,7 +19162,6 @@ function SenderSelector() {
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const pendingWalletRef = useRef17(null);
-  const { profiles } = useLinkedProfiles();
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
@@ -19304,7 +19304,6 @@ var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
-    init_linkedProfiles();
     init_wallet();
     init_useLayoutDataStore();
     init_useExternalWalletStore();
@@ -19316,6 +19315,149 @@ var init_SenderSelector = __esm({
   }
 });
 
+// src/internal/assets/wallets/MetaMaskIcon.tsx
+import { jsx as jsx90, jsxs as jsxs84 } from "react/jsx-runtime";
+function MetaMaskIcon(props) {
+  const { width = "24", height = "24", ...svgProps } = props;
+  return /* @__PURE__ */ jsxs84(
+    "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__ */ jsx90(
+          "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__ */ jsx90(
+          "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__ */ jsx90(
+          "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__ */ jsx90(
+          "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__ */ jsx90(
+          "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__ */ jsx90(
+          "path",
+          {
+            fill: "#C0C4CD",
+            d: "M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"
+          }
+        ),
+        /* @__PURE__ */ jsx90(
+          "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 init_MetaMaskIcon = __esm({
+  "src/internal/assets/wallets/MetaMaskIcon.tsx"() {
+  }
+});
+
+// src/internal/assets/wallets/index.tsx
+import { Wallet2Icon } from "lucide-react";
+import { jsx as jsx91 } from "react/jsx-runtime";
+var WALLET_ICONS;
+var init_wallets = __esm({
+  "src/internal/assets/wallets/index.tsx"() {
+    init_MetaMaskIcon();
+    WALLET_ICONS = {
+      metamask: MetaMaskIcon,
+      default: (props) => /* @__PURE__ */ jsx91(Wallet2Icon, { ...props })
+    };
+  }
+});
+
+// src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
+import { useEffect as useEffect34, useRef as useRef18 } from "react";
+function useAvailableSenders() {
+  const address = useSession((st) => st.address);
+  const activeChainId = useSession((st) => st.activeChainId);
+  const { profiles } = useLinkedProfiles();
+  const walletProfiles = profiles.filter((p) => p.provider === "wallet");
+  const lastCalcedSenders = useRef18([]);
+  useEffect34(() => {
+    const sendersAccumulator = [
+      {
+        type: "embarkai-wallet",
+        name: "embarkAI",
+        chainId: activeChainId,
+        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]);
+  return { profiles: walletProfiles };
+}
+var init_useAvailableSenders = __esm({
+  "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
+    init_SessionContext();
+    init_tokens();
+    init_linkedProfiles();
+    init_wallets();
+    init_useFlowSelector();
+    init_useBridgeStore();
+  }
+});
+
 // src/internal/components/SendMenu/hyperbridge/api.ts
 function iframe3() {
   const accessToken = jwtTokenManager2.getAccessToken();
@@ -19693,7 +19835,7 @@ var init_useBridge = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
 import { useQuery as useQuery19 } from "@tanstack/react-query";
-import { useEffect as useEffect34 } from "react";
+import { useEffect as useEffect35 } from "react";
 function useHyperlaneRoutes() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -19709,7 +19851,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => getHyperlaneWarpRoutes()
   });
-  useEffect34(() => {
+  useEffect35(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -19718,15 +19860,14 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
+    if (!warpRouteToAutoSelect) return;
     let originChainIndex = 0;
     let destinationChainIndex = 1;
     if (useBridgeStore.getState().bridgeSender === "embarkai-wallet") {
-      const foundIdx = warpRouteToAutoSelect.chainPair.findIndex(
-        (chain) => isOririnChainEmbarkSupported(chain.chainName)
-      );
+      const foundIdx = warpRouteToAutoSelect.chainPair?.findIndex((chain) => isOririnChainEmbarkSupported(chain.chainName)) || -1;
       if (foundIdx !== -1) {
         originChainIndex = foundIdx;
         destinationChainIndex = foundIdx === 0 ? 1 : 0;
@@ -19752,13 +19893,13 @@ var init_useHyperlaneRoutes = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 function useMenuTitle(warpRoutes) {
   const { t } = useT();
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  useEffect35(() => {
+  useEffect36(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -19795,10 +19936,10 @@ var init_useMenuTitle = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/ResolveChainIcon.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 function ResolveChainIcon(props) {
   const Icon2 = CHAINS_UI_META[props.chainName]?.Icon || TOKENS_ICONS.EMBARKAI;
-  return /* @__PURE__ */ jsx90(Icon2, { className: props.className || "w-4 h-4" });
+  return /* @__PURE__ */ jsx92(Icon2, { className: props.className || "w-4 h-4" });
 }
 var init_ResolveChainIcon = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/ResolveChainIcon.tsx"() {
@@ -19807,148 +19948,6 @@ var init_ResolveChainIcon = __esm({
   }
 });
 
-// src/internal/assets/wallets/MetaMaskIcon.tsx
-import { jsx as jsx91, jsxs as jsxs84 } from "react/jsx-runtime";
-function MetaMaskIcon(props) {
-  const { width = "24", height = "24", ...svgProps } = props;
-  return /* @__PURE__ */ jsxs84(
-    "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__ */ jsx91(
-          "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__ */ jsx91(
-          "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__ */ jsx91(
-          "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__ */ jsx91(
-          "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__ */ jsx91(
-          "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__ */ jsx91(
-          "path",
-          {
-            fill: "#C0C4CD",
-            d: "M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"
-          }
-        ),
-        /* @__PURE__ */ jsx91(
-          "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 init_MetaMaskIcon = __esm({
-  "src/internal/assets/wallets/MetaMaskIcon.tsx"() {
-  }
-});
-
-// src/internal/assets/wallets/index.tsx
-import { Wallet2Icon } from "lucide-react";
-import { jsx as jsx92 } from "react/jsx-runtime";
-var WALLET_ICONS;
-var init_wallets = __esm({
-  "src/internal/assets/wallets/index.tsx"() {
-    init_MetaMaskIcon();
-    WALLET_ICONS = {
-      metamask: MetaMaskIcon,
-      default: (props) => /* @__PURE__ */ jsx92(Wallet2Icon, { ...props })
-    };
-  }
-});
-
-// src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect36, useRef as useRef18 } from "react";
-function useAvailableSenders() {
-  const address = useSession((st) => st.address);
-  const activeChainId = useSession((st) => st.activeChainId);
-  const { profiles } = useLinkedProfiles();
-  const walletProfiles = profiles.filter((p) => p.provider === "wallet");
-  const lastCalcedSenders = useRef18([]);
-  useEffect36(() => {
-    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 init_useAvailableSenders = __esm({
-  "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
-    init_SessionContext();
-    init_tokens();
-    init_linkedProfiles();
-    init_wallets();
-    init_useFlowSelector();
-    init_useBridgeStore();
-  }
-});
-
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { useQuery as useQuery20, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { useCallback as useCallback23, useEffect as useEffect37 } from "react";
@@ -20116,7 +20115,6 @@ function SelectStep(props) {
     setAmount,
     setRecipient
   } = useBridgeStore();
-  useAvailableSenders();
   const selectedSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
@@ -20353,7 +20351,6 @@ var init_SelectStep = __esm({
     init_input();
     init_useFlowSelector();
     init_ResolveChainIcon();
-    init_useAvailableSenders();
     init_useBridgeBalance();
     init_chains();
     init_useBridgeStore();
@@ -20647,7 +20644,7 @@ var init_useHyperlaneHistory = __esm({
     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;
   }
 });
@@ -21038,6 +21035,7 @@ function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
+  const { profiles } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
   useEffect39(
     () => () => {
@@ -21046,7 +21044,7 @@ function HyperlaneBridge() {
     []
   );
   return /* @__PURE__ */ jsxs90(Fragment38, { children: [
-    bridgeStep === "sender-selector" && /* @__PURE__ */ jsx99(SenderSelector, {}),
+    bridgeStep === "sender-selector" && /* @__PURE__ */ jsx99(SenderSelector, { profiles }),
     bridgeStep === "select" && /* @__PURE__ */ jsx99(
       SelectStep,
       {
@@ -21076,6 +21074,7 @@ function HyperlaneBridge() {
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
     init_SenderSelector();
+    init_useAvailableSenders();
     init_useBridge();
     init_useHyperlaneRoutes();
     init_useMenuTitle();
@@ -24007,7 +24006,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.34",
+      version: "0.4.36",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.34",
+  "version": "0.4.36",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",