@rhinestone/deposit-modal 0.3.0-alpha.8 → 0.3.0

package/dist/{chunk-UELVNPGE.cjs → chunk-RABZINV3.cjs}

@@ -11,7 +11,9 @@
 
 
 
-var _chunk7JIDIX27cjs = require('./chunk-7JIDIX27.cjs');
+
+
+var _chunkMILJQWPTcjs = require('./chunk-MILJQWPT.cjs');
 
 // src/components/ui/Modal.tsx
 
@@ -62,14 +64,14 @@ function Modal({
     }
   }, [isOpen]);
   _react.useEffect.call(void 0, () => {
-    if (isOpen) {
+    if (isOpen && !inline) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
       return () => {
         document.body.style.overflow = originalOverflow;
       };
     }
-  }, [isOpen]);
+  }, [isOpen, inline]);
   const handleKeyDown = _react.useCallback.call(void 0, 
     (event) => {
       if (event.key === "Escape") {
@@ -162,6 +164,9 @@ Modal.displayName = "Modal";
 
 
 
+
+
+
 
 
 
@@ -183,7 +188,7 @@ function TransferCryptoIcon() {
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "path",
         {
-          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",
+          d: "M26.08 18.37C27.03 18.72 27.87 19.30 28.53 20.07C29.19 20.83 29.65 21.75 29.86 22.73C30.07 23.72 30.03 24.74 29.74 25.71C29.45 26.68 28.92 27.55 28.20 28.26C27.48 28.97 26.59 29.49 25.62 29.76C24.65 30.04 23.63 30.06 22.64 29.83C21.66 29.61 20.75 29.14 20.00 28.47C19.24 27.80 18.67 26.95 18.33 26.00M15 14H16V18M24.70 21.87L25.40 22.58L22.58 25.40M22 16C22 19.31 19.31 22 16 22C12.68 22 10 19.31 10 16C10 12.68 12.68 10 16 10C19.31 10 22 12.68 22 16Z",
           stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
@@ -207,6 +212,59 @@ var PercentIcon = _lucidereact.Percent;
 var ClockIcon = _lucidereact.Clock;
 var PlusCircleIcon = _lucidereact.CirclePlus;
 var CircleArrowOutUpLeftIcon = _lucidereact.CircleArrowOutUpLeft;
+var CardIcon = _lucidereact.CreditCard;
+var BankIcon = _lucidereact.Landmark;
+var AppleIcon = _lucidereact.Apple;
+
+// 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.99L6 9.99M6 5.99L10 9.99M14.66 7.99C14.66 11.68 11.68 14.66 8 14.66C4.31 14.66 1.33 11.68 1.33 7.99C1.33 4.31 4.31 1.33 8 1.33C11.68 1.33 14.66 4.31 14.66 7.99Z",
+          stroke: "currentColor",
+          strokeWidth: "1.33",
+          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/useLatestRef.ts
+
+function useLatestRef(value) {
+  const ref = _react.useRef.call(void 0, value);
+  _react.useEffect.call(void 0, () => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
 
 // src/core/debug.ts
 function truncateString(value, max = 240) {
@@ -261,29 +319,6 @@ function debugError(enabled, scope, message, error, data) {
   console.error(`[deposit-modal:${scope}] ${message}`, payload);
 }
 
-// src/core/caip.ts
-var SOLANA_MAINNET_GENESIS = "5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp";
-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;
-  }
-  if (typeof value !== "string") return null;
-  const match = value.match(/^eip155:(\d+)$/);
-  if (!_optionalChain([match, 'optionalAccess', _ => _[1]])) return null;
-  const parsed = Number.parseInt(match[1], 10);
-  return Number.isFinite(parsed) ? parsed : null;
-}
-function isSolanaCaip2(value) {
-  return typeof value === "string" && value.startsWith("solana:");
-}
-
 // src/core/deposit-asset-helpers.ts
 function getAssetId(asset) {
   return `${asset.chainId}:${asset.token.toLowerCase()}`;
@@ -461,8 +496,8 @@ function buildSessionDetails(unsigned, signature) {
 }
 function createDepositService(baseUrl, options) {
   const normalizedBaseUrl = baseUrl.replace(/\/$/, "");
-  const debug = _optionalChain([options, 'optionalAccess', _2 => _2.debug]) === true;
-  const scope = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _3 => _3.debugScope]), () => ( "service"));
+  const debug = _optionalChain([options, 'optionalAccess', _ => _.debug]) === true;
+  const scope = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.debugScope]), () => ( "service"));
   function apiUrl(path) {
     const normalizedPath = path.startsWith("/") ? path : `/${path}`;
     return `${normalizedBaseUrl}${normalizedPath}`;
@@ -499,7 +534,7 @@ function createDepositService(baseUrl, options) {
         targetChain: params.targetChain,
         targetToken: params.targetToken,
         recipient: params.recipient ? shortRef(params.recipient) : void 0,
-        postBridgeActionCount: _nullishCoalesce(_optionalChain([params, 'access', _4 => _4.postBridgeActions, 'optionalAccess', _5 => _5.length]), () => ( 0)),
+        postBridgeActionCount: _nullishCoalesce(_optionalChain([params, 'access', _3 => _3.postBridgeActions, 'optionalAccess', _4 => _4.length]), () => ( 0)),
         forceRegister: params.forceRegister
       });
       const response = await fetch(url, {
@@ -516,7 +551,7 @@ function createDepositService(baseUrl, options) {
           error,
           { status: response.status, ownerAddress: params.ownerAddress }
         );
-        const detail = Array.isArray(error.details) ? error.details.map((d) => _optionalChain([d, 'optionalAccess', _6 => _6.message])).filter(Boolean).join("; ") : void 0;
+        const detail = Array.isArray(error.details) ? error.details.map((d) => _optionalChain([d, 'optionalAccess', _5 => _5.message])).filter(Boolean).join("; ") : void 0;
         const base = error.error || `Setup account failed: ${response.status}`;
         throw new Error(detail ? `${base}: ${detail}` : base);
       }
@@ -568,8 +603,8 @@ function createDepositService(baseUrl, options) {
       const result = await response.json();
       debugLog(debug, scope, "registerAccount:success", {
         address: params.address,
-        evmDepositAddress: _optionalChain([result, 'optionalAccess', _7 => _7.evmDepositAddress]),
-        hasSolanaDepositAddress: Boolean(_optionalChain([result, 'optionalAccess', _8 => _8.solanaDepositAddress]))
+        evmDepositAddress: _optionalChain([result, 'optionalAccess', _6 => _6.evmDepositAddress]),
+        hasSolanaDepositAddress: Boolean(_optionalChain([result, 'optionalAccess', _7 => _7.solanaDepositAddress]))
       });
       return result;
     },
@@ -671,9 +706,9 @@ function createDepositService(baseUrl, options) {
       }
       const data = await response.json();
       const result = {
-        isRegistered: _optionalChain([data, 'optionalAccess', _9 => _9.isRegistered]) === true,
-        targetChain: _optionalChain([data, 'optionalAccess', _10 => _10.targetChain]),
-        targetToken: _optionalChain([data, 'optionalAccess', _11 => _11.targetToken])
+        isRegistered: _optionalChain([data, 'optionalAccess', _8 => _8.isRegistered]) === true,
+        targetChain: _optionalChain([data, 'optionalAccess', _9 => _9.targetChain]),
+        targetToken: _optionalChain([data, 'optionalAccess', _10 => _10.targetToken])
       };
       debugLog(debug, scope, "checkAccount:success", {
         address,
@@ -703,12 +738,12 @@ function createDepositService(baseUrl, options) {
         return { lastEvent: void 0 };
       }
       const body = await response.json();
-      const row = _optionalChain([body, 'access', _12 => _12.deposits, 'optionalAccess', _13 => _13[0]]);
+      const row = _optionalChain([body, 'access', _11 => _11.deposits, 'optionalAccess', _12 => _12[0]]);
       const lastEvent = row ? depositRowToEvent(row) : void 0;
       debugLog(debug, scope, "fetchStatus:success", {
         address,
         txHash: shortRef(normalized),
-        eventType: _optionalChain([lastEvent, 'optionalAccess', _14 => _14.type])
+        eventType: _optionalChain([lastEvent, 'optionalAccess', _13 => _13.type])
       });
       return { lastEvent };
     },
@@ -729,11 +764,11 @@ function createDepositService(baseUrl, options) {
         return { lastEvent: void 0 };
       }
       const body = await response.json();
-      const row = _optionalChain([body, 'access', _15 => _15.deposits, 'optionalAccess', _16 => _16[0]]);
+      const row = _optionalChain([body, 'access', _14 => _14.deposits, 'optionalAccess', _15 => _15[0]]);
       const lastEvent = row ? depositRowToEvent(row) : void 0;
       debugLog(debug, scope, "fetchLatestStatus:success", {
         address,
-        eventType: _optionalChain([lastEvent, 'optionalAccess', _17 => _17.type])
+        eventType: _optionalChain([lastEvent, 'optionalAccess', _16 => _16.type])
       });
       return { lastEvent };
     },
@@ -795,7 +830,7 @@ function createDepositService(baseUrl, options) {
         smartAccount,
         chainId,
         safeAddress,
-        txHash: _optionalChain([result, 'optionalAccess', _18 => _18.txHash]) ? shortRef(result.txHash) : void 0
+        txHash: _optionalChain([result, 'optionalAccess', _17 => _17.txHash]) ? shortRef(result.txHash) : void 0
       });
       return result;
     },
@@ -835,7 +870,7 @@ function createDepositService(baseUrl, options) {
       const result = await response.json();
       debugLog(debug, scope, "submitPolymarketWithdraw:success", {
         depositWallet,
-        txHash: _optionalChain([result, 'optionalAccess', _19 => _19.txHash]) ? shortRef(result.txHash) : void 0
+        txHash: _optionalChain([result, 'optionalAccess', _18 => _18.txHash]) ? shortRef(result.txHash) : void 0
       });
       return result;
     },
@@ -870,8 +905,8 @@ function createDepositService(baseUrl, options) {
         );
       }
       const data = await response.json();
-      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));
+      const deposits = Array.isArray(_optionalChain([data, 'optionalAccess', _19 => _19.deposits])) ? data.deposits : [];
+      const nextCursor = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _20 => _20.nextCursor]), () => ( _optionalChain([data, 'optionalAccess', _21 => _21.next_cursor]))), () => ( null));
       debugLog(debug, scope, "fetchDepositHistory:success", {
         recipient: shortRef(params.recipient),
         count: deposits.length,
@@ -881,11 +916,11 @@ function createDepositService(baseUrl, options) {
     },
     async checkLiquidity(params) {
       if (params.destinationChainId === "solana") {
-        const token = _chunk7JIDIX27cjs.getSolanaTokenByMint.call(void 0, params.destinationToken);
+        const token = _chunkMILJQWPTcjs.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)),
+          symbol: _nullishCoalesce(_optionalChain([token, 'optionalAccess', _22 => _22.symbol]), () => ( "Token")),
+          decimals: _nullishCoalesce(_optionalChain([token, 'optionalAccess', _23 => _23.decimals]), () => ( 9)),
           unlimited: true,
           maxAmount: null
         };
@@ -933,6 +968,44 @@ function createDepositService(baseUrl, options) {
       });
       return result;
     },
