@rhinestone/deposit-modal 0.3.0-alpha.6 → 0.3.0-alpha.7

package/dist/{chunk-DX2D2TRZ.cjs → chunk-ENMIKNXS.cjs}

@@ -9,7 +9,9 @@
 
 
 
-var _chunkIVTXEYB2cjs = require('./chunk-IVTXEYB2.cjs');
+
+
+var _chunkMHKHSCIAcjs = require('./chunk-MHKHSCIA.cjs');
 
 // src/components/ui/Modal.tsx
 
@@ -174,14 +176,14 @@ function TransferCryptoIcon() {
     {
       width: "24",
       height: "24",
-      viewBox: "0 6 24 24",
+      viewBox: "8 8 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "path",
         {
-          d: "M18.0898 16.3701C19.0352 16.7225 19.8763 17.3076 20.5356 18.0713C21.1949 18.835 21.6509 19.7526 21.8616 20.7392C22.0723 21.7258 22.0307 22.7496 21.7409 23.716C21.451 24.6823 20.9222 25.5599 20.2033 26.2677C19.4844 26.9755 18.5986 27.4906 17.6278 27.7653C16.6571 28.0401 15.6327 28.0656 14.6495 27.8396C13.6663 27.6135 12.756 27.1432 12.0027 26.4721C11.2494 25.801 10.6775 24.9508 10.3398 24.0001M7 12H8V16M16.7098 19.8799L17.4098 20.5899L14.5898 23.4099M14 14C14 17.3137 11.3137 20 8 20C4.68629 20 2 17.3137 2 14C2 10.6863 4.68629 8 8 8C11.3137 8 14 10.6863 14 14Z",
+          d: "M26.0898 18.3701C27.0352 18.7225 27.8763 19.3076 28.5356 20.0713C29.1949 20.835 29.6509 21.7526 29.8616 22.7392C30.0723 23.7258 30.0307 24.7496 29.7409 25.716C29.451 26.6823 28.9222 27.5599 28.2033 28.2677C27.4844 28.9755 26.5986 29.4906 25.6278 29.7653C24.6571 30.0401 23.6327 30.0656 22.6495 29.8396C21.6663 29.6135 20.756 29.1432 20.0027 28.4721C19.2494 27.801 18.6775 26.9508 18.3398 26.0001M15 14H16V18M24.7098 21.8799L25.4098 22.5899L22.5898 25.4099M22 16C22 19.3137 19.3137 22 16 22C12.6863 22 10 19.3137 10 16C10 12.6863 12.6863 10 16 10C19.3137 10 22 12.6863 22 16Z",
           stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
@@ -196,7 +198,6 @@ var ChevronLeftIcon = _lucidereact.ChevronLeft;
 var ChevronDownIcon = _lucidereact.ChevronDown;
 var CloseIcon = _lucidereact.X;
 var HandCoinsIcon = _lucidereact.HandCoins;
-var CoinsIcon = _lucidereact.Coins;
 var HistoryIcon = _lucidereact.History;
 var InfoIcon = _lucidereact.Info;
 var CopyIcon = _lucidereact.Copy;
@@ -266,6 +267,9 @@ var SOLANA_MAINNET_CAIP2 = `solana:${SOLANA_MAINNET_GENESIS}`;
 function toEvmCaip2(chainId) {
   return `eip155:${chainId}`;
 }
+function targetChainToCaip2(targetChain) {
+  return targetChain === "solana" ? SOLANA_MAINNET_CAIP2 : toEvmCaip2(targetChain);
+}
 function parseEvmChainId(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
     return value;
@@ -512,9 +516,9 @@ function createDepositService(baseUrl, options) {
           error,
           { status: response.status, ownerAddress: params.ownerAddress }
         );
-        throw new Error(
-          error.error || `Setup account failed: ${response.status}`
-        );
+        const detail = Array.isArray(error.details) ? error.details.map((d) => _optionalChain([d, 'optionalAccess', _6 => _6.message])).filter(Boolean).join("; ") : void 0;
+        const base = error.error || `Setup account failed: ${response.status}`;
+        throw new Error(detail ? `${base}: ${detail}` : base);
       }
       const normalized = normalizeSetupAccountResponse(await response.json());
       debugLog(debug, scope, "setupAccount:success", {
@@ -564,8 +568,8 @@ function createDepositService(baseUrl, options) {
       const result = await response.json();
       debugLog(debug, scope, "registerAccount:success", {
         address: params.address,
-        evmDepositAddress: _optionalChain([result, 'optionalAccess', _6 => _6.evmDepositAddress]),
-        hasSolanaDepositAddress: Boolean(_optionalChain([result, 'optionalAccess', _7 => _7.solanaDepositAddress]))
+        evmDepositAddress: _optionalChain([result, 'optionalAccess', _7 => _7.evmDepositAddress]),
+        hasSolanaDepositAddress: Boolean(_optionalChain([result, 'optionalAccess', _8 => _8.solanaDepositAddress]))
       });
       return result;
     },
@@ -667,9 +671,9 @@ function createDepositService(baseUrl, options) {
       }
       const data = await response.json();
       const result = {
-        isRegistered: _optionalChain([data, 'optionalAccess', _8 => _8.isRegistered]) === true,
-        targetChain: _optionalChain([data, 'optionalAccess', _9 => _9.targetChain]),
-        targetToken: _optionalChain([data, 'optionalAccess', _10 => _10.targetToken])
+        isRegistered: _optionalChain([data, 'optionalAccess', _9 => _9.isRegistered]) === true,
+        targetChain: _optionalChain([data, 'optionalAccess', _10 => _10.targetChain]),
+        targetToken: _optionalChain([data, 'optionalAccess', _11 => _11.targetToken])
       };
       debugLog(debug, scope, "checkAccount:success", {
         address,
@@ -699,12 +703,12 @@ function createDepositService(baseUrl, options) {
         return { lastEvent: void 0 };
       }
       const body = await response.json();
-      const row = _optionalChain([body, 'access', _11 => _11.deposits, 'optionalAccess', _12 => _12[0]]);
+      const row = _optionalChain([body, 'access', _12 => _12.deposits, 'optionalAccess', _13 => _13[0]]);
       const lastEvent = row ? depositRowToEvent(row) : void 0;
       debugLog(debug, scope, "fetchStatus:success", {
         address,
         txHash: shortRef(normalized),
-        eventType: _optionalChain([lastEvent, 'optionalAccess', _13 => _13.type])
+        eventType: _optionalChain([lastEvent, 'optionalAccess', _14 => _14.type])
       });
       return { lastEvent };
     },
@@ -725,11 +729,11 @@ function createDepositService(baseUrl, options) {
         return { lastEvent: void 0 };
       }
       const body = await response.json();
-      const row = _optionalChain([body, 'access', _14 => _14.deposits, 'optionalAccess', _15 => _15[0]]);
+      const row = _optionalChain([body, 'access', _15 => _15.deposits, 'optionalAccess', _16 => _16[0]]);
       const lastEvent = row ? depositRowToEvent(row) : void 0;
       debugLog(debug, scope, "fetchLatestStatus:success", {
         address,
-        eventType: _optionalChain([lastEvent, 'optionalAccess', _16 => _16.type])
+        eventType: _optionalChain([lastEvent, 'optionalAccess', _17 => _17.type])
       });
       return { lastEvent };
     },
@@ -791,7 +795,47 @@ function createDepositService(baseUrl, options) {
         smartAccount,
         chainId,
         safeAddress,
-        txHash: _optionalChain([result, 'optionalAccess', _17 => _17.txHash]) ? shortRef(result.txHash) : void 0
+        txHash: _optionalChain([result, 'optionalAccess', _18 => _18.txHash]) ? shortRef(result.txHash) : void 0
+      });
+      return result;
+    },
+    async submitPolymarketWithdraw(params) {
+      const { depositWallet, owner, nonce, deadline, calls, signature } = params;
+      const url = apiUrl(`/polymarket/withdraw`);
+      debugLog(debug, scope, "submitPolymarketWithdraw:request", {
+        url,
+        depositWallet,
+        owner,
+        nonce,
+        callCount: calls.length
+      });
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          depositWallet,
+          owner,
+          nonce,
+          deadline,
+          calls,
+          signature
+        })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "submitPolymarketWithdraw:failed", error, {
+          status: response.status,
+          depositWallet,
+          owner
+        });
+        throw new Error(
+          error.error || `Polymarket withdraw failed: ${response.status}`
+        );
+      }
+      const result = await response.json();
+      debugLog(debug, scope, "submitPolymarketWithdraw:success", {
+        depositWallet,
+        txHash: _optionalChain([result, 'optionalAccess', _19 => _19.txHash]) ? shortRef(result.txHash) : void 0
       });
       return result;
     },
