@embarkai/ui-kit 0.4.24 → 0.4.25

package/dist/{hyperbridge-OPUF7VNS.cjs → hyperbridge-4LS4PDRE.cjs}

@@ -14,9 +14,11 @@
 
 
 
-var _chunkDW3342W5cjs = require('./chunk-DW3342W5.cjs');
-require('./chunk-O3DVVB7K.cjs');
-require('./chunk-IBH4PFA3.cjs');
+
+
+var _chunkYVHXT2JXcjs = require('./chunk-YVHXT2JX.cjs');
+require('./chunk-NES46LXF.cjs');
+require('./chunk-B254FLAW.cjs');
 require('./chunk-DACL62OU.cjs');
 
 // src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
@@ -36,21 +38,21 @@ var CHAINS_META = {
     chainLabel: _read.lumiaMainnetChain.name,
     chainName: "lumiaprism",
     // exact hyperlane registry chain name
-    Icon: _chunkDW3342W5cjs.LumiaIcon
+    Icon: _chunkYVHXT2JXcjs.LumiaIcon
   },
   bsc: {
     chainID: _chains.bsc.id,
     chainLabel: _chains.bsc.name,
     chainName: "bsc",
     // exact hyperlane registry chain name
-    Icon: _chunkDW3342W5cjs.BnbIcon
+    Icon: _chunkYVHXT2JXcjs.BnbIcon
   },
   ethereum: {
     chainID: _chains.mainnet.id,
     chainLabel: _chains.mainnet.name,
     chainName: "ethereum",
     // exact hyperlane registry chain name
-    Icon: _chunkDW3342W5cjs.EthereumIcon
+    Icon: _chunkYVHXT2JXcjs.EthereumIcon
   }
   // base: {
   //   chainID: base.id,
@@ -71,7 +73,7 @@ var _sdk = require('@hyperlane-xyz/sdk');
 var WARP_ROUTES = [
   {
     symbol: "LUMIA",
-    icon: _chunkDW3342W5cjs.TOKENS_ICONS.LUMIA,
+    icon: _chunkYVHXT2JXcjs.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 +82,19 @@ var WARP_ROUTES = [
         chainID: _chains.bsc.id,
         chainLabel: _chains.bsc.name,
         chainName: "bsc",
-        Icon: _chunkDW3342W5cjs.BnbIcon
+        Icon: _chunkYVHXT2JXcjs.BnbIcon
       },
       {
         chainID: _read.lumiaMainnetChain.id,
         chainLabel: _read.lumiaMainnetChain.name,
         chainName: "lumiaprism",
-        Icon: _chunkDW3342W5cjs.LumiaIcon
+        Icon: _chunkYVHXT2JXcjs.LumiaIcon
       }
     ]
   },
   {
     symbol: "USDT",
-    icon: _chunkDW3342W5cjs.TOKENS_ICONS.USDT,
+    icon: _chunkYVHXT2JXcjs.TOKENS_ICONS.USDT,
     id: "USDT/ethereum-lumiaprism",
     name: "ethereum-lumiaprism",
     chainPair: [
@@ -100,19 +102,19 @@ var WARP_ROUTES = [
         chainID: _chains.base.id,
         chainLabel: _chains.base.name,
         chainName: "ethereum",
-        Icon: _chunkDW3342W5cjs.EthereumIcon
+        Icon: _chunkYVHXT2JXcjs.EthereumIcon
       },
       {
         chainID: _read.lumiaMainnetChain.id,
         chainLabel: _read.lumiaMainnetChain.name,
         chainName: "lumiaprism",
-        Icon: _chunkDW3342W5cjs.LumiaIcon
+        Icon: _chunkYVHXT2JXcjs.LumiaIcon
       }
     ]
   },
   {
     symbol: "USDC",
-    icon: _chunkDW3342W5cjs.TOKENS_ICONS.USDC,
+    icon: _chunkYVHXT2JXcjs.TOKENS_ICONS.USDC,
     id: "USDC/lumia",
     name: "ethereum-lumiaprism",
     chainPair: [
@@ -120,13 +122,13 @@ var WARP_ROUTES = [
         chainID: _chains.base.id,
         chainLabel: _chains.base.name,
         chainName: "ethereum",
-        Icon: _chunkDW3342W5cjs.EthereumIcon
+        Icon: _chunkYVHXT2JXcjs.EthereumIcon
       },
       {
         chainID: _read.lumiaMainnetChain.id,
         chainLabel: _read.lumiaMainnetChain.name,
         chainName: "lumiaprism",
-        Icon: _chunkDW3342W5cjs.LumiaIcon
+        Icon: _chunkYVHXT2JXcjs.LumiaIcon
       }
     ]
   }