+    async getQuotePreview(params) {
+      const url = apiUrl("/quotes/preview");
+      const body = {
+        account: params.account,
+        sourceChainId: `eip155:${params.sourceChainId}`,
+        sourceToken: params.sourceToken,
+        amount: params.amount
+      };
+      debugLog(debug, scope, "getQuotePreview:request", {
+        url,
+        sourceChainId: body.sourceChainId,
+        sourceToken: params.sourceToken,
+        amount: params.amount
+      });
+      try {
+        const response = await fetch(url, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(body),
+          cache: "no-store"
+        });
+        if (!response.ok) {
+          debugLog(debug, scope, "getQuotePreview:unavailable", {
+            status: response.status
+          });
+          return null;
+        }
+        const quote = await response.json();
+        debugLog(debug, scope, "getQuotePreview:success", {
+          settlementLayer: quote.settlementLayer,
+          totalUsd: _optionalChain([quote, 'access', _24 => _24.fees, 'optionalAccess', _25 => _25.totalUsd])
+        });
+        return quote;
+      } catch (error) {
+        debugError(debug, scope, "getQuotePreview:error", error);
+        return null;
+      }
+    },
     async fetchPrices(symbols) {
       const list = symbols.filter((s) => s.length > 0);
       if (list.length === 0) return {};
@@ -962,21 +1035,165 @@ function createDepositService(baseUrl, options) {
         debugError(debug, scope, "fetchPrices:error", err);
         return {};
       }
+    },
+    async getSwappedWidgetUrl(params) {
+      const url = apiUrl("/onramp/swapped/widget-url");
+      debugLog(debug, scope, "getSwappedWidgetUrl:request", {
+        smartAccount: shortRef(params.smartAccount),
+        method: params.method
+      });
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(params)
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "getSwappedWidgetUrl:failed", error, {
+          status: response.status
+        });
+        throw new Error(
+          error.error || `Swapped widget URL failed: ${response.status}`
+        );
+      }
+      const body = await response.json();
+      if (typeof body.url !== "string" || typeof body.currencyCode !== "string" || typeof body.externalCustomerId !== "string") {
+        throw new Error("Swapped widget URL: malformed response");
+      }
+      return {
+        url: body.url,
+        currencyCode: body.currencyCode,
+        sandbox: body.sandbox === true,
+        externalCustomerId: body.externalCustomerId,
+        expiresAt: body.expiresAt
+      };
+    },
+    async getSwappedConnectUrl(params) {
+      const url = apiUrl("/onramp/swapped/connect-url");
+      debugLog(debug, scope, "getSwappedConnectUrl:request", {
+        smartAccount: shortRef(params.smartAccount),
+        connection: params.connection
+      });
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(params)
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "getSwappedConnectUrl:failed", error, {
+          status: response.status
+        });
+        throw new Error(
+          error.error || `Swapped Connect URL failed: ${response.status}`
+        );
+      }
+      const body = await response.json();
+      if (typeof body.url !== "string" || typeof body.currencyCode !== "string" || typeof body.externalCustomerId !== "string") {
+        throw new Error("Swapped Connect URL: malformed response");
+      }
+      return {
+        url: body.url,
+        currencyCode: body.currencyCode,
+        sandbox: body.sandbox === true,
+        externalCustomerId: body.externalCustomerId,
+        expiresAt: body.expiresAt
+      };
+    },
+    async getSwappedConnectExchanges() {
+      const url = apiUrl("/onramp/swapped/connect-exchanges");
+      debugLog(debug, scope, "getSwappedConnectExchanges:request");
+      const response = await fetch(url, {
+        method: "GET",
+        headers: { "Content-Type": "application/json" },
+        cache: "no-store"
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "getSwappedConnectExchanges:failed", error, {
+          status: response.status
+        });
+        throw new Error(
+          error.error || `Swapped Connect exchanges failed: ${response.status}`
+        );
+      }
+      const body = await response.json();
+      const rawExchanges = Array.isArray(body.exchanges) ? body.exchanges : null;
+      const exchanges = [];
+      let hasMalformedExchange = rawExchanges === null;
+      for (const exchange of _nullishCoalesce(rawExchanges, () => ( []))) {
+        if (!exchange || typeof exchange !== "object") {
+          hasMalformedExchange = true;
+          continue;
+        }
+        const raw = exchange;
+        const connection = typeof raw.connection === "string" ? raw.connection : "";
+        const name = typeof raw.name === "string" ? raw.name : "";
+        const logoUrl = typeof raw.logoUrl === "string" || raw.logoUrl === null ? raw.logoUrl : null;
+        if (!connection || !name) {
+          hasMalformedExchange = true;
+          continue;
+        }
+        exchanges.push({ connection, name, logoUrl });
+      }
+      if (hasMalformedExchange || typeof body.fetchedAt !== "string" || typeof body.expiresAt !== "string") {
+        throw new Error("Swapped Connect exchanges: malformed response");
+      }
+      return {
+        exchanges,
+        fetchedAt: body.fetchedAt,
+        expiresAt: body.expiresAt,
+        stale: body.stale === true ? true : void 0
+      };
+    },
+    async fetchSwappedOrderStatus(smartAccount) {
+      const url = apiUrl(
+        `/onramp/swapped/status/${encodeURIComponent(smartAccount)}`
+      );
+      const response = await fetch(url, {
+        method: "GET",
+        headers: { "Content-Type": "application/json" },
+        cache: "no-store"
+      });
+      if (!response.ok) return null;
+      let body = null;
+      try {
+        body = await response.json();
+      } catch (e3) {
+        return null;
+      }
+      if (!body || body.ok !== true) return null;
+      const status = typeof body.status === "string" ? body.status : null;
+      const orderId = typeof body.orderId === "string" ? body.orderId : null;
+      if (!status || !orderId) return null;
+      const numericOrNull = (v) => typeof v === "number" && Number.isFinite(v) ? v : null;
+      return {
+        orderId,
+        status,
+        orderCrypto: typeof body.orderCrypto === "string" ? body.orderCrypto : null,
+        orderCryptoAmount: typeof body.orderCryptoAmount === "string" ? body.orderCryptoAmount : null,
+        transactionId: typeof body.transactionId === "string" ? body.transactionId : null,
+        receivedAt: typeof body.receivedAt === "string" ? body.receivedAt : null,
+        paidAmountUsd: numericOrNull(body.paidAmountUsd),
+        paidAmountEur: numericOrNull(body.paidAmountEur),
+        onrampFeeUsd: numericOrNull(body.onrampFeeUsd),
+        paymentMethod: typeof body.paymentMethod === "string" ? body.paymentMethod : null
+      };
     }
   };
 }
 function normalizeDirectPortfolio(data) {
   const rawTokens = _nullishCoalesce(_nullishCoalesce(extractArray(data, "tokens"), () => ( extractArray(
-    _optionalChain([data, 'optionalAccess', _25 => _25.data]),
+    _optionalChain([data, 'optionalAccess', _26 => _26.data]),
     "tokens"
   ))), () => ( []));
-  const totalUsd = _nullishCoalesce(_nullishCoalesce(extractNumber(data, "totalUsd"), () => ( extractNumber(_optionalChain([data, 'optionalAccess', _26 => _26.data]), "totalUsd"))), () => ( 0));
+  const totalUsd = _nullishCoalesce(_nullishCoalesce(extractNumber(data, "totalUsd"), () => ( extractNumber(_optionalChain([data, 'optionalAccess', _27 => _27.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', _27 => _27.data]),
+    _optionalChain([data, 'optionalAccess', _28 => _28.data]),
     "portfolio"
   )));
   if (!portfolio || !Array.isArray(portfolio)) return null;
@@ -987,17 +1204,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', _28 => _28.balance, 'optionalAccess', _29 => _29.unlocked]), () => ( "0"));
+      const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _29 => _29.balance, 'optionalAccess', _30 => _30.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))), () => ( _chunk7JIDIX27cjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
-      const resolvedTokenAddress = isNativeSymbol ? _chunk7JIDIX27cjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
+      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkMILJQWPTcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
+      const resolvedTokenAddress = isNativeSymbol ? _chunkMILJQWPTcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = _chunk7JIDIX27cjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
       const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? _chunk7JIDIX27cjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
+      const decimals = registrySymbol !== "Token" ? _chunkMILJQWPTcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -1017,23 +1234,23 @@ function normalizeOrchestratorPortfolio(data) {
 function normalizeDirectToken(token) {
   const rawChainId = _nullishCoalesce(extractNumber(token, "chainId"), () => ( extractNumber(token.chain, "id")));
   const rawChainString = _nullishCoalesce(extractString(token, "chainId"), () => ( extractString(token.chain, "id")));
-  const chainId = _nullishCoalesce(rawChainId, () => ( (rawChainString ? isSolanaCaip2(rawChainString) || rawChainString.toLowerCase() === "solana" ? "solana" : parseEvmChainId(rawChainString) : null)));
+  const chainId = _nullishCoalesce(rawChainId, () => ( (rawChainString ? _chunkMILJQWPTcjs.isSolanaCaip2.call(void 0, rawChainString) || rawChainString.toLowerCase() === "solana" ? "solana" : _chunkMILJQWPTcjs.parseEvmChainId.call(void 0, rawChainString) : null)));
   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', _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()])));
+  const balanceValue = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "balance"), () => ( extractString(token, "amount"))), () => ( extractString(token, "value"))), () => ( extractString(token, "rawBalance"))), () => ( _optionalChain([extractNumber, 'call', _31 => _31(token, "balance"), 'optionalAccess', _32 => _32.toString, 'call', _33 => _33()]))), () => ( _optionalChain([extractNumber, 'call', _34 => _34(token, "amount"), 'optionalAccess', _35 => _35.toString, 'call', _36 => _36()]))), () => ( _optionalChain([extractNumber, 'call', _37 => _37(token, "value"), 'optionalAccess', _38 => _38.toString, 'call', _39 => _39()]))), () => ( _optionalChain([extractNumber, 'call', _40 => _40(token, "rawBalance"), 'optionalAccess', _41 => _41.toString, 'call', _42 => _42()])));
   if (!balanceValue) return null;
   const address = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "address"), () => ( extractString(token, "tokenAddress"))), () => ( extractString(
     token.token,
     "address"
-  ))), () => ( (typeof chainId === "number" ? _chunk7JIDIX27cjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
+  ))), () => ( (typeof chainId === "number" ? _chunkMILJQWPTcjs.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" : _chunk7JIDIX27cjs.getTokenSymbol.call(void 0, address, chainId);
+  const registrySymbol = isSolanaToken ? "Token" : _chunkMILJQWPTcjs.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" ? _chunk7JIDIX27cjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
+  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkMILJQWPTcjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
   return {
     chainId,
     address,
@@ -1046,7 +1263,7 @@ function normalizeDirectToken(token) {
 }
 function extractTokenAddress(tokenData, chainId) {
   const token = tokenData;
-  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]])));
+  return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(token.tokenAddress, () => ( token.address)), () => ( _optionalChain([token, 'access', _43 => _43.addresses, 'optionalAccess', _44 => _44[chainId]]))), () => ( _optionalChain([token, 'access', _45 => _45.token, 'optionalAccess', _46 => _46.address]))), () => ( _optionalChain([token, 'access', _47 => _47.token, 'optionalAccess', _48 => _48.addresses, 'optionalAccess', _49 => _49[chainId]])));
 }
 function extractArray(data, key) {
   if (!data || typeof data !== "object") return null;
@@ -1145,14 +1362,31 @@ function formatUserError(raw) {
   return cleaned;
 }
 
-// src/core/useLatestRef.ts
-
-function useLatestRef(value) {
-  const ref = _react.useRef.call(void 0, value);
-  _react.useEffect.call(void 0, () => {
-    ref.current = value;
-  }, [value]);
-  return ref;
+// src/core/public-client.ts
+var _viem = require('viem');
+var _chains = require('viem/chains');
+var clientCache = /* @__PURE__ */ new Map();
+function getPublicClient(chainId) {
+  let client = clientCache.get(chainId);
+  if (!client) {
+    const chain = _chunkMILJQWPTcjs.CHAIN_BY_ID[chainId];
+    client = _viem.createPublicClient.call(void 0, {
+      chain,
+      transport: _viem.http.call(void 0, )
+    });
+    clientCache.set(chainId, client);
+  }
+  return client;
+}
+var hyperEvmClient;
+function getHyperEvmReadClient() {
+  if (!hyperEvmClient) {
+    hyperEvmClient = _viem.createPublicClient.call(void 0, {
+      chain: _chains.hyperliquid,
+      transport: _viem.http.call(void 0, )
+    });
+  }
+  return hyperEvmClient;
 }
 
 // src/core/theme.ts
@@ -1257,19 +1491,19 @@ var CUSTOM_PRIMARY_VARS = [
 function applyTheme(element, theme) {
   if (!element) return;
   const parent = element.parentElement;
-  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])) {
+  const targets = _optionalChain([parent, 'optionalAccess', _50 => _50.classList, 'access', _51 => _51.contains, 'call', _52 => _52("rs-modal-content")]) ? [element, parent] : [element];
+  if (_optionalChain([theme, 'optionalAccess', _53 => _53.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', _53 => _53.fontColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _54 => _54.fontColor])) {
     setVar(targets, "--rs-foreground", theme.fontColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _54 => _54.iconColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _55 => _55.iconColor])) {
     setVar(targets, "--rs-icon", theme.iconColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _55 => _55.ctaColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _56 => _56.ctaColor])) {
     const derived = deriveCustomPrimary(theme.ctaColor);
     if (derived) {
       setVar(targets, "--rs-primary", derived.base);
@@ -1294,18 +1528,18 @@ function applyTheme(element, theme) {
     }
   } else {
     for (const v of CUSTOM_PRIMARY_VARS) clearVar(targets, v);
-    if (_optionalChain([theme, 'optionalAccess', _56 => _56.ctaHoverColor])) {
+    if (_optionalChain([theme, 'optionalAccess', _57 => _57.ctaHoverColor])) {
       setVar(targets, "--rs-primary-hover", theme.ctaHoverColor);
     }
   }
-  if (_optionalChain([theme, 'optionalAccess', _57 => _57.borderColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _58 => _58.borderColor])) {
     setVar(targets, "--rs-border", theme.borderColor);
     setVar(targets, "--rs-border-surface", theme.borderColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _58 => _58.backgroundColor])) {
+  if (_optionalChain([theme, 'optionalAccess', _59 => _59.backgroundColor])) {
     setVar(targets, "--rs-background", theme.backgroundColor);
   }
-  if (_optionalChain([theme, 'optionalAccess', _59 => _59.radius])) {
+  if (_optionalChain([theme, 'optionalAccess', _60 => _60.radius])) {
     const scale = RADIUS_SCALE[theme.radius];
     setVar(targets, "--rs-radius-sm", scale.sm);
     setVar(targets, "--rs-radius-md", scale.md);
@@ -1421,7 +1655,7 @@ function Spinner({ className }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            d: "M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67316C0.00433288 8.50043 -0.1937 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3078C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C20 7.84783 18.9464 5.3043 17.0711 3.42893C15.1957 1.55357 12.6522 0.5 10 0.5ZM10 17.7727C8.56159 17.7727 7.15549 17.3462 5.95949 16.547C4.7635 15.7479 3.83134 14.6121 3.28088 13.2831C2.73042 11.9542 2.5864 10.4919 2.86702 9.08116C3.14764 7.67039 3.8403 6.37451 4.85741 5.3574C5.87452 4.3403 7.17039 3.64764 8.58116 3.36702C9.99193 3.0864 11.4542 3.23042 12.7832 3.78088C14.1121 4.33133 15.2479 5.26349 16.0471 6.45949C16.8462 7.65548 17.2727 9.06159 17.2727 10.5C17.2727 12.4288 16.5065 14.2787 15.1426 15.6426C13.7787 17.0065 11.9288 17.7727 10 17.7727Z",
+            d: "M10 0.5C8.02 0.5 6.08 1.08 4.44 2.18C2.79 3.28 1.51 4.84 0.76 6.67C0.00 8.50 -0.19 10.51 0.19 12.45C0.57 14.39 1.53 16.17 2.92 17.57C4.32 18.96 6.10 19.92 8.04 20.30C9.98 20.69 11.99 20.49 13.82 19.73C15.65 18.98 17.21 17.70 18.31 16.05C19.41 14.41 20 12.47 20 10.5C20 7.84 18.94 5.30 17.07 3.42C15.19 1.55 12.65 0.5 10 0.5ZM10 17.77C8.56 17.77 7.15 17.34 5.95 16.54C4.76 15.74 3.83 14.61 3.28 13.28C2.73 11.95 2.58 10.49 2.86 9.08C3.14 7.67 3.84 6.37 4.85 5.35C5.87 4.34 7.17 3.64 8.58 3.36C9.99 3.08 11.45 3.23 12.78 3.78C14.11 4.33 15.24 5.26 16.04 6.45C16.84 7.65 17.27 9.06 17.27 10.5C17.27 12.42 16.50 14.27 15.14 15.64C13.77 17.00 11.92 17.77 10 17.77Z",
             fill: "currentColor",
             opacity: 0.3
           }
@@ -1429,7 +1663,7 @@ function Spinner({ className }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            d: "M10 3.22767C11.7423 3.22846 13.4276 3.8412 14.7556 4.95667C16.0837 6.07214 16.9681 7.61784 17.2512 9.31825C17.3012 9.64364 17.4662 9.94096 17.7169 10.1573C17.9677 10.3737 18.2878 10.4951 18.6205 10.5C18.8211 10.5001 19.0193 10.457 19.2012 10.3735C19.3832 10.2901 19.5445 10.1684 19.674 10.017C19.8036 9.86549 19.8981 9.68789 19.9511 9.49656C20.004 9.30523 20.0141 9.10478 19.9807 8.90918C19.5986 6.56305 18.3843 4.42821 16.5554 2.88726C14.7265 1.34631 12.4025 0.5 10 0.5C7.59751 0.5 5.27354 1.34631 3.44461 2.88726C1.61569 4.42821 0.401366 6.56305 0.0192815 8.90918C-0.0141442 9.10478 -0.00402016 9.30523 0.0489472 9.49656C0.101914 9.68789 0.196449 9.86549 0.325956 10.017C0.455463 10.1684 0.616823 10.2901 0.798778 10.3735C0.980732 10.457 1.1789 10.5001 1.37945 10.5C1.71216 10.4951 2.03235 10.3737 2.28307 10.1573C2.5338 9.94096 2.69883 9.64364 2.74882 9.31825C3.03193 7.61784 3.91633 6.07214 5.24436 4.95667C6.57239 3.8412 8.25775 3.22846 10 3.22767Z",
+            d: "M10 3.22C11.74 3.22 13.42 3.84 14.75 4.95C16.08 6.07 16.96 7.61 17.25 9.31C17.30 9.64 17.46 9.94 17.71 10.15C17.96 10.37 18.28 10.49 18.62 10.5C18.82 10.50 19.01 10.45 19.20 10.37C19.38 10.29 19.54 10.16 19.67 10.01C19.80 9.86 19.89 9.68 19.95 9.49C20.00 9.30 20.01 9.10 19.98 8.90C19.59 6.56 18.38 4.42 16.55 2.88C14.72 1.34 12.40 0.5 10 0.5C7.59 0.5 5.27 1.34 3.44 2.88C1.61 4.42 0.40 6.56 0.01 8.90C-0.01 9.10 -0.00 9.30 0.04 9.49C0.10 9.68 0.19 9.86 0.32 10.01C0.45 10.16 0.61 10.29 0.79 10.37C0.98 10.45 1.17 10.50 1.37 10.5C1.71 10.49 2.03 10.37 2.28 10.15C2.53 9.94 2.69 9.64 2.74 9.31C3.03 7.61 3.91 6.07 5.24 4.95C6.57 3.84 8.25 3.22 10 3.22Z",
             fill: "currentColor"
           }
         )
@@ -1481,7 +1715,7 @@ function ListRow({
       if (disabled) return;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
-        _optionalChain([onClick, 'optionalCall', _60 => _60(e)]);
+        _optionalChain([onClick, 'optionalCall', _61 => _61(e)]);
       }
     };
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1491,7 +1725,7 @@ function ListRow({
         role: "button",
         tabIndex: disabled ? -1 : 0,
         "aria-disabled": disabled || void 0,
-        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _61 => _61(e)]),
+        onClick: disabled ? void 0 : (e) => _optionalChain([onClick, 'optionalCall', _62 => _62(e)]),
         onKeyDown: handleKey,
         children: inner
       }
@@ -1511,231 +1745,319 @@ function ListRow({
 }
 ListRow.displayName = "ListRow";
 
-// src/components/ui/WalletBadgeIcons.tsx
+// src/components/ui/WalletBadgeIcons/RabbyIcon.tsx
 
-var RabbyIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#rs-rabby-clip)", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "mask",
-      {
-        id: "rs-rabby-mask",
-        style: { maskType: "luminance" },
-        maskUnits: "userSpaceOnUse",
-        x: "0",
-        y: "0",
-        width: "20",
-        height: "20",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+function RabbyIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#rs-rabby-clip)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "mask",
+            {
+              id: "rs-rabby-mask",
+              style: { maskType: "luminance" },
+              maskUnits: "userSpaceOnUse",
+              x: "0",
+              y: "0",
+              width: "20",
+              height: "20",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "path",
+                {
+                  d: "M20 10C20 4.47 15.52 0 10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10Z",
+                  fill: "white"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { mask: "url(#rs-rabby-mask)", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                d: "M20 10C20 4.47 15.52 0 10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10Z",
+                fill: "#7084FF"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                d: "M17.25 10.86C17.82 9.57 14.98 5.97 12.26 4.47C10.55 3.31 8.77 3.47 8.41 3.98C7.62 5.10 11.03 6.05 13.32 7.16C12.83 7.37 12.36 7.76 12.09 8.25C11.24 7.31 9.37 6.51 7.18 7.16C5.70 7.59 4.47 8.62 3.99 10.18C3.85 10.11 3.70 10.09 3.54 10.10C3.39 10.11 3.24 10.16 3.11 10.25C2.98 10.33 2.87 10.45 2.80 10.58C2.72 10.72 2.69 10.87 2.69 11.03C2.69 11.55 3.10 11.96 3.62 11.96C3.71 11.96 4.01 11.90 4.01 11.90L8.77 11.93C6.87 14.96 5.36 15.41 5.36 15.93C5.36 16.46 6.80 16.32 7.34 16.12C9.93 15.18 12.71 12.26 13.19 11.42C15.19 11.67 16.87 11.70 17.25 10.86Z",
+                fill: "url(#rs-rabby-grad0)"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M13.31 7.15L13.32 7.16C13.42 7.11 13.41 6.96 13.38 6.83C13.31 6.55 12.16 5.41 11.07 4.90C9.60 4.20 8.51 4.23 8.35 4.56C8.65 5.18 10.04 5.76 11.50 6.36C12.12 6.62 12.75 6.88 13.31 7.15Z",
+                fill: "url(#rs-rabby-grad1)"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M11.45 13.38C11.11 13.26 10.77 13.15 10.43 13.07C10.84 12.33 10.92 11.25 10.54 10.56C10.00 9.60 9.32 9.08 7.73 9.08C6.87 9.08 4.53 9.38 4.48 11.34C4.48 11.54 4.48 11.73 4.50 11.90L8.77 11.93C8.20 12.85 7.66 13.53 7.18 14.05C7.75 14.19 8.22 14.32 8.65 14.43C9.06 14.54 9.43 14.63 9.82 14.73C10.41 14.30 10.96 13.83 11.45 13.38Z",
+                fill: "url(#rs-rabby-grad2)"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                d: "M3.94 11.70C4.11 13.19 4.96 13.77 6.68 13.94C8.40 14.12 9.39 14.00 10.71 14.12C11.81 14.22 12.79 14.78 13.15 14.59C13.48 14.42 13.30 13.78 12.86 13.38C12.29 12.85 11.50 12.49 10.12 12.36C10.39 11.60 10.32 10.54 9.89 9.96C9.27 9.12 8.13 8.75 6.68 8.91C5.17 9.08 3.72 9.83 3.94 11.70Z",
+                fill: "url(#rs-rabby-grad3)"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "linearGradient",
+            {
+              id: "rs-rabby-grad0",
+              x1: "7.00",
+              y1: "9.72",
+              x2: "17.13",
+              y2: "12.58",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "white" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "white" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "linearGradient",
+            {
+              id: "rs-rabby-grad1",
+              x1: "15.42",
+              y1: "9.53",
+              x2: "8.09",
+              y2: "2.21",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "linearGradient",
+            {
+              id: "rs-rabby-grad2",
+              x1: "11.65",
+              y1: "13.64",
+              x2: "4.63",
+              y2: "9.61",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "linearGradient",
+            {
+              id: "rs-rabby-grad3",
+              x1: "7.61",
+              y1: "9.64",
+              x2: "12.37",
+              y2: "15.67",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "white" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0.98", stopColor: "#D1D8FF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "20", height: "20", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/WalletBadgeIcons/PhantomIcon.tsx
+
+function PhantomIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M15.18 0H4.81C2.15 0 0 2.15 0 4.81V15.18C0 17.84 2.15 20 4.81 20H15.18C17.84 20 20 17.84 20 15.18V4.81C20 2.15 17.84 0 15.18 0Z",
+            fill: "#AB9FF2"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            d: "M20 10C20 4.47688 15.5231 0 10 0C4.47688 0 0 4.47688 0 10C0 15.5231 4.47688 20 10 20C15.5231 20 20 15.5231 20 10Z",
-            fill: "white"
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.61 12.94C7.77 14.23 6.37 15.85 4.50 15.85C3.62 15.85 2.77 15.49 2.77 13.91C2.77 9.89 8.26 3.67 13.35 3.67C16.25 3.67 17.40 5.68 17.40 7.96C17.40 10.89 15.50 14.24 13.61 14.24C13.01 14.24 12.72 13.91 12.72 13.39C12.72 13.25 12.74 13.10 12.79 12.94C12.14 14.04 10.90 15.07 9.73 15.07C8.88 15.07 8.45 14.53 8.45 13.78C8.45 13.51 8.51 13.23 8.61 12.94ZM15.49 7.88C15.49 8.54 15.10 8.88 14.66 8.88C14.21 8.88 13.83 8.54 13.83 7.88C13.83 7.21 14.21 6.88 14.66 6.88C15.10 6.88 15.49 7.22 15.49 7.88ZM13.00 7.88C13.00 8.54 12.60 8.88 12.17 8.88C11.72 8.88 11.33 8.54 11.33 7.88C11.33 7.22 11.72 6.88 12.17 6.88C12.60 6.88 13.00 7.22 13.00 7.88",
+            fill: "#FFFDF8"
           }
         )
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { mask: "url(#rs-rabby-mask)", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M20 10C20 4.47688 15.5231 0 10 0C4.47688 0 0 4.47688 0 10C0 15.5231 4.47688 20 10 20C15.5231 20 20 15.5231 20 10Z",
-          fill: "#7084FF"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M17.2515 10.8675C17.8265 9.57871 14.9847 5.97871 12.2697 4.47934C10.5584 3.31684 8.77529 3.47684 8.41404 3.98684C7.62154 5.10684 11.039 6.05559 13.3234 7.16184C12.8322 7.37621 12.3697 7.76059 12.0972 8.25184C11.2453 7.31871 9.37529 6.51434 7.18154 7.16246C5.70279 7.59871 4.47404 8.62684 3.99904 10.18C3.85708 10.1175 3.70178 10.0914 3.5472 10.1041C3.39262 10.1168 3.24365 10.1678 3.11376 10.2526C2.98388 10.3373 2.87719 10.4532 2.80336 10.5896C2.72952 10.726 2.69088 10.8786 2.69092 11.0337C2.69092 11.55 3.10717 11.9681 3.62154 11.9681C3.71654 11.9681 4.01467 11.9037 4.01467 11.9037L8.77529 11.9387C6.87154 14.9687 5.36654 15.4118 5.36654 15.9368C5.36654 16.4618 6.80654 16.32 7.34717 16.1243C9.93467 15.1868 12.714 12.2675 13.1909 11.4268C15.1934 11.6775 16.8765 11.7075 17.2515 10.8675Z",
-          fill: "url(#rs-rabby-grad0)"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M13.3147 7.15865L13.3216 7.16177C13.4279 7.1199 13.4104 6.96302 13.3816 6.8399C13.3147 6.55615 12.161 5.41365 11.0779 4.90177C9.60224 4.20427 8.51536 4.2399 8.35474 4.56177C8.65474 5.18052 10.0485 5.76052 11.5047 6.3674C12.1235 6.6249 12.7529 6.88677 13.3147 7.15865Z",
-          fill: "url(#rs-rabby-grad1)"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M11.4522 13.3856C11.1193 13.26 10.7791 13.1548 10.4335 13.0706C10.8422 12.3369 10.9278 11.2506 10.5416 10.5644C10.0003 9.60001 9.32033 9.08688 7.73971 9.08688C6.87096 9.08688 4.53096 9.38063 4.48971 11.3406C4.48471 11.5456 4.4895 11.7346 4.50408 11.9075L8.77721 11.9388C8.20096 12.8556 7.66158 13.5363 7.18908 14.0531C7.75596 14.1994 8.22408 14.3219 8.65408 14.4344C9.06158 14.5406 9.43471 14.6381 9.82471 14.7381C10.4141 14.3069 10.9685 13.8381 11.4522 13.3856Z",
-          fill: "url(#rs-rabby-grad2)"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M3.94351 11.7048C4.11789 13.1936 4.96101 13.7773 6.68476 13.9498C8.40851 14.1223 9.39664 14.0067 10.7123 14.1273C11.8116 14.2273 12.7929 14.7898 13.1573 14.5954C13.4848 14.4204 13.301 13.7892 12.8629 13.3836C12.2941 12.8586 11.5079 12.4936 10.1241 12.3642C10.3998 11.6061 10.3223 10.5436 9.89414 9.96543C9.27476 9.1298 8.13164 8.7523 6.68476 8.9173C5.17226 9.0898 3.72414 9.83605 3.94351 11.7048Z",
-          fill: "url(#rs-rabby-grad3)"
-        }
-      )
-    ] })
-  ] }),
-  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "linearGradient",
-      {
-        id: "rs-rabby-grad0",
-        x1: "7.00904",
-        y1: "9.72621",
-        x2: "17.1328",
-        y2: "12.5875",
-        gradientUnits: "userSpaceOnUse",
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "white" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "white" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "linearGradient",
-      {
-        id: "rs-rabby-grad1",
-        x1: "15.4216",
-        y1: "9.5324",
-        x2: "8.09661",
-        y2: "2.21365",
-        gradientUnits: "userSpaceOnUse",
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#8697FF" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "linearGradient",
-      {
-        id: "rs-rabby-grad2",
-        x1: "11.6553",
-        y1: "13.6413",
-        x2: "4.63033",
-        y2: "9.61626",
-        gradientUnits: "userSpaceOnUse",
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#8697FF" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "linearGradient",
-      {
-        id: "rs-rabby-grad3",
-        x1: "7.61476",
-        y1: "9.64918",
-        x2: "12.3748",
-        y2: "15.6773",
-        gradientUnits: "userSpaceOnUse",
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "white" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0.984", stopColor: "#D1D8FF" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "20", height: "20", fill: "white" }) })
-  ] })
-] });
-var PhantomIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
-    {
-      d: "M15.1852 0H4.81481C2.15567 0 0 2.15567 0 4.81481V15.1852C0 17.8443 2.15567 20 4.81481 20H15.1852C17.8443 20 20 17.8443 20 15.1852V4.81481C20 2.15567 17.8443 0 15.1852 0Z",
-      fill: "#AB9FF2"
-    }
-  ),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M8.61617 12.9486C7.77876 14.2315 6.37579 15.855 4.50894 15.855C3.62635 15.855 2.77783 15.4917 2.77783 13.9136C2.77783 9.89449 8.26542 3.67264 13.3569 3.67264C16.2534 3.67264 17.4075 5.68227 17.4075 7.9643C17.4075 10.8936 15.5067 14.2428 13.6171 14.2428C13.0175 14.2428 12.7232 13.9136 12.7232 13.3913C12.7232 13.255 12.7459 13.1075 12.7912 12.9486C12.1462 14.0499 10.9015 15.0717 9.73617 15.0717C8.88765 15.0717 8.45765 14.538 8.45765 13.7887C8.45765 13.5162 8.51431 13.2325 8.61617 12.9486ZM15.4958 7.88486C15.4958 8.54986 15.1032 8.88245 14.6643 8.88245C14.2189 8.88245 13.8332 8.54986 13.8332 7.88486C13.8332 7.21986 14.2189 6.88745 14.6645 6.88745C15.1034 6.88745 15.4958 7.22004 15.4958 7.88486ZM13.0017 7.88486C13.0017 8.54986 12.6095 8.88245 12.1706 8.88245C11.7251 8.88245 11.3393 8.54986 11.3393 7.88505C11.3393 7.22005 11.7251 6.88745 12.1706 6.88745C12.6095 6.88745 13.0017 7.22005 13.0017 7.88505",
-      fill: "#FFFDF8"
-    }
-  )
-] });
-var WalletConnectIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
-    {
-      d: "M6.18 7.96a5.36 5.36 0 0 1 7.64 0l.25.26a.26.26 0 0 1 0 .37l-.87.87a.13.13 0 0 1-.19 0l-.35-.35a3.74 3.74 0 0 0-5.32 0l-.38.37a.13.13 0 0 1-.19 0l-.86-.86a.26.26 0 0 1 0-.37l.27-.29Zm9.43 1.79.78.78a.26.26 0 0 1 0 .37l-3.54 3.54a.26.26 0 0 1-.37 0l-2.51-2.5a.07.07 0 0 0-.09 0l-2.51 2.5a.26.26 0 0 1-.37 0L3.46 10.9a.26.26 0 0 1 0-.37l.78-.78a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0L9.72 9.75a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0l2.5-2.5a.26.26 0 0 1 .37 0Z",
-      fill: "#fff"
+      ]
     }