@@ -826,8 +870,8 @@ function createDepositService(baseUrl, options) {
         );
       }
       const data = await response.json();
-      const deposits = Array.isArray(_optionalChain([data, 'optionalAccess', _18 => _18.deposits])) ? data.deposits : [];
-      const nextCursor = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _19 => _19.nextCursor]), () => ( _optionalChain([data, 'optionalAccess', _20 => _20.next_cursor]))), () => ( null));
+      const deposits = Array.isArray(_optionalChain([data, 'optionalAccess', _20 => _20.deposits])) ? data.deposits : [];
+      const nextCursor = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _21 => _21.nextCursor]), () => ( _optionalChain([data, 'optionalAccess', _22 => _22.next_cursor]))), () => ( null));
       debugLog(debug, scope, "fetchDepositHistory:success", {
         recipient: shortRef(params.recipient),
         count: deposits.length,
@@ -836,6 +880,16 @@ function createDepositService(baseUrl, options) {
       return { deposits, nextCursor };
     },
     async checkLiquidity(params) {
+      if (params.destinationChainId === "solana") {
+        const token = _chunkMHKHSCIAcjs.getSolanaTokenByMint.call(void 0, params.destinationToken);
+        return {
+          hasLiquidity: true,
+          symbol: _nullishCoalesce(_optionalChain([token, 'optionalAccess', _23 => _23.symbol]), () => ( "Token")),
+          decimals: _nullishCoalesce(_optionalChain([token, 'optionalAccess', _24 => _24.decimals]), () => ( 9)),
+          unlimited: true,
+          maxAmount: null
+        };
+      }
       const searchParams = new URLSearchParams({
         sourceChainId: String(params.sourceChainId),
         sourceToken: params.sourceToken,
@@ -878,21 +932,51 @@ function createDepositService(baseUrl, options) {
         maxAmount: result.maxAmount
       });
       return result;
+    },
+    async fetchPrices(symbols) {
+      const list = symbols.filter((s) => s.length > 0);
+      if (list.length === 0) return {};
+      const url = apiUrl(
+        `/prices?${new URLSearchParams({ symbols: list.join(",") }).toString()}`
+      );
+      try {
+        const response = await fetch(url, {
+          method: "GET",
+          headers: { "Content-Type": "application/json" },
+          cache: "no-store"
+        });
+        if (!response.ok) {
+          debugError(debug, scope, "fetchPrices:failed", {
+            status: response.status
+          });
+          return {};
+        }
+        const data = await response.json();
+        return Object.fromEntries(
+          Object.entries(_nullishCoalesce(data.prices, () => ( {}))).map(([symbol, price]) => [
+            symbol.toUpperCase(),
+            price
+          ])
+        );
+      } catch (err) {
+        debugError(debug, scope, "fetchPrices:error", err);
+        return {};
+      }
     }
   };
 }
 function normalizeDirectPortfolio(data) {
   const rawTokens = _nullishCoalesce(_nullishCoalesce(extractArray(data, "tokens"), () => ( extractArray(
-    _optionalChain([data, 'optionalAccess', _21 => _21.data]),
+    _optionalChain([data, 'optionalAccess', _25 => _25.data]),
     "tokens"
   ))), () => ( []));
-  const totalUsd = _nullishCoalesce(_nullishCoalesce(extractNumber(data, "totalUsd"), () => ( extractNumber(_optionalChain([data, 'optionalAccess', _22 => _22.data]), "totalUsd"))), () => ( 0));
+  const totalUsd = _nullishCoalesce(_nullishCoalesce(extractNumber(data, "totalUsd"), () => ( extractNumber(_optionalChain([data, 'optionalAccess', _26 => _26.data]), "totalUsd"))), () => ( 0));
   const tokens = rawTokens.map((token) => normalizeDirectToken(token)).filter((token) => Boolean(token));
   return { tokens, totalUsd };
 }
 function extractOrchestratorPortfolio(data) {
   const portfolio = _nullishCoalesce(extractArray(data, "portfolio"), () => ( extractArray(
-    _optionalChain([data, 'optionalAccess', _23 => _23.data]),
+    _optionalChain([data, 'optionalAccess', _27 => _27.data]),
     "portfolio"
   )));
   if (!portfolio || !Array.isArray(portfolio)) return null;
@@ -903,17 +987,17 @@ function normalizeOrchestratorPortfolio(data) {
   for (const tokenData of data.portfolio || []) {
     const chainBalances = _nullishCoalesce(_nullishCoalesce(tokenData.tokenChainBalance, () => ( tokenData.chainBalances)), () => ( []));
     for (const chainBalance of chainBalances) {
-      const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _24 => _24.balance, 'optionalAccess', _25 => _25.unlocked]), () => ( "0"));
+      const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _28 => _28.balance, 'optionalAccess', _29 => _29.unlocked]), () => ( "0"));
       const normalizedName = tokenData.tokenName.trim();
       const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
