@rhinestone/deposit-modal 0.3.0-alpha.11 → 0.3.0-alpha.13

package/dist/{chunk-V63GWJHB.mjs → chunk-HZBO2SIZ.mjs}

@@ -1,6 +1,7 @@
 import {
   AlertTriangleIcon,
   ArrowUpRightIcon,
+  BankIcon,
   BodyHeader,
   Button,
   Callout,
@@ -12,6 +13,7 @@ import {
   ConnectStep,
   CopyIcon,
   ExternalLinkIcon,
+  HandCoinsIcon,
   HistoryIcon,
   InfoIcon,
   Modal,
@@ -32,11 +34,14 @@ import {
   currencyFormatter,
   debugError,
   debugLog,
+  failureMessageForEvent,
   formatUserError,
   getAssetId,
+  getEventSourceDetails,
   getEventTxHash,
   getPublicClient,
   isDepositEvent,
+  isFailedEvent,
   isNativeAsset,
   isSolanaCaip2,
   loadSessionOwnerFromStorage,
@@ -47,7 +52,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-WVE3JN3C.mjs";
+} from "./chunk-6K4JHM2D.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -73,17 +78,24 @@ import {
 
 // src/DepositModal.tsx
 import {
-  useMemo as useMemo8,
-  useEffect as useEffect9,
-  useRef as useRef8,
-  useState as useState11,
-  useCallback as useCallback6,
+  useMemo as useMemo9,
+  useEffect as useEffect11,
+  useRef as useRef9,
+  useState as useState13,
+  useCallback as useCallback9,
   lazy as lazy2,
   Suspense as Suspense2
 } from "react";
 
 // src/DepositFlow.tsx
-import { useState as useState9, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect8, useRef as useRef7 } from "react";
+import {
+  useState as useState11,
+  useCallback as useCallback7,
+  useMemo as useMemo7,
+  useEffect as useEffect10,
+  useLayoutEffect as useLayoutEffect2,
+  useRef as useRef8
+} from "react";
 import { formatUnits as formatUnits7 } from "viem";
 
 // src/components/steps/AssetSelectStep.tsx
@@ -1438,8 +1450,8 @@ function DepositAddressStep({
     options.splice(1, 0, "solana");
     return options;
   }, [evmChainIds, hasSolana]);
-  const BASE_CHAIN_ID = 8453;
-  const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
+  const BASE_CHAIN_ID2 = 8453;
+  const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID2) ? BASE_CHAIN_ID2 : evmChainIds[0];
   const [sourceChainId, setSourceChainId] = useState5(defaultChainId);
   const isSolana = sourceChainId === "solana";
   const tokensForChain = useMemo3(
@@ -1948,10 +1960,797 @@ function DepositAddressStep({
 }
 DepositAddressStep.displayName = "DepositAddressStep";
 
+// src/components/steps/FiatOnrampStep.tsx
+import { useCallback as useCallback3 } from "react";
+
+// src/components/steps/SwappedIframeStep.tsx
+import { useState as useState6, useEffect as useEffect6, useRef as useRef6, useMemo as useMemo4 } from "react";
+
+// src/components/steps/SwappedOrderTracker.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var STEP_LABELS = [
+  "Payment received",
+  null,
+  "Processing App deposit",
+  "Deposit successful"
+];
+function SwappedOrderTracker({
+  amount,
+  currency = "USDC",
+  chainLabel = "Base",
+  stepStates,
+  terminal = null,
+  onRetry
+}) {
+  const formattedAmount = formatTrackerAmount(amount);
+  const title = terminal ? terminal.kind === "cancelled" ? "Order cancelled" : "Deposit failed" : formattedAmount ? `Depositing ${formattedAmount} ${currency}` : `Depositing ${currency}`;
+  const labels = [
+    STEP_LABELS[0],
+    `${currency} received on ${chainLabel}`,
+    STEP_LABELS[2],
+    STEP_LABELS[3]
+  ];
+  return /* @__PURE__ */ jsxs7("div", { className: "rs-screen rs-swapped-tracker", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx7(BodyHeader, { icon: /* @__PURE__ */ jsx7(HandCoinsIcon, {}), title }),
+      /* @__PURE__ */ jsx7("ol", { className: "rs-swapped-tracker-steps", children: labels.map((label, idx) => {
+        const status = stepStates[idx];
+        return /* @__PURE__ */ jsxs7(
+          "li",
+          {
+            className: `rs-swapped-tracker-step rs-swapped-tracker-step--${status}`,
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "rs-swapped-tracker-step-label", children: label }),
+              /* @__PURE__ */ jsx7(
+                "span",
+                {
+                  className: "rs-swapped-tracker-step-marker",
+                  "aria-hidden": "true",
+                  children: status === "complete" ? /* @__PURE__ */ jsx7(CheckIcon, {}) : status === "failed" ? /* @__PURE__ */ jsx7(CloseIcon, {}) : status === "active" ? /* @__PURE__ */ jsx7(Spinner, {}) : null
+                }
+              )
+            ]
+          },
+          label
+        );
+      }) }),
+      terminal && /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: `rs-swapped-tracker-terminal rs-swapped-tracker-terminal--${terminal.kind}`,
+          children: [
+            /* @__PURE__ */ jsx7("p", { className: "rs-swapped-tracker-terminal-message", children: terminal.message }),
+            terminal.kind === "cancelled" && onRetry && /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                className: "rs-swapped-tracker-retry",
+                onClick: onRetry,
+                children: "Try again"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx7(PoweredBy, {})
+  ] });
+}
+function formatTrackerAmount(amount) {
+  if (!amount) return null;
+  const num = Number(amount);
+  if (!Number.isFinite(num)) return amount;
+  return num.toFixed(2);
+}
+SwappedOrderTracker.displayName = "SwappedOrderTracker";
+
+// src/components/steps/SwappedIframeStep.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var STATUS_POLL_INTERVAL_MS = 2e3;
+var DEPOSIT_POLL_INTERVAL_MS = 2e3;
+var DEPOSIT_POLL_FAST_INITIAL_DELAY_MS = 1e3;
+var DEPOSIT_POLL_FAST_INTERVAL_MS = 500;
+var IFRAME_LOAD_TIMEOUT_MS = 15e3;
+var SWAPPED_IFRAME_ORIGINS = /* @__PURE__ */ new Set([
+  "https://sandbox.swapped.com",
+  "https://widget.swapped.com"
+]);
+var SWAPPED_TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "order_completed",
+  "order_broadcasted"
+]);
+var SWAPPED_STATUS_VALUES = /* @__PURE__ */ new Set([
+  "payment_pending",
+  "order_completed",
+  "order_broadcasted",
+  "order_cancelled"
+]);
+function parseSwappedIframeMessage(raw) {
+  let data = raw;
+  if (typeof data === "string") {
+    try {
+      data = JSON.parse(data);
+    } catch {
+      return null;
+    }
+  }
+  if (!data || typeof data !== "object") return null;
+  const obj = data;
+  const inner = obj.data && typeof obj.data === "object" ? obj.data : obj;
+  const rawStatus = inner.order_status ?? inner.status ?? obj.status;
+  if (typeof rawStatus !== "string" || !SWAPPED_STATUS_VALUES.has(rawStatus)) {
+    return null;
+  }
+  const asString2 = (v) => typeof v === "string" && v.length > 0 ? v : void 0;
+  return {
+    status: rawStatus,
+    orderId: asString2(inner.order_id) ?? asString2(obj.orderId),
+    orderCrypto: asString2(inner.order_crypto) ?? asString2(obj.orderCrypto),
+    orderCryptoAmount: asString2(inner.order_crypto_amount) ?? asString2(obj.orderCryptoAmount),
+    transactionId: asString2(inner.transaction_id) ?? asString2(obj.transactionId)
+  };
+}
+function SwappedIframeStep({
+  smartAccount,
+  service,
+  variant,
+  loadUrl,
+  iframeTitle,
+  loadErrorCode,
+  loadErrorFallback,
+  bannerForStatus,
+  onSwappedComplete,
+  onSwappedFailed,
+  onClose,
+  onError
+}) {
+  const [widgetUrl, setWidgetUrl] = useState6(null);
+  const [loadError, setLoadError] = useState6(null);
+  const [iframeLoaded, setIframeLoaded] = useState6(false);
+  const [retryToken, setRetryToken] = useState6(0);
+  const [orderState, setOrderState] = useState6(null);
+  const [latestEvent, setLatestEvent] = useState6(null);
+  const [phase, setPhase] = useState6("iframe");
+  const completeFiredRef = useRef6(false);
+  const failedFiredRef = useRef6(false);
+  const expectedOrderUuidRef = useRef6(null);
+  const baselineDepositTxHashRef = useRef6(void 0);
+  const currentDepositTxHashRef = useRef6(null);
+  const fastDepositPollEnabledRef = useRef6(false);
+  const rescheduleDepositPollRef = useRef6(
+    null
+  );
+  const onSwappedCompleteRef = useRef6(onSwappedComplete);
+  onSwappedCompleteRef.current = onSwappedComplete;
+  const onSwappedFailedRef = useRef6(onSwappedFailed);
+  onSwappedFailedRef.current = onSwappedFailed;
+  const onErrorRef = useRef6(onError);
+  onErrorRef.current = onError;
+  const loadUrlRef = useRef6(loadUrl);
+  loadUrlRef.current = loadUrl;
+  useEffect6(() => {
+    let cancelled = false;
+    setLoadError(null);
+    setIframeLoaded(false);
+    setWidgetUrl(null);
+    setOrderState(null);
+    setLatestEvent(null);
+    setPhase("iframe");
+    expectedOrderUuidRef.current = null;
+    completeFiredRef.current = false;
+    failedFiredRef.current = false;
+    baselineDepositTxHashRef.current = void 0;
+    currentDepositTxHashRef.current = null;
+    fastDepositPollEnabledRef.current = false;
+    loadUrlRef.current().then((res) => {
+      if (cancelled) return;
+      setWidgetUrl(res.url);
+      const sep = res.externalCustomerId.indexOf(":");
+      expectedOrderUuidRef.current = sep >= 0 ? res.externalCustomerId.slice(sep + 1) : null;
+    }).catch((err) => {
+      if (cancelled) return;
+      const message = err instanceof Error ? err.message : loadErrorFallback;
+      setLoadError(message);
+      onErrorRef.current?.(message, loadErrorCode);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [service, smartAccount, retryToken, loadErrorCode, loadErrorFallback]);
+  useEffect6(() => {
+    if (!widgetUrl || iframeLoaded || loadError) return;
+    const timer = setTimeout(() => {
+      setLoadError("Iframe took too long to load.");
+    }, IFRAME_LOAD_TIMEOUT_MS);
+    return () => clearTimeout(timer);
+  }, [widgetUrl, iframeLoaded, loadError]);
+  useEffect6(() => {
+    let cancelled = false;
+    let timeoutId;
+    async function poll() {
+      if (cancelled) return;
+      try {
+        const res = await service.fetchSwappedOrderStatus(smartAccount);
+        if (cancelled) return;
+        const isCurrentOrder = res !== null && expectedOrderUuidRef.current !== null && res.orderId === expectedOrderUuidRef.current;
+        if (isCurrentOrder) {
+          setOrderState(res);
+        }
+      } catch {
+      }
+      if (!cancelled) {
+        timeoutId = setTimeout(poll, STATUS_POLL_INTERVAL_MS);
+      }
+    }
+    poll();
+    return () => {
+      cancelled = true;
+      clearTimeout(timeoutId);
+    };
+  }, [service, smartAccount]);
+  useEffect6(() => {
+    let cancelled = false;
+    let timeoutId;
+    async function pollDeposit() {
+      if (cancelled) return;
+      try {
+        const status = await service.fetchLatestStatus(smartAccount);
+        if (cancelled) return;
+        const event = status.lastEvent;
+        const eventTxHash = isDepositEvent(event) ? getEventTxHash(event) ?? null : null;
+        if (baselineDepositTxHashRef.current === void 0) {
+          baselineDepositTxHashRef.current = eventTxHash;
+        } else if (eventTxHash && (!baselineDepositTxHashRef.current || !txRefsMatch(eventTxHash, baselineDepositTxHashRef.current))) {
+          currentDepositTxHashRef.current = eventTxHash;
+          setLatestEvent(event ?? null);
+        }
+      } catch {
+      }
+      if (!cancelled) {
+        const nextInterval = fastDepositPollEnabledRef.current ? DEPOSIT_POLL_FAST_INTERVAL_MS : DEPOSIT_POLL_INTERVAL_MS;
+        timeoutId = setTimeout(pollDeposit, nextInterval);
+      }
+    }
+    rescheduleDepositPollRef.current = (delayMs) => {
+      if (cancelled) return;
+      if (timeoutId !== void 0) clearTimeout(timeoutId);
+      timeoutId = setTimeout(pollDeposit, delayMs);
+    };
+    pollDeposit();
+    return () => {
+      cancelled = true;
+      if (timeoutId !== void 0) clearTimeout(timeoutId);
+      rescheduleDepositPollRef.current = null;
+    };
+  }, [service, smartAccount]);
+  useEffect6(() => {
+    if (fastDepositPollEnabledRef.current) return;
+    const status = orderState?.status;
+    if (!status || !SWAPPED_TERMINAL_STATUSES.has(status)) return;
+    fastDepositPollEnabledRef.current = true;
+    rescheduleDepositPollRef.current?.(DEPOSIT_POLL_FAST_INITIAL_DELAY_MS);
+  }, [orderState]);
+  useEffect6(() => {
+    function onMessage(e) {
+      if (!SWAPPED_IFRAME_ORIGINS.has(e.origin)) return;
+      const parsed = parseSwappedIframeMessage(e.data);
+      if (!parsed) return;
+      setOrderState((prev) => ({
+        orderId: parsed.orderId ?? prev?.orderId ?? "",
+        status: parsed.status,
+        orderCrypto: parsed.orderCrypto ?? prev?.orderCrypto ?? null,
+        orderCryptoAmount: parsed.orderCryptoAmount ?? prev?.orderCryptoAmount ?? null,
+        transactionId: parsed.transactionId ?? prev?.transactionId ?? null,
+        receivedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        paidAmountUsd: prev?.paidAmountUsd ?? null,
+        paidAmountEur: prev?.paidAmountEur ?? null,
+        onrampFeeUsd: prev?.onrampFeeUsd ?? null,
+        paymentMethod: prev?.paymentMethod ?? null
+      }));
+    }
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, []);
+  useEffect6(() => {
+    if (phase === "iframe" && orderState !== null) {
+      setPhase("tracker");
+    }
+  }, [phase, orderState]);
+  const stepStates = useMemo4(
+    () => deriveStepStates(orderState?.status ?? null, latestEvent),
+    [orderState, latestEvent]
+  );
+  const terminalState = useMemo4(() => {
+    if (isFailedEvent(latestEvent ?? void 0)) {
+      return {
+        kind: "failed",
+        message: failureMessageForEvent(latestEvent ?? void 0)
+      };
+    }
+    if (orderState?.status === "order_cancelled") {
+      const banner = bannerForStatus("order_cancelled", {});
+      return { kind: "cancelled", message: banner.detail ?? banner.title };
+    }
+    return null;
+  }, [latestEvent, orderState, bannerForStatus]);
+  useEffect6(() => {
+    if (completeFiredRef.current || failedFiredRef.current) return;
+    const t = latestEvent?.type;
+    const isSuccess = t === "bridge-complete" || t === "post-bridge-swap-complete";
+    if (!isSuccess) return;
+    const txHash = currentDepositTxHashRef.current;
+    if (!txHash) return;
+    completeFiredRef.current = true;
+    onSwappedCompleteRef.current({
+      txHash,
+      orderCrypto: orderState?.orderCrypto ?? null,
+      // Base-unit source amount from the deposit row/event, consistent with the
+      // wallet/QR path. ProcessingStep + onLifecycle expect base units.
+      amount: getEventSourceDetails(latestEvent ?? void 0).amount ?? null
+    });
+  }, [latestEvent, orderState]);
+  useEffect6(() => {
+    if (failedFiredRef.current || completeFiredRef.current) return;
+    if (!isFailedEvent(latestEvent ?? void 0)) return;
+    const txHash = currentDepositTxHashRef.current;
+    if (!txHash) return;
+    failedFiredRef.current = true;
+    setPhase("tracker");
+    onSwappedFailedRef.current?.(
+      txHash,
+      failureMessageForEvent(latestEvent ?? void 0)
+    );
+  }, [latestEvent]);
+  if (phase === "tracker") {
+    return /* @__PURE__ */ jsx8(
+      SwappedOrderTracker,
+      {
+        amount: orderState?.orderCryptoAmount ?? null,
+        currency: orderState?.orderCrypto ?? "USDC",
+        stepStates,
+        terminal: terminalState,
+        onRetry: () => setRetryToken((n) => n + 1),
+        onClose
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs8("div", { className: "rs-screen rs-fiat-onramp", "data-variant": variant, children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx8(
+        BodyHeader,
+        {
+          icon: /* @__PURE__ */ jsx8(HandCoinsIcon, {}),
+          title: "Deposit",
+          subtitle: "Add money to your balance"
+        }
+      ),
+      /* @__PURE__ */ jsxs8("div", { className: "rs-fiat-onramp-iframe-wrap", children: [
+        loadError && /* @__PURE__ */ jsxs8("div", { className: "rs-fiat-onramp-error", children: [
+          /* @__PURE__ */ jsx8("div", { children: loadError }),
+          /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              className: "rs-fiat-onramp-retry",
+              onClick: () => setRetryToken((n) => n + 1),
+              children: "Retry"
+            }
+          )
+        ] }),
+        !loadError && !iframeLoaded && /* @__PURE__ */ jsx8("div", { className: "rs-fiat-onramp-loading", children: /* @__PURE__ */ jsx8(Spinner, {}) }),
+        widgetUrl && !loadError && /* @__PURE__ */ jsx8(
+          "iframe",
+          {
+            src: widgetUrl,
+            title: iframeTitle,
+            className: "rs-fiat-onramp-iframe",
+            sandbox: "allow-scripts allow-forms allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation",
+            allow: "payment; camera; microphone; clipboard-write; geolocation",
+            onLoad: () => setIframeLoaded(true)
+          },
+          retryToken
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx8(PoweredBy, {})
+  ] });
+}
+function deriveStepStates(swappedStatus, latestEvent) {
+  if (isFailedEvent(latestEvent ?? void 0)) {
+    return ["complete", "complete", "failed", "pending"];
+  }
+  if (swappedStatus === "order_cancelled") {
+    return ["failed", "pending", "pending", "pending"];
+  }
+  const step1Complete = swappedStatus === "order_completed" || swappedStatus === "order_broadcasted";
+  const step2Complete = latestEvent !== null;
+  const step3Complete = latestEvent?.type === "bridge-complete" || latestEvent?.type === "post-bridge-swap-complete";
+  if (step3Complete) {
+    return ["complete", "complete", "complete", "pending"];
+  }
+  if (step2Complete) {
+    return ["complete", "complete", "active", "pending"];
+  }
+  if (step1Complete) {
+    return ["complete", "active", "pending", "pending"];
+  }
+  return ["active", "pending", "pending", "pending"];
+}
+SwappedIframeStep.displayName = "SwappedIframeStep";
+
+// src/components/steps/FiatOnrampStep.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function fiatBannerForStatus(status, context) {
+  if (context.currencyMismatch) {
+    return {
+      level: "warning",
+      title: "Currency mismatch",
+      detail: "Funds may not bridge automatically. Contact support if your balance does not arrive."
+    };
+  }
+  switch (status) {
+    case "payment_pending":
+      return { level: "info", title: "Verifying payment\u2026" };
+    case "order_completed":
+      return { level: "success", title: "Payment received \u2014 sending crypto" };
+    case "order_broadcasted":
+      return {
+        level: "success",
+        title: "Crypto sent \u2014 confirming on-chain"
+      };
+    case "order_cancelled":
+      return {
+        level: "warning",
+        title: "Order cancelled",
+        detail: "If you were charged, Swapped will refund within 5 business days."
+      };
+  }
+}
+function FiatOnrampStep({
+  smartAccount,
+  service,
+  paymentMethod,
+  onSwappedComplete,
+  onSwappedFailed,
+  onClose,
+  onError
+}) {
+  const loadUrl = useCallback3(async () => {
+    const res = await service.getSwappedWidgetUrl({
+      smartAccount,
+      method: paymentMethod
+    });
+    if (res.currencyCode !== "USDC_BASE") {
+      console.warn(
+        `[FiatOnrampStep] Expected backend to return currencyCode=USDC_BASE, got ${res.currencyCode}. Swapped purchases may not bridge as expected.`
+      );
+    }
+    return res;
+  }, [service, smartAccount, paymentMethod]);
+  return /* @__PURE__ */ jsx9(
+    SwappedIframeStep,
+    {
+      smartAccount,
+      service,
+      variant: "fiat",
+      loadUrl,
+      iframeTitle: "Buy crypto with Swapped",
+      loadErrorCode: "SWAPPED_URL_FAILED",
+      loadErrorFallback: "Failed to load on-ramp",
+      bannerForStatus: fiatBannerForStatus,
+      onSwappedComplete,
+      onSwappedFailed,
+      onClose,
+      onError
+    }
+  );
+}
+FiatOnrampStep.displayName = "FiatOnrampStep";
+
+// src/components/steps/ExchangeConnectStep.tsx
+import { useCallback as useCallback4 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function connectBannerForStatus(status, context) {
+  if (context.currencyMismatch) {
+    return {
+      level: "warning",
+      title: "Currency mismatch",
+      detail: "Funds may not bridge automatically. Contact support if your balance does not arrive."
+    };
+  }
+  switch (status) {
+    case "payment_pending":
+      return { level: "info", title: "Waiting for exchange transfer\u2026" };
+    case "order_completed":
+      return {
+        level: "success",
+        title: "Exchange transfer received \u2014 sending crypto"
+      };
+    case "order_broadcasted":
+      return {
+        level: "success",
+        title: "Crypto sent \u2014 confirming on-chain"
+      };
+    case "order_cancelled":
+      return {
+        level: "warning",
+        title: "Order cancelled",
+        detail: "If your exchange already debited the funds, Swapped will refund within 5 business days."
+      };
+  }
+}
+function ExchangeConnectStep({
+  smartAccount,
+  service,
+  connection,
+  onSwappedComplete,
+  onSwappedFailed,
+  onClose,
+  onError
+}) {
+  const loadUrl = useCallback4(async () => {
+    const res = await service.getSwappedConnectUrl({
+      smartAccount,
+      connection
+    });
+    if (res.currencyCode !== "USDC_BASE") {
+      console.warn(
+        `[ExchangeConnectStep] Expected backend to return currencyCode=USDC_BASE, got ${res.currencyCode}. Swapped Connect pulls may not bridge as expected.`
+      );
+    }
+    return res;
+  }, [service, smartAccount, connection]);
+  return /* @__PURE__ */ jsx10(
+    SwappedIframeStep,
+    {
+      smartAccount,
+      service,
+      variant: "connect",
+      loadUrl,
+      iframeTitle: "Fund from exchange via Swapped",
+      loadErrorCode: "SWAPPED_CONNECT_URL_FAILED",
+      loadErrorFallback: "Failed to load Connect",
+      bannerForStatus: connectBannerForStatus,
+      onSwappedComplete,
+      onSwappedFailed,
+      onClose,
+      onError
+    }
+  );
+}
+ExchangeConnectStep.displayName = "ExchangeConnectStep";
+
+// src/components/steps/ExchangeSelectStep.tsx
+import { useCallback as useCallback5, useEffect as useEffect7, useState as useState7 } from "react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function ExchangeLogo({ exchange }) {
+  const [failed, setFailed] = useState7(false);
+  if (!exchange.logoUrl || failed) {
+    return /* @__PURE__ */ jsx11(BankIcon, {});
+  }
+  return /* @__PURE__ */ jsx11(
+    "img",
+    {
+      src: exchange.logoUrl,
+      alt: "",
+      onError: () => setFailed(true)
+    }
+  );
+}
+function ExchangeSelectStep({
+  service,
+  onSelectExchange,
+  onError
+}) {
+  const [exchanges, setExchanges] = useState7([]);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const [retryToken, setRetryToken] = useState7(0);
+  const retry = useCallback5(() => {
+    setRetryToken((n) => n + 1);
+  }, []);
+  useEffect7(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    service.getSwappedConnectExchanges().then((res) => {
+      if (cancelled) return;
+      setExchanges(res.exchanges);
+    }).catch((err) => {
+      if (cancelled) return;
+      const message = err instanceof Error ? err.message : "Failed to load exchanges";
+      setExchanges([]);
+      setError(message);
+      onError?.(message, "SWAPPED_CONNECT_EXCHANGES_FAILED");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [service, retryToken, onError]);
+  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen rs-exchange-select", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx11(
+        BodyHeader,
+        {
+          icon: /* @__PURE__ */ jsx11(BankIcon, {}),
+          title: "Fund from Exchange",
+          subtitle: "Choose your exchange"
+        }
+      ),
+      loading && /* @__PURE__ */ jsx11("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: /* @__PURE__ */ jsx11(Spinner, {}) }),
+      !loading && error && /* @__PURE__ */ jsxs9("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx11("div", { className: "rs-exchange-select-state-title", children: "Couldn\u2019t load exchanges" }),
+        /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "rs-fiat-onramp-retry",
+            onClick: retry,
+            children: "Retry"
+          }
+        )
+      ] }),
+      !loading && !error && exchanges.length === 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx11("div", { className: "rs-exchange-select-state-title", children: "No exchanges available" }),
+        /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "rs-fiat-onramp-retry",
+            onClick: retry,
+            children: "Retry"
+          }
+        )
+      ] }),
+      !loading && !error && exchanges.length > 0 && /* @__PURE__ */ jsx11("div", { className: "rs-exchange-grid", children: exchanges.map((exchange) => /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          className: "rs-exchange-card",
+          onClick: () => onSelectExchange(exchange.connection),
+          "aria-label": `Select ${exchange.name}`,
+          children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-exchange-card-logo", children: /* @__PURE__ */ jsx11(ExchangeLogo, { exchange }) }),
+            /* @__PURE__ */ jsx11("span", { className: "rs-exchange-card-name", children: exchange.name })
+          ]
+        },
+        exchange.connection
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx11(PoweredBy, {})
+  ] });
+}
+ExchangeSelectStep.displayName = "ExchangeSelectStep";
+
+// src/components/steps/DepositAddressSkeleton.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var BASE_CHAIN_ID = 8453;
+function DepositAddressSkeleton({
+  uiConfig,
+  allowedRoutes
+}) {
+  const allowedChainSet = allowedRoutes?.sourceChains ? new Set(allowedRoutes.sourceChains) : null;
+  const allowedTokenSet = allowedRoutes?.sourceTokens ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null;
+  const evmChainIds = (() => {
+    const all = getSupportedChainIds();
+    return allowedChainSet ? all.filter((id) => allowedChainSet.has(id)) : all;
+  })();
+  const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
+  const tokensForChain = (() => {
+    const all = getTargetTokenSymbolsForChain(defaultChainId);
+    return allowedTokenSet ? all.filter((s) => allowedTokenSet.has(s.toUpperCase())) : all;
+  })();
+  const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
+  const chainName = getChainName(defaultChainId);
+  const chainIcon = getChainIcon(defaultChainId);
+  const tokenIcon = getTokenIcon(defaultToken);
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx12("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
+    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx12(BodyHeader, { icon: /* @__PURE__ */ jsx12(TransferCryptoIcon, {}), title: "Transfer crypto" }),
+      /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-selectors", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown-trigger", children: [
+            chainIcon && /* @__PURE__ */ jsx12(
+              "img",
+              {
+                src: chainIcon,
+                alt: "",
+                className: "rs-deposit-address-dropdown-icon"
+              }
+            ),
+            /* @__PURE__ */ jsx12("span", { children: chainName }),
+            /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
+            /* @__PURE__ */ jsx12("span", { children: "Supported token" }),
+            /* @__PURE__ */ jsxs10("span", { className: "rs-deposit-address-min", children: [
+              "Min.$",
+              (uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
+              /* @__PURE__ */ jsx12(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx12(
+                InfoIcon,
+                {
+                  className: "rs-deposit-address-min-icon",
+                  "aria-hidden": "true"
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown-trigger", children: [
+            tokenIcon && /* @__PURE__ */ jsx12(
+              "img",
+              {
+                src: tokenIcon,
+                alt: "",
+                className: "rs-deposit-address-dropdown-icon"
+              }
+            ),
+            /* @__PURE__ */ jsx12("span", { children: defaultToken }),
+            /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs10(
+        "div",
+        {
+          style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
+          children: [
+            /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-well", children: [
+              /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx12("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsx12("div", { className: "rs-skeleton rs-skeleton-address", "aria-hidden": "true" })
+            ] }),
+            /* @__PURE__ */ jsxs10(
+              "button",
+              {
+                type: "button",
+                className: "rs-deposit-address-copy",
+                disabled: true,
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsx12(CopyIcon, {}),
+                  "Copy address"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx12("div", { className: "rs-price-impact", "aria-hidden": "true", children: /* @__PURE__ */ jsxs10("div", { className: "rs-price-impact-header", children: [
+        /* @__PURE__ */ jsxs10("span", { className: "rs-price-impact-header-left", children: [
+          /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-label", children: "Price impact" }),
+          /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx12("strong", { children: "0.00%" }) }),
+          /* @__PURE__ */ jsx12(
+            Tooltip,
+            {
+              className: "rs-price-impact-info",
+              content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
+              children: /* @__PURE__ */ jsx12(InfoIcon, { "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx12(
+          ChevronDownIcon,
+          {
+            className: "rs-price-impact-chevron",
+            "aria-hidden": "true"
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx12(PoweredBy, {})
+  ] });
+}
+DepositAddressSkeleton.displayName = "DepositAddressSkeleton";
+
 // src/components/steps/SolanaTokenSelectStep.tsx
-import { useState as useState6, useEffect as useEffect6, useMemo as useMemo4 } from "react";
+import { useState as useState8, useEffect as useEffect8, useMemo as useMemo5 } from "react";
 import { formatUnits as formatUnits4 } from "viem";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function SolanaTokenSelectStep({
   solanaAddress,
   service,
@@ -1960,11 +2759,11 @@ function SolanaTokenSelectStep({
   onDisconnect,
   debug
 }) {
-  const [tokenBalances, setTokenBalances] = useState6([]);
-  const [selectedSymbol, setSelectedSymbol] = useState6(null);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
-  useEffect6(() => {
+  const [tokenBalances, setTokenBalances] = useState8([]);
+  const [selectedSymbol, setSelectedSymbol] = useState8(null);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  useEffect8(() => {
     let active = true;
     async function loadBalances() {
       if (!solanaAddress) {
@@ -2035,7 +2834,7 @@ function SolanaTokenSelectStep({
       active = false;
     };
   }, [debug, solanaAddress, service, onTotalBalanceComputed]);
-  const rows = useMemo4(
+  const rows = useMemo5(
     () => [...tokenBalances].sort((a, b) => {
       if (a.balanceUsd !== b.balanceUsd) return b.balanceUsd - a.balanceUsd;
       if (b.balance > a.balance) return 1;
@@ -2057,30 +2856,30 @@ function SolanaTokenSelectStep({
   };
   const chainIcon = getChainIcon("solana");
   const chainName = getChainName("solana");
-  return /* @__PURE__ */ jsxs7("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs11("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx13(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx7(WalletIcon, {}),
+          icon: /* @__PURE__ */ jsx13(WalletIcon, {}),
           title: "Your assets",
           subtitle: "Select source assets to transfer"
         }
       ),
-      loading && /* @__PURE__ */ jsxs7("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
-        /* @__PURE__ */ jsx7(Spinner, { className: "rs-text-tertiary" }),
-        /* @__PURE__ */ jsx7("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
+      loading && /* @__PURE__ */ jsxs11("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
+        /* @__PURE__ */ jsx13(Spinner, { className: "rs-text-tertiary" }),
+        /* @__PURE__ */ jsx13("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
       ] }),
-      error && /* @__PURE__ */ jsx7(Callout, { variant: "error", children: error }),
-      !loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs7("div", { className: "rs-empty-state", children: [
-        /* @__PURE__ */ jsx7(WalletIcon, { className: "rs-empty-icon" }),
-        /* @__PURE__ */ jsx7("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
-        /* @__PURE__ */ jsxs7("div", { className: "rs-empty-address", children: [
+      error && /* @__PURE__ */ jsx13(Callout, { variant: "error", children: error }),
+      !loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "rs-empty-state", children: [
+        /* @__PURE__ */ jsx13(WalletIcon, { className: "rs-empty-icon" }),
+        /* @__PURE__ */ jsx13("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
+        /* @__PURE__ */ jsxs11("div", { className: "rs-empty-address", children: [
           solanaAddress.slice(0, 6),
           "...",
           solanaAddress.slice(-4)
         ] }),
-        onDisconnect && /* @__PURE__ */ jsx7(
+        onDisconnect && /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -2090,11 +2889,11 @@ function SolanaTokenSelectStep({
           }
         )
       ] }),
-      !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx7("div", { className: "rs-asset-list", children: rows.map((entry) => {
+      !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx13("div", { className: "rs-asset-list", children: rows.map((entry) => {
         const isSelected = selectedSymbol === entry.token.symbol;
         const tokenAmount = formatBalance(entry);
         const tokenIcon = getTokenIcon(entry.token.symbol);
-        return /* @__PURE__ */ jsxs7(
+        return /* @__PURE__ */ jsxs11(
           "button",
           {
             type: "button",
@@ -2102,33 +2901,33 @@ function SolanaTokenSelectStep({
             className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
             "aria-pressed": isSelected,
             children: [
-              /* @__PURE__ */ jsxs7("div", { className: "rs-asset-info", children: [
-                /* @__PURE__ */ jsxs7("div", { className: "rs-asset-icon-wrapper", children: [
-                  tokenIcon ? /* @__PURE__ */ jsx7("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx7("img", { src: tokenIcon, alt: entry.token.symbol }) }) : /* @__PURE__ */ jsx7("span", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
-                  chainIcon && /* @__PURE__ */ jsx7("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx7("img", { src: chainIcon, alt: chainName }) })
+              /* @__PURE__ */ jsxs11("div", { className: "rs-asset-info", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "rs-asset-icon-wrapper", children: [
+                  tokenIcon ? /* @__PURE__ */ jsx13("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx13("img", { src: tokenIcon, alt: entry.token.symbol }) }) : /* @__PURE__ */ jsx13("span", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
+                  chainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx13("img", { src: chainIcon, alt: chainName }) })
                 ] }),
-                /* @__PURE__ */ jsxs7("div", { className: "rs-asset-text", children: [
-                  /* @__PURE__ */ jsxs7("div", { className: "rs-asset-name-row", children: [
-                    /* @__PURE__ */ jsx7("span", { className: "rs-asset-name", children: entry.token.symbol }),
-                    /* @__PURE__ */ jsxs7("span", { className: "rs-asset-chain", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "rs-asset-text", children: [
+                  /* @__PURE__ */ jsxs11("div", { className: "rs-asset-name-row", children: [
+                    /* @__PURE__ */ jsx13("span", { className: "rs-asset-name", children: entry.token.symbol }),
+                    /* @__PURE__ */ jsxs11("span", { className: "rs-asset-chain", children: [
                       "on ",
                       chainName
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs7("div", { className: "rs-asset-balance-small", children: [
+                  /* @__PURE__ */ jsxs11("div", { className: "rs-asset-balance-small", children: [
                     tokenAmount,
                     " ",
                     entry.token.symbol
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx7("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${entry.token.symbol}` : "--" })
+              /* @__PURE__ */ jsx13("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${entry.token.symbol}` : "--" })
             ]
           },
           entry.token.symbol
         );
       }) }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx13(
         Button,
         {
           onClick: () => selectedEntry && onContinue(
@@ -2142,14 +2941,14 @@ function SolanaTokenSelectStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(PoweredBy, {})
+    /* @__PURE__ */ jsx13(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/SolanaAmountStep.tsx
-import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect9, useMemo as useMemo6, useRef as useRef7, useState as useState9 } from "react";
 import { formatUnits as formatUnits5, parseUnits as parseUnits3 } from "viem";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var SOL_FEE_RESERVE_LAMPORTS = 1000000n;
 var PRESETS2 = [
   { value: 25, label: "25%" },
@@ -2170,12 +2969,12 @@ function SolanaAmountStep({
   onContinue,
   debug
 }) {
-  const [amount, setAmount] = useState7("");
-  const [error, setError] = useState7(null);
-  const hasAppliedDefaultRef = useRef6(false);
+  const [amount, setAmount] = useState9("");
+  const [error, setError] = useState9(null);
+  const hasAppliedDefaultRef = useRef7(false);
   const isSourceStablecoin = isStablecoinSymbol(token.symbol);
   const isMaxDefault = defaultAmount?.trim().toLowerCase() === "max";
-  const tokenPriceUsd = useMemo5(() => {
+  const tokenPriceUsd = useMemo6(() => {
     if (isSourceStablecoin) return 1;
     try {
       const balanceUnits = Number(formatUnits5(balance, token.decimals));
@@ -2189,7 +2988,7 @@ function SolanaAmountStep({
     }
   }, [isSourceStablecoin, balance, token.decimals, balanceUsd]);
   const hasPricing = tokenPriceUsd !== null;
-  const formattedBalance = useMemo5(() => {
+  const formattedBalance = useMemo6(() => {
     try {
       const raw = formatUnits5(balance, token.decimals);
       const numeric = Number(raw);
@@ -2199,7 +2998,7 @@ function SolanaAmountStep({
       return "\u2026";
     }
   }, [balance, token.decimals]);
-  const computedBalanceUsd = useMemo5(() => {
+  const computedBalanceUsd = useMemo6(() => {
     try {
       const balanceUnits = Number(formatUnits5(balance, token.decimals));
       if (!Number.isFinite(balanceUnits) || balanceUnits < 0) return null;
@@ -2210,11 +3009,11 @@ function SolanaAmountStep({
       return null;
     }
   }, [balance, token.decimals, tokenPriceUsd, balanceUsd]);
-  const spendableBalance = useMemo5(() => {
+  const spendableBalance = useMemo6(() => {
     if (!isNativeSol(token)) return balance;
     return balance > SOL_FEE_RESERVE_LAMPORTS ? balance - SOL_FEE_RESERVE_LAMPORTS : 0n;
   }, [balance, token]);
-  const spendableBalanceUsd = useMemo5(() => {
+  const spendableBalanceUsd = useMemo6(() => {
     try {
       const spendableUnits = Number(formatUnits5(spendableBalance, token.decimals));
       if (!Number.isFinite(spendableUnits) || spendableUnits < 0) return null;
@@ -2224,7 +3023,7 @@ function SolanaAmountStep({
       return null;
     }
   }, [spendableBalance, token.decimals, tokenPriceUsd]);
-  const computePresetAmount = useCallback3(
+  const computePresetAmount = useCallback6(
     (percentage) => {
       try {
         const spendableUnits = Number(
@@ -2247,7 +3046,7 @@ function SolanaAmountStep({
       spendableBalanceUsd
     ]
   );
-  useEffect7(() => {
+  useEffect9(() => {
     if (hasAppliedDefaultRef.current || !defaultAmount) return;
     if (isMaxDefault) {
       const next = computePresetAmount(100);
@@ -2263,11 +3062,11 @@ function SolanaAmountStep({
       hasAppliedDefaultRef.current = true;
     }
   }, [defaultAmount, isMaxDefault, computePresetAmount]);
-  const numericAmount = useMemo5(() => {
+  const numericAmount = useMemo6(() => {
     const parsed = parseFloat(amount);
     return Number.isFinite(parsed) && parsed > 0 ? parsed : 0;
   }, [amount]);
-  const sourceAmountUnits = useMemo5(() => {
+  const sourceAmountUnits = useMemo6(() => {
     if (numericAmount <= 0) return null;
     const raw = isSourceStablecoin || !hasPricing ? numericAmount : numericAmount / (tokenPriceUsd ?? 1);
     try {
@@ -2349,12 +3148,12 @@ function SolanaAmountStep({
   const continueLabel = exceedsBalance ? "Insufficient balance" : isAboveMax ? "Continue with max allowed deposit" : isBelowMin ? "Continue with minimum deposit" : "Continue";
   const continueDisabled = exceedsBalance || numericAmount === 0 && !isBelowMin;
   const sourceTokenIcon = getTokenIcon(token.symbol);
-  return /* @__PURE__ */ jsxs8("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx8(BodyHeader, { icon: /* @__PURE__ */ jsx8(WalletIcon, {}), title: "Wallet deposit" }),
-      /* @__PURE__ */ jsxs8("div", { className: "rs-amount-section", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-amount-display", children: [
-          /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx14(BodyHeader, { icon: /* @__PURE__ */ jsx14(WalletIcon, {}), title: "Wallet deposit" }),
+      /* @__PURE__ */ jsxs12("div", { className: "rs-amount-section", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "rs-amount-display", children: [
+          /* @__PURE__ */ jsx14(
             AnimatedAmountInput,
             {
               value: amount,
@@ -2363,25 +3162,25 @@ function SolanaAmountStep({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsxs8("div", { className: "rs-amount-meta", children: [
-            /* @__PURE__ */ jsxs8("span", { className: "rs-amount-meta-balance", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "rs-amount-meta", children: [
+            /* @__PURE__ */ jsxs12("span", { className: "rs-amount-meta-balance", children: [
               formattedBalance,
               " ",
               token.symbol,
               " available",
-              computedBalanceUsd !== null && /* @__PURE__ */ jsxs8(Fragment2, { children: [
+              computedBalanceUsd !== null && /* @__PURE__ */ jsxs12(Fragment2, { children: [
                 " (~",
                 currencyFormatter.format(computedBalanceUsd),
                 ")"
               ] })
             ] }),
-            minDepositUsd !== null && /* @__PURE__ */ jsxs8("span", { className: "rs-amount-meta-minimum", children: [
+            minDepositUsd !== null && /* @__PURE__ */ jsxs12("span", { className: "rs-amount-meta-minimum", children: [
               "Min. deposit ",
               currencyFormatter.format(minDepositUsd)
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: "rs-amount-presets", children: PRESETS2.map((preset) => /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx14("div", { className: "rs-amount-presets", children: PRESETS2.map((preset) => /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -2392,35 +3191,35 @@ function SolanaAmountStep({
           preset.value
         )) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rs-amount-details", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx8("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs8("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsxs12("div", { className: "rs-amount-details", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ jsx14("span", { children: "You send" }),
+          /* @__PURE__ */ jsxs12("span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ jsxs12("span", { children: [
               "Solana ",
               token.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx8("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx8("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx14("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx14("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        targetChainName && targetTokenSymbol && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx8("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs8("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsxs8("span", { children: [
+        targetChainName && targetTokenSymbol && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ jsx14("span", { children: "Receive" }),
+          /* @__PURE__ */ jsxs12("span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ jsxs12("span", { children: [
               targetChainName,
               " ",
               targetTokenSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx8("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx8("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx14("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx14("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        balanceAfterUsd !== null && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx8("span", { children: "Balance after deposit" }),
-          /* @__PURE__ */ jsx8("span", { className: "rs-amount-detail-value", children: currencyFormatter.format(balanceAfterUsd) })
+        balanceAfterUsd !== null && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ jsx14("span", { children: "Balance after deposit" }),
+          /* @__PURE__ */ jsx14("span", { className: "rs-amount-detail-value", children: currencyFormatter.format(balanceAfterUsd) })
         ] })
       ] }),
-      error && /* @__PURE__ */ jsx8(Callout, { variant: "error", children: error }),
-      /* @__PURE__ */ jsx8(
+      error && /* @__PURE__ */ jsx14(Callout, { variant: "error", children: error }),
+      /* @__PURE__ */ jsx14(
         Button,
         {
           onClick: handleContinue,
@@ -2430,12 +3229,12 @@ function SolanaAmountStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8(PoweredBy, {})
+    /* @__PURE__ */ jsx14(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/SolanaConfirmStep.tsx
-import { useState as useState8 } from "react";
+import { useState as useState10 } from "react";
 import { parseUnits as parseUnits4 } from "viem";
 
 // src/core/solana.ts
@@ -2543,7 +3342,7 @@ async function sendSolanaTransaction(provider, _connection, transaction) {
 }
 
 // src/components/steps/SolanaConfirmStep.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function SolanaConfirmStep({
   smartAccount,
   solanaAddress,
@@ -2564,8 +3363,8 @@ function SolanaConfirmStep({
   onError,
   debug
 }) {
-  const [isSubmitting, setIsSubmitting] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [isSubmitting, setIsSubmitting] = useState10(false);
+  const [error, setError] = useState10(null);
   const targetSymbol = getTargetTokenSymbol(targetToken, targetChain);
   const isSameToken = token.symbol.toUpperCase() === targetSymbol.toUpperCase();
   const sourceChainName = getChainName("solana");
@@ -2684,66 +3483,66 @@ function SolanaConfirmStep({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx9(BodyHeader, { icon: /* @__PURE__ */ jsx9(WalletIcon, {}), title: "Review deposit" }),
-      /* @__PURE__ */ jsxs9("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx9("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx9("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx9("img", { src: sourceChainIcon, alt: "" }) })
+  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx15(BodyHeader, { icon: /* @__PURE__ */ jsx15(WalletIcon, {}), title: "Review deposit" }),
+      /* @__PURE__ */ jsxs13("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx15("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: sourceChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx9("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx9("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx9("img", { src: targetChainIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx15("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: targetChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Estimated time" }),
-          /* @__PURE__ */ jsx9("span", { className: "rs-review-detail-value", children: estimatedTime })
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Estimated time" }),
+          /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-value", children: estimatedTime })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx9("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "You send" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs13("span", { children: [
               formattedAmount,
               " ",
               token.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx9("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx9("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Receive" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs13("span", { children: [
               receiveAmount,
               " ",
               targetSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx9("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx9("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx15(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
                 children: "$0.04"
               }
             ),
-            /* @__PURE__ */ jsx9(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx9("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx9(InfoIcon, {}) }) })
+            /* @__PURE__ */ jsx15(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx15(InfoIcon, {}) }) })
           ] })
         ] })
       ] }),
-      error && /* @__PURE__ */ jsx9(Callout, { variant: "error", children: error }),
-      /* @__PURE__ */ jsx9(
+      error && /* @__PURE__ */ jsx15(Callout, { variant: "error", children: error }),
+      /* @__PURE__ */ jsx15(
         Button,
         {
           onClick: handleConfirm,
@@ -2755,28 +3554,28 @@ function SolanaConfirmStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx9(PoweredBy, {})
+    /* @__PURE__ */ jsx15(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/DappImportAssetSelectStep.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function DappImportAssetSelectStep({
   sourceLabel,
   assets,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs14("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx16(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx10(WalletIcon, {}),
+          icon: /* @__PURE__ */ jsx16(WalletIcon, {}),
           title: `Transfer from ${sourceLabel}`,
           subtitle: "Pick the balance to import"
         }
       ),
-      /* @__PURE__ */ jsx10("div", { className: "rs-asset-list", children: assets.map((asset) => {
+      /* @__PURE__ */ jsx16("div", { className: "rs-asset-list", children: assets.map((asset) => {
         const tokenAmount = asset.balance ? tokenFormatter.format(
           Number(asset.balance) / 10 ** asset.decimals
         ) : "0";
@@ -2784,23 +3583,23 @@ function DappImportAssetSelectStep({
         const tokenIcon = asset.icon ?? getTokenIcon(asset.symbol);
         const chainIcon = getChainIcon(asset.chainId);
         const badge = getChainBadge(asset.chainId);
-        return /* @__PURE__ */ jsxs10(
+        return /* @__PURE__ */ jsxs14(
           "button",
           {
             type: "button",
             className: "rs-asset-row",
             onClick: () => onSelect(asset),
             children: [
-              /* @__PURE__ */ jsxs10("div", { className: "rs-asset-info", children: [
-                /* @__PURE__ */ jsxs10("div", { className: "rs-asset-icon-wrapper", children: [
-                  /* @__PURE__ */ jsx10("span", { className: "rs-asset-icon", children: tokenIcon ? /* @__PURE__ */ jsx10("img", { src: tokenIcon, alt: asset.symbol }) : asset.symbol.slice(0, 4) }),
-                  chainIcon ? /* @__PURE__ */ jsx10("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsxs14("div", { className: "rs-asset-info", children: [
+                /* @__PURE__ */ jsxs14("div", { className: "rs-asset-icon-wrapper", children: [
+                  /* @__PURE__ */ jsx16("span", { className: "rs-asset-icon", children: tokenIcon ? /* @__PURE__ */ jsx16("img", { src: tokenIcon, alt: asset.symbol }) : asset.symbol.slice(0, 4) }),
+                  chainIcon ? /* @__PURE__ */ jsx16("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx16(
                     "img",
                     {
                       src: chainIcon,
                       alt: getChainName(asset.chainId)
                     }
-                  ) }) : /* @__PURE__ */ jsx10(
+                  ) }) : /* @__PURE__ */ jsx16(
                     "span",
                     {
                       className: "rs-asset-chain-badge",
@@ -2809,29 +3608,29 @@ function DappImportAssetSelectStep({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs10("div", { className: "rs-asset-text", children: [
-                  /* @__PURE__ */ jsxs10("div", { className: "rs-asset-name-row", children: [
-                    /* @__PURE__ */ jsx10("span", { className: "rs-asset-name", children: asset.symbol }),
-                    /* @__PURE__ */ jsxs10("span", { className: "rs-asset-chain", children: [
+                /* @__PURE__ */ jsxs14("div", { className: "rs-asset-text", children: [
+                  /* @__PURE__ */ jsxs14("div", { className: "rs-asset-name-row", children: [
+                    /* @__PURE__ */ jsx16("span", { className: "rs-asset-name", children: asset.symbol }),
+                    /* @__PURE__ */ jsxs14("span", { className: "rs-asset-chain", children: [
                       "on ",
                       asset.sourceLabel
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs10("div", { className: "rs-asset-balance-small", children: [
+                  /* @__PURE__ */ jsxs14("div", { className: "rs-asset-balance-small", children: [
                     tokenAmount,
                     " ",
                     asset.symbol
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx10("div", { className: "rs-asset-balance", children: balanceUsd })
+              /* @__PURE__ */ jsx16("div", { className: "rs-asset-balance", children: balanceUsd })
             ]
           },
           asset.id
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx10(PoweredBy, {})
+    /* @__PURE__ */ jsx16(PoweredBy, {})
   ] });
 }
 DappImportAssetSelectStep.displayName = "DappImportAssetSelectStep";
@@ -3400,6 +4199,7 @@ function applyBack(state, hasWalletOptions) {
           targetAmount: null,
           targetTokenPriceUsd: null,
           balance: null,
+          inputAmountUsd: null,
           liquidityWarning: null
         },
         flow: {
@@ -3445,8 +4245,19 @@ function applyBack(state, hasWalletOptions) {
         },
         flow: { ...state.flow, step: "solana-amount", hasNavigatedBack: true }
       };
+    case "exchange-connect":
+      return {
+        ...state,
+        flow: {
+          ...state.flow,
+          step: "exchange-select",
+          hasNavigatedBack: true
+        }
+      };
     case "select-asset":
     case "deposit-address":
+    case "fiat-onramp":
+    case "exchange-select":
     case "solana-token-select":
     case "dapp-import-asset-select":
       return {
@@ -3463,7 +4274,8 @@ function applyBack(state, hasWalletOptions) {
           ...state.dappImport,
           activeProviderId: null,
           selectedAsset: null
-        }
+        },
+        exchange: { selectedConnection: null }
       };
     case "connect":
     case "setup":
@@ -3476,7 +4288,8 @@ function applyBack(state, hasWalletOptions) {
             mode: null,
             isConnectSelectionConfirmed: false,
             hasNavigatedBack: hasWalletOptions || state.flow.hasNavigatedBack
-          }
+          },
+          exchange: { selectedConnection: null }
         };
       }
       return state;
@@ -3496,6 +4309,10 @@ function modeEntryStep(mode) {
       return "solana-token-select";
     case "dapp-import":
       return "dapp-import-asset-select";
+    case "fiat-onramp":
+      return "fiat-onramp";
+    case "exchange-connect":
+      return "exchange-select";
   }
 }
 function updateSetupEntry(state, owner, update) {
@@ -3541,7 +4358,8 @@ function applyAction(state, action) {
           ...state.dappImport,
           activeProviderId: null,
           selectedAsset: null
-        }
+        },
+        exchange: { selectedConnection: null }
       };
     case "connect/wallet-confirmed":
       if (!action.mode) return state;
@@ -3565,6 +4383,39 @@ function applyAction(state, action) {
           step: "deposit-address"
         }
       };
+    case "connect/fiat-onramp-selected":
+      return {
+        ...state,
+        flow: {
+          ...state.flow,
+          mode: "fiat-onramp",
+          isConnectSelectionConfirmed: true,
+          step: modeEntryStep("fiat-onramp")
+        },
+        fiat: { ...state.fiat, selectedMethod: action.paymentMethod ?? null }
+      };
+    case "connect/exchange-selected":
+      return {
+        ...state,
+        flow: {
+          ...state.flow,
+          mode: "exchange-connect",
+          isConnectSelectionConfirmed: true,
+          step: modeEntryStep("exchange-connect")
+        },
+        exchange: { selectedConnection: null }
+      };
+    case "exchange/connection-selected":
+      return {
+        ...state,
+        flow: {
+          ...state.flow,
+          mode: "exchange-connect",
+          isConnectSelectionConfirmed: true,
+          step: "exchange-connect"
+        },
+        exchange: { selectedConnection: action.connection }
+      };
     case "connect/auto-locked":
       return {
         ...state,
@@ -3590,7 +4441,8 @@ function applyAction(state, action) {
           ...state.dappImport,
           activeProviderId: null,
           selectedAsset: null
-        }
+        },
+        exchange: { selectedConnection: null }
       };
     case "setup/started": {
       const existing = state.setup.byOwner[ownerKey(action.owner)];
@@ -3655,7 +4507,11 @@ function applyAction(state, action) {
           selectedAsset: action.asset,
           // Seed the user-facing amount input with the modal's defaultAmount
           // on first visit. Subsequent visits override via amount/entered.
-          amount: action.seedAmount ?? state.deposit.amount
+          // `inputAmountUsd` is the USD-style value the input shows; it (not
+          // the native `amount`) is what re-seeds the input on back, so seed
+          // it here too and reset it on a fresh pick.
+          amount: action.seedAmount ?? state.deposit.amount,
+          inputAmountUsd: action.seedAmount ?? null
         },
         flow: { ...state.flow, step: "amount" }
       };
@@ -3668,6 +4524,11 @@ function applyAction(state, action) {
           targetAmount: action.targetAmount,
           targetTokenPriceUsd: action.targetTokenPriceUsd,
           balance: action.balance ?? null,
+          // `targetAmount` is the USD-style value the user typed. Preserve it
+          // as `inputAmountUsd` so back-from-confirm re-seeds the input with
+          // the typed USD value rather than the converted native `amount`
+          // (which corrupts the input for non-stablecoin priced tokens).
+          inputAmountUsd: action.targetAmount,
           liquidityWarning: action.liquidityWarning ?? null
         },
         flow: { ...state.flow, step: "confirm" }
@@ -3816,7 +4677,9 @@ function applyAction(state, action) {
           activeProviderId: null,
           selectedAsset: null
         },
-        setup: { byOwner: preservedByOwner }
+        setup: { byOwner: preservedByOwner },
+        fiat: { selectedMethod: null },
+        exchange: { selectedConnection: null }
       };
     }
     case "target/changed": {
@@ -3890,6 +4753,12 @@ function createInitialState(overrides) {
     },
     setup: {
       byOwner: {}
+    },
+    fiat: {
+      selectedMethod: null
+    },
+    exchange: {
+      selectedConnection: null
     }
   };
 }
@@ -4192,23 +5061,23 @@ function mapError(error) {
 }
 
 // src/DepositFlow.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function AccountPreparingSkeleton({
   errorMessage,
   onRetry
 }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx11("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-text", children: errorMessage ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-      /* @__PURE__ */ jsx11("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t prepare account" }),
-      /* @__PURE__ */ jsx11("div", { className: "rs-loading-subtitle", children: errorMessage })
-    ] }) : /* @__PURE__ */ jsx11("div", { className: "rs-loading-title", children: "Preparing\u2026" }) }) }) }),
-    errorMessage && onRetry && /* @__PURE__ */ jsx11("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs15("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx17("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx17("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx17("div", { className: "rs-loading-text", children: errorMessage ? /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      /* @__PURE__ */ jsx17("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t prepare account" }),
+      /* @__PURE__ */ jsx17("div", { className: "rs-loading-subtitle", children: errorMessage })
+    ] }) : /* @__PURE__ */ jsx17("div", { className: "rs-loading-title", children: "Preparing\u2026" }) }) }) }),
+    errorMessage && onRetry && /* @__PURE__ */ jsx17("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
         className: "rs-button rs-button--default rs-button--full-width",
         onClick: onRetry,
-        children: /* @__PURE__ */ jsx11("span", { children: "Try again" })
+        children: /* @__PURE__ */ jsx17("span", { children: "Try again" })
       }
     ) })
   ] });
@@ -4217,10 +5086,12 @@ var QR_AUTO_ADVANCE_HYDRATION_GRACE_MS = 1e3;
 function isSameRoute2(sourceChain, sourceToken, targetChain, targetToken) {
   return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
 }
+var SWAPPED_SOURCE_CHAIN = 8453;
+var SWAPPED_SOURCE_TOKEN = "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913";
 function getAddressKey(address) {
   return address ? address.toLowerCase() : null;
 }
-function deriveStep(flow, d, p, activeEntry) {
+function deriveStep(flow, d, p, activeEntry, fiat, exchange) {
   const flowStep = flow.step;
   const smartAccount = activeEntry.smartAccount;
   const solanaDepositAddress = activeEntry.solanaDepositAddress;
@@ -4235,6 +5106,23 @@ function deriveStep(flow, d, p, activeEntry) {
         smartAccount,
         solanaDepositAddress: solanaDepositAddress ?? void 0
       };
+    case "fiat-onramp":
+      if (!smartAccount) return { type: "setup" };
+      return {
+        type: "fiat-onramp",
+        smartAccount,
+        paymentMethod: fiat.selectedMethod ?? void 0
+      };
+    case "exchange-select":
+      return { type: "exchange-select" };
+    case "exchange-connect":
+      if (!exchange.selectedConnection) return { type: "exchange-select" };
+      if (!smartAccount) return { type: "setup" };
+      return {
+        type: "exchange-connect",
+        smartAccount,
+        connection: exchange.selectedConnection
+      };
     case "select-asset":
       if (!smartAccount) return { type: "setup" };
       return { type: "select-asset", smartAccount };
@@ -4244,7 +5132,9 @@ function deriveStep(flow, d, p, activeEntry) {
         type: "amount",
         smartAccount,
         asset: d.selectedAsset,
-        amount: d.amount ?? void 0
+        // Seed the input from the USD-style value the user typed, not the
+        // native source `amount` (which would corrupt the input on back).
+        inputAmountUsd: d.inputAmountUsd ?? void 0
       };
     case "confirm":
       if (!smartAccount || !d.selectedAsset || !d.amount || !d.targetAmount) {
@@ -4321,6 +5211,8 @@ function resolveOwnerForMode(mode, ctx) {
   switch (mode) {
     case "deposit-address":
     case "solana-wallet":
+    case "fiat-onramp":
+    case "exchange-connect":
       return ctx.dappAddress ?? null;
     case "wallet":
       return ctx.walletOwner ?? null;
@@ -4351,6 +5243,10 @@ function DepositFlow({
   forceRegister = false,
   enableSolana = true,
   dappImports,
+  enableFiatOnramp = false,
+  enableQrTransfer = true,
+  fiatOnrampMethods,
+  enableExchangeConnect = false,
   reownWallet,
   onConnect,
   onDisconnect,
@@ -4379,31 +5275,33 @@ function DepositFlow({
   const depositSlice = useDepositStore((s) => s.deposit);
   const processingSlice = useDepositStore((s) => s.processing);
   const setupSlice = useDepositStore((s) => s.setup);
+  const fiatSlice = useDepositStore((s) => s.fiat);
+  const exchangeSlice = useDepositStore((s) => s.exchange);
   const flowMode = flowSlice.mode;
   const isConnectSelectionConfirmed = flowSlice.isConnectSelectionConfirmed;
   const hasNavigatedBack = flowSlice.hasNavigatedBack;
   const selectedWalletId = useDepositStore(selectedWalletIdSelector);
-  const [totalBalanceUsd, setTotalBalanceUsd] = useState9(0);
-  const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState9(() => !hasInitialWalletHydrationPending);
-  const portfolioAssetsRef = useRef7([]);
-  const stableWalletSignerRef = useRef7(null);
-  const stableWalletSelectionKeyRef = useRef7(null);
-  const logFlow = useCallback4(
+  const [totalBalanceUsd, setTotalBalanceUsd] = useState11(0);
+  const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState11(() => !hasInitialWalletHydrationPending);
+  const portfolioAssetsRef = useRef8([]);
+  const stableWalletSignerRef = useRef8(null);
+  const stableWalletSelectionKeyRef = useRef8(null);
+  const logFlow = useCallback7(
     (message, data) => {
       debugLog(debug, "deposit-flow", message, data);
     },
     [debug]
   );
-  const logFlowError = useCallback4(
+  const logFlowError = useCallback7(
     (message, error, data) => {
       debugError(debug, "deposit-flow", message, error, data);
     },
     [debug]
   );
-  const handleAssetsLoaded = useCallback4((assets) => {
+  const handleAssetsLoaded = useCallback7((assets) => {
     portfolioAssetsRef.current = assets;
   }, []);
-  const getTokenPriceUsd = useCallback4((symbol) => {
+  const getTokenPriceUsd = useCallback7((symbol) => {
     const sym = symbol.toLowerCase();
     for (const asset of portfolioAssetsRef.current) {
       if (asset.symbol.toLowerCase() === sym && asset.balanceUsd && asset.balance) {
@@ -4418,14 +5316,14 @@ function DepositFlow({
     }
     return null;
   }, []);
-  const dappSwitchChain = useMemo6(() => {
+  const dappSwitchChain = useMemo7(() => {
     if (!dappWalletClient?.switchChain) return void 0;
     return async (chainId) => {
       await dappWalletClient.switchChain?.({ id: chainId });
     };
   }, [dappWalletClient]);
   const connectedWalletAddress = dappWalletClient?.account?.address ?? null;
-  const walletOptions = useMemo6(() => {
+  const walletOptions = useMemo7(() => {
     const options = [];
     const seen = /* @__PURE__ */ new Set();
     if (connectedWalletAddress && dappAddress) {
@@ -4477,7 +5375,7 @@ function DepositFlow({
     reownWallet?.solanaAddress,
     reownWallet?.caipAddress
   ]);
-  const canAutoLock = dappWalletClient?.account && dappAddress && !reownWallet;
+  const canAutoLock = dappWalletClient?.account && dappAddress && !reownWallet && !enableFiatOnramp && !enableExchangeConnect;
   const hasWalletOptions = walletOptions.length > 0;
   const hasReownSession = Boolean(
     enableSolana ? reownWallet?.isConnected || reownWallet?.address : reownWallet?.address
@@ -4486,7 +5384,7 @@ function DepositFlow({
     dappAddress && !hasWalletOptions && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasReownSession && !reownWallet.isReady)
   );
   const showConnectStep = flowMode === null && !isConnectSelectionConfirmed;
-  useEffect8(() => {
+  useEffect10(() => {
     if (!isWalletHydrationPending) {
       setHasQrAutoAdvanceGraceElapsed(true);
       return;
@@ -4497,7 +5395,7 @@ function DepositFlow({
     }, QR_AUTO_ADVANCE_HYDRATION_GRACE_MS);
     return () => window.clearTimeout(timeout);
   }, [isWalletHydrationPending]);
-  const walletSelectionKey = useMemo6(() => {
+  const walletSelectionKey = useMemo7(() => {
     if (flowMode !== "wallet" && flowMode !== "dapp-import") return null;
     if (canAutoLock) {
       return getAddressKey(connectedWalletAddress);
@@ -4514,8 +5412,8 @@ function DepositFlow({
   const setupChainId = typeof targetChain === "number" ? targetChain : typeof defaultSourceChain === "number" ? defaultSourceChain : base.id;
   const targetSymbol = getTargetTokenSymbol(targetToken, targetChain);
   const isTargetStablecoin = isStablecoinSymbol(targetSymbol);
-  const targetMarketPriceRef = useRef7(null);
-  useEffect8(() => {
+  const targetMarketPriceRef = useRef8(null);
+  useEffect10(() => {
     targetMarketPriceRef.current = null;
     if (isTargetStablecoin || targetSymbol === "Token") {
       return;
@@ -4530,7 +5428,7 @@ function DepositFlow({
       cancelled = true;
     };
   }, [service, targetSymbol, isTargetStablecoin]);
-  const walletSignerContext = useMemo6(() => {
+  const walletSignerContext = useMemo7(() => {
     if (flowMode === "deposit-address") {
       return null;
     }
@@ -4596,7 +5494,7 @@ function DepositFlow({
     reownWallet,
     setupChainId
   ]);
-  useEffect8(() => {
+  useEffect10(() => {
     if (flowMode !== "wallet" && flowMode !== "dapp-import") {
       stableWalletSelectionKeyRef.current = null;
       stableWalletSignerRef.current = null;
@@ -4611,7 +5509,7 @@ function DepositFlow({
       stableWalletSignerRef.current = walletSignerContext;
     }
   }, [flowMode, walletSelectionKey, walletSignerContext]);
-  const signerContext = useMemo6(() => {
+  const signerContext = useMemo7(() => {
     if (flowMode === "deposit-address") {
       if (!dappAddress) return null;
       return {
@@ -4639,7 +5537,7 @@ function DepositFlow({
     walletSignerContext,
     walletSelectionKey
   ]);
-  const selectedEvmWalletOwner = useMemo6(() => {
+  const selectedEvmWalletOwner = useMemo7(() => {
     if (!selectedWalletId) return null;
     const opt = walletOptions.find((o) => o.id === selectedWalletId);
     if (opt?.kind === "external" && opt.address) {
@@ -4650,7 +5548,7 @@ function DepositFlow({
     }
     return null;
   }, [selectedWalletId, walletOptions]);
-  const dappImportOwner = useMemo6(() => {
+  const dappImportOwner = useMemo7(() => {
     if (selectedEvmWalletOwner) return selectedEvmWalletOwner;
     if (reownWallet?.address && reownWallet.isConnected) {
       return reownWallet.address;
@@ -4663,7 +5561,7 @@ function DepositFlow({
     reownWallet?.isConnected,
     connectedWalletAddress
   ]);
-  const activeOwner = useMemo6(
+  const activeOwner = useMemo7(
     () => resolveOwnerForMode(flowMode, {
       dappAddress,
       walletOwner: signerContext?.ownerAddress ?? (canAutoLock ? connectedWalletAddress : selectedEvmWalletOwner),
@@ -4679,12 +5577,12 @@ function DepositFlow({
       dappImportOwner
     ]
   );
-  const activeEntry = useMemo6(
+  const activeEntry = useMemo7(
     () => readSetupForOwner(setupSlice, activeOwner),
     [setupSlice, activeOwner]
   );
-  const lastActiveSetupLifecycleKeyRef = useRef7(null);
-  useEffect8(() => {
+  const lastActiveSetupLifecycleKeyRef = useRef8(null);
+  useEffect10(() => {
     if (!flowMode || !isConnectSelectionConfirmed) {
       lastActiveSetupLifecycleKeyRef.current = null;
       return;
@@ -4720,12 +5618,26 @@ function DepositFlow({
     activeEntry.solanaDepositAddress,
     onLifecycleRef
   ]);
-  const effectiveStep = useMemo6(
-    () => deriveStep(flowSlice, depositSlice, processingSlice, activeEntry),
-    [flowSlice, depositSlice, processingSlice, activeEntry]
+  const effectiveStep = useMemo7(
+    () => deriveStep(
+      flowSlice,
+      depositSlice,
+      processingSlice,
+      activeEntry,
+      fiatSlice,
+      exchangeSlice
+    ),
+    [
+      flowSlice,
+      depositSlice,
+      processingSlice,
+      activeEntry,
+      fiatSlice,
+      exchangeSlice
+    ]
   );
   const step = effectiveStep;
-  const handleBack = useCallback4(() => {
+  const handleBack = useCallback7(() => {
     const stepBeforeBack = storeApi.getState().flow.step;
     storeApi.dispatch({
       type: "back/requested",
@@ -4735,16 +5647,52 @@ function DepositFlow({
       portfolioAssetsRef.current = [];
     }
   }, [storeApi, hasWalletOptions, reownWallet]);
-  const canGoBackFromHere = effectiveStep.type === "deposit-address" || effectiveStep.type === "solana-token-select" || effectiveStep.type === "solana-amount" || effectiveStep.type === "solana-confirm" || effectiveStep.type === "amount" || effectiveStep.type === "confirm" || effectiveStep.type === "dapp-import-asset-select" || effectiveStep.type === "select-asset" && signerContext && !canAutoLock;
+  const canGoBackFromHere = effectiveStep.type === "deposit-address" || effectiveStep.type === "solana-token-select" || effectiveStep.type === "solana-amount" || effectiveStep.type === "solana-confirm" || effectiveStep.type === "amount" || effectiveStep.type === "confirm" || effectiveStep.type === "dapp-import-asset-select" || effectiveStep.type === "fiat-onramp" || effectiveStep.type === "exchange-select" || effectiveStep.type === "exchange-connect" || effectiveStep.type === "select-asset" && signerContext && !canAutoLock;
   const currentBackHandler = canGoBackFromHere ? handleBack : void 0;
   const currentScreen = showConnectStep ? "connect" : effectiveStep.type;
-  useEffect8(() => {
+  useEffect10(() => {
     onStepChangeRef.current?.(currentBackHandler, currentScreen);
   }, [currentBackHandler, currentScreen, onStepChangeRef]);
+  const lastModalHeightRef = useRef8(0);
+  const modalContentElRef = useRef8(null);
+  useEffect10(() => {
+    const mc = document.querySelector(".rs-modal-content");
+    if (!mc) return;
+    modalContentElRef.current = mc;
+    const ro = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const border = entry.borderBoxSize?.[0]?.blockSize;
+        lastModalHeightRef.current = typeof border === "number" ? border : entry.contentRect.height;
+      }
+    });
+    ro.observe(mc);
+    return () => {
+      ro.disconnect();
+      modalContentElRef.current = null;
+    };
+  }, []);
+  const stepPinKey = `${flowMode ?? "none"}:${step.type}`;
+  const prevStepPinKeyRef = useRef8(stepPinKey);
+  useLayoutEffect2(() => {
+    if (prevStepPinKeyRef.current === stepPinKey) return;
+    prevStepPinKeyRef.current = stepPinKey;
+    const mc = document.querySelector(".rs-modal-content");
+    const lastHeight = lastModalHeightRef.current;
+    if (!mc || lastHeight <= 0) return;
+    const prevTransition = mc.style.transition;
+    mc.style.transition = "none";
+    mc.style.setProperty("min-height", `${lastHeight}px`, "important");
+    void mc.offsetHeight;
+    const rafId = requestAnimationFrame(() => {
+      mc.style.transition = prevTransition;
+      mc.style.removeProperty("min-height");
+    });
+    return () => cancelAnimationFrame(rafId);
+  }, [stepPinKey]);
   const stepSendToken = effectiveStep.type === "amount" ? effectiveStep.asset.symbol : null;
   const stepOpenEventKey = effectiveStep.type === "select-asset" ? "select-asset" : effectiveStep.type === "deposit-address" ? "deposit-address" : effectiveStep.type === "amount" && stepSendToken ? `amount:${stepSendToken.toLowerCase()}` : null;
-  const lastStepOpenEventKeyRef = useRef7(null);
-  useEffect8(() => {
+  const lastStepOpenEventKeyRef = useRef8(null);
+  useEffect10(() => {
     if (!stepOpenEventKey) {
       lastStepOpenEventKeyRef.current = null;
       return;
@@ -4786,7 +5734,7 @@ function DepositFlow({
     totalBalanceUsd,
     onEventRef
   ]);
-  useEffect8(() => {
+  useEffect10(() => {
     logFlow("state:changed", {
       step: effectiveStep.type,
       flowMode,
@@ -4802,7 +5750,7 @@ function DepositFlow({
     targetChain,
     targetToken
   ]);
-  useEffect8(() => {
+  useEffect10(() => {
     onLifecycleRef.current?.({
       type: "balance-changed",
       totalUsd: totalBalanceUsd
@@ -4811,10 +5759,12 @@ function DepositFlow({
   const isDepositAddressMode = flowMode === "deposit-address";
   const isSolanaWalletMode = flowMode === "solana-wallet";
   const isDappImportMode = flowMode === "dapp-import";
-  const handleSelectTransferCrypto = useCallback4(() => {
+  const isFiatOnrampMode = flowMode === "fiat-onramp";
+  const isExchangeConnectMode = flowMode === "exchange-connect";
+  const handleSelectTransferCrypto = useCallback7(() => {
     storeApi.dispatch({ type: "connect/transfer-crypto-selected" });
   }, [storeApi]);
-  const handleConfirmWallet = useCallback4(
+  const handleConfirmWallet = useCallback7(
     (walletId) => {
       const selectedOption = walletOptions.find((o) => o.id === walletId);
       const mode = enableSolana && selectedOption?.kind === "solana" ? "solana-wallet" : "wallet";
@@ -4830,12 +5780,12 @@ function DepositFlow({
     enableSolana && reownWallet?.isConnected && reownWallet?.isSolana
   );
   const dappImportsKey = dappImports ? Object.keys(dappImports).filter((k) => dappImports[k]).sort().join(",") : "";
-  const enabledDappImportProviders = useMemo6(
+  const enabledDappImportProviders = useMemo7(
     () => isSolanaWalletConnected ? [] : getEnabledProviders(dappImports),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: keyed on dappImportsKey, not the dappImports object identity
     [dappImportsKey, isSolanaWalletConnected]
   );
-  const handleSelectDappImport = useCallback4(
+  const handleSelectDappImport = useCallback7(
     (providerId) => {
       const owner = dappImportOwner;
       if (owner) {
@@ -4856,13 +5806,13 @@ function DepositFlow({
     },
     [storeApi, walletOptions, dappImportOwner]
   );
-  const handleDappImportAssetSelected = useCallback4(
+  const handleDappImportAssetSelected = useCallback7(
     (asset) => {
       storeApi.dispatch({ type: "dapp-import/asset-selected", asset });
     },
     [storeApi]
   );
-  useEffect8(() => {
+  useEffect10(() => {
     if (!dappImportOwner || enabledDappImportProviders.length === 0) {
       storeApi.dispatch({ type: "dapp-import/availability-cleared" });
       return;
@@ -4911,7 +5861,7 @@ function DepositFlow({
   const activeDappImportProviderId = useDepositStore(
     (s) => s.dappImport.activeProviderId
   );
-  const connectStepDappImports = useMemo6(
+  const connectStepDappImports = useMemo7(
     () => enabledDappImportProviders.map((provider) => {
       const baseRow = {
         id: provider.id,
@@ -4961,13 +5911,13 @@ function DepositFlow({
       dappImportOwner
     ]
   );
-  const activeDappImportProvider = useMemo6(() => {
+  const activeDappImportProvider = useMemo7(() => {
     if (!activeDappImportProviderId) return null;
     return enabledDappImportProviders.find(
       (p) => p.id === activeDappImportProviderId
     ) ?? null;
   }, [activeDappImportProviderId, enabledDappImportProviders]);
-  const activeDappImportAvailability = useMemo6(() => {
+  const activeDappImportAvailability = useMemo7(() => {
     if (!activeDappImportProviderId) return null;
     if (!dappImportOwner || dappImportAvailabilityOwner?.toLowerCase() !== dappImportOwner.toLowerCase()) {
       return null;
@@ -4981,7 +5931,28 @@ function DepositFlow({
     dappImportAvailabilityOwner,
     dappImportOwner
   ]);
-  const handleNewDeposit = useCallback4(() => {
+  const handleSelectFiatMethod = useCallback7(
+    (paymentMethod) => {
+      storeApi.dispatch({
+        type: "connect/fiat-onramp-selected",
+        paymentMethod
+      });
+    },
+    [storeApi]
+  );
+  const handleSelectExchange = useCallback7(() => {
+    storeApi.dispatch({ type: "connect/exchange-selected" });
+  }, [storeApi]);
+  const handleSelectExchangeConnection = useCallback7(
+    (connection) => {
+      storeApi.dispatch({
+        type: "exchange/connection-selected",
+        connection
+      });
+    },
+    [storeApi]
+  );
+  const handleNewDeposit = useCallback7(() => {
     onLifecycleRef.current?.({
       type: "smart-account-changed",
       evm: null,
@@ -4992,7 +5963,7 @@ function DepositFlow({
     stableWalletSignerRef.current = null;
     stableWalletSelectionKeyRef.current = null;
   }, [onLifecycleRef, storeApi]);
-  const setupInputBase = useMemo6(
+  const setupInputBase = useMemo7(
     () => ({
       targetChain,
       targetToken,
@@ -5018,7 +5989,7 @@ function DepositFlow({
       enableSolana
     ]
   );
-  const desiredOwnersKey = useMemo6(() => {
+  const desiredOwnersKey = useMemo7(() => {
     const owners = [];
     const seen = /* @__PURE__ */ new Set();
     const push = (addr) => {
@@ -5039,7 +6010,7 @@ function DepositFlow({
     reownWallet?.address,
     dappImportOwner
   ]);
-  useEffect8(() => {
+  useEffect10(() => {
     desiredOwnersKey.forEach((owner) => {
       void (async () => {
         const input = {
@@ -5134,7 +6105,7 @@ function DepositFlow({
     storeApi,
     setupSlice.byOwner
   ]);
-  const handleDepositAddressSubmitted = useCallback4(
+  const handleDepositAddressSubmitted = useCallback7(
     (data) => {
       logFlow("deposit-address:detected", {
         txHash: data.txHash,
@@ -5145,7 +6116,7 @@ function DepositFlow({
     },
     [logFlow, onLifecycleRef]
   );
-  const handleSolanaTokenContinue = useCallback4(
+  const handleSolanaTokenContinue = useCallback7(
     (token, balance, balanceUsd) => {
       logFlow("solana:token:continue", { token: token.symbol });
       storeApi.dispatch({
@@ -5158,7 +6129,7 @@ function DepositFlow({
     },
     [defaultAmount, logFlow, storeApi]
   );
-  const handleSolanaAmountContinue = useCallback4(
+  const handleSolanaAmountContinue = useCallback7(
     (token, sourceAmount, inputAmountUsd) => {
       const targetSym = getTargetTokenSymbol(targetToken, targetChain);
       const isTargetStable = isStablecoinSymbol(targetSym);
@@ -5180,7 +6151,7 @@ function DepositFlow({
     },
     [targetToken, targetChain, getTokenPriceUsd, logFlow, storeApi]
   );
-  const handleSolanaConfirmed = useCallback4(
+  const handleSolanaConfirmed = useCallback7(
     (txHash, amountUnits) => {
       const tokenAtSubmit = storeApi.getState().deposit.selectedSolanaToken;
       if (!tokenAtSubmit) return;
@@ -5207,7 +6178,7 @@ function DepositFlow({
     },
     [logFlow, onLifecycleRef, storeApi]
   );
-  const handleAssetContinue = useCallback4(
+  const handleAssetContinue = useCallback7(
     (asset) => {
       onEventRef.current?.({
         type: "deposit_modal_connected_wallet_select_source_cta_click",
@@ -5225,7 +6196,7 @@ function DepositFlow({
     },
     [defaultAmount, onEventRef, totalBalanceUsd, storeApi]
   );
-  const handleAmountContinue = useCallback4(
+  const handleAmountContinue = useCallback7(
     (amount, targetAmount, balance, liquidityWarning) => {
       const entry = readSetupForOwner(
         storeApi.getState().setup,
@@ -5246,7 +6217,7 @@ function DepositFlow({
     },
     [targetToken, targetChain, getTokenPriceUsd, storeApi, activeOwner]
   );
-  const handleDepositSubmitted = useCallback4(
+  const handleDepositSubmitted = useCallback7(
     (txHash, chainId, amount, token) => {
       logFlow("evm:submitted", {
         txHash,
@@ -5269,7 +6240,32 @@ function DepositFlow({
     },
     [logFlow, storeApi, targetChain, targetToken]
   );
-  const handleDepositSubmittedCallback = useCallback4(
+  const handleSwappedComplete = useCallback7(
+    (info) => {
+      logFlow("swapped:complete", {
+        txHash: info.txHash,
+        orderCrypto: info.orderCrypto
+      });
+      const amount = info.amount ?? "0";
+      storeApi.dispatch({
+        type: "deposit/submitted",
+        txHash: info.txHash,
+        sourceChain: SWAPPED_SOURCE_CHAIN,
+        sourceToken: SWAPPED_SOURCE_TOKEN,
+        amount,
+        sourceSymbol: info.orderCrypto ?? "USDC",
+        sourceDecimals: 6
+      });
+      onLifecycleRef.current?.({
+        type: "submitted",
+        txHash: info.txHash,
+        sourceChain: SWAPPED_SOURCE_CHAIN,
+        amount
+      });
+    },
+    [logFlow, storeApi, onLifecycleRef]
+  );
+  const handleDepositSubmittedCallback = useCallback7(
     (txHash, sourceChain, amount) => {
       onLifecycleRef.current?.({
         type: "submitted",
@@ -5280,7 +6276,7 @@ function DepositFlow({
     },
     [onLifecycleRef]
   );
-  const handleDepositComplete = useCallback4(
+  const handleDepositComplete = useCallback7(
     (txHash, destinationTxHash, context) => {
       logFlow("deposit:complete", { txHash, destinationTxHash, ...context });
       onLifecycleRef.current?.({
@@ -5292,28 +6288,28 @@ function DepositFlow({
     },
     [logFlow, onLifecycleRef]
   );
-  const handleDepositFailed = useCallback4(
+  const handleDepositFailed = useCallback7(
     (txHash, error) => {
       logFlowError("deposit:failed", error, { txHash });
       onLifecycleRef.current?.({ type: "failed", txHash, error });
     },
     [logFlowError, onLifecycleRef]
   );
-  const handleError = useCallback4(
+  const handleError = useCallback7(
     (message, code) => {
       logFlowError("flow:error", message, { code });
       onErrorRef.current?.({ message, code });
     },
     [logFlowError, onErrorRef]
   );
-  const handleTotalBalanceComputed = useCallback4((total) => {
+  const handleTotalBalanceComputed = useCallback7((total) => {
     setTotalBalanceUsd(total);
   }, []);
-  const walletOptionsKey = useMemo6(
+  const walletOptionsKey = useMemo7(
     () => walletOptions.map((option) => option.id).join(","),
     [walletOptions]
   );
-  useEffect8(() => {
+  useEffect10(() => {
     if (storeApi.getState().flow.mode) {
       return;
     }
@@ -5323,12 +6319,12 @@ function DepositFlow({
       storeApi.dispatch({ type: "flow/step-set", step: "connect" });
     }
   }, [walletOptionsKey]);
-  useEffect8(() => {
+  useEffect10(() => {
     if (!showConnectStep && isConnectSelectionConfirmed && (flowMode === "wallet" || flowMode === "dapp-import") && !signerContext) {
       storeApi.dispatch({ type: "wallet/cleared" });
     }
   }, [showConnectStep, isConnectSelectionConfirmed, flowMode, signerContext, storeApi]);
-  useEffect8(() => {
+  useEffect10(() => {
     if (enableSolana || flowMode !== "solana-wallet") {
       return;
     }
@@ -5337,14 +6333,15 @@ function DepositFlow({
       storeApi.dispatch({ type: "flow/step-set", step: "connect" });
     }
   }, [enableSolana, flowMode, storeApi]);
-  useEffect8(() => {
-    if (hasNavigatedBack || isConnectSelectionConfirmed || flowMode) {
+  useEffect10(() => {
+    if (hasNavigatedBack || isConnectSelectionConfirmed || flowMode || enableFiatOnramp || enableExchangeConnect) {
       return;
     }
-    if (!hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient && hasQrAutoAdvanceGraceElapsed) {
+    if (enableQrTransfer && !hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient && hasQrAutoAdvanceGraceElapsed) {
       handleSelectTransferCrypto();
     }
   }, [
+    enableQrTransfer,
     hasWalletOptions,
     hasReownSession,
     hasQrAutoAdvanceGraceElapsed,
@@ -5355,7 +6352,7 @@ function DepositFlow({
     dappWalletClient,
     handleSelectTransferCrypto
   ]);
-  const walletRows = useMemo6(() => {
+  const walletRows = useMemo7(() => {
     return walletOptions.map((option) => {
       const ownerForRow = option.kind === "solana" ? dappAddress : option.address ?? null;
       const entry = readSetupForOwner(setupSlice, ownerForRow ?? null);
@@ -5371,25 +6368,25 @@ function DepositFlow({
       };
     });
   }, [walletOptions, setupSlice, dappAddress]);
-  const transferCryptoEntry = useMemo6(
+  const transferCryptoEntry = useMemo7(
     () => readSetupForOwner(setupSlice, dappAddress),
     [setupSlice, dappAddress]
   );
   const transferCryptoState = transferCryptoEntry.status === "ready" ? "ready" : transferCryptoEntry.status === "error" ? "error" : "loading";
-  const handleRetrySetup = useCallback4(
+  const handleRetrySetup = useCallback7(
     (owner) => {
       storeApi.dispatch({ type: "setup/retry-requested", owner });
     },
     [storeApi]
   );
   if (showConnectStep) {
-    return /* @__PURE__ */ jsx11("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx17("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx17(
       ConnectStep,
       {
         walletRows,
         transferCryptoState: dappAddress ? transferCryptoState : void 0,
         transferCryptoErrorReason: dappAddress ? transferCryptoEntry.message ?? void 0 : void 0,
-        onSelectTransferCrypto: dappAddress ? () => {
+        onSelectTransferCrypto: enableQrTransfer && dappAddress ? () => {
           if (transferCryptoState === "error") {
             handleRetrySetup(dappAddress);
             return;
@@ -5397,6 +6394,10 @@ function DepositFlow({
           if (transferCryptoState !== "ready") return;
           handleSelectTransferCrypto();
         } : void 0,
+        onSelectPayWithCard: enableFiatOnramp && dappAddress && (!fiatOnrampMethods || fiatOnrampMethods.length === 0) ? () => handleSelectFiatMethod() : void 0,
+        fiatPaymentMethods: enableFiatOnramp && dappAddress ? fiatOnrampMethods : void 0,
+        onSelectFiatMethod: enableFiatOnramp && dappAddress ? (method) => handleSelectFiatMethod(method) : void 0,
+        onSelectFundFromExchange: enableExchangeConnect && dappAddress ? () => handleSelectExchange() : void 0,
         onRequestConnect,
         onConnect,
         onDisconnect,
@@ -5430,15 +6431,21 @@ function DepositFlow({
   }
   if (isDepositAddressMode) {
     if (!dappAddress) return null;
-    return /* @__PURE__ */ jsxs11("div", { className: "rs-modal-body", children: [
-      effectiveStep.type === "setup" && /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsxs15("div", { className: "rs-modal-body", children: [
+      effectiveStep.type === "setup" && (activeEntry.status === "error" ? /* @__PURE__ */ jsx17(
         AccountPreparingSkeleton,
         {
-          errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
-          onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
+          errorMessage: activeEntry.message ?? void 0,
+          onRetry: () => handleRetrySetup(dappAddress)
         }
-      ),
-      effectiveStep.type === "deposit-address" && /* @__PURE__ */ jsx11(
+      ) : /* @__PURE__ */ jsx17(
+        DepositAddressSkeleton,
+        {
+          uiConfig,
+          allowedRoutes
+        }
+      )),
+      effectiveStep.type === "deposit-address" && /* @__PURE__ */ jsx17(
         DepositAddressStep,
         {
           smartAccount: effectiveStep.smartAccount,
@@ -5470,19 +6477,141 @@ function DepositFlow({
       )
     ] });
   }
+  if (isFiatOnrampMode) {
+    if (!dappAddress) return null;
+    return /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: "rs-modal-body",
+        "data-flow-mode": "fiat-onramp",
+        "data-step-type": step.type,
+        children: [
+          step.type === "setup" && /* @__PURE__ */ jsx17(
+            AccountPreparingSkeleton,
+            {
+              errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
+              onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
+            }
+          ),
+          step.type === "fiat-onramp" && /* @__PURE__ */ jsx17(
+            FiatOnrampStep,
+            {
+              smartAccount: step.smartAccount,
+              service,
+              paymentMethod: step.paymentMethod,
+              onSwappedComplete: handleSwappedComplete,
+              onSwappedFailed: handleDepositFailed,
+              onClose: onClose ?? (() => {
+              }),
+              onError: handleError
+            }
+          ),
+          step.type === "processing" && /* @__PURE__ */ jsx17(
+            ProcessingStep,
+            {
+              smartAccount: step.smartAccount,
+              solanaDepositAddress: step.solanaDepositAddress,
+              txHash: step.txHash,
+              sourceChain: step.sourceChain,
+              sourceToken: step.sourceToken,
+              targetChain,
+              targetToken,
+              amount: step.amount,
+              sourceSymbol: step.sourceSymbol,
+              sourceDecimals: step.sourceDecimals,
+              hasPostBridgeActions: Boolean(postBridgeActions?.length),
+              service,
+              directTransfer: step.directTransfer,
+              onClose,
+              onNewDeposit: handleNewDeposit,
+              onDepositComplete: handleDepositComplete,
+              onDepositFailed: handleDepositFailed,
+              onError: handleError,
+              debug
+            }
+          )
+        ]
+      }
+    );
+  }
+  if (isExchangeConnectMode) {
+    if (!dappAddress) return null;
+    return /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: "rs-modal-body",
+        "data-flow-mode": "exchange-connect",
+        "data-step-type": step.type,
+        children: [
+          step.type === "setup" && /* @__PURE__ */ jsx17(
+            AccountPreparingSkeleton,
+            {
+              errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
+              onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
+            }
+          ),
+          step.type === "exchange-select" && /* @__PURE__ */ jsx17(
+            ExchangeSelectStep,
+            {
+              service,
+              onSelectExchange: handleSelectExchangeConnection,
+              onError: handleError
+            }
+          ),
+          step.type === "exchange-connect" && /* @__PURE__ */ jsx17(
+            ExchangeConnectStep,
+            {
+              smartAccount: step.smartAccount,
+              service,
+              connection: step.connection,
+              onSwappedComplete: handleSwappedComplete,
+              onSwappedFailed: handleDepositFailed,
+              onClose: onClose ?? (() => {
+              }),
+              onError: handleError
+            }
+          ),
+          step.type === "processing" && /* @__PURE__ */ jsx17(
+            ProcessingStep,
+            {
+              smartAccount: step.smartAccount,
+              solanaDepositAddress: step.solanaDepositAddress,
+              txHash: step.txHash,
+              sourceChain: step.sourceChain,
+              sourceToken: step.sourceToken,
+              targetChain,
+              targetToken,
+              amount: step.amount,
+              sourceSymbol: step.sourceSymbol,
+              sourceDecimals: step.sourceDecimals,
+              hasPostBridgeActions: Boolean(postBridgeActions?.length),
+              service,
+              directTransfer: step.directTransfer,
+              onClose,
+              onNewDeposit: handleNewDeposit,
+              onDepositComplete: handleDepositComplete,
+              onDepositFailed: handleDepositFailed,
+              onError: handleError,
+              debug
+            }
+          )
+        ]
+      }
+    );
+  }
   if (isSolanaWalletMode) {
     if (!dappAddress) return null;
     const solanaAddr = reownWallet?.solanaAddress;
     const solanaProvider = reownWallet?.solanaProvider;
-    return /* @__PURE__ */ jsxs11("div", { className: "rs-modal-body", children: [
-      effectiveStep.type === "setup" && /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsxs15("div", { className: "rs-modal-body", children: [
+      effectiveStep.type === "setup" && /* @__PURE__ */ jsx17(
         AccountPreparingSkeleton,
         {
           errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
           onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
         }
       ),
-      effectiveStep.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx11(
+      effectiveStep.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx17(
         SolanaTokenSelectStep,
         {
           solanaAddress: solanaAddr,
@@ -5496,7 +6625,7 @@ function DepositFlow({
           debug
         }
       ),
-      effectiveStep.type === "solana-amount" && /* @__PURE__ */ jsx11(
+      effectiveStep.type === "solana-amount" && /* @__PURE__ */ jsx17(
         SolanaAmountStep,
         {
           token: effectiveStep.token,
@@ -5514,7 +6643,7 @@ function DepositFlow({
           debug
         }
       ),
-      effectiveStep.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx11(
+      effectiveStep.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx17(
         SolanaConfirmStep,
         {
           smartAccount: effectiveStep.smartAccount,
@@ -5535,16 +6664,16 @@ function DepositFlow({
           onError: handleError,
           debug
         }
-      ) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */ jsxs11("div", { className: "rs-step", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "rs-loading-state", children: [
-          /* @__PURE__ */ jsx11("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx11(
+      ) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */ jsxs15("div", { className: "rs-step", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "rs-loading-state", children: [
+          /* @__PURE__ */ jsx17("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx17(
             "svg",
             {
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
-              children: /* @__PURE__ */ jsx11(
+              children: /* @__PURE__ */ jsx17(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -5554,22 +6683,22 @@ function DepositFlow({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs11("div", { className: "rs-loading-text", children: [
-            /* @__PURE__ */ jsx11("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
-            /* @__PURE__ */ jsx11("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
+          /* @__PURE__ */ jsxs15("div", { className: "rs-loading-text", children: [
+            /* @__PURE__ */ jsx17("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
+            /* @__PURE__ */ jsx17("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
           ] })
         ] }),
-        /* @__PURE__ */ jsx11("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx17("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
             className: "rs-button rs-button--default rs-button--full-width",
             onClick: handleBack,
-            children: /* @__PURE__ */ jsx11("span", { children: "Go Back" })
+            children: /* @__PURE__ */ jsx17("span", { children: "Go Back" })
           }
         ) })
       ] }) : null,
-      effectiveStep.type === "processing" && /* @__PURE__ */ jsx11(
+      effectiveStep.type === "processing" && /* @__PURE__ */ jsx17(
         ProcessingStep,
         {
           smartAccount: effectiveStep.smartAccount,
@@ -5596,7 +6725,7 @@ function DepositFlow({
     ] });
   }
   if (!signerContext?.walletClient || !signerContext?.publicClient) {
-    return /* @__PURE__ */ jsx11("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx11("div", { className: "rs-step", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx11("div", { className: "rs-loading-title", children: "Connecting wallet\u2026" }) }) }) }) });
+    return /* @__PURE__ */ jsx17("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx17("div", { className: "rs-step", children: /* @__PURE__ */ jsx17("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx17("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx17("div", { className: "rs-loading-title", children: "Connecting wallet\u2026" }) }) }) }) });
   }
   const ownerAddress = signerContext.ownerAddress;
   const ownerChainId = signerContext.walletClient?.chain?.id ?? signerContext.publicClient.chain?.id ?? setupChainId;
@@ -5606,15 +6735,15 @@ function DepositFlow({
     }
     return getPublicClient(chainId);
   };
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-modal-body", children: [
-    effectiveStep.type === "setup" && /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs15("div", { className: "rs-modal-body", children: [
+    effectiveStep.type === "setup" && /* @__PURE__ */ jsx17(
       AccountPreparingSkeleton,
       {
         errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
         onRetry: activeEntry.status === "error" ? () => handleRetrySetup(ownerAddress) : void 0
       }
     ),
-    effectiveStep.type === "select-asset" && /* @__PURE__ */ jsx11(
+    effectiveStep.type === "select-asset" && /* @__PURE__ */ jsx17(
       AssetSelectStep,
       {
         address: ownerAddress,
@@ -5632,7 +6761,7 @@ function DepositFlow({
         } : void 0
       }
     ),
-    effectiveStep.type === "dapp-import-asset-select" && activeDappImportProvider && activeDappImportAvailability && /* @__PURE__ */ jsx11(
+    effectiveStep.type === "dapp-import-asset-select" && activeDappImportProvider && activeDappImportAvailability && /* @__PURE__ */ jsx17(
       DappImportAssetSelectStep,
       {
         sourceLabel: activeDappImportAvailability.assets[0]?.sourceLabel ?? activeDappImportProvider.label,
@@ -5640,7 +6769,7 @@ function DepositFlow({
         onSelect: handleDappImportAssetSelected
       }
     ),
-    effectiveStep.type === "amount" && /* @__PURE__ */ jsx11(
+    effectiveStep.type === "amount" && /* @__PURE__ */ jsx17(
       AmountStep,
       {
         walletClient: signerContext.walletClient,
@@ -5652,7 +6781,7 @@ function DepositFlow({
           chainId: effectiveStep.asset.depositChainId,
           token: effectiveStep.asset.depositToken
         } : void 0,
-        defaultAmount: effectiveStep.amount ?? defaultAmount,
+        defaultAmount: effectiveStep.inputAmountUsd ?? defaultAmount,
         switchChain: signerContext.switchChain,
         targetChain,
         targetToken,
@@ -5672,7 +6801,7 @@ function DepositFlow({
         }
       }
     ),
-    effectiveStep.type === "confirm" && /* @__PURE__ */ jsx11(
+    effectiveStep.type === "confirm" && /* @__PURE__ */ jsx17(
       ConfirmStep,
       {
         walletClient: signerContext.walletClient,
@@ -5712,7 +6841,7 @@ function DepositFlow({
         onError: handleError
       }
     ),
-    effectiveStep.type === "processing" && /* @__PURE__ */ jsx11(
+    effectiveStep.type === "processing" && /* @__PURE__ */ jsx17(
       ProcessingStep,
       {
         smartAccount: effectiveStep.smartAccount,
@@ -5742,8 +6871,8 @@ function DepositFlow({
 }
 
 // src/components/history/DepositHistoryPanel.tsx
-import { useCallback as useCallback5, useMemo as useMemo7, useState as useState10 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useMemo as useMemo8, useState as useState12 } from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function shortenHash(hash) {
   if (hash.length <= 14) return hash;
   return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
@@ -5853,7 +6982,7 @@ function DepositHistoryPanel({
   onClose,
   onCloseModal
 }) {
-  const handleKeyDown = useCallback5(
+  const handleKeyDown = useCallback8(
     (e) => {
       if (e.key === "Escape") {
         e.stopPropagation();
@@ -5862,7 +6991,7 @@ function DepositHistoryPanel({
     },
     [onClose]
   );
-  const visibleDeposits = useMemo7(() => {
+  const visibleDeposits = useMemo8(() => {
     const sourceHashes = new Set(
       deposits.map((d) => d.sourceTxHash?.toLowerCase()).filter((h) => Boolean(h))
     );
@@ -5870,7 +6999,7 @@ function DepositHistoryPanel({
       (d) => !(d.txHash && sourceHashes.has(d.txHash.toLowerCase()))
     );
   }, [deposits]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       className: "rs-history-panel",
@@ -5878,55 +7007,55 @@ function DepositHistoryPanel({
       "aria-label": "Deposit history",
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx12("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs16("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx18("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Back",
               onClick: onClose,
-              children: /* @__PURE__ */ jsx12(ChevronLeftIcon, {})
+              children: /* @__PURE__ */ jsx18(ChevronLeftIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsx12("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx18("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
               className: "rs-modal-close",
               "aria-label": "Close",
               onClick: onCloseModal,
-              children: /* @__PURE__ */ jsx12(CloseIcon, {})
+              children: /* @__PURE__ */ jsx18(CloseIcon, {})
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "rs-history-screen", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "rs-history-screen-body", children: [
-            /* @__PURE__ */ jsx12(BodyHeader, { icon: /* @__PURE__ */ jsx12(HistoryIcon, {}), title: "History" }),
-            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs12("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx12(Spinner, { className: "rs-spinner--sm" }),
-                /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
+        /* @__PURE__ */ jsxs16("div", { className: "rs-history-screen", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "rs-history-screen-body", children: [
+            /* @__PURE__ */ jsx18(BodyHeader, { icon: /* @__PURE__ */ jsx18(HistoryIcon, {}), title: "History" }),
+            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsxs16("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" }),
+                /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
               ] })
             ] }),
-            error && !isLoading && /* @__PURE__ */ jsxs12("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(AlertTriangleIcon, {}) }),
-              /* @__PURE__ */ jsxs12("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
-                /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-hint", children: error })
+            error && !isLoading && /* @__PURE__ */ jsxs16("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(AlertTriangleIcon, {}) }),
+              /* @__PURE__ */ jsxs16("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
+                /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-hint", children: error })
               ] })
             ] }),
-            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs12("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
-                /* @__PURE__ */ jsx12("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
+            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsxs16("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
+                /* @__PURE__ */ jsx18("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
               ] })
             ] }),
-            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-history-list", children: [
-              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx12(HistoryCard, { deposit }, deposit.txHash || i)),
-              hasMore && /* @__PURE__ */ jsx12(
+            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-history-list", children: [
+              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx18(HistoryCard, { deposit }, deposit.txHash || i)),
+              hasMore && /* @__PURE__ */ jsx18(
                 "button",
                 {
                   type: "button",
@@ -5938,14 +7067,14 @@ function DepositHistoryPanel({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx12(PoweredBy, {})
+          /* @__PURE__ */ jsx18(PoweredBy, {})
         ] })
       ]
     }
   );
 }
 function HistoryCard({ deposit }) {
-  const [expanded, setExpanded] = useState10(false);
+  const [expanded, setExpanded] = useState12(false);
   const status = normalizeStatus(deposit.status, deposit.isSpam);
   const sourceChainId = resolveChainId(deposit.chain);
   const targetChainId = resolveChainId(deposit.targetChain);
@@ -5964,7 +7093,7 @@ function HistoryCard({ deposit }) {
   const date = deposit.createdAt ? formatDate(deposit.createdAt) : null;
   const txTypeLabel = `Deposit${sourceSymbol ? ` ${sourceSymbol}` : ""}`;
   const srcTxUrl = deposit.sourceTxHash ? getTxExplorerUrl(deposit.sourceTxHash, sourceChainId) : null;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
@@ -5972,38 +7101,38 @@ function HistoryCard({ deposit }) {
       onClick: () => setExpanded((v) => !v),
       "aria-expanded": expanded,
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "rs-history-card-row", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "rs-history-card-icons", children: [
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-card-token", children: sourceTokenIcon ? /* @__PURE__ */ jsx12("img", { src: sourceTokenIcon, alt: "" }) : sourceSymbol.slice(0, 2) }),
-            sourceChainIcon && /* @__PURE__ */ jsx12("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx12("img", { src: sourceChainIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs16("div", { className: "rs-history-card-row", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "rs-history-card-icons", children: [
+            /* @__PURE__ */ jsx18("span", { className: "rs-history-card-token", children: sourceTokenIcon ? /* @__PURE__ */ jsx18("img", { src: sourceTokenIcon, alt: "" }) : sourceSymbol.slice(0, 2) }),
+            sourceChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx18("img", { src: sourceChainIcon, alt: "" }) })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "rs-history-card-text", children: [
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-card-title", children: txTypeLabel }),
-            date && /* @__PURE__ */ jsx12("span", { className: "rs-history-card-date", children: date })
+          /* @__PURE__ */ jsxs16("div", { className: "rs-history-card-text", children: [
+            /* @__PURE__ */ jsx18("span", { className: "rs-history-card-title", children: txTypeLabel }),
+            date && /* @__PURE__ */ jsx18("span", { className: "rs-history-card-date", children: date })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "rs-history-card-side", children: [
-            /* @__PURE__ */ jsx12("span", { className: "rs-history-card-amount", children: displayAmount }),
-            /* @__PURE__ */ jsx12("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
+          /* @__PURE__ */ jsxs16("div", { className: "rs-history-card-side", children: [
+            /* @__PURE__ */ jsx18("span", { className: "rs-history-card-amount", children: displayAmount }),
+            /* @__PURE__ */ jsx18("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs12("div", { className: "rs-history-card-details", children: [
-          sourceChainName && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx12("span", { children: "Source chain" }),
-            /* @__PURE__ */ jsxs12("span", { className: "rs-amount-detail-value", children: [
-              /* @__PURE__ */ jsx12("span", { children: sourceChainName }),
-              sourceChainIcon && /* @__PURE__ */ jsx12("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx12("img", { src: sourceChainIcon, alt: "" }) })
+        /* @__PURE__ */ jsx18("div", { className: "rs-history-card-panel", children: /* @__PURE__ */ jsx18("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs16("div", { className: "rs-history-card-details", children: [
+          sourceChainName && /* @__PURE__ */ jsxs16("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx18("span", { children: "Source chain" }),
+            /* @__PURE__ */ jsxs16("span", { className: "rs-amount-detail-value", children: [
+              /* @__PURE__ */ jsx18("span", { children: sourceChainName }),
+              sourceChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceChainIcon, alt: "" }) })
             ] })
           ] }),
-          targetChainName && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx12("span", { children: "Destination chain" }),
-            /* @__PURE__ */ jsxs12("span", { className: "rs-amount-detail-value", children: [
-              /* @__PURE__ */ jsx12("span", { children: targetChainName }),
-              targetChainIcon && /* @__PURE__ */ jsx12("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx12("img", { src: targetChainIcon, alt: "" }) })
+          targetChainName && /* @__PURE__ */ jsxs16("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx18("span", { children: "Destination chain" }),
+            /* @__PURE__ */ jsxs16("span", { className: "rs-amount-detail-value", children: [
+              /* @__PURE__ */ jsx18("span", { children: targetChainName }),
+              targetChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: targetChainIcon, alt: "" }) })
             ] })
           ] }),
-          srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx12("span", { children: "Transaction details" }),
-            /* @__PURE__ */ jsxs12(
+          srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs16("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx18("span", { children: "Transaction details" }),
+            /* @__PURE__ */ jsxs16(
               "a",
               {
                 href: srcTxUrl,
@@ -6012,13 +7141,13 @@ function HistoryCard({ deposit }) {
                 className: "rs-history-card-link",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx12("span", { children: shortenHash(deposit.sourceTxHash) }),
-                  /* @__PURE__ */ jsx12(ArrowUpRightIcon, {})
+                  /* @__PURE__ */ jsx18("span", { children: shortenHash(deposit.sourceTxHash) }),
+                  /* @__PURE__ */ jsx18(ArrowUpRightIcon, {})
                 ]
               }
             )
           ] })
-        ] })
+        ] }) }) })
       ]
     }
   );
@@ -6026,9 +7155,9 @@ function HistoryCard({ deposit }) {
 DepositHistoryPanel.displayName = "DepositHistoryPanel";
 
 // src/DepositModal.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-UNFGBOIJ.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-HBAWSK6K.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {
@@ -6044,7 +7173,7 @@ function DepositModal(props) {
     "dappWalletClient"
   );
   if (needsReown) {
-    return /* @__PURE__ */ jsx13(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
       ReownDepositInner,
       {
         ...props,
@@ -6052,7 +7181,7 @@ function DepositModal(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     DepositModalInner,
     {
       ...props,
@@ -6084,6 +7213,10 @@ function DepositModalInner({
   forceRegister = false,
   enableSolana = true,
   dappImports,
+  enableFiatOnramp = false,
+  enableQrTransfer = true,
+  fiatOnrampMethods,
+  enableExchangeConnect = false,
   postBridgeActions,
   outputTokenRules,
   rejectUnmapped,
@@ -6101,61 +7234,61 @@ function DepositModalInner({
   onError,
   debug
 }) {
-  const modalRef = useRef8(null);
+  const modalRef = useRef9(null);
   const onReadyRef = useLatestRef(onReady);
-  const [currentScreen, setCurrentScreen] = useState11("connect");
-  const [backHandler, setBackHandler] = useState11(
+  const [currentScreen, setCurrentScreen] = useState13("connect");
+  const [backHandler, setBackHandler] = useState13(
     void 0
   );
   const showHistoryButton = uiConfig?.showHistoryButton ?? false;
   const historyButtonVisible = showHistoryButton && (currentScreen === "select-asset" || currentScreen === "deposit-address");
-  const [historyOpen, setHistoryOpen] = useState11(false);
-  const [historyDeposits, setHistoryDeposits] = useState11([]);
-  const [hasMoreHistory, setHasMoreHistory] = useState11(false);
-  const [historyLoading, setHistoryLoading] = useState11(false);
-  const [historyLoadingMore, setHistoryLoadingMore] = useState11(false);
-  const [historyError, setHistoryError] = useState11(null);
-  const cursorRef = useRef8(null);
-  const historyStaleRef = useRef8(false);
-  const historyLoadedRef = useRef8(false);
+  const [historyOpen, setHistoryOpen] = useState13(false);
+  const [historyDeposits, setHistoryDeposits] = useState13([]);
+  const [hasMoreHistory, setHasMoreHistory] = useState13(false);
+  const [historyLoading, setHistoryLoading] = useState13(false);
+  const [historyLoadingMore, setHistoryLoadingMore] = useState13(false);
+  const [historyError, setHistoryError] = useState13(null);
+  const cursorRef = useRef9(null);
+  const historyStaleRef = useRef9(false);
+  const historyLoadedRef = useRef9(false);
   const targetChain = targetChainProp === "solana" ? "solana" : getChainId(targetChainProp);
   const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
-  const service = useMemo8(
+  const service = useMemo9(
     () => createDepositService(backendUrl, {
       debug,
       debugScope: "service:deposit"
     }),
     [backendUrl, debug]
   );
-  const store = useMemo8(
+  const store = useMemo9(
     () => createDepositStore({ targetChain, targetToken }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  useEffect9(() => {
+  useEffect11(() => {
     store.dispatch({ type: "target/changed", targetChain, targetToken });
   }, [store, targetChain, targetToken]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (isOpen && modalRef.current) {
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
-  useEffect9(() => {
+  useEffect11(() => {
     configureSolanaRpcUrl(solanaRpcUrl);
   }, [solanaRpcUrl]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (isOpen) {
       onReadyRef.current?.();
     }
   }, [isOpen, onReadyRef]);
-  const handleStepChange = useCallback6(
+  const handleStepChange = useCallback9(
     (onBack, screen) => {
       setBackHandler(() => onBack);
       if (screen) setCurrentScreen(screen);
     },
     []
   );
-  const fetchHistory = useCallback6(
+  const fetchHistory = useCallback9(
     async (mode = "initial") => {
       if (!recipient) return;
       const isInitial = mode === "initial";
@@ -6203,26 +7336,26 @@ function DepositModalInner({
     },
     [recipient, service]
   );
-  const handleHistoryOpen = useCallback6(() => {
+  const handleHistoryOpen = useCallback9(() => {
     setHistoryOpen(true);
     if (!historyLoadedRef.current || historyStaleRef.current) {
       fetchHistory("initial");
     }
   }, [fetchHistory]);
-  const handleHistoryClose = useCallback6(() => {
+  const handleHistoryClose = useCallback9(() => {
     setHistoryOpen(false);
   }, []);
-  const handleHistoryLoadMore = useCallback6(() => {
+  const handleHistoryLoadMore = useCallback9(() => {
     fetchHistory("more");
   }, [fetchHistory]);
-  const markHistoryStale = useCallback6(() => {
+  const markHistoryStale = useCallback9(() => {
     historyStaleRef.current = true;
     if (historyOpen) {
       fetchHistory("initial");
     }
   }, [historyOpen, fetchHistory]);
   const onLifecycleRef = useLatestRef(onLifecycle);
-  const handleLifecycle = useCallback6(
+  const handleLifecycle = useCallback9(
     (event) => {
       onLifecycleRef.current?.(event);
       if (event.type === "smart-account-changed" && !event.evm && !event.solana) {
@@ -6234,7 +7367,7 @@ function DepositModalInner({
     },
     [onLifecycleRef, showHistoryButton, markHistoryStale]
   );
-  useEffect9(() => {
+  useEffect11(() => {
     if (!isOpen) {
       setHistoryOpen(false);
       setHistoryDeposits([]);
@@ -6245,14 +7378,14 @@ function DepositModalInner({
       historyLoadedRef.current = false;
     }
   }, [isOpen]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!isOpen) {
       store.dispatch({ type: "flow/reset" });
     }
   }, [isOpen, store]);
   const showBackButton = uiConfig?.showBackButton ?? true;
   const canGoBack = backHandler !== void 0;
-  return /* @__PURE__ */ jsx13(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx19(
     Modal,
     {
       isOpen,
@@ -6260,20 +7393,20 @@ function DepositModalInner({
       className,
       inline,
       closeOnOverlayClick,
-      children: /* @__PURE__ */ jsxs13("div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx13("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsxs17("div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx19("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx19(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: backHandler,
-              children: /* @__PURE__ */ jsx13(ChevronLeftIcon, {})
+              children: /* @__PURE__ */ jsx19(ChevronLeftIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-nav-right", children: [
-            historyButtonVisible && /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header-nav-right", children: [
+            historyButtonVisible && /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -6281,22 +7414,22 @@ function DepositModalInner({
                 "aria-label": "Deposit history",
                 onClick: handleHistoryOpen,
                 disabled: !recipient,
-                children: /* @__PURE__ */ jsx13(HistoryIcon, {})
+                children: /* @__PURE__ */ jsx19(HistoryIcon, {})
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
                 onClick: onClose,
                 className: "rs-modal-close",
                 "aria-label": "Close",
-                children: /* @__PURE__ */ jsx13(CloseIcon, {})
+                children: /* @__PURE__ */ jsx19(CloseIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx19(
           DepositFlow,
           {
             dappWalletClient,
@@ -6319,6 +7452,10 @@ function DepositModalInner({
             forceRegister,
             enableSolana,
             dappImports,
+            enableFiatOnramp,
+            enableQrTransfer,
+            fiatOnrampMethods,
+            enableExchangeConnect,
             reownWallet,
             onConnect,
             onDisconnect,
@@ -6333,7 +7470,7 @@ function DepositModalInner({
             debug
           }
         ),
-        showHistoryButton && historyOpen && /* @__PURE__ */ jsx13(
+        showHistoryButton && historyOpen && /* @__PURE__ */ jsx19(
           DepositHistoryPanel,
           {
             deposits: historyDeposits,