-  )
-] });
-var EthBadgeIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
+  );
+}
+
+// src/components/ui/WalletBadgeIcons/WalletConnectIcon.tsx
+
+function WalletConnectIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
     {
-      d: "M9.99987 19.9319C15.4852 19.9319 19.9319 15.4852 19.9319 9.9999C19.9319 4.51461 15.4852 0.0679016 9.99987 0.0679016C4.51458 0.0679016 0.0678711 4.51461 0.0678711 9.9999C0.0678711 15.4852 4.51458 19.9319 9.99987 19.9319Z",
-      fill: "#E3E3E3"
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6.18 7.96a5.36 5.36 0 0 1 7.64 0l.25.26a.26.26 0 0 1 0 .37l-.87.87a.13.13 0 0 1-.19 0l-.35-.35a3.74 3.74 0 0 0-5.32 0l-.38.37a.13.13 0 0 1-.19 0l-.86-.86a.26.26 0 0 1 0-.37l.27-.29Zm9.43 1.79.78.78a.26.26 0 0 1 0 .37l-3.54 3.54a.26.26 0 0 1-.37 0l-2.51-2.5a.07.07 0 0 0-.09 0l-2.51 2.5a.26.26 0 0 1-.37 0L3.46 10.9a.26.26 0 0 1 0-.37l.78-.78a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0L9.72 9.75a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0l2.5-2.5a.26.26 0 0 1 .37 0Z",
+            fill: "#fff"
+          }
+        )
+      ]
     }