-      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkIVTXEYB2cjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
-      const resolvedTokenAddress = isNativeSymbol ? _chunkIVTXEYB2cjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
+      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkMHKHSCIAcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
+      const resolvedTokenAddress = isNativeSymbol ? _chunkMHKHSCIAcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = _chunkIVTXEYB2cjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = _chunkMHKHSCIAcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
       const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? _chunkIVTXEYB2cjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
+      const decimals = registrySymbol !== "Token" ? _chunkMHKHSCIAcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -937,19 +1021,19 @@ function normalizeDirectToken(token) {
   if (chainId === null) return null;
   const symbol = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "symbol"), () => ( extractString(token, "tokenSymbol"))), () => ( extractString(token, "tokenName"))), () => ( extractString(token, "name")));
   if (!symbol) return null;
-  const balanceValue = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "balance"), () => ( extractString(token, "amount"))), () => ( extractString(token, "value"))), () => ( extractString(token, "rawBalance"))), () => ( _optionalChain([extractNumber, 'call', _26 => _26(token, "balance"), 'optionalAccess', _27 => _27.toString, 'call', _28 => _28()]))), () => ( _optionalChain([extractNumber, 'call', _29 => _29(token, "amount"), 'optionalAccess', _30 => _30.toString, 'call', _31 => _31()]))), () => ( _optionalChain([extractNumber, 'call', _32 => _32(token, "value"), 'optionalAccess', _33 => _33.toString, 'call', _34 => _34()]))), () => ( _optionalChain([extractNumber, 'call', _35 => _35(token, "rawBalance"), 'optionalAccess', _36 => _36.toString, 'call', _37 => _37()])));
+  const balanceValue = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "balance"), () => ( extractString(token, "amount"))), () => ( extractString(token, "value"))), () => ( extractString(token, "rawBalance"))), () => ( _optionalChain([extractNumber, 'call', _30 => _30(token, "balance"), 'optionalAccess', _31 => _31.toString, 'call', _32 => _32()]))), () => ( _optionalChain([extractNumber, 'call', _33 => _33(token, "amount"), 'optionalAccess', _34 => _34.toString, 'call', _35 => _35()]))), () => ( _optionalChain([extractNumber, 'call', _36 => _36(token, "value"), 'optionalAccess', _37 => _37.toString, 'call', _38 => _38()]))), () => ( _optionalChain([extractNumber, 'call', _39 => _39(token, "rawBalance"), 'optionalAccess', _40 => _40.toString, 'call', _41 => _41()])));
   if (!balanceValue) return null;
   const address = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "address"), () => ( extractString(token, "tokenAddress"))), () => ( extractString(
     token.token,
     "address"
-  ))), () => ( (typeof chainId === "number" ? _chunkIVTXEYB2cjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
+  ))), () => ( (typeof chainId === "number" ? _chunkMHKHSCIAcjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
   if (!address) return null;
   const balanceUsd = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractNumber(token, "balanceUsd"), () => ( extractNumber(token, "usdValue"))), () => ( extractNumber(token, "valueUsd"))), () => ( extractNumericString(token, "balanceUsd"))), () => ( extractNumericString(token, "usdValue"))), () => ( extractNumericString(token, "valueUsd"))), () => ( 0));
   const isSolanaToken = chainId === "solana";
-  const registrySymbol = isSolanaToken ? "Token" : _chunkIVTXEYB2cjs.getTokenSymbol.call(void 0, address, chainId);
+  const registrySymbol = isSolanaToken ? "Token" : _chunkMHKHSCIAcjs.getTokenSymbol.call(void 0, address, chainId);
   const resolvedSymbol = isSolanaToken ? symbol : registrySymbol !== "Token" ? registrySymbol : symbol;
   const backendDecimals = _nullishCoalesce(extractNumber(token, "decimals"), () => ( extractNumber(token, "tokenDecimals")));
