@embarkai/ui-kit 0.4.20 → 0.4.22

package/dist/hyperbridge-5ORI5ZDZ.cjs

@@ -0,0 +1,932 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkKLC3OOWXcjs = require('./chunk-KLC3OOWX.cjs');
+require('./chunk-FVUBVOOZ.cjs');
+require('./chunk-7H5TZZQT.cjs');
+require('./chunk-DACL62OU.cjs');
+
+// src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
+var _react = require('react');
+
+// src/internal/components/SendMenu/hyperbridge/components/TokenSelector.tsx
+var _lodashes = require('lodash-es');
+var _lucidereact = require('lucide-react');
+
+
+// src/internal/components/SendMenu/hyperbridge/lib/chains.ts
+var _read = require('@embarkai/core/read');
+var _chains = require('wagmi/chains');
+var CHAINS_META = {
+  lumiaprism: {
+    chainID: _read.lumiaMainnetChain.id,
+    chainLabel: _read.lumiaMainnetChain.name,
+    chainName: "lumiaprism",
+    // exact hyperlane registry chain name
+    Icon: _chunkKLC3OOWXcjs.LumiaIcon
+  },
+  bsc: {
+    chainID: _chains.bsc.id,
+    chainLabel: _chains.bsc.name,
+    chainName: "bsc",
+    // exact hyperlane registry chain name
+    Icon: _chunkKLC3OOWXcjs.BnbIcon
+  },
+  ethereum: {
+    chainID: _chains.mainnet.id,
+    chainLabel: _chains.mainnet.name,
+    chainName: "ethereum",
+    // exact hyperlane registry chain name
+    Icon: _chunkKLC3OOWXcjs.EthereumIcon
+  }
+  // base: {
+  //   chainID: base.id,
+  //   chainLabel: base.name,
+  //   chainName: 'ethereum', // exact hyperlane registry chain name
+  //   Icon: EthereumIcon
+  // },
+};
+
+// src/internal/components/SendMenu/hyperbridge/lib/warp.ts
+
+var _registry = require('@hyperlane-xyz/registry');
+
+
+
+var _sdk = require('@hyperlane-xyz/sdk');
+
+var WARP_ROUTES = [
+  {
+    symbol: "LUMIA",
+    icon: _chunkKLC3OOWXcjs.TOKENS_ICONS.LUMIA,
+    id: "LUMIA/arbitrum-avalanche-base-bsc-ethereum-lumiaprism-optimism-polygon",
+    // Canonical LUMIA warp route (includes BSC + Lumia Prism).
+    name: "bsc-lumiaprism",
+    chainPair: [
+      {
+        chainID: _chains.bsc.id,
+        chainLabel: _chains.bsc.name,
+        chainName: "bsc",
+        Icon: _chunkKLC3OOWXcjs.BnbIcon
+      },
+      {
+        chainID: _read.lumiaMainnetChain.id,
+        chainLabel: _read.lumiaMainnetChain.name,
+        chainName: "lumiaprism",
+        Icon: _chunkKLC3OOWXcjs.LumiaIcon
+      }
+    ]
+  },
+  {
+    symbol: "USDT",
+    icon: _chunkKLC3OOWXcjs.TOKENS_ICONS.USDT,
+    id: "USDT/ethereum-lumiaprism",
+    name: "ethereum-lumiaprism",
+    chainPair: [
+      {
+        chainID: _chains.base.id,
+        chainLabel: _chains.base.name,
+        chainName: "ethereum",
+        Icon: _chunkKLC3OOWXcjs.EthereumIcon
+      },
+      {
+        chainID: _read.lumiaMainnetChain.id,
+        chainLabel: _read.lumiaMainnetChain.name,
+        chainName: "lumiaprism",
+        Icon: _chunkKLC3OOWXcjs.LumiaIcon
+      }
+    ]
+  },
+  {
+    symbol: "USDC",
+    icon: _chunkKLC3OOWXcjs.TOKENS_ICONS.USDC,
+    id: "USDC/lumia",
+    name: "ethereum-lumiaprism",
+    chainPair: [
+      {
+        chainID: _chains.base.id,
+        chainLabel: _chains.base.name,
+        chainName: "ethereum",
+        Icon: _chunkKLC3OOWXcjs.EthereumIcon
+      },
+      {
+        chainID: _read.lumiaMainnetChain.id,
+        chainLabel: _read.lumiaMainnetChain.name,
+        chainName: "lumiaprism",
+        Icon: _chunkKLC3OOWXcjs.LumiaIcon
+      }
+    ]
+  }
+];
+function buildLumiaWarpConfig(warpRouteId) {
+  const config = _registry.warpRouteConfigs[warpRouteId];
+  if (!config) {
+    console.warn(`[HYPERLANE SDK] Warp route ${warpRouteId} not found in @hyperlane-xyz/registry`);
+    return null;
+  }
+  return config;
+}
+function tokenConnectionId(chainName, addressOrDenom) {
+  return `ethereum|${chainName}|${addressOrDenom}`.toLowerCase();
+}
+function filterWarpConfigForChains(config, chains) {
+  const chainSet = new Set(chains);
+  const tokens = config.tokens.filter((t) => chainSet.has(t.chainName) && t.addressOrDenom);
+  const allowedConnectionIds = new Set(tokens.map((t) => tokenConnectionId(t.chainName, t.addressOrDenom)));
+  const prunedTokens = tokens.map((token) => ({
+    ...token,
+    connections: (_nullishCoalesce(token.connections, () => ( []))).filter((c) => allowedConnectionIds.has(c.token.toLowerCase()))
+  }));
+  return { ...config, tokens: prunedTokens };
+}
+function isDirectRouteAvailable(config, originChain, destinationChain) {
+  const originTokens = config.tokens.find((t) => t.chainName === originChain);
+  const destinationTokens = config.tokens.find((t) => t.chainName === destinationChain);
+  if (!originTokens || !destinationTokens) return false;
+  const destinationTokensId = `ethereum|${destinationChain}|${destinationTokens.addressOrDenom}`.toLowerCase();
+  return (_nullishCoalesce(originTokens.connections, () => ( []))).some((c) => c.token.toLowerCase() === destinationTokensId);
+}
+function createMultiProtocolProvider(chainNames) {
+  const metadata = {};
+  for (const name of chainNames) {
+    const meta = _registry.chainMetadata[name];
+    if (meta) metadata[name] = meta;
+  }
+  return new (0, _sdk.MultiProtocolProvider)(metadata);
+}
+function createWarpCore(config, chainNames) {
+  const multiProvider = createMultiProtocolProvider(chainNames);
+  return _sdk.WarpCore.FromConfig(multiProvider, config);
+}
+
+// src/internal/components/SendMenu/hyperbridge/components/TokenSelector.tsx
+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 = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.hyperRoute);
+  const selectRoute = _react.useCallback.call(void 0, (routeId) => {
+    const {
+      //
+      setHyperRoute,
+      setBridgeStep,
+      setWarpCore,
+      setWarpCoreConfig,
+      setOriginChain,
+      setDestinationChain
+    } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+    setHyperRoute(routeId);
+    const warpConfig = buildLumiaWarpConfig(routeId);
+    if (!warpConfig) {
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(`Warp route ${routeId} not found in @hyperlane-xyz/registry`);
+      setBridgeStep("select");
+      return;
+    }
+    console.log("[HYPERLANE SDK] Selecting route", routeId);
+    const filteredConfig = filterWarpConfigForChains(warpConfig, BRIDGE_CHAINS_LIST);
+    const warpCore = createWarpCore(filteredConfig, BRIDGE_CHAINS_LIST);
+    setWarpCore(warpCore);
+    setWarpCoreConfig(filteredConfig);
+    setOriginChain(chainPair[0].chainName);
+    setDestinationChain(chainPair[1].chainName);
+    setBridgeStep("select");
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkKLC3OOWXcjs.Button,
+    {
+      size: "large",
+      variant: hyperRouteID === id ? "default" : "outline",
+      className: "justify-between",
+      onClick: () => selectRoute(id),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "w-6 h-6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: symbol.toUpperCase() })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: chainPair.map((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" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, chain.Icon, { className: "w-4 h-4" })
+        ] }, `${id}-icon-${chain.chainID}-${chIdx}`)) })
+      ]
+    }
+  );
+}
+function TokenSelector() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: WARP_ROUTES.map((hyperRoute) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RouteItem, { ...hyperRoute }, hyperRoute.id)) });
+}
+
+// src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
+var _utils = require('@hyperlane-xyz/utils');
+var _reactquery = require('@tanstack/react-query');
+
+
+
+// src/internal/components/SendMenu/hyperbridge/lib/executeWarpTxs.ts
+
+async function executeWarpTransactions(txs) {
+  const { publicClient, session } = _chunkKLC3OOWXcjs.useSession.getState();
+  if (!session) {
+    throw new Error("No active session");
+  }
+  if (!publicClient) {
+    throw new Error("No public client available");
+  }
+  const hashes = [];
+  for (const tx of txs) {
+    if (tx.type !== _sdk.ProviderType.EthersV5) {
+      throw new Error(`Unsupported transaction provider: ${tx.type}`);
+    }
+    const populated = tx.transaction;
+    if (!populated.to) {
+      throw new Error("Transaction missing `to` address");
+    }
+    const hash = await _chunkKLC3OOWXcjs.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;
+}
+
+// src/internal/components/SendMenu/hyperbridge/hooks/useWarpCore.ts
+var _buffer = require('buffer');
+
+
+var BRIDGE_CHAINS_LIST2 = _lodashes.toPairs.call(void 0, CHAINS_META).map(([chainName]) => chainName);
+var DEFAULT_WARP_ROUTE_ID = "USDT/ethereum-lumiaprism";
+globalThis.Buffer = _buffer.Buffer;
+function useWarpCore() {
+  _react.useEffect.call(void 0, () => {
+    const existingWarpCore = _chunkKLC3OOWXcjs.useBridgeStore.getState().warpCore;
+    if (!!existingWarpCore) return;
+    const {
+      hyperRoute,
+      originChain,
+      destinationChain,
+      setWarpCore,
+      setWarpCoreConfig,
+      setBridgeStep,
+      setHyperRoute,
+      setOriginChain,
+      setDestinationChain
+    } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+    const hyperRouteID = hyperRoute || DEFAULT_WARP_ROUTE_ID;
+    console.debug("[HYPERLANE SDK] Initializing WarpCore...", hyperRouteID);
+    const fullConfig = buildLumiaWarpConfig(hyperRouteID);
+    if (!fullConfig) {
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(`Warp route ${hyperRouteID} not found in @hyperlane-xyz/registry`);
+      setBridgeStep("select");
+      return;
+    }
+    const filteredConfig = filterWarpConfigForChains(fullConfig, BRIDGE_CHAINS_LIST2);
+    const warpCore = createWarpCore(filteredConfig, BRIDGE_CHAINS_LIST2);
+    setWarpCore(warpCore);
+    setWarpCoreConfig(filteredConfig);
+    if (hyperRoute !== hyperRouteID) setHyperRoute(hyperRouteID);
+    const chainsPair = _optionalChain([WARP_ROUTES, 'access', _ => _.find, 'call', _2 => _2((warpRoute) => warpRoute.id === hyperRouteID), 'optionalAccess', _3 => _3.chainPair]);
+    if (!!chainsPair) {
+      console.debug(`[HYPERLANE SDK] chain pair ${chainsPair.map((c) => c.chainName).join(" - ")}`);
+      const persistedOrigin = originChain && chainsPair.find((c) => c.chainName === originChain);
+      const persistedDestination = destinationChain && chainsPair.find((c) => c.chainName === destinationChain);
+      setOriginChain(_optionalChain([persistedOrigin, 'optionalAccess', _4 => _4.chainName]) || chainsPair[0].chainName);
+      setDestinationChain(_optionalChain([persistedDestination, 'optionalAccess', _5 => _5.chainName]) || chainsPair[1].chainName);
+    }
+    return () => {
+      setWarpCore(null);
+      setWarpCoreConfig(null);
+    };
+  }, []);
+}
+
+// src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
+function findToken(warpCore, chain) {
+  return warpCore.tokens.find((t) => t.chainName === chain);
+}
+function findDestinationToken(warpCore, origin, destination) {
+  if (!origin.getConnectionForChain(destination)) return void 0;
+  return warpCore.tokens.find((t) => t.chainName === destination);
+}
+function useBridge() {
+  const { t } = _chunkKLC3OOWXcjs.useT.call(void 0, );
+  useWarpCore();
+  const address = _chunkKLC3OOWXcjs.useSession.call(void 0, (st) => st.address);
+  const currentChainId = _chunkKLC3OOWXcjs.useSession.call(void 0, (st) => st.activeChainId);
+  const warpCore = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.warpCore);
+  const amountToBridge = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.amount);
+  const swapDirection = _react.useCallback.call(void 0, () => {
+    const {
+      bridgeStep,
+      originChain,
+      destinationChain,
+      amount,
+      //
+      setOriginChain,
+      setDestinationChain,
+      setAmount,
+      setQuote
+    } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+    _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(null);
+    _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-swaped-${Date.now()}`);
+    setOriginChain(destinationChain);
+    setDestinationChain(originChain);
+    const cacheAmount = amount;
+    setAmount("0");
+    setQuote(null);
+    setTimeout(() => setAmount(cacheAmount), 500);
+  }, []);
+  const { mutate: estimateQuote } = _reactquery.useMutation.call(void 0, {
+    mutationFn: async (amountToBridge2) => {
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(null);
+      const {
+        //
+        bridgeStep,
+        originChain,
+        destinationChain,
+        recipient,
+        // setQuote,
+        setIsQuoteEstimating
+      } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
+      setIsQuoteEstimating(true);
+      const originToken = findToken(warpCore, originChain);
+      const destToken = originToken ? findDestinationToken(warpCore, originToken, destinationChain) : void 0;
+      if (!originToken || !destToken) {
+        throw new Error(
+          // @ts-expect-error i18n typing
+          t("passport:bridgeMenu.errors.noConnections", { originChain, destinationChain })
+        );
+      }
+      const wei = _utils.toWei.call(void 0, amountToBridge2, originToken.decimals);
+      const originTokenAmount = originToken.amount(wei);
+      const { igpQuote, tokenFeeQuote } = await warpCore.getInterchainTransferFee({
+        originTokenAmount,
+        destination: destinationChain,
+        sender: address,
+        recipient: recipient || address,
+        destinationToken: destToken
+      });
+      const localQuote = await warpCore.getLocalTransferFeeAmount({
+        originToken,
+        destination: destinationChain,
+        sender: address,
+        interchainFee: igpQuote,
+        tokenFeeQuote,
+        amount: BigInt(wei.toString()),
+        destinationToken: destToken
+      });
+      return {
+        amount: amountToBridge2,
+        igpFee: String(igpQuote.getDecimalFormattedAmount()),
+        localFee: String(localQuote.getDecimalFormattedAmount()),
+        tokenFee: tokenFeeQuote ? String(tokenFeeQuote.getDecimalFormattedAmount()) : void 0,
+        igpSymbol: igpQuote.token.symbol,
+        localSymbol: localQuote.token.symbol
+      };
+    },
+    onSuccess: (quote) => {
+      const { bridgeStep, setQuote, setIsQuoteEstimating } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+      setQuote(quote);
+      setIsQuoteEstimating(false);
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setRenderKey(`${bridgeStep}-quoted-${Date.now()}`);
+    },
+    onError: (error) => {
+      const { setQuote, setIsQuoteEstimating } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+      console.error("[HYPERLANE SDK] Quote estimation error", error);
+      setQuote(null);
+      setIsQuoteEstimating(false);
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
+    }
+  });
+  const defferedQuoteEstimation = _react.useCallback.call(void 0, 
+    _lodashes.debounce.call(void 0, (amountToBridge2) => {
+      estimateQuote(amountToBridge2);
+    }, 600),
+    []
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!amountToBridge || !Number(amountToBridge)) return;
+    const { originChain, destinationChain } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+    if (!originChain || !destinationChain) return;
+    const warpCoreConfig = _chunkKLC3OOWXcjs.useBridgeStore.getState().warpCoreConfig;
+    const routeReady = isDirectRouteAvailable(warpCoreConfig, originChain, destinationChain);
+    if (!routeReady) {
+      console.warn("[HYPERLANE SDK] route not ready");
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(
+        // @ts-expect-error i18n typing
+        t("passport:bridgeMenu.errors.routeUnavailable", { originChain, destinationChain })
+      );
+      return;
+    }
+    defferedQuoteEstimation(amountToBridge);
+  }, [amountToBridge]);
+  const { mutate: bridgeAsset, isPending: isAssetBridging } = _reactquery.useMutation.call(void 0, {
+    mutationFn: async () => {
+      const {
+        //
+        originChain,
+        destinationChain,
+        amount,
+        recipient,
+        setBridgeTxStatus,
+        setLastTxHashes
+      } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(null);
+      setBridgeTxStatus(null);
+      setLastTxHashes([]);
+      const expectedChainId = warpCore.multiProvider.getChainId(originChain);
+      console.warn("[HYPERLANE SDK] expectedChainId", expectedChainId, "currentChainId", currentChainId);
+      if (currentChainId !== expectedChainId) {
+        throw new Error(t("passport:bridgeMenu.errors.wrongNetwork"));
+      }
+      const originToken = findToken(warpCore, originChain);
+      const destToken = originToken ? findDestinationToken(warpCore, originToken, destinationChain) : void 0;
+      if (!originToken || !destToken) {
+        throw new Error(
+          // @ts-expect-error i18n typing
+          t("passport:bridgeMenu.errors.noConnections", { originChain, destinationChain })
+        );
+      }
+      setBridgeTxStatus(t("passport:bridgeMenu.statuses.txPrepare"));
+      const wei = _utils.toWei.call(void 0, amount, originToken.decimals);
+      const originTokenAmount = originToken.amount(wei);
+      const to = recipient || address;
+      console.log("[HYPERLANE SDK] tokens:\n", originToken, "->", destToken);
+      const { igpQuote, tokenFeeQuote } = await warpCore.getInterchainTransferFee({
+        originTokenAmount,
+        destination: destinationChain,
+        sender: address,
+        recipient: to,
+        destinationToken: destToken
+      });
+      const txs = await warpCore.getTransferRemoteTxs({
+        originTokenAmount,
+        destination: destinationChain,
+        sender: address,
+        recipient: to,
+        interchainFee: igpQuote,
+        tokenFeeQuote,
+        destinationToken: destToken
+      });
+      setBridgeTxStatus(
+        // @ts-expect-error i18n typing
+        t("passport:bridgeMenu.statuses.txSending", { txCount: txs.length })
+      );
+      return await executeWarpTransactions(txs);
+    },
+    onSuccess: (hashes) => {
+      const { setBridgeStep, setBridgeTxStatus, setLastTxHashes, destinationChain } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+      setLastTxHashes(hashes);
+      setBridgeTxStatus(
+        // @ts-expect-error i18n typing
+        t("passport:bridgeMenu.statuses.txSent", { destination: destinationChain })
+      );
+      setBridgeStep("success");
+    },
+    onError: (error) => {
+      console.error("[HYPERLANE SDK] Bridge execution error", error);
+      const { setBridgeTxStatus } = _chunkKLC3OOWXcjs.useBridgeStore.getState();
+      setBridgeTxStatus(null);
+      _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
+    }
+  });
+  return {
+    swapDirection,
+    bridgeAsset,
+    isAssetBridging
+  };
+}
+
+// src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
+
+function useMenuTitle() {
+  const { t } = _chunkKLC3OOWXcjs.useT.call(void 0, );
+  const bridgeStep = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
+  const hyperRouteMeta = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => WARP_ROUTES.find((route) => route.id === st.hyperRoute));
+  _react.useEffect.call(void 0, () => {
+    const updateMenuTitle = _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setMenuTitle;
+    switch (true) {
+      case bridgeStep === "select-token":
+        updateMenuTitle(t("passport:bridgeMenu.labels.selectToken"));
+        break;
+      case bridgeStep === "confirm":
+        updateMenuTitle(t("passport:bridgeMenu.labels.confirm"));
+        break;
+      default:
+        updateMenuTitle(
+          // @ts-expect-error i18n typings
+          t("passport:bridgeMenu.labels.bridgeAsset", {
+            asset: _optionalChain([hyperRouteMeta, 'optionalAccess', _6 => _6.symbol]) || "Asset"
+          })
+        );
+        break;
+    }
+  }, [bridgeStep, hyperRouteMeta, t]);
+}
+
+// src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
+
+
+
+function SelectStep({ swapChains }) {
+  const { t } = _chunkKLC3OOWXcjs.useT.call(void 0, );
+  const {
+    // warpCore,
+    originChain,
+    destinationChain,
+    hyperRoute,
+    amount,
+    isQuoteEstimating,
+    quote,
+    recipient,
+    setBridgeStep,
+    setAmount,
+    setRecipient
+  } = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, );
+  const isError = _chunkKLC3OOWXcjs.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;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)] items-center", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+      /* @__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: "text-[var(--ui-kit-fg-muted)]", children: [
+            t("passport:common.balance"),
+            ": "
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "xx.xxx" })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _chunkKLC3OOWXcjs.Button,
+        {
+          disabled: isQuoteEstimating,
+          variant: "outline",
+          className: "w-full justify-between",
+          onClick: () => {
+            _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(null);
+            setBridgeStep("select-token");
+          },
+          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: [
+              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}`))]) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _chunkKLC3OOWXcjs.cn.call(void 0, 
+            "flex items-center justify-between gap-[var(--ui-kit-gap)]",
+            "text-[10px] text-[var(--ui-kit-fg-muted)]"
+          ),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.fromChain") }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.toChain") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full flex items-center justify-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkKLC3OOWXcjs.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]) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLC3OOWXcjs.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, 
+          _chunkKLC3OOWXcjs.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]) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _chunkKLC3OOWXcjs.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, 
+              _chunkKLC3OOWXcjs.Input,
+              {
+                type: "text",
+                disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
+                placeholder: t("passport:common.amount"),
+                onChange: (e) => {
+                  _chunkKLC3OOWXcjs.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.")) {
+                    value = value.slice(1);
+                  }
+                  if (regex.test(value) || value === "") {
+                    if (value === "") {
+                      setAmount("0");
+                    } else {
+                      setAmount(value);
+                    }
+                  }
+                },
+                value: amount
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _chunkKLC3OOWXcjs.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, 
+              _chunkKLC3OOWXcjs.Input,
+              {
+                type: "text",
+                disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
+                placeholder: t("passport:bridgeMenu.labels.recipient") + " (ex: 0x...)",
+                value: recipient || "",
+                Icon: _lucidereact.Wallet2Icon,
+                onChange: (e) => {
+                  _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(null);
+                  setRecipient(e.target.value);
+                },
+                element: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkKLC3OOWXcjs.Button,
+                  {
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setRecipient(null);
+                    },
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XIcon, { className: "w-4 h-4" })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    quote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLC3OOWXcjs.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: _chunkKLC3OOWXcjs.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: _chunkKLC3OOWXcjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            " ",
+            quote.igpSymbol
+          ] })
+        ] })
+      ] }),
+      /* @__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: _chunkKLC3OOWXcjs.formatPrice.call(void 0, Number(quote.localFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            " ",
+            quote.localSymbol
+          ] })
+        ] })
+      ] }),
+      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: _chunkKLC3OOWXcjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkKLC3OOWXcjs.Button,
+      {
+        size: "large",
+        variant: "default",
+        className: "w-full",
+        disabled: isQuoteEstimating || isError || !quote,
+        onClick: () => _chunkKLC3OOWXcjs.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(
+            (() => {
+              switch (true) {
+                // case isWalletChainConnecting:
+                //   return 'passport:bridgeMenu.statuses.switchingWalletChain'
+                case isQuoteEstimating:
+                  return "passport:bridgeMenu.statuses.qouteEstimating";
+                default:
+                  return "passport:bridgeMenu.actions.confirmBridge";
+              }
+            })()
+          ).toUpperCase() })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
+
+
+var P_CN = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
+function ConfirmStep(props) {
+  const { isAssetBridging, bridgeAsset } = props;
+  const { t } = _chunkKLC3OOWXcjs.useT.call(void 0, );
+  const address = _chunkKLC3OOWXcjs.useSession.call(void 0, (st) => st.address);
+  const isError = _chunkKLC3OOWXcjs.useFlowSelectorStore.call(void 0, (st) => !!st.error);
+  const quote = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.quote);
+  const originChain = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.originChain);
+  const destinationChain = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
+  const recipient = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.recipient);
+  const bridgeTxStatus = _chunkKLC3OOWXcjs.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, _chunkKLC3OOWXcjs.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 })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.labels.fromChain") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: CHAINS_META[originChain].chainLabel })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.labels.toChain") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: CHAINS_META[destinationChain].chainLabel })
+      ] }),
+      /* @__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: _chunkKLC3OOWXcjs.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: _chunkKLC3OOWXcjs.formatPrice.call(void 0, Number(quote.igpFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            " ",
+            quote.igpSymbol
+          ] })
+        ] })
+      ] }),
+      /* @__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: _chunkKLC3OOWXcjs.formatPrice.call(void 0, Number(quote.localFee)) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            " ",
+            quote.localSymbol
+          ] })
+        ] })
+      ] }),
+      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: _chunkKLC3OOWXcjs.formatPrice.call(void 0, Number(quote.tokenFee)) })
+      ] })
+    ] }),
+    !isError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkKLC3OOWXcjs.Button,
+      {
+        size: "large",
+        variant: "default",
+        disabled: isAssetBridging,
+        onClick: () => bridgeAsset(),
+        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() })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/internal/components/SendMenu/hyperbridge/steps/SuccessStep.tsx
+
+var P_CN2 = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
+function SuccessStep() {
+  const { t } = _chunkKLC3OOWXcjs.useT.call(void 0, );
+  const address = _chunkKLC3OOWXcjs.useSession.call(void 0, (st) => st.address);
+  const amount = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.amount);
+  const originChain = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.originChain);
+  const destinationChain = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.destinationChain);
+  const recipient = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.recipient);
+  const lastTxHashes = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.lastTxHashes);
+  const bridgeTxStatus = _chunkKLC3OOWXcjs.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, _chunkKLC3OOWXcjs.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 })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN2, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.quote.recipient") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: recipientAddress })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN2, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.labels.fromChain") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: CHAINS_META[originChain].chainLabel })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: P_CN2, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("passport:bridgeMenu.labels.toChain") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: CHAINS_META[destinationChain].chainLabel })
+      ] }),
+      /* @__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: _chunkKLC3OOWXcjs.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, 
+      _chunkKLC3OOWXcjs.Button,
+      {
+        size: "large",
+        variant: "default",
+        className: "w-full",
+        onClick: () => {
+          _chunkKLC3OOWXcjs.useFlowSelectorStore.getState().setError(null);
+          _chunkKLC3OOWXcjs.useBridgeStore.getState().setBridgeTxStatus(null);
+          _chunkKLC3OOWXcjs.useBridgeStore.getState().setLastTxHashes([]);
+          _chunkKLC3OOWXcjs.useBridgeStore.getState().setBridgeStep("select");
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: `${t("passport:common.continue")}`.toUpperCase() })
+      }
+    )
+  ] });
+}
+
+// src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
+
+function HyperlaneBridge() {
+  const { swapDirection, bridgeAsset, isAssetBridging } = useBridge();
+  useMenuTitle();
+  const bridgeStep = _chunkKLC3OOWXcjs.useBridgeStore.call(void 0, (st) => st.bridgeStep);
+  _react.useEffect.call(void 0, () => () => _chunkKLC3OOWXcjs.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 }),
+    bridgeStep === "confirm" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ConfirmStep, { isAssetBridging, bridgeAsset }),
+    bridgeStep === "success" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SuccessStep, {})
+  ] });
+}
+
+// src/internal/components/SendMenu/hyperbridge/index.ts
+var hyperbridge_default = HyperlaneBridge;
+
+
+
+exports.default = hyperbridge_default; exports.useBridgeStore = _chunkKLC3OOWXcjs.useBridgeStore;
+//# sourceMappingURL=hyperbridge-5ORI5ZDZ.cjs.map