@embarkai/ui-kit 0.4.23 → 0.4.24

package/dist/{hyperbridge-2S7QQE7L.cjs → hyperbridge-OPUF7VNS.cjs}

@@ -14,9 +14,9 @@
 
 
 
-var _chunk4J6J5WEOcjs = require('./chunk-4J6J5WEO.cjs');
-require('./chunk-P5JBS26B.cjs');
-require('./chunk-DBAXDALG.cjs');
+var _chunkDW3342W5cjs = require('./chunk-DW3342W5.cjs');
+require('./chunk-O3DVVB7K.cjs');
+require('./chunk-IBH4PFA3.cjs');
 require('./chunk-DACL62OU.cjs');
 
 // src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
@@ -36,21 +36,21 @@ var CHAINS_META = {
     chainLabel: _read.lumiaMainnetChain.name,
     chainName: "lumiaprism",
     // exact hyperlane registry chain name
-    Icon: _chunk4J6J5WEOcjs.LumiaIcon
+    Icon: _chunkDW3342W5cjs.LumiaIcon
   },
   bsc: {
     chainID: _chains.bsc.id,
     chainLabel: _chains.bsc.name,
     chainName: "bsc",
     // exact hyperlane registry chain name
-    Icon: _chunk4J6J5WEOcjs.BnbIcon
+    Icon: _chunkDW3342W5cjs.BnbIcon
   },
   ethereum: {
     chainID: _chains.mainnet.id,
     chainLabel: _chains.mainnet.name,
     chainName: "ethereum",
     // exact hyperlane registry chain name
-    Icon: _chunk4J6J5WEOcjs.EthereumIcon
+    Icon: _chunkDW3342W5cjs.EthereumIcon
   }
   // base: {
   //   chainID: base.id,
@@ -71,7 +71,7 @@ var _sdk = require('@hyperlane-xyz/sdk');
 var WARP_ROUTES = [
   {
     symbol: "LUMIA",
-    icon: _chunk4J6J5WEOcjs.TOKENS_ICONS.LUMIA,
+    icon: _chunkDW3342W5cjs.TOKENS_ICONS.LUMIA,
     id: "LUMIA/arbitrum-avalanche-base-bsc-ethereum-lumiaprism-optimism-polygon",
     // Canonical LUMIA warp route (includes BSC + Lumia Prism).
     name: "bsc-lumiaprism",
@@ -80,19 +80,19 @@ var WARP_ROUTES = [
         chainID: _chains.bsc.id,
         chainLabel: _chains.bsc.name,
         chainName: "bsc",
-        Icon: _chunk4J6J5WEOcjs.BnbIcon
+        Icon: _chunkDW3342W5cjs.BnbIcon
       },
       {
         chainID: _read.lumiaMainnetChain.id,
         chainLabel: _read.lumiaMainnetChain.name,
         chainName: "lumiaprism",
-        Icon: _chunk4J6J5WEOcjs.LumiaIcon
+        Icon: _chunkDW3342W5cjs.LumiaIcon
       }
     ]
   },
   {
     symbol: "USDT",
-    icon: _chunk4J6J5WEOcjs.TOKENS_ICONS.USDT,
+    icon: _chunkDW3342W5cjs.TOKENS_ICONS.USDT,
     id: "USDT/ethereum-lumiaprism",
     name: "ethereum-lumiaprism",
     chainPair: [
@@ -100,19 +100,19 @@ var WARP_ROUTES = [
         chainID: _chains.base.id,
         chainLabel: _chains.base.name,
         chainName: "ethereum",
-        Icon: _chunk4J6J5WEOcjs.EthereumIcon
+        Icon: _chunkDW3342W5cjs.EthereumIcon
       },
       {
         chainID: _read.lumiaMainnetChain.id,
         chainLabel: _read.lumiaMainnetChain.name,
         chainName: "lumiaprism",
-        Icon: _chunk4J6J5WEOcjs.LumiaIcon
+        Icon: _chunkDW3342W5cjs.LumiaIcon
       }
     ]
   },
   {
     symbol: "USDC",
-    icon: _chunk4J6J5WEOcjs.TOKENS_ICONS.USDC,
+    icon: _chunkDW3342W5cjs.TOKENS_ICONS.USDC,
     id: "USDC/lumia",
     name: "ethereum-lumiaprism",
     chainPair: [
@@ -120,13 +120,13 @@ var WARP_ROUTES = [
         chainID: _chains.base.id,
         chainLabel: _chains.base.name,
         chainName: "ethereum",
-        Icon: _chunk4J6J5WEOcjs.EthereumIcon
+        Icon: _chunkDW3342W5cjs.EthereumIcon
       },
       {
         chainID: _read.lumiaMainnetChain.id,
         chainLabel: _read.lumiaMainnetChain.name,
         chainName: "lumiaprism",
-        Icon: _chunk4J6J5WEOcjs.LumiaIcon
+        Icon: _chunkDW3342W5cjs.LumiaIcon
       }
     ]
   }