-  ),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.0073 2.18121L14.6948 9.99371L10.0247 7.98052L10.0073 2.18121Z", fill: "#2F3030" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5.31982 9.99371L9.98998 2.18121L10.0073 7.98052L5.31982 9.99371Z", fill: "#828384" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9.98998 12.8062L5.31982 10.047L10.0073 8.11871L9.98998 12.8062Z", fill: "#343535" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14.6948 10.047L10.0247 8.11871L10.0073 12.8062L14.6948 10.047Z", fill: "#131313" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.0073 14.0046L14.6948 11.2437L10.0073 17.8062V14.0046Z", fill: "#2F3030" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.0073 14.0046L5.31982 11.2437L10.0073 17.8062V14.0046Z", fill: "#828384" })
-] });
-var SolBadgeIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
+  );
+}
+
+// src/components/ui/WalletBadgeIcons/EthBadgeIcon.tsx
+
+function EthBadgeIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
     {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M4.62391 9.04404H13.8799C13.9959 9.04404 14.1039 9.08804 14.1839 9.17204L15.6479 10.644C15.9199 10.916 15.7279 11.38 15.3439 11.38H6.08791C5.97191 11.38 5.86391 11.336 5.78391 11.252L4.31991 9.78004C4.04791 9.51203 4.23991 9.04404 4.62391 9.04404ZM4.31591 7.09204L5.77991 5.62003C5.86391 5.53603 5.97191 5.49203 6.08391 5.49203H15.3359C15.7199 5.49203 15.9159 5.95603 15.6399 6.22803L14.1799 7.70003C14.0999 7.78403 13.9879 7.82803 13.8759 7.82803H4.62391C4.23991 7.82803 4.04791 7.36404 4.31591 7.09204ZM15.6439 13.34L14.1799 14.816C14.0999 14.896 13.9879 14.944 13.8759 14.944H4.62391C4.23991 14.944 4.04791 14.48 4.31591 14.208L5.77991 12.732C5.86391 12.652 5.97191 12.604 6.08391 12.604H15.3359C15.7239 12.6 15.9199 13.064 15.6439 13.34Z",
-      fill: "url(#rs-sol-badge-grad)"
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M9.99 19.93C15.48 19.93 19.93 15.48 19.93 9.99C19.93 4.51 15.48 0.06 9.99 0.06C4.51 0.06 0.06 4.51 0.06 9.99C0.06 15.48 4.51 19.93 9.99 19.93Z",
+            fill: "#E3E3E3"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.00 2.18L14.69 9.99L10.02 7.98L10.00 2.18Z", fill: "#2F3030" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5.31 9.99L9.98 2.18L10.00 7.98L5.31 9.99Z", fill: "#828384" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9.98 12.80L5.31 10.04L10.00 8.11L9.98 12.80Z", fill: "#343535" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14.69 10.04L10.02 8.11L10.00 12.80L14.69 10.04Z", fill: "#131313" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.00 14.00L14.69 11.24L10.00 17.80V14.00Z", fill: "#2F3030" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10.00 14.00L5.31 11.24L10.00 17.80V14.00Z", fill: "#828384" })
+      ]
     }