@@ -177,7 +179,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 = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.hyperRoute);
+  const hyperRouteID = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.hyperRoute);
   const selectRoute = _react.useCallback.call(void 0, (routeId) => {
     const {
       //
@@ -187,11 +189,11 @@ function RouteItem(props) {
       setWarpCoreConfig,
       setOriginChain,
       setDestinationChain
-    } = _chunkDW3342W5cjs.useBridgeStore.getState();
+    } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
     setHyperRoute(routeId);
     const warpConfig = buildLumiaWarpConfig(routeId);
     if (!warpConfig) {
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(`Warp route ${routeId} not found in @hyperlane-xyz/registry`);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(`Warp route ${routeId} not found in @hyperlane-xyz/registry`);
       setBridgeStep("select");
       return;
     }
@@ -205,7 +207,7 @@ function RouteItem(props) {
     setBridgeStep("select");
   }, []);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkDW3342W5cjs.Button,
+    _chunkYVHXT2JXcjs.Button,
     {
       size: "large",
       variant: hyperRouteID === id ? "default" : "outline",
@@ -237,7 +239,7 @@ var _reactquery = require('@tanstack/react-query');
 // src/internal/components/SendMenu/hyperbridge/lib/executeWarpTxs.ts
 
 async function executeWarpTransactions(txs) {
-  const { publicClient, session } = _chunkDW3342W5cjs.useSession.getState();
+  const { publicClient, session } = _chunkYVHXT2JXcjs.useSession.getState();
   if (!session) {
     throw new Error("No active session");
   }
@@ -253,13 +255,12 @@ async function executeWarpTransactions(txs) {
     if (!populated.to) {
       throw new Error("Transaction missing `to` address");
     }
-    const hash = await _chunkDW3342W5cjs.sendUserOperation.call(void 0, session, {
+    const hash = await _chunkYVHXT2JXcjs.sendUserOperation.call(void 0, session, {
       to: populated.to,
       data: _nullishCoalesce(populated.data, () => ( "0x")),
       value: (populated.value ? BigInt(populated.value.toString()) : 0n).toString(),
       chainId: publicClient.chain.id
     });
-    await publicClient.waitForTransactionReceipt({ hash });
     hashes.push(hash);
   }
   return hashes;
@@ -272,7 +273,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 = _chunkDW3342W5cjs.useBridgeStore.getState().warpCore;
+    const existingWarpCore = _chunkYVHXT2JXcjs.useBridgeStore.getState().warpCore;
     if (!!existingWarpCore) return;
     const {
       hyperRoute,
@@ -284,12 +285,12 @@ function useWarpCore() {
       setHyperRoute,
       setOriginChain,
       setDestinationChain
-    } = _chunkDW3342W5cjs.useBridgeStore.getState();
+    } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
     const hyperRouteID = hyperRoute || DEFAULT_WARP_ROUTE_ID;
     console.debug("[HYPERLANE SDK] Initializing WarpCore...", hyperRouteID);
     const fullConfig = buildLumiaWarpConfig(hyperRouteID);
     if (!fullConfig) {
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(`Warp route ${hyperRouteID} not found in @hyperlane-xyz/registry`);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(`Warp route ${hyperRouteID} not found in @hyperlane-xyz/registry`);
       setBridgeStep("select");
       return;
     }
@@ -322,12 +323,12 @@ function findDestinationToken(warpCore, origin, destination) {
   return warpCore.tokens.find((t) => t.chainName === destination);
 }
 function useBridge() {
-  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
+  const { t } = _chunkYVHXT2JXcjs.useT.call(void 0, );
   useWarpCore();
-  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 address = _chunkYVHXT2JXcjs.useSession.call(void 0, (st) => st.address);
+  const currentChainId = _chunkYVHXT2JXcjs.useSession.call(void 0, (st) => st.activeChainId);
+  const warpCore = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.warpCore);
+  const amountToBridge = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.amount);
   const swapDirection = _react.useCallback.call(void 0, () => {
     const {
       bridgeStep,
@@ -339,9 +340,9 @@ function useBridge() {
       setDestinationChain,
       setAmount,
       setQuote
-    } = _chunkDW3342W5cjs.useBridgeStore.getState();
-    _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
-    _chunkDW3342W5cjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-swaped-${Date.now()}`);
+    } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
+    _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(null);
+    _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-swaped-${Date.now()}`);
     setOriginChain(destinationChain);
     setDestinationChain(originChain);
     const cacheAmount = amount;
@@ -351,7 +352,8 @@ function useBridge() {
   }, []);
   const { mutate: estimateQuote } = _reactquery.useMutation.call(void 0, {
     mutationFn: async (amountToBridge2) => {
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(null);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setIsUiLocked(true);
       const {
         //
         bridgeStep,
@@ -360,8 +362,8 @@ function useBridge() {
         recipient,
         // setQuote,
         setIsQuoteEstimating
-      } = _chunkDW3342W5cjs.useBridgeStore.getState();
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
+      } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
+      _chunkYVHXT2JXcjs.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 +401,19 @@ function useBridge() {
       };
     },
     onSuccess: (quote) => {
-      const { bridgeStep, setQuote, setIsQuoteEstimating } = _chunkDW3342W5cjs.useBridgeStore.getState();
+      const { bridgeStep, setQuote, setIsQuoteEstimating } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
       setQuote(quote);
       setIsQuoteEstimating(false);
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setIsUiLocked(false);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
     },
     onError: (error) => {
-      const { setQuote, setIsQuoteEstimating } = _chunkDW3342W5cjs.useBridgeStore.getState();
+      const { setQuote, setIsQuoteEstimating } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
       console.error("[HYPERLANE SDK] Quote estimation error", error);
       setQuote(null);
       setIsQuoteEstimating(false);
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setIsUiLocked(false);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
   const defferedQuoteEstimation = _react.useCallback.call(void 0, 
@@ -420,13 +424,13 @@ function useBridge() {
   );
   _react.useEffect.call(void 0, () => {
     if (!amountToBridge || !Number(amountToBridge)) return;
-    const { originChain, destinationChain } = _chunkDW3342W5cjs.useBridgeStore.getState();
+    const { originChain, destinationChain } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
     if (!originChain || !destinationChain) return;
-    const warpCoreConfig = _chunkDW3342W5cjs.useBridgeStore.getState().warpCoreConfig;
+    const warpCoreConfig = _chunkYVHXT2JXcjs.useBridgeStore.getState().warpCoreConfig;
     const routeReady = isDirectRouteAvailable(warpCoreConfig, originChain, destinationChain);
     if (!routeReady) {
       console.warn("[HYPERLANE SDK] route not ready");
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(
         // @ts-expect-error i18n typing
         t("passport:bridgeMenu.errors.routeUnavailable", { originChain, destinationChain })
       );
@@ -444,8 +448,10 @@ function useBridge() {
         recipient,
         setBridgeTxStatus,
         setLastTxHashes
-      } = _chunkDW3342W5cjs.useBridgeStore.getState();
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+      } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
+      _chunkYVHXT2JXcjs.useLayoutStore.getState().setIsDialogForced(true);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setIsUiLocked(true);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(null);
       setBridgeTxStatus(null);
       setLastTxHashes([]);
       const expectedChainId = warpCore.multiProvider.getChainId(originChain);
@@ -489,19 +495,23 @@ function useBridge() {
       return await executeWarpTransactions(txs);
     },
     onSuccess: (hashes) => {
-      const { setBridgeStep, setBridgeTxStatus, setLastTxHashes, destinationChain } = _chunkDW3342W5cjs.useBridgeStore.getState();
+      const { setBridgeStep, setBridgeTxStatus, setLastTxHashes, destinationChain } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
       setLastTxHashes(hashes);
       setBridgeTxStatus(
         // @ts-expect-error i18n typing
         t("passport:bridgeMenu.statuses.txSent", { destination: destinationChain })
       );
+      _chunkYVHXT2JXcjs.useLayoutStore.getState().setIsDialogForced(false);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setIsUiLocked(false);
       setBridgeStep("success");
     },
     onError: (error) => {
       console.error("[HYPERLANE SDK] Bridge execution error", error);
-      const { setBridgeTxStatus } = _chunkDW3342W5cjs.useBridgeStore.getState();
+      const { setBridgeTxStatus } = _chunkYVHXT2JXcjs.useBridgeStore.getState();
       setBridgeTxStatus(null);
-      _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
+      _chunkYVHXT2JXcjs.useLayoutStore.getState().setIsDialogForced(false);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setIsUiLocked(false);
+      _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
   return {
@@ -514,11 +524,11 @@ function useBridge() {
 // src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
 
 function useMenuTitle() {
-  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));
+  const { t } = _chunkYVHXT2JXcjs.useT.call(void 0, );
+  const bridgeStep = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
+  const hyperRouteMeta = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => WARP_ROUTES.find((route) => route.id === st.hyperRoute));
   _react.useEffect.call(void 0, () => {
-    const updateMenuTitle = _chunkDW3342W5cjs.useFlowSelectorStore.getState().setMenuTitle;
+    const updateMenuTitle = _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "select-token":
         updateMenuTitle(t("passport:bridgeMenu.labels.selectToken"));
@@ -526,6 +536,9 @@ function useMenuTitle() {
       case bridgeStep === "confirm":
         updateMenuTitle(t("passport:bridgeMenu.labels.confirm"));
         break;
+      case bridgeStep === "success":
+        updateMenuTitle(t("passport:bridgeMenu.labels.bridgeTransactions"));
+        break;
       default:
         updateMenuTitle(
           // @ts-expect-error i18n typings
@@ -542,10 +555,24 @@ function useMenuTitle() {
 
 
 
+// src/internal/components/SendMenu/hyperbridge/utils.ts
+var _viem = require('viem');
+function isNftAsset(asset) {
+  if (!asset) return false;
+  return asset.type === "erc721" || asset.type === "erc1155";
+}
+function getAssetBalance(asset) {
+  if (!asset) return 0;
+  if (isNftAsset(asset)) return 1;
+  return Number(_viem.formatUnits.call(void 0, BigInt(asset.balance || "0"), asset.decimals || 18));
+}
+
+// src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
+
 function SelectStep({ swapChains }) {
-  const { t } = _chunkDW3342W5cjs.useT.call(void 0, );
+  const address = _chunkYVHXT2JXcjs.useSession.call(void 0, (st) => st.address);
+  const { t } = _chunkYVHXT2JXcjs.useT.call(void 0, );
   const {
-    // warpCore,
     originChain,
     destinationChain,
     hyperRoute,
@@ -556,9 +583,18 @@ function SelectStep({ swapChains }) {
     setBridgeStep,
     setAmount,
     setRecipient
-  } = _chunkDW3342W5cjs.useBridgeStore.call(void 0, );
-  const isError = _chunkDW3342W5cjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
+  } = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, );
+  const {
+    assets,
+    refreshBalances,
+    isLoading: isAssetsLoading
+  } = _chunkYVHXT2JXcjs.useBlockscoutAssets.call(void 0, {
+    address
+  });
   const selectedWarpRoute = WARP_ROUTES.find((route) => route.id === hyperRoute);
+  const routeTokenBalanace = assets.find((a) => a.symbol === selectedWarpRoute.symbol);
+  const balance = routeTokenBalanace ? getAssetBalance(routeTokenBalanace) : null;
+  const isError = _chunkYVHXT2JXcjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
   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;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)] items-center", children: [
@@ -566,30 +602,36 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)] text-[10px]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-4 h-4" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--ui-kit-gap)] leading-4", children: [
+          isAssetsLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderIcon, { className: "w-4 h-4 animate-spin" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
             t("passport:common.balance"),
             ": "
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "xx.xxx" })
+          !isAssetsLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "font-semibold", children: [
+            _chunkYVHXT2JXcjs.formatPrice.call(void 0, balance || 0),
+            " ",
+            _optionalChain([selectedWarpRoute, 'optionalAccess', _11 => _11.symbol])
+          ] })
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkDW3342W5cjs.Button,
+        _chunkYVHXT2JXcjs.Button,
         {
           disabled: isQuoteEstimating,
           variant: "outline",
           className: "w-full justify-between",
           onClick: () => {
-            _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+            _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(null);
             setBridgeStep("select-token");
+            refreshBalances();
           },
           children: [
             selectedWarpRoute && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, selectedWarpRoute.icon, { className: "w-6 h-6" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: selectedWarpRoute.symbol })
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: _optionalChain([selectedWarpRoute, 'optionalAccess', _11 => _11.chainPair, 'optionalAccess', _12 => _12.map, 'call', _13 => _13((chain, chIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: _optionalChain([selectedWarpRoute, 'optionalAccess', _12 => _12.chainPair, 'optionalAccess', _13 => _13.map, 'call', _14 => _14((chain, chIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
               chIdx > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowLeftRightIcon, { className: "w-4 h-4 opacity-50" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, chain.Icon, { className: "w-4 h-4 opacity-50" })
             ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))]) })
@@ -599,9 +641,9 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunkDW3342W5cjs.cn.call(void 0, 
+          className: _chunkYVHXT2JXcjs.cn.call(void 0, 
             "flex items-center justify-between gap-[var(--ui-kit-gap)]",
-            "text-[10px] text-[var(--ui-kit-fg-muted)]"
+            "text-[10px] text-[var(--ui-kit-fg-muted)] leading-4"
           ),
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.fromChain") }),
@@ -611,27 +653,36 @@ 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, 
-          _chunkDW3342W5cjs.Badge,
+          _chunkYVHXT2JXcjs.Badge,
           {
             variant: "outline",
             size: "large",
             className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center",
             children: [
               OriginChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OriginChainIcon, { className: "w-6 h-6" }),
-              originChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block max-w-[100px] truncate", children: _optionalChain([CHAINS_META, 'access', _14 => _14[originChain], 'optionalAccess', _15 => _15.chainLabel]) })
+              originChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block max-w-[100px] truncate", children: _optionalChain([CHAINS_META, 'access', _15 => _15[originChain], 'optionalAccess', _16 => _16.chainLabel]) })
             ]
           }
         ),
-        /* @__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.jsx.call(void 0, 
+          _chunkYVHXT2JXcjs.Button,
+          {
+            size: "icon",
+            disabled: isQuoteEstimating,
+            variant: "ghost",
+            onClick: swapChains,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRightLeftIcon, { className: "w-4 h-4 " })
+          }
+        ),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkDW3342W5cjs.Badge,
+          _chunkYVHXT2JXcjs.Badge,
           {
             variant: "outline",
             size: "large",
             className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center",
             children: [
               DestinationChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DestinationChainIcon, { className: "w-6 h-6" }),
-              destinationChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block max-w-[100px] truncate", children: _optionalChain([CHAINS_META, 'access', _16 => _16[destinationChain], 'optionalAccess', _17 => _17.chainLabel]) })
+              destinationChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block max-w-[100px] truncate", children: _optionalChain([CHAINS_META, 'access', _17 => _17[destinationChain], 'optionalAccess', _18 => _18.chainLabel]) })
             ]
           }
         )
@@ -639,22 +690,22 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunkDW3342W5cjs.cn.call(void 0, 
+          className: _chunkYVHXT2JXcjs.cn.call(void 0, 
             //
             "w-full flex flex-col",
             "text-[10px]",
             "gap-[var(--ui-kit-gap)]"
           ),
           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, "span", { className: "text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:common.amount") }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkDW3342W5cjs.Input,
+              _chunkYVHXT2JXcjs.Input,
               {
                 type: "text",
                 disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
                 placeholder: t("passport:common.amount"),
                 onChange: (e) => {
-                  _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+                  _chunkYVHXT2JXcjs.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,30 +728,31 @@ function SelectStep({ swapChains }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunkDW3342W5cjs.cn.call(void 0, 
+          className: _chunkYVHXT2JXcjs.cn.call(void 0, 
             //
             "w-full flex flex-col",
             "text-[10px]",
             "gap-[var(--ui-kit-gap)] pb-[var(--ui-kit-pd)]"
           ),
           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, "span", { className: "text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.labels.optionalRecipient") }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkDW3342W5cjs.Input,
+              _chunkYVHXT2JXcjs.Input,
               {
                 type: "text",
                 disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
-                placeholder: t("passport:bridgeMenu.labels.recipient") + " (ex: 0x...)",
+                placeholder: t("passport:bridgeMenu.labels.optionalRecipient") + " (ex: 0x...)",
                 value: recipient || "",
                 Icon: _lucidereact.Wallet2Icon,
                 onChange: (e) => {
-                  _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
+                  _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(null);
                   setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkDW3342W5cjs.Button,
+                  _chunkYVHXT2JXcjs.Button,
                   {
                     size: "icon",
+                    disabled: isQuoteEstimating,
                     variant: "ghost",
                     onClick: (e) => {
                       e.stopPropagation();
@@ -715,15 +767,15 @@ function SelectStep({ swapChains }) {
         }
       )
     ] }),
-    quote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDW3342W5cjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+    quote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYVHXT2JXcjs.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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.amount)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkYVHXT2JXcjs.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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkYVHXT2JXcjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.igpSymbol
@@ -733,7 +785,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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.localFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkYVHXT2JXcjs.formatPrice.call(void 0, Number(quote.localFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.localSymbol
@@ -742,17 +794,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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkYVHXT2JXcjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkDW3342W5cjs.Button,
+      _chunkYVHXT2JXcjs.Button,
       {
         size: "large",
         variant: "default",
         className: "w-full",
         disabled: isQuoteEstimating || isError || !quote,
-        onClick: () => _chunkDW3342W5cjs.useBridgeStore.getState().setBridgeStep("confirm"),
+        onClick: () => _chunkYVHXT2JXcjs.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 +831,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 } = _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 { t } = _chunkYVHXT2JXcjs.useT.call(void 0, );
+  const address = _chunkYVHXT2JXcjs.useSession.call(void 0, (st) => st.address);
+  const isError = _chunkYVHXT2JXcjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
+  const quote = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.quote);
+  const originChain = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.originChain);
+  const destinationChain = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
+  const recipient = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.recipient);
+  const bridgeTxStatus = _chunkYVHXT2JXcjs.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, _chunkDW3342W5cjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYVHXT2JXcjs.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 +856,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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.amount)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkYVHXT2JXcjs.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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkYVHXT2JXcjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.igpSymbol
@@ -819,7 +871,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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.localFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkYVHXT2JXcjs.formatPrice.call(void 0, Number(quote.localFee)) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             " ",
             quote.localSymbol
@@ -828,11 +880,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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkYVHXT2JXcjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
       ] })
     ] }),
     !isError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkDW3342W5cjs.Button,
+      _chunkYVHXT2JXcjs.Button,
       {
         size: "large",
         variant: "default",
@@ -841,7 +893,7 @@ function ConfirmStep(props) {
         className: "w-full",
         children: [
           isAssetBridging && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
+          isAssetBridging ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.statuses.txExecuting").toUpperCase() }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
         ]
       }
     )
@@ -850,19 +902,19 @@ function ConfirmStep(props) {
 
 // src/internal/components/SendMenu/hyperbridge/steps/SuccessStep.tsx
 
-var P_CN2 = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
+var P_CN2 = "w-full flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
 function SuccessStep() {
-  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 { t } = _chunkYVHXT2JXcjs.useT.call(void 0, );
+  const address = _chunkYVHXT2JXcjs.useSession.call(void 0, (st) => st.address);
+  const amount = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.amount);
+  const originChain = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.originChain);
+  const destinationChain = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
+  const recipient = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.recipient);
+  const lastTxHashes = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.lastTxHashes);
+  const bridgeTxStatus = _chunkYVHXT2JXcjs.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, _chunkDW3342W5cjs.Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYVHXT2JXcjs.Highlight, { type: "success", 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,24 +933,22 @@ 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: _chunkDW3342W5cjs.formatPrice.call(void 0, Number(amount)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: _chunkYVHXT2JXcjs.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" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: hash })
-      ] }))
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-[var(--ui-kit-gap)]", children: t("passport:bridgeMenu.labels.bridgeTransactions") + ":" }),
+      lastTxHashes.map((hash) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate max-w-full font-mono! text-sm", children: hash }, hash))
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDW3342W5cjs.Button,
+      _chunkYVHXT2JXcjs.Button,
       {
         size: "large",
         variant: "default",
         className: "w-full",
         onClick: () => {
-          _chunkDW3342W5cjs.useFlowSelectorStore.getState().setError(null);
-          _chunkDW3342W5cjs.useBridgeStore.getState().setBridgeTxStatus(null);
-          _chunkDW3342W5cjs.useBridgeStore.getState().setLastTxHashes([]);
-          _chunkDW3342W5cjs.useBridgeStore.getState().setBridgeStep("select");
+          _chunkYVHXT2JXcjs.useFlowSelectorStore.getState().setError(null);
+          _chunkYVHXT2JXcjs.useBridgeStore.getState().setBridgeTxStatus(null);
+          _chunkYVHXT2JXcjs.useBridgeStore.getState().setLastTxHashes([]);
+          _chunkYVHXT2JXcjs.useBridgeStore.getState().setBridgeStep("select");
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: `${t("passport:common.continue")}`.toUpperCase() })
       }
@@ -911,8 +961,8 @@ function SuccessStep() {
 function HyperlaneBridge() {
   const { swapDirection, bridgeAsset, isAssetBridging } = useBridge();
   useMenuTitle();
-  const bridgeStep = _chunkDW3342W5cjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
-  _react.useEffect.call(void 0, () => () => _chunkDW3342W5cjs.useBridgeStore.getState().resetSelections(), []);
+  const bridgeStep = _chunkYVHXT2JXcjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
+  _react.useEffect.call(void 0, () => () => _chunkYVHXT2JXcjs.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 +976,5 @@ var hyperbridge_default = HyperlaneBridge;
 
 
 
-exports.default = hyperbridge_default; exports.useBridgeStore = _chunkDW3342W5cjs.useBridgeStore;
-//# sourceMappingURL=hyperbridge-OPUF7VNS.cjs.map
+exports.default = hyperbridge_default; exports.useBridgeStore = _chunkYVHXT2JXcjs.useBridgeStore;
+//# sourceMappingURL=hyperbridge-4LS4PDRE.cjs.map