-  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkIVTXEYB2cjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
+  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkMHKHSCIAcjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
   return {
     chainId,
     address,
@@ -962,7 +1046,7 @@ function normalizeDirectToken(token) {
 }
 function extractTokenAddress(tokenData, chainId) {
   const token = tokenData;
-  return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(token.tokenAddress, () => ( token.address)), () => ( _optionalChain([token, 'access', _38 => _38.addresses, 'optionalAccess', _39 => _39[chainId]]))), () => ( _optionalChain([token, 'access', _40 => _40.token, 'optionalAccess', _41 => _41.address]))), () => ( _optionalChain([token, 'access', _42 => _42.token, 'optionalAccess', _43 => _43.addresses, 'optionalAccess', _44 => _44[chainId]])));
+  return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(token.tokenAddress, () => ( token.address)), () => ( _optionalChain([token, 'access', _42 => _42.addresses, 'optionalAccess', _43 => _43[chainId]]))), () => ( _optionalChain([token, 'access', _44 => _44.token, 'optionalAccess', _45 => _45.address]))), () => ( _optionalChain([token, 'access', _46 => _46.token, 'optionalAccess', _47 => _47.addresses, 'optionalAccess', _48 => _48[chainId]])));
 }
 function extractArray(data, key) {
   if (!data || typeof data !== "object") return null;
@@ -1101,19 +1185,19 @@ var CUSTOM_PRIMARY_VARS = [
 function applyTheme(element, theme) {
   if (!element) return;
   const parent = element.parentElement;
-  const targets = _optionalChain([parent, 'optionalAccess', _45 => _45.classList, 'access', _46 => _46.contains, 'call', _47 => _47("rs-modal-content")]) ? [element, parent] : [element];
-  if (_optionalChain([theme, 'optionalAccess', _48 => _48.mode])) {
+  const targets = _optionalChain([parent, 'optionalAccess', _49 => _49.classList, 'access', _50 => _50.contains, 'call', _51 => _51("rs-modal-content")]) ? [element, parent] : [element];
+  if (_optionalChain([theme, 'optionalAccess', _52 => _52.mode])) {
     for (const t of targets) t.setAttribute("data-theme", theme.mode);
   } else {
     for (const t of targets) t.removeAttribute("data-theme");
   }
-  if (_optionalChain([theme, 'optionalAccess', _49 => _49.fontColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _53 => _53.fontColor])) {
     setVar(targets, "--rs-foreground", theme.fontColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _50 => _50.iconColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _54 => _54.iconColor])) {
     setVar(targets, "--rs-icon", theme.iconColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _51 => _51.ctaColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _55 => _55.ctaColor])) {
     const derived = deriveCustomPrimary(theme.ctaColor);
     if (derived) {
       setVar(targets, "--rs-primary", derived.base);
@@ -1138,18 +1222,18 @@ function applyTheme(element, theme) {
     }
   } else {
     for (const v of CUSTOM_PRIMARY_VARS) clearVar(targets, v);
-    if (_optionalChain([theme, 'optionalAccess', _52 => _52.ctaHoverColor])) {
+    if (_optionalChain([theme, 'optionalAccess', _56 => _56.ctaHoverColor])) {
       setVar(targets, "--rs-primary-hover", theme.ctaHoverColor);
     }
   }
-  if (_optionalChain([theme, 'optionalAccess', _53 => _53.borderColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _57 => _57.borderColor])) {
     setVar(targets, "--rs-border", theme.borderColor);
     setVar(targets, "--rs-border-surface", theme.borderColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _54 => _54.backgroundColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _58 => _58.backgroundColor])) {
     setVar(targets, "--rs-background", theme.backgroundColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _55 => _55.radius])) {
+  if (_optionalChain([theme, 'optionalAccess', _59 => _59.radius])) {
     const scale = RADIUS_SCALE[theme.radius];
     setVar(targets, "--rs-radius-sm", scale.sm);
     setVar(targets, "--rs-radius-md", scale.md);
@@ -1325,7 +1409,7 @@ function ListRow({
       if (disabled) return;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
-        _optionalChain([onClick, 'optionalCall', _56 => _56(e)]);
+        _optionalChain([onClick, 'optionalCall', _60 => _60(e)]);
       }
     };
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1335,7 +1419,7 @@ function ListRow({
         role: "button",
         tabIndex: disabled ? -1 : 0,
         "aria-disabled": disabled || void 0,
-        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _57 => _57(e)]),
+        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _61 => _61(e)]),
         onKeyDown: handleKey,
         children: inner
       }
@@ -1630,8 +1714,8 @@ function ConnectStep({
   const hasReownWallet = rows.some(
     (row) => row.kind === "external" || row.kind === "solana"
   );
-  const showDappImports = hasReownWallet && (_nullishCoalesce(_optionalChain([dappImports, 'optionalAccess', _58 => _58.length]), () => ( 0))) > 0;
-  const extraChainCount = Math.max(0, _chunkIVTXEYB2cjs.getSupportedChainIds.call(void 0, ).length - 3);
+  const showDappImports = hasReownWallet && (_nullishCoalesce(_optionalChain([dappImports, 'optionalAccess', _62 => _62.length]), () => ( 0))) > 0;
+  const extraChainCount = Math.max(0, _chunkMHKHSCIAcjs.getSupportedChainIds.call(void 0, ).length - 3);
   const chainBadge2 = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChainBadgeIcons, {}),
     extraChainCount > 0 ? `+${extraChainCount} chains` : "All chains"
@@ -1663,14 +1747,14 @@ function ConnectStep({
         rows.map((row) => {
           const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
           const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? _nullishCoalesce(row.errorReason, () => ( "Couldn't prepare wallet \u2014 tap to retry")) : shorten(row.address);
-          const showInlineDisconnect = collapseToExternal && Boolean(onDisconnect) && row.state !== "loading";
+          const showInlineDisconnect = Boolean(onSelectTransferCrypto) && Boolean(onDisconnect) && row.state !== "loading";
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             ListRow,
             {
               leading: renderWalletLeading(row),
               title: collapseToExternal ? "External wallet" : row.label,
               subtitle: subtitleText,
-              onClick: () => _optionalChain([onConfirmWallet, 'optionalCall', _59 => _59(row.id)]),
+              onClick: () => _optionalChain([onConfirmWallet, 'optionalCall', _63 => _63(row.id)]),
               disabled: row.state === "loading",
               trailing: renderRowTrailing(row.state),
               action: showInlineDisconnect && onDisconnect ? { label: "Disconnect", onClick: onDisconnect } : void 0
@@ -1691,7 +1775,7 @@ function ConnectStep({
             onClick: handleConnect
           }
         ),
-        showDappImports && _optionalChain([dappImports, 'optionalAccess', _60 => _60.map, 'call', _61 => _61((row) => {
+        showDappImports && _optionalChain([dappImports, 'optionalAccess', _64 => _64.map, 'call', _65 => _65((row) => {
           if (row.status === "loading") {
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               ListRow,
@@ -1712,7 +1796,7 @@ function ConnectStep({
                 leading: row.icon,
                 title: row.label,
                 subtitle: formatBalanceUsd(row.status.balanceUsd),
-                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _62 => _62(row.id)])
+                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _66 => _66(row.id)])
               },
               row.id
             );
@@ -1724,7 +1808,7 @@ function ConnectStep({
                 leading: row.icon,
                 title: row.label,
                 subtitle: row.status.reason,
-                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _63 => _63(row.id)])
+                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _67 => _67(row.id)])
               },
               row.id
             );
@@ -1754,7 +1838,8 @@ var currencyFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 2
 });
 var tokenFormatter = new Intl.NumberFormat("en-US", {
-  maximumFractionDigits: 6
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 5
 });
 function formatUserError(raw) {
   const lower = raw.toLowerCase();
@@ -1885,8 +1970,8 @@ function Tooltip({ content, children, className }) {
     function handleOutside(event) {
       const target = event.target;
       if (!target) return;
-      if (_optionalChain([triggerRef, 'access', _64 => _64.current, 'optionalAccess', _65 => _65.contains, 'call', _66 => _66(target)])) return;
-      if (_optionalChain([bubbleRef, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.contains, 'call', _69 => _69(target)])) return;
+      if (_optionalChain([triggerRef, 'access', _68 => _68.current, 'optionalAccess', _69 => _69.contains, 'call', _70 => _70(target)])) return;
+      if (_optionalChain([bubbleRef, 'access', _71 => _71.current, 'optionalAccess', _72 => _72.contains, 'call', _73 => _73(target)])) return;
       setOpen(false);
     }
     function handleKey(event) {
@@ -1953,6 +2038,46 @@ function Tooltip({ content, children, className }) {
 }
 Tooltip.displayName = "Tooltip";
 
+// src/components/ui/Callout.tsx
+
+function CircleAlertIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M10 5.99992L6 9.99992M6 5.99992L10 9.99992M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8 14.6666C4.3181 14.6666 1.33333 11.6818 1.33333 7.99992C1.33333 4.31802 4.3181 1.33325 8 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992Z",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Callout({ variant = "error", children, role }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: `rs-callout rs-callout--${variant}`,
+      role: _nullishCoalesce(role, () => ( (variant === "error" ? "alert" : "status"))),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CircleAlertIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertTriangleIcon, {}) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-callout-text", children })
+      ]
+    }
+  );
+}
+Callout.displayName = "Callout";
+
 // src/core/webhook.ts
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -1966,7 +2091,7 @@ function asNumber(value) {
   const trimmed = value.trim();
   if (!trimmed) return void 0;
   const caipMatch = trimmed.match(/^eip155:(\d+)$/);
-  if (_optionalChain([caipMatch, 'optionalAccess', _70 => _70[1]])) {
+  if (_optionalChain([caipMatch, 'optionalAccess', _74 => _74[1]])) {
     const parsed2 = Number(caipMatch[1]);
     return Number.isFinite(parsed2) ? parsed2 : void 0;
   }
@@ -1985,28 +2110,28 @@ function asAddress(value) {
   return /^0x[a-fA-F0-9]{40}$/.test(value) ? value : void 0;
 }
 function getEventTxHash(event) {
-  if (!_optionalChain([event, 'optionalAccess', _71 => _71.type])) return void 0;
+  if (!_optionalChain([event, 'optionalAccess', _75 => _75.type])) return void 0;
   if (event.type === "deposit-received") {
-    return asString(_optionalChain([event, 'access', _72 => _72.data, 'optionalAccess', _73 => _73.transactionHash]));
+    return asString(_optionalChain([event, 'access', _76 => _76.data, 'optionalAccess', _77 => _77.transactionHash]));
   }
   if (event.type === "bridge-started" || event.type === "bridge-complete") {
-    const deposit = isRecord(_optionalChain([event, 'access', _74 => _74.data, 'optionalAccess', _75 => _75.deposit])) ? event.data.deposit : void 0;
-    const source = isRecord(_optionalChain([event, 'access', _76 => _76.data, 'optionalAccess', _77 => _77.source])) ? event.data.source : void 0;
-    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _78 => _78.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _79 => _79.transactionHash]))));
+    const deposit = isRecord(_optionalChain([event, 'access', _78 => _78.data, 'optionalAccess', _79 => _79.deposit])) ? event.data.deposit : void 0;
+    const source = isRecord(_optionalChain([event, 'access', _80 => _80.data, 'optionalAccess', _81 => _81.source])) ? event.data.source : void 0;
+    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _82 => _82.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _83 => _83.transactionHash]))));
   }
   if (event.type === "bridge-failed" || event.type === "error") {
-    const deposit = isRecord(_optionalChain([event, 'access', _80 => _80.data, 'optionalAccess', _81 => _81.deposit])) ? event.data.deposit : void 0;
-    const source = isRecord(_optionalChain([event, 'access', _82 => _82.data, 'optionalAccess', _83 => _83.source])) ? event.data.source : void 0;
-    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _84 => _84.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _85 => _85.transactionHash]))));
+    const deposit = isRecord(_optionalChain([event, 'access', _84 => _84.data, 'optionalAccess', _85 => _85.deposit])) ? event.data.deposit : void 0;
+    const source = isRecord(_optionalChain([event, 'access', _86 => _86.data, 'optionalAccess', _87 => _87.source])) ? event.data.source : void 0;
+    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _88 => _88.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _89 => _89.transactionHash]))));
   }
   if (event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed") {
-    const deposit = isRecord(_optionalChain([event, 'access', _86 => _86.data, 'optionalAccess', _87 => _87.deposit])) ? event.data.deposit : void 0;
-    return asString(_optionalChain([deposit, 'optionalAccess', _88 => _88.transactionHash]));
+    const deposit = isRecord(_optionalChain([event, 'access', _90 => _90.data, 'optionalAccess', _91 => _91.deposit])) ? event.data.deposit : void 0;
+    return asString(_optionalChain([deposit, 'optionalAccess', _92 => _92.transactionHash]));
   }
   return void 0;
 }
 function getEventSourceDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _89 => _89.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _93 => _93.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     return {
       chainId: asNumber(event.data.chain),
@@ -2018,15 +2143,15 @@ function getEventSourceDetails(event) {
   const deposit = isRecord(event.data.deposit) ? event.data.deposit : void 0;
   if (event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error" || event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed") {
     return {
-      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _90 => _90.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _91 => _91.chain])))),
-      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _92 => _92.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _93 => _93.amount])))),
-      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _94 => _94.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _95 => _95.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _96 => _96.token]))))
+      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _94 => _94.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _95 => _95.chain])))),
+      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _96 => _96.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _97 => _97.amount])))),
+      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _98 => _98.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _99 => _99.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _100 => _100.token]))))
     };
   }
   return {};
 }
 function isDepositEvent(event) {
-  return _optionalChain([event, 'optionalAccess', _97 => _97.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _98 => _98.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _99 => _99.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _100 => _100.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _101 => _101.type]) === "post-bridge-swap-complete" || _optionalChain([event, 'optionalAccess', _102 => _102.type]) === "post-bridge-swap-failed" || _optionalChain([event, 'optionalAccess', _103 => _103.type]) === "error";
+  return _optionalChain([event, 'optionalAccess', _101 => _101.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _102 => _102.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _103 => _103.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _104 => _104.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _105 => _105.type]) === "post-bridge-swap-complete" || _optionalChain([event, 'optionalAccess', _106 => _106.type]) === "post-bridge-swap-failed" || _optionalChain([event, 'optionalAccess', _107 => _107.type]) === "error";
 }
 function isHexString(value) {
   return value.startsWith("0x") || value.startsWith("0X");
@@ -2138,7 +2263,7 @@ function isEventForTx(event, txHash) {
   return txRefsMatch(eventTxHash, txHash);
 }
 function formatBridgeFailedMessage(event) {
-  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _104 => _104.data]), () => ( {}));
+  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _108 => _108.data]), () => ( {}));
   const code = typeof eventData.errorCode === "string" ? eventData.errorCode : void 0;
   const backendMessage = typeof eventData.message === "string" ? eventData.message.trim() : "";
   function toUserFacingFailure(raw) {
@@ -2170,12 +2295,12 @@ function formatBridgeFailedMessage(event) {
   return { message: "Bridge failed" };
 }
 function parseWebhookTimestamp(event) {
-  if (typeof _optionalChain([event, 'optionalAccess', _105 => _105.time]) !== "string") return void 0;
+  if (typeof _optionalChain([event, 'optionalAccess', _109 => _109.time]) !== "string") return void 0;
   const timestamp = Date.parse(event.time);
   return Number.isFinite(timestamp) ? timestamp : void 0;
 }
 function syncPhaseTimings(previous, event) {
-  if (!_optionalChain([event, 'optionalAccess', _106 => _106.type])) return previous;
+  if (!_optionalChain([event, 'optionalAccess', _110 => _110.type])) return previous;
   const timestamp = _nullishCoalesce(parseWebhookTimestamp(event), () => ( Date.now()));
   const setReceived = (event.type === "deposit-received" || event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed" || event.type === "error") && previous.receivedAt === void 0;
   const setBridging = (event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "post-bridge-swap-complete") && previous.bridgingAt === void 0;
@@ -2216,9 +2341,9 @@ function getCurrentPhaseId(state, phaseTimings, isEarlyComplete) {
   if (state.type === "complete") {
     return void 0;
   }
-  if (_optionalChain([state, 'access', _107 => _107.lastEvent, 'optionalAccess', _108 => _108.type]) === "bridge-started" || _optionalChain([state, 'access', _109 => _109.lastEvent, 'optionalAccess', _110 => _110.type]) === "bridge-complete")
+  if (_optionalChain([state, 'access', _111 => _111.lastEvent, 'optionalAccess', _112 => _112.type]) === "bridge-started" || _optionalChain([state, 'access', _113 => _113.lastEvent, 'optionalAccess', _114 => _114.type]) === "bridge-complete")
     return "bridging";
-  if (_optionalChain([state, 'access', _111 => _111.lastEvent, 'optionalAccess', _112 => _112.type]) === "deposit-received") return "received";
+  if (_optionalChain([state, 'access', _115 => _115.lastEvent, 'optionalAccess', _116 => _116.type]) === "deposit-received") return "received";
   return "confirming";
 }
 function ProcessingStep({
@@ -2292,7 +2417,7 @@ function ProcessingStep({
       flowLabel
     });
     const context = processingContextRef.current;
-    _optionalChain([onDepositCompleteRef, 'access', _113 => _113.current, 'optionalCall', _114 => _114(txHash, void 0, {
+    _optionalChain([onDepositCompleteRef, 'access', _117 => _117.current, 'optionalCall', _118 => _118(txHash, void 0, {
       amount: context.amount,
       sourceChain: context.sourceChain,
       sourceToken: context.sourceToken,
@@ -2329,7 +2454,7 @@ function ProcessingStep({
   _react.useEffect.call(void 0, () => {
     if (!state.lastEvent) return;
     setPhaseTimings((previous) => syncPhaseTimings(previous, state.lastEvent));
-  }, [_optionalChain([state, 'access', _115 => _115.lastEvent, 'optionalAccess', _116 => _116.time]), _optionalChain([state, 'access', _117 => _117.lastEvent, 'optionalAccess', _118 => _118.type])]);
+  }, [_optionalChain([state, 'access', _119 => _119.lastEvent, 'optionalAccess', _120 => _120.time]), _optionalChain([state, 'access', _121 => _121.lastEvent, 'optionalAccess', _122 => _122.type])]);
   _react.useEffect.call(void 0, () => {
     savePhaseTimings(txHash, phaseTimings);
   }, [txHash, phaseTimings]);
@@ -2357,21 +2482,21 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _119 => _119.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _123 => _123.intentId])
           });
         }
         if (!isMounted) return;
         const awaitingPostBridgeSwap = processingContextRef.current.waitForFinalTx && processingContextRef.current.hasPostBridgeActions;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _120 => _120.type]) === "post-bridge-swap-complete") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _124 => _124.type]) === "post-bridge-swap-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _121 => _121.data, 'optionalAccess', _122 => _122.swap, 'optionalAccess', _123 => _123.transactionHash]);
+          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _125 => _125.data, 'optionalAccess', _126 => _126.swap, 'optionalAccess', _127 => _127.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: swapTxHash,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _124 => _124.current, 'optionalCall', _125 => _125(txHash, swapTxHash, {
+          _optionalChain([onDepositCompleteRef, 'access', _128 => _128.current, 'optionalCall', _129 => _129(txHash, swapTxHash, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
@@ -2380,7 +2505,7 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _126 => _126.type]) === "post-bridge-swap-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _130 => _130.type]) === "post-bridge-swap-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -2392,19 +2517,19 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _127 => _127.current, 'optionalCall', _128 => _128(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _131 => _131.current, 'optionalCall', _132 => _132(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _129 => _129.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _133 => _133.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _130 => _130.data, 'optionalAccess', _131 => _131.destination, 'optionalAccess', _132 => _132.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _134 => _134.data, 'optionalAccess', _135 => _135.destination, 'optionalAccess', _136 => _136.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _133 => _133.current, 'optionalCall', _134 => _134(txHash, destinationTxHash2, {
+          _optionalChain([onDepositCompleteRef, 'access', _137 => _137.current, 'optionalCall', _138 => _138(txHash, destinationTxHash2, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
@@ -2413,14 +2538,14 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (!waitForFinalTx && _optionalChain([eventForCurrentTx, 'optionalAccess', _135 => _135.type]) === "bridge-started") {
+        if (!waitForFinalTx && _optionalChain([eventForCurrentTx, 'optionalAccess', _139 => _139.type]) === "bridge-started") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
           debugLog(debug, "processing", "state:early-complete", {
             txHash,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _136 => _136.current, 'optionalCall', _137 => _137(txHash, void 0, {
+          _optionalChain([onDepositCompleteRef, 'access', _140 => _140.current, 'optionalCall', _141 => _141(txHash, void 0, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
@@ -2429,7 +2554,7 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _138 => _138.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _142 => _142.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -2441,11 +2566,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _139 => _139.current, 'optionalCall', _140 => _140(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _143 => _143.current, 'optionalCall', _144 => _144(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _141 => _141.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _142 => _142.data, 'optionalAccess', _143 => _143.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _145 => _145.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _146 => _146.data, 'optionalAccess', _147 => _147.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -2455,7 +2580,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailedRef, 'access', _144 => _144.current, 'optionalCall', _145 => _145(txHash, errorMessage)]);
+          _optionalChain([onDepositFailedRef, 'access', _148 => _148.current, 'optionalCall', _149 => _149(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -2516,7 +2641,7 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      _optionalChain([onErrorRef, 'access', _146 => _146.current, 'optionalCall', _147 => _147(message, "PROCESS_TIMEOUT")]);
+      _optionalChain([onErrorRef, 'access', _150 => _150.current, 'optionalCall', _151 => _151(message, "PROCESS_TIMEOUT")]);
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
   }, [debug, directTransfer, onErrorRef, state.type, txHash]);
@@ -2525,21 +2650,21 @@ function ProcessingStep({
   const isProcessing = state.type === "processing";
   const lastEvent = state.lastEvent;
   const failureMessage = state.type === "failed" ? state.message : void 0;
-  const isEarlyComplete = !waitForFinalTx && _optionalChain([lastEvent, 'optionalAccess', _148 => _148.type]) === "bridge-started";
+  const isEarlyComplete = !waitForFinalTx && _optionalChain([lastEvent, 'optionalAccess', _152 => _152.type]) === "bridge-started";
   const timelineNowMs = _nullishCoalesce(phaseTimings.endedAt, () => ( Date.now()));
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
-  const isPostBridgeSwapEvent = _optionalChain([lastEvent, 'optionalAccess', _149 => _149.type]) === "post-bridge-swap-complete" || _optionalChain([lastEvent, 'optionalAccess', _150 => _150.type]) === "post-bridge-swap-failed";
-  const destinationTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _151 => _151.data, 'optionalAccess', _152 => _152.swap, 'optionalAccess', _153 => _153.transactionHash]) || null : _optionalChain([lastEvent, 'optionalAccess', _154 => _154.data, 'optionalAccess', _155 => _155.destination, 'optionalAccess', _156 => _156.transactionHash]) || null;
+  const isPostBridgeSwapEvent = _optionalChain([lastEvent, 'optionalAccess', _153 => _153.type]) === "post-bridge-swap-complete" || _optionalChain([lastEvent, 'optionalAccess', _154 => _154.type]) === "post-bridge-swap-failed";
+  const destinationTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _155 => _155.data, 'optionalAccess', _156 => _156.swap, 'optionalAccess', _157 => _157.transactionHash]) || null : _optionalChain([lastEvent, 'optionalAccess', _158 => _158.data, 'optionalAccess', _159 => _159.destination, 'optionalAccess', _160 => _160.transactionHash]) || null;
   const sourceDetails = getEventSourceDetails(lastEvent);
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
   const displayAmount = _nullishCoalesce(sourceDetails.amount, () => ( amount));
-  const sourceExplorerUrl = _chunkIVTXEYB2cjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
-  const destExplorerUrl = destinationTxHash ? _chunkIVTXEYB2cjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
+  const sourceExplorerUrl = _chunkMHKHSCIAcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
+  const destExplorerUrl = destinationTxHash ? _chunkMHKHSCIAcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
   const isEvmSourceToken = /^0x[a-fA-F0-9]{40}$/.test(displaySourceToken);
-  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkIVTXEYB2cjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
-  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkIVTXEYB2cjs.getTokenDecimalsByAddress.call(void 0, 
+  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkMHKHSCIAcjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
+  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkMHKHSCIAcjs.getTokenDecimalsByAddress.call(void 0, 
     displaySourceToken,
     displaySourceChain
   ) : _nullishCoalesce(providedSourceDecimals, () => ( 18));
@@ -2562,20 +2687,18 @@ function ProcessingStep({
   void delayPhaseId;
   void hasEscalatedDelay;
   const targetSymbol = (() => {
-    if (typeof targetToken === "string" && /^0x[a-fA-F0-9]{40}$/.test(targetToken)) {
-      return _chunkIVTXEYB2cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-    }
-    return _nullishCoalesce(providedSourceSymbol, () => ( "USDC"));
+    const resolved = _chunkMHKHSCIAcjs.getTargetTokenSymbol.call(void 0, targetToken, targetChain);
+    return resolved !== "Token" ? resolved : _nullishCoalesce(providedSourceSymbol, () => ( "USDC"));
   })();
-  const targetTokenIcon = _chunkIVTXEYB2cjs.getTokenIcon.call(void 0, targetSymbol);
-  const sourceChainIcon = _chunkIVTXEYB2cjs.getChainIcon.call(void 0, displaySourceChain);
-  const targetChainIcon = _chunkIVTXEYB2cjs.getChainIcon.call(void 0, targetChain);
-  const sourceTokenIcon = _chunkIVTXEYB2cjs.getTokenIcon.call(void 0, sourceSymbol);
-  const sourceChainName = _chunkIVTXEYB2cjs.getChainName.call(void 0, displaySourceChain);
-  const targetChainName = _chunkIVTXEYB2cjs.getChainName.call(void 0, targetChain);
+  const targetTokenIcon = _chunkMHKHSCIAcjs.getTokenIcon.call(void 0, targetSymbol);
+  const sourceChainIcon = _chunkMHKHSCIAcjs.getChainIcon.call(void 0, displaySourceChain);
+  const targetChainIcon = _chunkMHKHSCIAcjs.getChainIcon.call(void 0, targetChain);
+  const sourceTokenIcon = _chunkMHKHSCIAcjs.getTokenIcon.call(void 0, sourceSymbol);
+  const sourceChainName = _chunkMHKHSCIAcjs.getChainName.call(void 0, displaySourceChain);
+  const targetChainName = _chunkMHKHSCIAcjs.getChainName.call(void 0, targetChain);
   const totalTimeText = formatElapsedTime(elapsedSeconds);
-  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _157 => _157.feeSponsored]), () => ( false));
-  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _158 => _158.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
+  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _161 => _161.feeSponsored]), () => ( false));
+  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _162 => _162.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = _nullishCoalesce(onRetry, () => ( onNewDeposit));
   const headerContent = isComplete ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header", children: [
@@ -2666,17 +2789,14 @@ function ProcessingStep({
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
-                children: "$0.05"
+                children: "$0.04"
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tooltip, { content: feeTooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoIcon, {}) }) })
           ] })
         ] })
       ] }),
-      isFailed && failureMessage && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-error", role: "alert", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: failureMessage })
-      ] }),
+      isFailed && failureMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Callout, { variant: "error", children: failureMessage }),
       isProcessing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         Button,
         {
@@ -2781,7 +2901,7 @@ async function executeSafeEthTransfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunkIVTXEYB2cjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkMHKHSCIAcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -2864,7 +2984,7 @@ async function executeSafeErc20Transfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunkIVTXEYB2cjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkMHKHSCIAcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -2994,7 +3114,7 @@ var clientCache = /* @__PURE__ */ new Map();
 function getPublicClient(chainId) {
   let client = clientCache.get(chainId);
   if (!client) {
-    const chain = _chunkIVTXEYB2cjs.CHAIN_BY_ID[chainId];
+    const chain = _chunkMHKHSCIAcjs.CHAIN_BY_ID[chainId];
     client = _viem.createPublicClient.call(void 0, {
       chain,
       transport: _viem.http.call(void 0, )
@@ -3107,4 +3227,4 @@ function accountFromPrivateKey(privateKey) {
 
 
 
-exports.Modal = Modal; exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HandCoinsIcon = HandCoinsIcon; exports.CoinsIcon = CoinsIcon; exports.HistoryIcon = HistoryIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.ArrowUpRightIcon = ArrowUpRightIcon; exports.AlertTriangleIcon = AlertTriangleIcon; exports.PercentIcon = PercentIcon; exports.ClockIcon = ClockIcon; exports.PlusCircleIcon = PlusCircleIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.BodyHeader = BodyHeader; exports.ListRow = ListRow; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.ConnectStep = ConnectStep; exports.Button = Button; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.parseEvmChainId = parseEvmChainId; exports.isSolanaCaip2 = isSolanaCaip2; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.getEventTxHash = getEventTxHash; exports.isDepositEvent = isDepositEvent; exports.txRefsMatch = txRefsMatch; exports.useLatestRef = useLatestRef; exports.ProcessingStep = ProcessingStep; exports.SAFE_ABI = SAFE_ABI; exports.executeSafeEthTransfer = executeSafeEthTransfer; exports.executeSafeErc20Transfer = executeSafeErc20Transfer; exports.buildSafeTransaction = buildSafeTransaction; exports.getPublicClient = getPublicClient; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.applyTheme = applyTheme;
+exports.Modal = Modal; exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.TransferCryptoIcon = TransferCryptoIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HistoryIcon = HistoryIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.ArrowUpRightIcon = ArrowUpRightIcon; exports.AlertTriangleIcon = AlertTriangleIcon; exports.PercentIcon = PercentIcon; exports.ClockIcon = ClockIcon; exports.PlusCircleIcon = PlusCircleIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.BodyHeader = BodyHeader; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.ConnectStep = ConnectStep; exports.Button = Button; exports.Callout = Callout; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.targetChainToCaip2 = targetChainToCaip2; exports.parseEvmChainId = parseEvmChainId; exports.isSolanaCaip2 = isSolanaCaip2; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.getEventTxHash = getEventTxHash; exports.isDepositEvent = isDepositEvent; exports.txRefsMatch = txRefsMatch; exports.useLatestRef = useLatestRef; exports.ProcessingStep = ProcessingStep; exports.SAFE_ABI = SAFE_ABI; exports.executeSafeEthTransfer = executeSafeEthTransfer; exports.executeSafeErc20Transfer = executeSafeErc20Transfer; exports.buildSafeTransaction = buildSafeTransaction; exports.getPublicClient = getPublicClient; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.applyTheme = applyTheme;