-  ),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "linearGradient",
+  );
+}
+
+// src/components/ui/WalletBadgeIcons/SolBadgeIcon.tsx
+
+function SolBadgeIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
     {
-      id: "rs-sol-badge-grad",
-      x1: "4.85031",
-      y1: "15.3466",
-      x2: "15.1135",
-      y2: "5.08343",
-      gradientUnits: "userSpaceOnUse",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#CB4EE8" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#10F4B1" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.62 9.04H13.87C13.99 9.04 14.10 9.08 14.18 9.17L15.64 10.64C15.91 10.91 15.72 11.38 15.34 11.38H6.08C5.97 11.38 5.86 11.33 5.78 11.25L4.31 9.78C4.04 9.51 4.23 9.04 4.62 9.04ZM4.31 7.09L5.77 5.62C5.86 5.53 5.97 5.49 6.08 5.49H15.33C15.71 5.49 15.91 5.95 15.63 6.22L14.17 7.70C14.09 7.78 13.98 7.82 13.87 7.82H4.62C4.23 7.82 4.04 7.36 4.31 7.09ZM15.64 13.34L14.17 14.81C14.09 14.89 13.98 14.94 13.87 14.94H4.62C4.23 14.94 4.04 14.48 4.31 14.20L5.77 12.73C5.86 12.65 5.97 12.60 6.08 12.60H15.33C15.72 12.6 15.91 13.06 15.64 13.34Z",
+            fill: "url(#rs-sol-badge-grad)"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "linearGradient",
+          {
+            id: "rs-sol-badge-grad",
+            x1: "4.85",
+            y1: "15.34",
+            x2: "15.11",
+            y2: "5.08",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#CB4EE8" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#10F4B1" })
+            ]
+          }
+        ) })
       ]
     }
-  ) })
-] });
-var BaseBadgeIcon = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 111 111", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "path",
+  );
+}
+
+// src/components/ui/WalletBadgeIcons/BaseBadgeIcon.tsx
+
+function BaseBadgeIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
     {
-      d: "M54.921 93.4c20.942 0 37.92-16.978 37.92-37.921S75.863 17.558 54.92 17.558c-19.498 0-35.57 14.725-37.655 33.647h49.82v5.548h-49.82C19.351 75.675 35.423 93.4 54.921 93.4z",
-      fill: "#fff"
+      width: "20",
+      height: "20",
+      viewBox: "0 0 111 111",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M54.92 93.4c20.94 0 37.92-16.97 37.92-37.92S75.86 17.55 54.92 17.55c-19.49 0-35.57 14.72-37.65 33.64h49.82v5.54h-49.82C19.35 75.67 35.42 93.4 54.92 93.4z",
+            fill: "#fff"
+          }
+        )
+      ]
     }
-  )
-] });
-var walletBadge = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-list-row-meta-icons", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RabbyIcon, {}) }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhantomIcon, {}) }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletConnectIcon, {}) })
-] });
-var chainBadge = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-list-row-meta-icons", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EthBadgeIcon, {}) }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SolBadgeIcon, {}) }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseBadgeIcon, {}) })
-] });
+  );
+}
+
+// src/components/ui/WalletBadgeIcons/index.tsx
+
 function WalletBadgeIcons() {
-  return walletBadge;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RabbyIcon, {}) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhantomIcon, {}) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletConnectIcon, {}) })
+  ] });
 }
 WalletBadgeIcons.displayName = "WalletBadgeIcons";
 function ChainBadgeIcons() {
-  return chainBadge;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EthBadgeIcon, {}) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SolBadgeIcon, {}) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseBadgeIcon, {}) })
+  ] });
 }
 ChainBadgeIcons.displayName = "ChainBadgeIcons";
 
@@ -1745,6 +2067,11 @@ function formatBalanceUsd(value) {
   if (!Number.isFinite(value) || value <= 0) return "$0.00";
   return `$${value.toFixed(2)}`;
 }
+function fiatIcon(name) {
+  if (name === "apple") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppleIcon, {});
+  if (name === "bank") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BankIcon, {});
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardIcon, {});
+}
 function shorten(addr) {
   return addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr;
 }
@@ -1761,9 +2088,21 @@ function renderWalletLeading(row) {
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {});
 }