@@ -177,7 +177,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var BRIDGE_CHAINS_LIST = _lodashes.toPairs.call(void 0, CHAINS_META).map(([chainName]) => chainName);
 function RouteItem(props) {
   const { id, icon: Icon, chainPair, symbol } = props;
-  const hyperRouteID = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.hyperRoute);
+  const hyperRouteID = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.hyperRoute);
   const selectRoute = _react.useCallback.call(void 0, (routeId) => {
     const {
       //
@@ -187,11 +187,11 @@ function RouteItem(props) {
       setWarpCoreConfig,
       setOriginChain,
       setDestinationChain
-    } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+    } = _chunkDW3342W5cjs.useBridgeStore.getState();
     setHyperRoute(routeId);
     const warpConfig = buildLumiaWarpConfig(routeId);
     if (!warpConfig) {
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(`Warp route ${routeId} not found in @hyperlane-xyz/registry`);
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(`Warp route ${routeId} not found in @hyperlane-xyz/registry`);
       setBridgeStep("select");
       return;
     }
@@ -205,7 +205,7 @@ function RouteItem(props) {
     setBridgeStep("select");
   }, []);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunk4J6J5WEOcjs.Button,
+    _chunkDW3342W5cjs.Button,
     {
       size: "large",
       variant: hyperRouteID === id ? "default" : "outline",
@@ -237,7 +237,7 @@ var _reactquery = require('@tanstack/react-query');
 // src/internal/components/SendMenu/hyperbridge/lib/executeWarpTxs.ts
 
 async function executeWarpTransactions(txs) {
-  const { publicClient, session } = _chunk4J6J5WEOcjs.useSession.getState();
+  const { publicClient, session } = _chunkDW3342W5cjs.useSession.getState();
   if (!session) {
     throw new Error("No active session");
   }
@@ -253,7 +253,7 @@ async function executeWarpTransactions(txs) {
     if (!populated.to) {
       throw new Error("Transaction missing `to` address");
     }
-    const hash = await _chunk4J6J5WEOcjs.sendUserOperation.call(void 0, session, {
+    const hash = await _chunkDW3342W5cjs.sendUserOperation.call(void 0, session, {
       to: populated.to,
       data: _nullishCoalesce(populated.data, () => ( "0x")),
       value: (populated.value ? BigInt(populated.value.toString()) : 0n).toString(),
@@ -272,7 +272,7 @@ var BRIDGE_CHAINS_LIST2 = _lodashes.toPairs.call(void 0, CHAINS_META).map(([chai
 var DEFAULT_WARP_ROUTE_ID = "USDT/ethereum-lumiaprism";
 function useWarpCore() {
   _react.useEffect.call(void 0, () => {
-    const existingWarpCore = _chunk4J6J5WEOcjs.useBridgeStore.getState().warpCore;
+    const existingWarpCore = _chunkDW3342W5cjs.useBridgeStore.getState().warpCore;
     if (!!existingWarpCore) return;
     const {
       hyperRoute,
@@ -284,12 +284,12 @@ function useWarpCore() {
       setHyperRoute,
       setOriginChain,
       setDestinationChain
-    } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+    } = _chunkDW3342W5cjs.useBridgeStore.getState();
     const hyperRouteID = hyperRoute || DEFAULT_WARP_ROUTE_ID;
     console.debug("[HYPERLANE SDK] Initializing WarpCore...", hyperRouteID);
     const fullConfig = buildLumiaWarpConfig(hyperRouteID);
     if (!fullConfig) {
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(`Warp route ${hyperRouteID} not found in @hyperlane-xyz/registry`);
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(`Warp route ${hyperRouteID} not found in @hyperlane-xyz/registry`);
       setBridgeStep("select");
       return;
     }
@@ -322,12 +322,12 @@ function findDestinationToken(warpCore, origin, destination) {
   return warpCore.tokens.find((t) => t.chainName === destination);
 }
 function useBridge() {
-  const { t } = _chunk4J6J5WEOcjs.useT.call(void 0, );
+  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
   useWarpCore();
-  const address = _chunk4J6J5WEOcjs.useSession.call(void 0, (st) => st.address);
-  const currentChainId = _chunk4J6J5WEOcjs.useSession.call(void 0, (st) => st.activeChainId);
-  const warpCore = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.warpCore);
-  const amountToBridge = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.amount);
+  const address = _chunkDW3342W5cjs.useSession.call(void 0, (st) => st.address);
+  const currentChainId = _chunkDW3342W5cjs.useSession.call(void 0, (st) => st.activeChainId);
+  const warpCore = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.warpCore);
+  const amountToBridge = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.amount);
   const swapDirection = _react.useCallback.call(void 0, () => {
     const {
       bridgeStep,
@@ -339,9 +339,9 @@ function useBridge() {
       setDestinationChain,
       setAmount,
       setQuote
-    } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
-    _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
-    _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-swaped-${Date.now()}`);
+    } = _chunkDW3342W5cjs.useBridgeStore.getState();
+    _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+    _chunkDW3342W5cjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-swaped-${Date.now()}`);
     setOriginChain(destinationChain);
     setDestinationChain(originChain);
     const cacheAmount = amount;
@@ -351,7 +351,7 @@ function useBridge() {
   }, []);
   const { mutate: estimateQuote } = _reactquery.useMutation.call(void 0, {
     mutationFn: async (amountToBridge2) => {
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
       const {
         //
         bridgeStep,
@@ -360,8 +360,8 @@ function useBridge() {
         recipient,
         // setQuote,
         setIsQuoteEstimating
-      } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
+      } = _chunkDW3342W5cjs.useBridgeStore.getState();
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
       setIsQuoteEstimating(true);
       const originToken = findToken(warpCore, originChain);
       const destToken = originToken ? findDestinationToken(warpCore, originToken, destinationChain) : void 0;
@@ -399,17 +399,17 @@ function useBridge() {
       };
     },
     onSuccess: (quote) => {
-      const { bridgeStep, setQuote, setIsQuoteEstimating } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+      const { bridgeStep, setQuote, setIsQuoteEstimating } = _chunkDW3342W5cjs.useBridgeStore.getState();
       setQuote(quote);
       setIsQuoteEstimating(false);
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
     },
     onError: (error) => {
-      const { setQuote, setIsQuoteEstimating } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+      const { setQuote, setIsQuoteEstimating } = _chunkDW3342W5cjs.useBridgeStore.getState();
       console.error("[HYPERLANE SDK] Quote estimation error", error);
       setQuote(null);
       setIsQuoteEstimating(false);
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
   const defferedQuoteEstimation = _react.useCallback.call(void 0, 
@@ -420,13 +420,13 @@ function useBridge() {
   );
   _react.useEffect.call(void 0, () => {
     if (!amountToBridge || !Number(amountToBridge)) return;
-    const { originChain, destinationChain } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+    const { originChain, destinationChain } = _chunkDW3342W5cjs.useBridgeStore.getState();
     if (!originChain || !destinationChain) return;
-    const warpCoreConfig = _chunk4J6J5WEOcjs.useBridgeStore.getState().warpCoreConfig;
+    const warpCoreConfig = _chunkDW3342W5cjs.useBridgeStore.getState().warpCoreConfig;
     const routeReady = isDirectRouteAvailable(warpCoreConfig, originChain, destinationChain);
     if (!routeReady) {
       console.warn("[HYPERLANE SDK] route not ready");
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(
         // @ts-expect-error i18n typing
         t("passport:bridgeMenu.errors.routeUnavailable", { originChain, destinationChain })
       );
@@ -444,8 +444,8 @@ function useBridge() {
         recipient,
         setBridgeTxStatus,
         setLastTxHashes
-      } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
+      } = _chunkDW3342W5cjs.useBridgeStore.getState();
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
       setBridgeTxStatus(null);
       setLastTxHashes([]);
       const expectedChainId = warpCore.multiProvider.getChainId(originChain);
@@ -489,7 +489,7 @@ function useBridge() {
       return await executeWarpTransactions(txs);
     },
     onSuccess: (hashes) => {
-      const { setBridgeStep, setBridgeTxStatus, setLastTxHashes, destinationChain } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+      const { setBridgeStep, setBridgeTxStatus, setLastTxHashes, destinationChain } = _chunkDW3342W5cjs.useBridgeStore.getState();
       setLastTxHashes(hashes);
       setBridgeTxStatus(
         // @ts-expect-error i18n typing
@@ -499,9 +499,9 @@ function useBridge() {
     },
     onError: (error) => {
       console.error("[HYPERLANE SDK] Bridge execution error", error);
-      const { setBridgeTxStatus } = _chunk4J6J5WEOcjs.useBridgeStore.getState();
+      const { setBridgeTxStatus } = _chunkDW3342W5cjs.useBridgeStore.getState();
       setBridgeTxStatus(null);
-      _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
+      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
   return {
@@ -514,11 +514,11 @@ function useBridge() {
 // src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
 
 function useMenuTitle() {
-  const { t } = _chunk4J6J5WEOcjs.useT.call(void 0, );
-  const bridgeStep = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
-  const hyperRouteMeta = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => WARP_ROUTES.find((route) => route.id === st.hyperRoute));
+  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
+  const bridgeStep = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
+  const hyperRouteMeta = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => WARP_ROUTES.find((route) => route.id === st.hyperRoute));
   _react.useEffect.call(void 0, () => {
-    const updateMenuTitle = _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setMenuTitle;
+    const updateMenuTitle = _chunkDW3342W5cjs.useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "select-token":
         updateMenuTitle(t("passport:bridgeMenu.labels.selectToken"));
@@ -543,7 +543,7 @@ function useMenuTitle() {
 
 
 function SelectStep({ swapChains }) {
-  const { t } = _chunk4J6J5WEOcjs.useT.call(void 0, );
+  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
   const {
     // warpCore,
     originChain,
@@ -556,8 +556,8 @@ function SelectStep({ swapChains }) {
     setBridgeStep,
     setAmount,
     setRecipient
-  } = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, );
-  const isError = _chunk4J6J5WEOcjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
+  } = _chunkDW3342W5cjs.useBridgeStore.call(void 0, );
+  const isError = _chunkDW3342W5cjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
   const selectedWarpRoute = WARP_ROUTES.find((route) => route.id === hyperRoute);
   const OriginChainIcon = originChain ? _optionalChain([CHAINS_META, 'access', _7 => _7[originChain], 'optionalAccess', _8 => _8.Icon]) : null;
   const DestinationChainIcon = destinationChain ? _optionalChain([CHAINS_META, 'access', _9 => _9[destinationChain], 'optionalAccess', _10 => _10.Icon]) : null;
@@ -575,13 +575,13 @@ function SelectStep({ swapChains }) {
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunk4J6J5WEOcjs.Button,
+        _chunkDW3342W5cjs.Button,
         {
           disabled: isQuoteEstimating,
           variant: "outline",
           className: "w-full justify-between",
           onClick: () => {
-            _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
+            _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
             setBridgeStep("select-token");
           },
           children: [
@@ -599,7 +599,7 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunk4J6J5WEOcjs.cn.call(void 0, 
+          className: _chunkDW3342W5cjs.cn.call(void 0, 
             "flex items-center justify-between gap-[var(--ui-kit-gap)]",
             "text-[10px] text-[var(--ui-kit-fg-muted)]"
           ),
@@ -611,7 +611,7 @@ function SelectStep({ swapChains }) {
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full flex items-center justify-center", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk4J6J5WEOcjs.Badge,
+          _chunkDW3342W5cjs.Badge,
           {
             variant: "outline",
             size: "large",
@@ -622,9 +622,9 @@ function SelectStep({ swapChains }) {
             ]
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4J6J5WEOcjs.Button, { size: "icon", variant: "ghost", onClick: swapChains, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRightLeftIcon, { className: "w-4 h-4 " }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDW3342W5cjs.Button, { size: "icon", variant: "ghost", onClick: swapChains, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRightLeftIcon, { className: "w-4 h-4 " }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk4J6J5WEOcjs.Badge,
+          _chunkDW3342W5cjs.Badge,
           {
             variant: "outline",
             size: "large",
@@ -639,7 +639,7 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunk4J6J5WEOcjs.cn.call(void 0, 
+          className: _chunkDW3342W5cjs.cn.call(void 0, 
             //
             "w-full flex flex-col",
             "text-[10px]",
@@ -648,13 +648,13 @@ function SelectStep({ swapChains }) {
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk4J6J5WEOcjs.Input,
+              _chunkDW3342W5cjs.Input,
               {
                 type: "text",
                 disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
                 placeholder: t("passport:common.amount"),
                 onChange: (e) => {
-                  _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
+                  _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
                   let { value } = e.target;
                   const regex = /^(0|[1-9]\d*)(\.\d{0,5})?$/;
                   if (value.length > 1 && value.startsWith("0") && !value.startsWith("0.")) {
@@ -677,7 +677,7 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunk4J6J5WEOcjs.cn.call(void 0, 
+          className: _chunkDW3342W5cjs.cn.call(void 0, 
             //
             "w-full flex flex-col",
             "text-[10px]",
@@ -686,7 +686,7 @@ function SelectStep({ swapChains }) {
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.recipient") + " (optional)" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk4J6J5WEOcjs.Input,
+              _chunkDW3342W5cjs.Input,
               {
                 type: "text",
                 disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
@@ -694,11 +694,11 @@ function SelectStep({ swapChains }) {
                 value: recipient || "",
                 Icon: _lucidereact.Wallet2Icon,
                 onChange: (e) => {
-                  _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
+                  _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
                   setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk4J6J5WEOcjs.Button,
+                  _chunkDW3342W5cjs.Button,
                   {
                     size: "icon",
                     variant: "ghost",
@@ -715,15 +715,15 @@ function SelectStep({ swapChains }) {
         }
       )
     ] }),
-    quote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4J6J5WEOcjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+    quote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDW3342W5cjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.amount") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.amount)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.amount)) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.igpFee") }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.igpSymbol
@@ -733,7 +733,7 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.localFee") }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.localFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.localFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.localSymbol
@@ -742,17 +742,17 @@ function SelectStep({ swapChains }) {
       ] }),
       quote.tokenFee && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk4J6J5WEOcjs.Button,
+      _chunkDW3342W5cjs.Button,
       {
         size: "large",
         variant: "default",
         className: "w-full",
         disabled: isQuoteEstimating || isError || !quote,
-        onClick: () => _chunk4J6J5WEOcjs.useBridgeStore.getState().setBridgeStep("confirm"),
+        onClick: () => _chunkDW3342W5cjs.useBridgeStore.getState().setBridgeStep("confirm"),
         children: [
           isQuoteEstimating && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t(
@@ -779,17 +779,17 @@ function SelectStep({ swapChains }) {
 var P_CN = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset } = props;
-  const { t } = _chunk4J6J5WEOcjs.useT.call(void 0, );
-  const address = _chunk4J6J5WEOcjs.useSession.call(void 0, (st) => st.address);
-  const isError = _chunk4J6J5WEOcjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
-  const quote = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.quote);
-  const originChain = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.originChain);
-  const destinationChain = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
-  const recipient = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.recipient);
-  const bridgeTxStatus = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.bridgeTxStatus);
+  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
+  const address = _chunkDW3342W5cjs.useSession.call(void 0, (st) => st.address);
+  const isError = _chunkDW3342W5cjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
+  const quote = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.quote);
+  const originChain = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.originChain);
+  const destinationChain = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
+  const recipient = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.recipient);
+  const bridgeTxStatus = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.bridgeTxStatus);
   const recipientAddress = (recipient || address).slice(0, 6) + "..." + (recipient || address).slice(-4);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4J6J5WEOcjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDW3342W5cjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.recipient") }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: recipientAddress })
@@ -804,12 +804,12 @@ function ConfirmStep(props) {
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.amount") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.amount)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.amount)) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.igpFee") }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.igpSymbol
@@ -819,7 +819,7 @@ function ConfirmStep(props) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.localFee") }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.localFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.localFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.localSymbol
@@ -828,11 +828,11 @@ function ConfirmStep(props) {
       ] }),
       quote.tokenFee && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
       ] })
     ] }),
     !isError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk4J6J5WEOcjs.Button,
+      _chunkDW3342W5cjs.Button,
       {
         size: "large",
         variant: "default",
@@ -852,17 +852,17 @@ function ConfirmStep(props) {
 
 var P_CN2 = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
 function SuccessStep() {
-  const { t } = _chunk4J6J5WEOcjs.useT.call(void 0, );
-  const address = _chunk4J6J5WEOcjs.useSession.call(void 0, (st) => st.address);
-  const amount = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.amount);
-  const originChain = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.originChain);
-  const destinationChain = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
-  const recipient = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.recipient);
-  const lastTxHashes = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.lastTxHashes);
-  const bridgeTxStatus = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.bridgeTxStatus);
+  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
+  const address = _chunkDW3342W5cjs.useSession.call(void 0, (st) => st.address);
+  const amount = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.amount);
+  const originChain = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.originChain);
+  const destinationChain = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
+  const recipient = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.recipient);
+  const lastTxHashes = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.lastTxHashes);
+  const bridgeTxStatus = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.bridgeTxStatus);
   const recipientAddress = (recipient || address).slice(0, 6) + "..." + (recipient || address).slice(-4);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4J6J5WEOcjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDW3342W5cjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN2, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.status") }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: bridgeTxStatus })
@@ -881,7 +881,7 @@ function SuccessStep() {
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN2, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.amount") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunk4J6J5WEOcjs.formatPrice.call(void 0, Number(amount)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(amount)) })
       ] }),
       lastTxHashes.map((hash) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN2, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "TX" }),
@@ -889,16 +889,16 @@ function SuccessStep() {
       ] }))
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4J6J5WEOcjs.Button,
+      _chunkDW3342W5cjs.Button,
       {
         size: "large",
         variant: "default",
         className: "w-full",
         onClick: () => {
-          _chunk4J6J5WEOcjs.useFlowSelectorStore.getState().setError(null);
-          _chunk4J6J5WEOcjs.useBridgeStore.getState().setBridgeTxStatus(null);
-          _chunk4J6J5WEOcjs.useBridgeStore.getState().setLastTxHashes([]);
-          _chunk4J6J5WEOcjs.useBridgeStore.getState().setBridgeStep("select");
+          _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+          _chunkDW3342W5cjs.useBridgeStore.getState().setBridgeTxStatus(null);
+          _chunkDW3342W5cjs.useBridgeStore.getState().setLastTxHashes([]);
+          _chunkDW3342W5cjs.useBridgeStore.getState().setBridgeStep("select");
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: `${t("passport:common.continue")}`.toUpperCase() })
       }
@@ -911,8 +911,8 @@ function SuccessStep() {
 function HyperlaneBridge() {
   const { swapDirection, bridgeAsset, isAssetBridging } = useBridge();
   useMenuTitle();
-  const bridgeStep = _chunk4J6J5WEOcjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
-  _react.useEffect.call(void 0, () => () => _chunk4J6J5WEOcjs.useBridgeStore.getState().resetSelections(), []);
+  const bridgeStep = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
+  _react.useEffect.call(void 0, () => () => _chunkDW3342W5cjs.useBridgeStore.getState().resetSelections(), []);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     bridgeStep === "select-token" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenSelector, {}),
     bridgeStep === "select" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectStep, { swapChains: swapDirection }),
@@ -926,5 +926,5 @@ var hyperbridge_default = HyperlaneBridge;
 
 
 
-exports.default = hyperbridge_default; exports.useBridgeStore = _chunk4J6J5WEOcjs.useBridgeStore;
-//# sourceMappingURL=hyperbridge-2S7QQE7L.cjs.map
+exports.default = hyperbridge_default; exports.useBridgeStore = _chunkDW3342W5cjs.useBridgeStore;
+//# sourceMappingURL=hyperbridge-OPUF7VNS.cjs.map

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.23</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.24</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

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