+var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TransferCryptoIcon, {});
+var WALLET_LEADING = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {});
+var SMALL_SPINNER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { className: "rs-spinner--sm" });
+var CONNECT_META = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletBadgeIcons, {}),
+  "+100 wallets"
+] });
+var EXTRA_CHAIN_COUNT = Math.max(0, _chunkMILJQWPTcjs.getSupportedChainIds.call(void 0, ).length - 3);
+var CHAIN_BADGE_META = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChainBadgeIcons, {}),
+  EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT} chains` : "All chains"
+] });
 function renderRowTrailing(state) {
   if (state === "loading") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { className: "rs-spinner--sm" });
+    return SMALL_SPINNER;
   }
   return void 0;
 }
@@ -1773,6 +2112,10 @@ function ConnectStep({
   onSelectTransferCrypto,
   transferCryptoState,
   transferCryptoErrorReason,
+  onSelectPayWithCard,
+  fiatPaymentMethods,
+  onSelectFiatMethod,
+  onSelectFundFromExchange,
   onRequestConnect,
   onConnect,
   onDisconnect,
@@ -1786,12 +2129,7 @@ function ConnectStep({
   const hasReownWallet = rows.some(
     (row) => row.kind === "external" || row.kind === "solana"
   );
-  const showDappImports = hasReownWallet && (_nullishCoalesce(_optionalChain([dappImports, 'optionalAccess', _62 => _62.length]), () => ( 0))) > 0;
-  const extraChainCount = Math.max(0, _chunk7JIDIX27cjs.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"
-  ] });
+  const showDappImports = (_nullishCoalesce(_optionalChain([dappImports, 'optionalAccess', _63 => _63.length]), () => ( 0))) > 0;
   const defaultSubtitle = onSelectTransferCrypto ? "Add money to your balance" : "Choose a wallet to continue";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
@@ -1807,29 +2145,52 @@ function ConnectStep({
         onSelectTransferCrypto && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           ListRow,
           {
-            leading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TransferCryptoIcon, {}),
+            leading: TRANSFER_CRYPTO_LEADING,
             title: "Transfer crypto",
-            subtitle: transferCryptoState === "loading" ? "Preparing\u2026" : transferCryptoState === "error" ? _nullishCoalesce(transferCryptoErrorReason, () => ( "Couldn't prepare account \u2014 tap to retry")) : "Instant - No limit",
-            meta: chainBadge2,
-            onClick: onSelectTransferCrypto,
-            disabled: transferCryptoState === "loading",
-            trailing: transferCryptoState === "loading" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { className: "rs-spinner--sm" }) : void 0
+            subtitle: transferCryptoState === "error" ? _nullishCoalesce(transferCryptoErrorReason, () => ( "Couldn't prepare account \u2014 tap to retry")) : "Instant - No limit",
+            meta: CHAIN_BADGE_META,
+            onClick: onSelectTransferCrypto
+          }
+        ),
+        fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ListRow,
+          {
+            leading: fiatIcon(opt.icon),
+            title: opt.label,
+            subtitle: opt.sublabel,
+            onClick: () => onSelectFiatMethod(opt.method)
+          },
+          opt.method
+        )) : onSelectPayWithCard && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ListRow,
+          {
+            leading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardIcon, {}),
+            title: "Pay with Card",
+            subtitle: "Buy crypto with card or bank",
+            onClick: onSelectPayWithCard
+          }
+        ),
+        onSelectFundFromExchange && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ListRow,
+          {
+            leading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BankIcon, {}),
+            title: "Fund from Exchange",
+            subtitle: "Use Coinbase, Binance, MetaMask\u2026",
+            onClick: onSelectFundFromExchange
           }
         ),
         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 = 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', _63 => _63(row.id)]),
+              onClick: () => _optionalChain([onConfirmWallet, 'optionalCall', _64 => _64(row.id)]),
               disabled: row.state === "loading",
-              trailing: renderRowTrailing(row.state),
-              action: showInlineDisconnect && onDisconnect ? { label: "Disconnect", onClick: onDisconnect } : void 0
+              trailing: renderRowTrailing(row.state)
             },
             row.id
           );
@@ -1837,18 +2198,28 @@ function ConnectStep({
         !hasReownWallet && handleConnect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           ListRow,
           {
-            leading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {}),
+            leading: WALLET_LEADING,
             title: "Connect wallet",
             subtitle: "Instant - No limit",
-            meta: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletBadgeIcons, {}),
-              "+100 wallets"
-            ] }),
+            meta: CONNECT_META,
             onClick: handleConnect
           }
         ),
-        showDappImports && _optionalChain([dappImports, 'optionalAccess', _64 => _64.map, 'call', _65 => _65((row) => {
-          if (row.status === "loading") {
+        showDappImports && _optionalChain([dappImports, 'optionalAccess', _65 => _65.map, 'call', _66 => _66((row) => {
+          if (!hasReownWallet) {
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              ListRow,
+              {
+                leading: row.icon,
+                title: row.label,
+                subtitle: "Connect wallet to view balance",
+                onClick: handleConnect,
+                disabled: !handleConnect
+              },
+              row.id
+            );
+          }
+          if (row.status === "loading" || row.status === "needs-connect") {
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               ListRow,
               {
@@ -1856,7 +2227,7 @@ function ConnectStep({
                 title: row.label,
                 subtitle: "Checking balance\u2026",
                 disabled: true,
-                trailing: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { className: "rs-spinner--sm" })
+                trailing: SMALL_SPINNER
               },
               row.id
             );
@@ -1868,7 +2239,7 @@ function ConnectStep({
                 leading: row.icon,
                 title: row.label,
                 subtitle: formatBalanceUsd(row.status.balanceUsd),
-                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _66 => _66(row.id)])
+                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _67 => _67(row.id)])
               },
               row.id
             );
@@ -1880,7 +2251,7 @@ function ConnectStep({
                 leading: row.icon,
                 title: row.label,
                 subtitle: row.status.reason,
-                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _67 => _67(row.id)])
+                onClick: () => _optionalChain([onSelectDappImport, 'optionalCall', _68 => _68(row.id)])
               },
               row.id
             );
@@ -1898,6 +2269,15 @@ function ConnectStep({
         })])
       ] })
     ] }),
+    onDisconnect && hasReownWallet && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "rs-connect-wallet-manage",
+        onClick: onDisconnect,
+        children: "Disconnect wallet"
+      }
+    ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PoweredBy, {})
   ] });
 }
@@ -1905,7 +2285,7 @@ ConnectStep.displayName = "ConnectStep";
 
 // src/components/steps/ProcessingStep.tsx
 
-var _viem = require('viem');
+
 
 // src/components/ui/Button.tsx
 
@@ -1976,15 +2356,15 @@ function Tooltip({ content, children, className }) {
     function handleOutside(event) {
       const target = event.target;
       if (!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;
+      if (_optionalChain([triggerRef, 'access', _69 => _69.current, 'optionalAccess', _70 => _70.contains, 'call', _71 => _71(target)])) return;
+      if (_optionalChain([bubbleRef, 'access', _72 => _72.current, 'optionalAccess', _73 => _73.contains, 'call', _74 => _74(target)])) return;
       setOpen(false);
     }
     function handleKey(event) {
       if (event.key === "Escape") setOpen(false);
     }
     document.addEventListener("mousedown", handleOutside);
-    document.addEventListener("touchstart", handleOutside);
+    document.addEventListener("touchstart", handleOutside, { passive: true });
     document.addEventListener("keydown", handleKey);
     window.addEventListener("scroll", updatePosition, true);
     window.addEventListener("resize", updatePosition);
@@ -2044,46 +2424,6 @@ 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;
@@ -2097,7 +2437,7 @@ function asNumber(value) {
   const trimmed = value.trim();
   if (!trimmed) return void 0;
   const caipMatch = trimmed.match(/^eip155:(\d+)$/);
-  if (_optionalChain([caipMatch, 'optionalAccess', _74 => _74[1]])) {
+  if (_optionalChain([caipMatch, 'optionalAccess', _75 => _75[1]])) {
     const parsed2 = Number(caipMatch[1]);
     return Number.isFinite(parsed2) ? parsed2 : void 0;
   }
@@ -2116,28 +2456,28 @@ function asAddress(value) {
   return /^0x[a-fA-F0-9]{40}$/.test(value) ? value : void 0;
 }
 function getEventTxHash(event) {
-  if (!_optionalChain([event, 'optionalAccess', _75 => _75.type])) return void 0;
+  if (!_optionalChain([event, 'optionalAccess', _76 => _76.type])) return void 0;
   if (event.type === "deposit-received") {
-    return asString(_optionalChain([event, 'access', _76 => _76.data, 'optionalAccess', _77 => _77.transactionHash]));
+    return asString(_optionalChain([event, 'access', _77 => _77.data, 'optionalAccess', _78 => _78.transactionHash]));
   }
   if (event.type === "bridge-started" || event.type === "bridge-complete") {
-    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]))));
+    const deposit = isRecord(_optionalChain([event, 'access', _79 => _79.data, 'optionalAccess', _80 => _80.deposit])) ? event.data.deposit : void 0;
+    const source = isRecord(_optionalChain([event, 'access', _81 => _81.data, 'optionalAccess', _82 => _82.source])) ? event.data.source : void 0;
+    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _83 => _83.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _84 => _84.transactionHash]))));
   }
   if (event.type === "bridge-failed" || event.type === "error") {
-    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]))));
+    const deposit = isRecord(_optionalChain([event, 'access', _85 => _85.data, 'optionalAccess', _86 => _86.deposit])) ? event.data.deposit : void 0;
+    const source = isRecord(_optionalChain([event, 'access', _87 => _87.data, 'optionalAccess', _88 => _88.source])) ? event.data.source : void 0;
+    return _nullishCoalesce(asString(_optionalChain([deposit, 'optionalAccess', _89 => _89.transactionHash])), () => ( asString(_optionalChain([source, 'optionalAccess', _90 => _90.transactionHash]))));
   }
   if (event.type === "post-bridge-swap-complete" || event.type === "post-bridge-swap-failed") {
-    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]));
+    const deposit = isRecord(_optionalChain([event, 'access', _91 => _91.data, 'optionalAccess', _92 => _92.deposit])) ? event.data.deposit : void 0;
+    return asString(_optionalChain([deposit, 'optionalAccess', _93 => _93.transactionHash]));
   }
   return void 0;
 }
 function getEventSourceDetails(event) {
-  if (!_optionalChain([event, 'optionalAccess', _93 => _93.type]) || !isRecord(event.data)) return {};
+  if (!_optionalChain([event, 'optionalAccess', _94 => _94.type]) || !isRecord(event.data)) return {};
   if (event.type === "deposit-received") {
     return {
       chainId: asNumber(event.data.chain),
@@ -2149,15 +2489,18 @@ 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', _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]))))
+      chainId: _nullishCoalesce(asNumber(_optionalChain([source, 'optionalAccess', _95 => _95.chain])), () => ( asNumber(_optionalChain([deposit, 'optionalAccess', _96 => _96.chain])))),
+      amount: _nullishCoalesce(asAmount(_optionalChain([source, 'optionalAccess', _97 => _97.amount])), () => ( asAmount(_optionalChain([deposit, 'optionalAccess', _98 => _98.amount])))),
+      token: _nullishCoalesce(_nullishCoalesce(asAddress(_optionalChain([source, 'optionalAccess', _99 => _99.asset])), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _100 => _100.asset])))), () => ( asAddress(_optionalChain([deposit, 'optionalAccess', _101 => _101.token]))))
     };
   }
   return {};
 }
 function isDepositEvent(event) {
-  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";
+  return _optionalChain([event, 'optionalAccess', _102 => _102.type]) === "deposit-received" || _optionalChain([event, 'optionalAccess', _103 => _103.type]) === "bridge-started" || _optionalChain([event, 'optionalAccess', _104 => _104.type]) === "bridge-complete" || _optionalChain([event, 'optionalAccess', _105 => _105.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _106 => _106.type]) === "post-bridge-swap-complete" || _optionalChain([event, 'optionalAccess', _107 => _107.type]) === "post-bridge-swap-failed" || _optionalChain([event, 'optionalAccess', _108 => _108.type]) === "error";
+}
+function isFailedEvent(event) {
+  return _optionalChain([event, 'optionalAccess', _109 => _109.type]) === "bridge-failed" || _optionalChain([event, 'optionalAccess', _110 => _110.type]) === "post-bridge-swap-failed" || _optionalChain([event, 'optionalAccess', _111 => _111.type]) === "error";
 }
 function isHexString(value) {
   return value.startsWith("0x") || value.startsWith("0X");
@@ -2168,6 +2511,41 @@ function txRefsMatch(a, b) {
   }
   return a === b;
 }
+function formatBridgeFailedMessage(event) {
+  const eventData = _nullishCoalesce(_optionalChain([event, 'optionalAccess', _112 => _112.data]), () => ( {}));
+  const code = typeof eventData.errorCode === "string" ? eventData.errorCode : void 0;
+  const backendMessage = typeof eventData.message === "string" ? eventData.message.trim() : "";
+  function toUserFacingFailure(raw) {
+    const lower = raw.toLowerCase();
+    if (lower.includes("insufficient funds")) {
+      return "Deposit was received, but processing could not continue due to insufficient funds. Please retry.";
+    }
+    if (lower.includes("no valid quote available")) {
+      return "No bridge route is currently available for this transfer. Please try again shortly.";
+    }
+    if (lower.includes("simulation failed")) {
+      return "Transfer processing failed during simulation. Please retry.";
+    }
+    if (raw.length > 220) {
+      return "Transfer processing failed. Please retry.";
+    }
+    return raw;
+  }
+  if (backendMessage.length > 0) {
+    return { message: toUserFacingFailure(backendMessage), code };
+  }
+  if (code) {
+    return { message: `Bridge failed (${code})`, code };
+  }
+  return { message: "Bridge failed" };
+}
+function failureMessageForEvent(event) {
+  if (_optionalChain([event, 'optionalAccess', _113 => _113.type]) === "error") {
+    const message = isRecord(event.data) ? asString(event.data.message) : void 0;
+    return _nullishCoalesce(message, () => ( "Unknown error"));
+  }
+  return formatBridgeFailedMessage(event).message;
+}
 
 // src/components/steps/ProcessingStep.tsx
 
@@ -2241,6 +2619,47 @@ var SOFT_DELAY_MS = {
   bridging: 4 * 60 * 1e3
 };
 var PHASE_TIMINGS_PREFIX = "rhinestone:phase-timings";
+var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set([
+  "USDC",
+  "USDT",
+  "DAI",
+  "FRAX",
+  "PYUSD",
+  "USDP",
+  "TUSD",
+  "GUSD",
+  "USDS",
+  "LUSD",
+  "BUSD",
+  "USDE"
+]);
+function maxFractionDigitsFor(symbol) {
+  if (!symbol) return 6;
+  return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
+}
+var PAYMENT_METHOD_LABELS = {
+  creditcard: "Card",
+  debitcard: "Card",
+  card: "Card",
+  "apple-pay": "Apple Pay",
+  applepay: "Apple Pay",
+  "google-pay": "Google Pay",
+  googlepay: "Google Pay",
+  "bank-transfer": "Bank Transfer",
+  banktransfer: "Bank Transfer",
+  sepa: "SEPA",
+  "open-banking": "Open Banking",
+  "krak-pay": "Kraken Pay",
+  krakpay: "Kraken Pay",
+  kraken: "Kraken",
+  coinbase: "Coinbase",
+  binance: "Binance"
+};
+function formatPaymentMethod(method) {
+  const key = method.trim().toLowerCase();
+  if (PAYMENT_METHOD_LABELS[key]) return PAYMENT_METHOD_LABELS[key];
+  return key.replace(/[-_]+/g, " ").split(" ").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
 function loadPhaseTimings(txHash) {
   if (typeof window === "undefined") return null;
   try {
@@ -2249,7 +2668,7 @@ function loadPhaseTimings(txHash) {
     const parsed = JSON.parse(raw);
     if (typeof parsed.startedAt !== "number") return null;
     return parsed;
-  } catch (e3) {
+  } catch (e4) {
     return null;
   }
 }
@@ -2260,7 +2679,7 @@ function savePhaseTimings(txHash, timings) {
       `${PHASE_TIMINGS_PREFIX}:${txHash}`,
       JSON.stringify(timings)
     );
-  } catch (e4) {
+  } catch (e5) {
   }
 }
 function isEventForTx(event, txHash) {
@@ -2268,45 +2687,13 @@ function isEventForTx(event, txHash) {
   if (!eventTxHash) return false;
   return txRefsMatch(eventTxHash, txHash);
 }
-function formatBridgeFailedMessage(event) {
-  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) {
-    const lower = raw.toLowerCase();
-    if (lower.includes("insufficient funds")) {
-      return "Deposit was received, but processing could not continue due to insufficient funds. Please retry.";
-    }
-    if (lower.includes("no valid quote available")) {
-      return "No bridge route is currently available for this transfer. Please try again shortly.";
-    }
-    if (lower.includes("simulation failed")) {
-      return "Transfer processing failed during simulation. Please retry.";
-    }
-    if (raw.length > 220) {
-      return "Transfer processing failed. Please retry.";
-    }
-    return raw;
-  }
-  if (backendMessage.length > 0) {
-    const userMessage = toUserFacingFailure(backendMessage);
-    return {
-      message: userMessage,
-      code
-    };
-  }
-  if (code) {
-    return { message: `Bridge failed (${code})`, code };
-  }
-  return { message: "Bridge failed" };
-}
 function parseWebhookTimestamp(event) {
-  if (typeof _optionalChain([event, 'optionalAccess', _109 => _109.time]) !== "string") return void 0;
+  if (typeof _optionalChain([event, 'optionalAccess', _114 => _114.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', _110 => _110.type])) return previous;
+  if (!_optionalChain([event, 'optionalAccess', _115 => _115.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;
@@ -2319,11 +2706,35 @@ function syncPhaseTimings(previous, event) {
     ...setCompleted && { completedAt: timestamp }
   };
 }
-function formatElapsedTime(seconds) {
-  if (seconds < 60) return `${seconds} second${seconds !== 1 ? "s" : ""}`;
-  const mins = Math.floor(seconds / 60);
-  const secs = seconds % 60;
-  return `${mins}m ${secs}s`;
+function formatTimer(seconds) {
+  const safe = Math.max(0, seconds);
+  const mins = Math.floor(safe / 60);
+  const secs = safe % 60;
+  return `${mins}:${String(secs).padStart(2, "0")}`;
+}
+function TickerChar({ value }) {
+  const [current, setCurrent] = _react.useState.call(void 0, value);
+  const [previous, setPrevious] = _react.useState.call(void 0, null);
+  const [animKey, setAnimKey] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    if (value === current) return;
+    setPrevious(current);
+    setCurrent(value);
+    setAnimKey((k) => k + 1);
+    const timeout = setTimeout(() => setPrevious(null), 360);
+    return () => clearTimeout(timeout);
+  }, [value, current]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-ticker-slot", children: [
+    previous !== null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
+  ] });
+}
+function Ticker({ value }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
+    // Position-stable key so each slot keeps its own animation state.
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TickerChar, { value: char }, index)
+  )) });
 }
 function getPhaseStartTime(phaseId, phaseTimings) {
   if (phaseId === "confirming") return phaseTimings.startedAt;
@@ -2337,19 +2748,16 @@ function getFailedPhaseId(phaseTimings) {
   if (phaseTimings.receivedAt !== void 0) return "received";
   return "confirming";
 }
-function getCurrentPhaseId(state, phaseTimings, isEarlyComplete) {
+function getCurrentPhaseId(state, phaseTimings) {
   if (state.type === "failed") {
     return getFailedPhaseId(phaseTimings);
   }
-  if (isEarlyComplete) {
-    return "bridging";
-  }
   if (state.type === "complete") {
     return void 0;
   }
-  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")
+  if (_optionalChain([state, 'access', _116 => _116.lastEvent, 'optionalAccess', _117 => _117.type]) === "bridge-started" || _optionalChain([state, 'access', _118 => _118.lastEvent, 'optionalAccess', _119 => _119.type]) === "bridge-complete")
     return "bridging";
-  if (_optionalChain([state, 'access', _115 => _115.lastEvent, 'optionalAccess', _116 => _116.type]) === "deposit-received") return "received";
+  if (_optionalChain([state, 'access', _120 => _120.lastEvent, 'optionalAccess', _121 => _121.type]) === "deposit-received") return "received";
   return "confirming";
 }
 function ProcessingStep({
@@ -2362,7 +2770,7 @@ function ProcessingStep({
   amount,
   sourceSymbol: providedSourceSymbol,
   sourceDecimals: providedSourceDecimals,
-  waitForFinalTx,
+  amountUsd,
   hasPostBridgeActions,
   service,
   directTransfer,
@@ -2370,10 +2778,10 @@ function ProcessingStep({
   debug,
   targetToken,
   uiConfig,
-  estimatedTime = "< 1 min",
-  quotedFeeAmount = "0.1",
+  quotedFeeAmount,
   quotedFeeSymbol,
   balanceAfterUsd,
+  isSwappedOrder,
   onClose,
   onNewDeposit,
   onRetry,
@@ -2389,9 +2797,10 @@ function ProcessingStep({
     amount,
     sourceChain,
     sourceToken,
+    sourceDecimals: providedSourceDecimals,
+    amountUsd,
     targetChain,
     targetToken,
-    waitForFinalTx,
     hasPostBridgeActions
   });
   const onDepositCompleteRef = useLatestRef(onDepositComplete);
@@ -2410,23 +2819,35 @@ function ProcessingStep({
     return { startedAt: startTimeRef.current };
   });
   const [hasEscalatedDelay, setHasEscalatedDelay] = _react.useState.call(void 0, false);
+  const updatePhaseTimings = _react.useCallback.call(void 0, 
+    (updater) => {
+      setPhaseTimings((previous) => {
+        const next = updater(previous);
+        savePhaseTimings(txHash, next);
+        return next;
+      });
+    },
+    [txHash]
+  );
   _react.useEffect.call(void 0, () => {
     if (!directTransfer) return;
     const completedAt = Date.now();
-    setPhaseTimings({
+    updatePhaseTimings(() => ({
       startedAt: startTimeRef.current,
       completedAt,
       endedAt: completedAt
-    });
+    }));
     debugLog(debug, "processing", "direct-transfer:complete", {
       txHash,
       flowLabel
     });
     const context = processingContextRef.current;
-    _optionalChain([onDepositCompleteRef, 'access', _117 => _117.current, 'optionalCall', _118 => _118(txHash, void 0, {
+    _optionalChain([onDepositCompleteRef, 'access', _122 => _122.current, 'optionalCall', _123 => _123(txHash, void 0, {
       amount: context.amount,
       sourceChain: context.sourceChain,
       sourceToken: context.sourceToken,
+      sourceDecimals: context.sourceDecimals,
+      amountUsd: context.amountUsd,
       targetChain: context.targetChain,
       targetToken: context.targetToken
     })]);
@@ -2436,7 +2857,8 @@ function ProcessingStep({
     flowLabel,
     onDepositCompleteRef,
     processingContextRef,
-    txHash
+    txHash,
+    updatePhaseTimings
   ]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer || state.type !== "processing") return;
@@ -2453,17 +2875,38 @@ function ProcessingStep({
     if (state.type === "processing") return;
     const endedAt = state.type === "complete" ? _nullishCoalesce(phaseTimings.completedAt, () => ( Date.now())) : Date.now();
     setElapsedSeconds(Math.floor((endedAt - startTimeRef.current) / 1e3));
-    setPhaseTimings(
+    updatePhaseTimings(
       (previous) => previous.endedAt !== void 0 ? previous : { ...previous, endedAt }
     );
-  }, [phaseTimings.completedAt, state.type]);
+  }, [phaseTimings.completedAt, state.type, updatePhaseTimings]);
   _react.useEffect.call(void 0, () => {
     if (!state.lastEvent) return;
-    setPhaseTimings((previous) => syncPhaseTimings(previous, state.lastEvent));
-  }, [_optionalChain([state, 'access', _119 => _119.lastEvent, 'optionalAccess', _120 => _120.time]), _optionalChain([state, 'access', _121 => _121.lastEvent, 'optionalAccess', _122 => _122.type])]);
+    updatePhaseTimings(
+      (previous) => syncPhaseTimings(previous, state.lastEvent)
+    );
+  }, [_optionalChain([state, 'access', _124 => _124.lastEvent, 'optionalAccess', _125 => _125.time]), _optionalChain([state, 'access', _126 => _126.lastEvent, 'optionalAccess', _127 => _127.type]), updatePhaseTimings]);
+  const [swappedFiatContext, setSwappedFiatContext] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    savePhaseTimings(txHash, phaseTimings);
-  }, [txHash, phaseTimings]);
+    let cancelled = false;
+    service.fetchSwappedOrderStatus(smartAccount).then((res) => {
+      if (cancelled || !res) return;
+      if (res.transactionId != null) {
+        if (res.transactionId.toLowerCase() !== txHash.toLowerCase()) return;
+      } else if (!isSwappedOrder) {
+        return;
+      }
+      setSwappedFiatContext({
+        paidAmountUsd: res.paidAmountUsd,
+        paidAmountEur: res.paidAmountEur,
+        onrampFeeUsd: res.onrampFeeUsd,
+        paymentMethod: res.paymentMethod
+      });
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [service, smartAccount, txHash, isSwappedOrder]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer) return;
     if (state.type !== "processing") {
@@ -2488,30 +2931,32 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _123 => _123.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _128 => _128.intentId])
           });
         }
         if (!isMounted) return;
-        const awaitingPostBridgeSwap = processingContextRef.current.waitForFinalTx && processingContextRef.current.hasPostBridgeActions;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _124 => _124.type]) === "post-bridge-swap-complete") {
+        const awaitingPostBridgeSwap = processingContextRef.current.hasPostBridgeActions;
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _129 => _129.type]) === "post-bridge-swap-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _125 => _125.data, 'optionalAccess', _126 => _126.swap, 'optionalAccess', _127 => _127.transactionHash]);
+          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _130 => _130.data, 'optionalAccess', _131 => _131.swap, 'optionalAccess', _132 => _132.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: swapTxHash,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _128 => _128.current, 'optionalCall', _129 => _129(txHash, swapTxHash, {
+          _optionalChain([onDepositCompleteRef, 'access', _133 => _133.current, 'optionalCall', _134 => _134(txHash, swapTxHash, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
+            sourceDecimals: context.sourceDecimals,
+            amountUsd: context.amountUsd,
             targetChain: context.targetChain,
             targetToken: context.targetToken
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _130 => _130.type]) === "post-bridge-swap-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _135 => _135.type]) === "post-bridge-swap-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -2523,44 +2968,30 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _131 => _131.current, 'optionalCall', _132 => _132(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _136 => _136.current, 'optionalCall', _137 => _137(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _133 => _133.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _138 => _138.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _134 => _134.data, 'optionalAccess', _135 => _135.destination, 'optionalAccess', _136 => _136.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _139 => _139.data, 'optionalAccess', _140 => _140.destination, 'optionalAccess', _141 => _141.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _137 => _137.current, 'optionalCall', _138 => _138(txHash, destinationTxHash2, {
+          _optionalChain([onDepositCompleteRef, 'access', _142 => _142.current, 'optionalCall', _143 => _143(txHash, destinationTxHash2, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
+            sourceDecimals: context.sourceDecimals,
+            amountUsd: context.amountUsd,
             targetChain: context.targetChain,
             targetToken: context.targetToken
           })]);
           return;
         }
-        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', _140 => _140.current, 'optionalCall', _141 => _141(txHash, void 0, {
-            amount: context.amount,
-            sourceChain: context.sourceChain,
-            sourceToken: context.sourceToken,
-            targetChain: context.targetChain,
-            targetToken: context.targetToken
-          })]);
-          return;
-        }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _142 => _142.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _144 => _144.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -2572,11 +3003,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _143 => _143.current, 'optionalCall', _144 => _144(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _145 => _145.current, 'optionalCall', _146 => _146(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _145 => _145.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _146 => _146.data, 'optionalAccess', _147 => _147.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _147 => _147.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _148 => _148.data, 'optionalAccess', _149 => _149.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -2586,7 +3017,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailedRef, 'access', _148 => _148.current, 'optionalCall', _149 => _149(txHash, errorMessage)]);
+          _optionalChain([onDepositFailedRef, 'access', _150 => _150.current, 'optionalCall', _151 => _151(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -2647,7 +3078,7 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      _optionalChain([onErrorRef, 'access', _150 => _150.current, 'optionalCall', _151 => _151(message, "PROCESS_TIMEOUT")]);
+      _optionalChain([onErrorRef, 'access', _152 => _152.current, 'optionalCall', _153 => _153(message, "PROCESS_TIMEOUT")]);
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
   }, [debug, directTransfer, onErrorRef, state.type, txHash]);
@@ -2656,55 +3087,102 @@ 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', _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', _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 isPostBridgeSwapEvent = _optionalChain([lastEvent, 'optionalAccess', _154 => _154.type]) === "post-bridge-swap-complete" || _optionalChain([lastEvent, 'optionalAccess', _155 => _155.type]) === "post-bridge-swap-failed";
+  const destinationTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _156 => _156.data, 'optionalAccess', _157 => _157.swap, 'optionalAccess', _158 => _158.transactionHash]) || null : _optionalChain([lastEvent, 'optionalAccess', _159 => _159.data, 'optionalAccess', _160 => _160.destination, 'optionalAccess', _161 => _161.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 = _chunk7JIDIX27cjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
-  const destExplorerUrl = destinationTxHash ? _chunk7JIDIX27cjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
+  const sourceExplorerUrl = _chunkMILJQWPTcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
+  const destExplorerUrl = destinationTxHash ? _chunkMILJQWPTcjs.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 ? _chunk7JIDIX27cjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
-  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunk7JIDIX27cjs.getTokenDecimalsByAddress.call(void 0, 
+  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
+  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkMILJQWPTcjs.getTokenDecimalsByAddress.call(void 0, 
     displaySourceToken,
     displaySourceChain
   ) : _nullishCoalesce(providedSourceDecimals, () => ( 18));
+  const amountMaxDigits = maxFractionDigitsFor(sourceSymbol);
   const formattedReceivedAmount = (() => {
     try {
       const raw = _viem.formatUnits.call(void 0, BigInt(displayAmount), sourceDecimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", { maximumFractionDigits: 6 });
-    } catch (e5) {
+      return numeric.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: amountMaxDigits
+      });
+    } catch (e6) {
       return Number(displayAmount).toLocaleString("en-US", {
-        maximumFractionDigits: 6
+        minimumFractionDigits: 2,
+        maximumFractionDigits: amountMaxDigits
       });
     }
   })();
-  const currentPhaseId = getCurrentPhaseId(state, phaseTimings, isEarlyComplete);
+  const destinationAmountRaw = (() => {
+    const dest = _optionalChain([lastEvent, 'optionalAccess', _162 => _162.data, 'optionalAccess', _163 => _163.destination]);
+    if (!dest || dest.amount === void 0) return void 0;
+    try {
+      return BigInt(dest.amount);
+    } catch (e7) {
+      return void 0;
+    }
+  })();
+  const sourceAmountRaw = (() => {
+    try {
+      return BigInt(displayAmount);
+    } catch (e8) {
+      return void 0;
+    }
+  })();
+  const bridgingCostRaw = sourceAmountRaw !== void 0 && destinationAmountRaw !== void 0 && sourceAmountRaw > destinationAmountRaw ? sourceAmountRaw - destinationAmountRaw : void 0;
+  const formattedDestinationAmount = destinationAmountRaw !== void 0 ? (() => {
+    try {
+      const raw = _viem.formatUnits.call(void 0, destinationAmountRaw, sourceDecimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return raw;
+      return numeric.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: amountMaxDigits
+      });
+    } catch (e9) {
+      return void 0;
+    }
+  })() : void 0;
+  const formattedBridgingCost = bridgingCostRaw !== void 0 ? (() => {
+    try {
+      const raw = _viem.formatUnits.call(void 0, bridgingCostRaw, sourceDecimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return raw;
+      return numeric.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: amountMaxDigits
+      });
+    } catch (e10) {
+      return void 0;
+    }
+  })() : void 0;
+  const currentPhaseId = getCurrentPhaseId(state, phaseTimings);
   const activePhaseStartedAt = currentPhaseId ? getPhaseStartTime(currentPhaseId, phaseTimings) : void 0;
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
   void delayPhaseId;
   void hasEscalatedDelay;
   const targetSymbol = (() => {
-    const resolved = _chunk7JIDIX27cjs.getTargetTokenSymbol.call(void 0, targetToken, targetChain);
+    const resolved = _chunkMILJQWPTcjs.getTargetTokenSymbol.call(void 0, targetToken, targetChain);
     return resolved !== "Token" ? resolved : _nullishCoalesce(providedSourceSymbol, () => ( "USDC"));
   })();
-  const targetTokenIcon = _chunk7JIDIX27cjs.getTokenIcon.call(void 0, targetSymbol);
-  const sourceChainIcon = _chunk7JIDIX27cjs.getChainIcon.call(void 0, displaySourceChain);
-  const targetChainIcon = _chunk7JIDIX27cjs.getChainIcon.call(void 0, targetChain);
-  const sourceTokenIcon = _chunk7JIDIX27cjs.getTokenIcon.call(void 0, sourceSymbol);
-  const sourceChainName = _chunk7JIDIX27cjs.getChainName.call(void 0, displaySourceChain);
-  const targetChainName = _chunk7JIDIX27cjs.getChainName.call(void 0, targetChain);
-  const totalTimeText = formatElapsedTime(elapsedSeconds);
-  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 targetTokenIcon = _chunkMILJQWPTcjs.getTokenIcon.call(void 0, targetSymbol);
+  const sourceChainIcon = _chunkMILJQWPTcjs.getChainIcon.call(void 0, displaySourceChain);
+  const targetChainIcon = _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain);
+  const sourceTokenIcon = _chunkMILJQWPTcjs.getTokenIcon.call(void 0, sourceSymbol);
+  const sourceChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, displaySourceChain);
+  const targetChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
+  const timerText = formatTimer(elapsedSeconds);
+  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _164 => _164.feeSponsored]), () => ( false));
+  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _165 => _165.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: [
@@ -2723,7 +3201,7 @@ function ProcessingStep({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: sourceChainName }),
             sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: sourceChainIcon, alt: "" }) }),
-            sourceExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            isSwappedOrder && sourceExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "a",
               {
                 href: sourceExplorerUrl,
@@ -2741,7 +3219,7 @@ function ProcessingStep({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName }),
             targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetChainIcon, alt: "" }) }),
-            destExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            isSwappedOrder && destExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "a",
               {
                 href: destExplorerUrl,
@@ -2755,11 +3233,42 @@ function ProcessingStep({
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: isProcessing ? "Estimated time" : "Total time" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: isProcessing ? estimatedTime : totalTimeText })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: isProcessing ? "Time elapsed" : "Total time" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ticker, { value: timerText }) })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You send" }),
+        isSwappedOrder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _166 => _166.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You pay" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+              "$",
+              swappedFiatContext.paidAmountUsd.toFixed(2),
+              swappedFiatContext.paymentMethod && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: "#71717b", marginLeft: 6 }, children: [
+                "via",
+                " ",
+                formatPaymentMethod(swappedFiatContext.paymentMethod)
+              ] })
+            ] })
+          ] }),
+          _optionalChain([swappedFiatContext, 'optionalAccess', _167 => _167.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "On-ramp fee" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+              "$",
+              swappedFiatContext.onrampFeeUsd.toFixed(2)
+            ] })
+          ] }),
+          formattedBridgingCost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Bridging cost" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+                formattedBridgingCost,
+                " ",
+                sourceSymbol
+              ] }),
+              sourceTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: sourceTokenIcon, alt: "" }) })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: isProcessing ? "You send" : "You sent" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
               formattedReceivedAmount,
@@ -2770,14 +3279,9 @@ function ProcessingStep({
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: isProcessing ? "Receive" : "Received" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-              "~",
-              formattedReceivedAmount,
-              " ",
-              targetSymbol
-            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: formattedDestinationAmount ? `${formattedDestinationAmount} ${targetSymbol}` : `~${formattedReceivedAmount} ${targetSymbol}` }),
             targetTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
@@ -2788,19 +3292,57 @@ function ProcessingStep({
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fees" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
-                children: "$0.04"
+                children: [
+                  quotedFeeAmount,
+                  " ",
+                  _nullishCoalesce(quotedFeeSymbol, () => ( sourceSymbol))
+                ]
               }
             ),
-            /* @__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, {}) }) })
+            /* @__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, {})
+              }
+            ) })
           ] })
-        ] })
+        ] }) : (() => {
+          const feeValue = _nullishCoalesce(quotedFeeAmount, () => ( formattedBridgingCost));
+          if (feeValue === void 0) return null;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fees" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "span",
+                {
+                  style: feeSponsored ? { textDecoration: "line-through" } : void 0,
+                  children: [
+                    feeValue,
+                    " ",
+                    _nullishCoalesce(quotedFeeSymbol, () => ( sourceSymbol))
+                  ]
+                }
+              ),
+              /* @__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.jsx.call(void 0, Callout, { variant: "error", children: failureMessage }),
       isProcessing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2809,8 +3351,8 @@ function ProcessingStep({
           fullWidth: true,
           disabled: true,
           loading: true,
-          loadingText: "Submitting transaction...",
-          children: "Submitting transaction..."
+          loadingText: "Submitting transaction\u2026",
+          children: "Submitting transaction\u2026"
         }
       ),
       isComplete && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-button-row", children: [
@@ -2907,7 +3449,7 @@ async function executeSafeEthTransfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunk7JIDIX27cjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkMILJQWPTcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -2990,7 +3532,7 @@ async function executeSafeErc20Transfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunk7JIDIX27cjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkMILJQWPTcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -3114,22 +3656,6 @@ async function buildSafeTransaction(params) {
   };
 }
 
-// src/core/public-client.ts
-
-var clientCache = /* @__PURE__ */ new Map();
-function getPublicClient(chainId) {
-  let client = clientCache.get(chainId);
-  if (!client) {
-    const chain = _chunk7JIDIX27cjs.CHAIN_BY_ID[chainId];
-    client = _viem.createPublicClient.call(void 0, {
-      chain,
-      transport: _viem.http.call(void 0, )
-    });
-    clientCache.set(chainId, client);
-  }
-  return client;
-}
-
 // src/core/session-owner.ts
 
 
@@ -3152,7 +3678,7 @@ function loadSessionOwnerFromStorage(eoaAddress) {
       privateKey: parsed.privateKey,
       address: account.address
     };
-  } catch (e6) {
+  } catch (e11) {
     return null;
   }
 }
@@ -3234,4 +3760,6 @@ function accountFromPrivateKey(privateKey) {
 
 
 
-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.isUnsupportedChainSwitchError = isUnsupportedChainSwitchError; 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.HandCoinsIcon = HandCoinsIcon; 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.BankIcon = BankIcon; exports.Callout = Callout; exports.BodyHeader = BodyHeader; exports.PoweredBy = PoweredBy; exports.Spinner = Spinner; exports.ConnectStep = ConnectStep; exports.useLatestRef = useLatestRef; exports.Button = Button; exports.debugLog = debugLog; exports.debugError = debugError; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.isUnsupportedChainSwitchError = isUnsupportedChainSwitchError; exports.formatUserError = formatUserError; exports.Tooltip = Tooltip; exports.getEventTxHash = getEventTxHash; exports.getEventSourceDetails = getEventSourceDetails; exports.isDepositEvent = isDepositEvent; exports.isFailedEvent = isFailedEvent; exports.txRefsMatch = txRefsMatch; exports.failureMessageForEvent = failureMessageForEvent; exports.ProcessingStep = ProcessingStep; exports.SAFE_ABI = SAFE_ABI; exports.executeSafeEthTransfer = executeSafeEthTransfer; exports.executeSafeErc20Transfer = executeSafeErc20Transfer; exports.buildSafeTransaction = buildSafeTransaction; exports.getPublicClient = getPublicClient; exports.getHyperEvmReadClient = getHyperEvmReadClient; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.applyTheme = applyTheme;