@unifold/ui-react 0.1.8 → 0.1.10

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/deposits/DepositModal.tsx
-import { useState as useState5, useEffect as useEffect5 } from "react";
+import { useState as useState7, useEffect as useEffect6 } from "react";
 import { ChevronRight as ChevronRight7 } from "lucide-react";
 
 // src/components/shared/dialog.tsx
@@ -140,12 +140,11 @@ var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/deposits/TransferCryptoBase.tsx
-import { useState as useState2, useEffect as useEffect3 } from "react";
+import { useState as useState4, useEffect as useEffect4 } from "react";
 import {
-  ChevronDown as ChevronDown2,
-  ChevronUp as ChevronUp2,
+  ChevronDown as ChevronDown3,
+  ChevronUp as ChevronUp3,
   Info,
-  Copy,
   Check as Check2,
   DollarSign,
   ShieldCheck,
@@ -248,7 +247,7 @@ function StyledQRCode({
 }
 
 // src/components/deposits/DepositsModal.tsx
-import { useEffect as useEffect2, useState } from "react";
+import { useEffect as useEffect3, useState as useState2 } from "react";
 
 // src/components/deposits/DepositHeader.tsx
 import { ArrowLeft, X as X2 } from "lucide-react";
@@ -287,204 +286,13 @@ function DepositHeader({
 
 // src/components/deposits/DepositExecutionItem.tsx
 import { ChevronRight } from "lucide-react";
-
-// src/lib/api.ts
-var API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL || "https://api.unifold.io";
-var DEFAULT_PUBLISHABLE_KEY = "pk_test_123";
-var DEFAULT_CONFIG = {};
-function setApiConfig(config) {
-  if (config.baseUrl) {
-    API_BASE_URL = config.baseUrl;
-  }
-  if (config.publishableKey) {
-    DEFAULT_PUBLISHABLE_KEY = config.publishableKey;
-  }
-  if (config.defaultConfig) {
-    DEFAULT_CONFIG = config.defaultConfig;
-  }
-}
-function getApiBaseUrl() {
-  return API_BASE_URL;
-}
-function getIconUrl(iconPath) {
-  const normalizedPath = iconPath.startsWith("/") ? iconPath : `/${iconPath}`;
-  return `${API_BASE_URL}/api/public${normalizedPath}`;
-}
-function getIconUrlWithCdn(iconPath, assetCdnUrl) {
-  if (!assetCdnUrl) {
-    return getIconUrl(iconPath);
-  }
-  const normalizedPath = iconPath.startsWith("/") ? iconPath : `/${iconPath}`;
-  const baseUrl = assetCdnUrl.endsWith("/") ? assetCdnUrl.slice(0, -1) : assetCdnUrl;
-  return `${baseUrl}/api/public${normalizedPath}`;
-}
-async function createEOA(overrides, publishableKey) {
-  if (!overrides?.user_id) {
-    throw new Error("user_id is required");
-  }
-  const payload = {
-    user_id: overrides.user_id,
-    destination_chain_type: overrides?.destination_chain_type || "ethereum",
-    destination_chain_id: overrides?.destination_chain_id || DEFAULT_CONFIG.destinationChainId || "8453",
-    destination_token_address: overrides?.destination_token_address || DEFAULT_CONFIG.destinationTokenAddress || "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
-    recipient_address: overrides?.recipient_address || DEFAULT_CONFIG.recipientAddress || "0x309a4154a2CD4153Da886E780890C9cb5161553C",
-    client_metadata: overrides?.client_metadata || {}
-  };
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(`${API_BASE_URL}/v1/public/deposit_addresses`, {
-    method: "POST",
-    headers: {
-      accept: "application/json",
-      "x-publishable-key": pk,
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify(payload)
-  });
-  if (!response.ok) {
-    throw new Error(`Failed to create EOA: ${response.statusText}`);
-  }
-  return response.json();
-}
-function getWalletByChainType(wallets, chainType) {
-  return wallets.find((wallet) => wallet.chain_type === chainType);
-}
-var ExecutionStatus = /* @__PURE__ */ ((ExecutionStatus2) => {
-  ExecutionStatus2["DELAYED"] = "delayed";
-  ExecutionStatus2["FAILED"] = "failed";
-  ExecutionStatus2["PENDING"] = "pending";
-  ExecutionStatus2["REFUNDED"] = "refunded";
-  ExecutionStatus2["SUCCEEDED"] = "succeeded";
-  ExecutionStatus2["WAITING"] = "waiting";
-  return ExecutionStatus2;
-})(ExecutionStatus || {});
-var SOLANA_USDC_ADDRESS = "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v";
-async function queryExecutions(externalUserId, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/direct_executions/query`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        external_user_id: externalUserId
-      })
-    }
-  );
-  if (!response.ok) {
-    throw new Error(`Failed to query executions: ${response.statusText}`);
-  }
-  return response.json();
-}
-async function getSupportedDepositTokens(publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/tokens/supported_deposit_tokens`,
-    {
-      method: "GET",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk
-      }
-    }
-  );
-  if (!response.ok) {
-    throw new Error(
-      `Failed to fetch supported deposit tokens: ${response.statusText}`
-    );
-  }
-  return response.json();
-}
-async function getMeldQuotes(request, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/onramps/meld/quotes`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(request)
-    }
-  );
-  if (!response.ok) {
-    throw new Error(`Failed to fetch Meld quotes: ${response.statusText}`);
-  }
-  return response.json();
-}
-async function createMeldSession(request, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/onramps/meld/sessions`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(request)
-    }
-  );
-  if (!response.ok) {
-    throw new Error(`Failed to create Meld session: ${response.statusText}`);
-  }
-  return response.json();
-}
-function getPreferredIconUrl(iconUrls, preferredFormat = "svg") {
-  if (!iconUrls || iconUrls.length === 0) {
-    return void 0;
-  }
-  const preferred = iconUrls.find((icon) => icon.format === preferredFormat);
-  if (preferred) {
-    return preferred.url;
-  }
-  return iconUrls[0]?.url;
-}
-async function getFiatCurrencies(publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/onramps/fiat_currencies`,
-    {
-      method: "GET",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk
-      }
-    }
-  );
-  if (!response.ok) {
-    throw new Error(`Failed to fetch fiat currencies: ${response.statusText}`);
-  }
-  return response.json();
-}
-async function getProjectConfig(publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  const response = await fetch(`${API_BASE_URL}/v1/public/projects/config`, {
-    method: "GET",
-    headers: {
-      accept: "application/json",
-      "x-publishable-key": pk
-    }
-  });
-  if (!response.ok) {
-    throw new Error(`Failed to fetch project config: ${response.statusText}`);
-  }
-  return response.json();
-}
-
-// src/components/deposits/DepositExecutionItem.tsx
+import { ExecutionStatus, getIconUrl } from "@unifold/core";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function DepositExecutionItem({
   execution,
   onClick
 }) {
-  const isPending = execution.status === "pending" /* PENDING */ || execution.status === "waiting" /* WAITING */ || execution.status === "delayed" /* DELAYED */;
+  const isPending = execution.status === ExecutionStatus.PENDING || execution.status === ExecutionStatus.WAITING || execution.status === ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -526,7 +334,7 @@ function DepositExecutionItem({
           /* @__PURE__ */ jsx5(
             "img",
             {
-              src: execution.source_token_metadata?.icon_url || getIconUrl("/icons/tokens/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || getIconUrl("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -551,7 +359,7 @@ function DepositExecutionItem({
                 }
               )
             }
-          ) }) : /* @__PURE__ */ jsx5("div", { className: "uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-bg-blue-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx5("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", className: "uf-block", children: /* @__PURE__ */ jsx5(
+          ) }) : /* @__PURE__ */ jsx5("div", { className: "uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-bg-green-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx5("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", className: "uf-block", children: /* @__PURE__ */ jsx5(
             "path",
             {
               d: "M10 3L4.5 8.5L2 6",
@@ -563,7 +371,7 @@ function DepositExecutionItem({
           ) }) })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "uf-flex-1 uf-min-w-0", children: [
-          /* @__PURE__ */ jsx5("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-leading-tight", children: isPending ? "Deposit received" : "Deposit completed" }),
+          /* @__PURE__ */ jsx5("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-leading-tight", children: isPending ? "Deposit processing" : "Deposit completed" }),
           /* @__PURE__ */ jsx5("p", { className: "uf-text-muted-foreground uf-text-xs uf-leading-tight", children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString()) })
         ] }),
         /* @__PURE__ */ jsx5("span", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-flex-shrink-0", children: formatUsdAmount(execution.source_amount_base_unit) }),
@@ -573,30 +381,26 @@ function DepositExecutionItem({
   );
 }
 
-// src/components/deposits/DepositDetailModal.tsx
-import { ArrowDownCircle, CheckCircle, ExternalLink } from "lucide-react";
+// src/components/deposits/DepositDetailContent.tsx
+import { useEffect as useEffect2, useState } from "react";
+import { ExternalLink, ChevronDown, ChevronUp } from "lucide-react";
+import {
+  ExecutionStatus as ExecutionStatus2,
+  getIconUrl as getIconUrl2,
+  getTokenChains,
+  getChainName
+} from "@unifold/core";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var CHAIN_NAMES = {
-  solana: "Solana",
-  ethereum: "Ethereum",
-  "1": "Ethereum",
-  "137": "Polygon",
-  "42161": "Arbitrum",
-  "10": "Optimism",
-  "8453": "Base",
-  "43114": "Avalanche",
-  "56": "BSC",
-  bitcoin: "Bitcoin",
-  mainnet: "Mainnet"
-};
-function DepositDetailModal({
-  open,
-  onOpenChange,
-  execution,
-  themeClass = ""
-}) {
-  if (!execution) return null;
-  const isPending = execution.status === "pending" /* PENDING */ || execution.status === "waiting" /* WAITING */ || execution.status === "delayed" /* DELAYED */;
+function DepositDetailContent({ execution }) {
+  const [chains, setChains] = useState([]);
+  const [showNetworkDetails, setShowNetworkDetails] = useState(false);
+  useEffect2(() => {
+    getTokenChains().then((response) => setChains(response.data)).catch((err) => console.error("Failed to fetch chains:", err));
+  }, []);
+  useEffect2(() => {
+    setShowNetworkDetails(false);
+  }, [execution?.id]);
+  const isPending = execution.status === ExecutionStatus2.PENDING || execution.status === ExecutionStatus2.WAITING || execution.status === ExecutionStatus2.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -651,173 +455,165 @@ function DepositDetailModal({
     return "$0.00";
   };
   const getNetworkName = (chainType, chainId) => {
-    return CHAIN_NAMES[chainId] || CHAIN_NAMES[chainType] || chainType;
-  };
-  const getSourceTokenSymbol = () => {
-    return "USDC";
+    return getChainName(chains, chainType, chainId);
   };
-  const getDestinationTokenSymbol = () => {
-    return "USDC";
-  };
-  const handleClose = () => {
-    onOpenChange(false);
+  const formatTransactionHash = (hash) => {
+    if (!hash || hash.length < 12) return hash;
+    return `${hash.slice(0, 12)}...${hash.slice(-4)}`;
   };
-  return /* @__PURE__ */ jsx6(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs4(
-    DialogContent,
-    {
-      className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
-      children: [
-        /* @__PURE__ */ jsx6(DepositHeader, { title: "Deposit Details", onClose: handleClose }),
-        /* @__PURE__ */ jsxs4("div", { className: "uf-px-4 uf-pb-4", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-flex-col uf-items-center uf-py-6", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "uf-relative uf-mb-3", children: [
-              /* @__PURE__ */ jsx6(
-                "img",
-                {
-                  src: execution.source_token_metadata?.icon_url || getIconUrl("/icons/tokens/usdc.svg"),
-                  alt: "Token",
-                  width: 64,
-                  height: 64,
-                  className: "uf-rounded-full"
-                }
-              ),
-              isPending ? /* @__PURE__ */ jsx6("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-yellow-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx6(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 12 12",
-                  fill: "none",
-                  className: "uf-animate-spin uf-block",
-                  children: /* @__PURE__ */ jsx6(
-                    "path",
-                    {
-                      d: "M6 1V3M6 9V11M1 6H3M9 6H11M2.5 2.5L4 4M8 8L9.5 9.5M2.5 9.5L4 8M8 4L9.5 2.5",
-                      stroke: "white",
-                      strokeWidth: "2",
-                      strokeLinecap: "round"
-                    }
-                  )
-                }
-              ) }) : /* @__PURE__ */ jsx6("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-blue-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx6(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 12 12",
-                  fill: "none",
-                  className: "uf-block",
-                  children: /* @__PURE__ */ jsx6(
-                    "path",
-                    {
-                      d: "M10 3L4.5 8.5L2 6",
-                      stroke: "white",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  )
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mb-1", children: [
-              /* @__PURE__ */ jsx6(
-                "div",
-                {
-                  className: `uf-w-2 uf-h-2 uf-rounded-full ${isPending ? "uf-bg-yellow-500" : "uf-bg-green-500"}`
-                }
-              ),
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: isPending ? "Pending" : "Completed" })
-            ] }),
-            /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString()) })
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-3", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Sent" }),
-              /* @__PURE__ */ jsxs4("span", { className: "uf-text-foreground uf-font-medium", children: [
-                formatAmount(execution.source_amount_base_unit),
-                " ",
-                getSourceTokenSymbol()
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Received" }),
-              /* @__PURE__ */ jsxs4("span", { className: "uf-text-foreground uf-font-medium", children: [
-                formatAmount(execution.destination_amount_base_unit),
-                " ",
-                getDestinationTokenSymbol()
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "USD Value" }),
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(execution.source_amount_usd, execution.source_amount_base_unit) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-4", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Source Network" }),
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.source_chain_type, execution.source_chain_id) })
-            ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Destination Network" }),
-              /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.destination_chain_type, execution.destination_chain_id) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "uf-space-y-2", children: [
-            execution.explorer_url && /* @__PURE__ */ jsxs4(
-              "a",
+  return /* @__PURE__ */ jsxs4("div", { className: "uf-px-2", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-flex-col uf-items-center uf-py-6", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "uf-relative uf-mb-3", children: [
+        /* @__PURE__ */ jsx6(
+          "img",
+          {
+            src: execution.destination_token_metadata?.icon_url || getIconUrl2("/icons/tokens/svg/usdc.svg"),
+            alt: "Token",
+            width: 64,
+            height: 64,
+            className: "uf-rounded-full"
+          }
+        ),
+        isPending ? /* @__PURE__ */ jsx6("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-yellow-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx6(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            className: "uf-animate-spin uf-block",
+            children: /* @__PURE__ */ jsx6(
+              "path",
               {
-                href: execution.explorer_url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "uf-flex uf-items-center uf-justify-between uf-w-full uf-bg-blue-400 hover:uf-bg-blue-500 uf-text-white uf-rounded-xl uf-px-4 uf-py-3 uf-transition-colors",
-                children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    /* @__PURE__ */ jsx6(ArrowDownCircle, { className: "uf-w-5 uf-h-5" }),
-                    /* @__PURE__ */ jsx6("span", { className: "uf-font-medium", children: "View Deposit Transaction" })
-                  ] }),
-                  /* @__PURE__ */ jsx6(ExternalLink, { className: "uf-w-4 uf-h-4" })
-                ]
+                d: "M21 12a9 9 0 1 1-6.22-8.56",
+                stroke: "white",
+                strokeWidth: "3",
+                strokeLinecap: "round"
               }
-            ),
-            !isPending && execution.destination_transaction_hashes?.length > 0 && execution.destination_explorer_url && /* @__PURE__ */ jsxs4(
-              "a",
+            )
+          }
+        ) }) : /* @__PURE__ */ jsx6("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-green-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx6(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            className: "uf-block",
+            children: /* @__PURE__ */ jsx6(
+              "path",
               {
-                href: execution.destination_explorer_url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "uf-flex uf-items-center uf-justify-between uf-w-full uf-bg-blue-600 hover:uf-bg-blue-700 uf-text-white uf-rounded-xl uf-px-4 uf-py-3 uf-transition-colors",
-                children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    /* @__PURE__ */ jsx6(CheckCircle, { className: "uf-w-5 uf-h-5" }),
-                    /* @__PURE__ */ jsx6("span", { className: "uf-font-medium", children: "View Completion Transaction" })
-                  ] }),
-                  /* @__PURE__ */ jsx6(ExternalLink, { className: "uf-w-4 uf-h-4" })
-                ]
+                d: "M10 3L4.5 8.5L2 6",
+                stroke: "white",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
               }
             )
-          ] }),
-          /* @__PURE__ */ jsx6("p", { className: "uf-text-center uf-text-muted-foreground uf-text-xs uf-mt-4", children: "Links open in external browser" })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mb-1", children: [
+        /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: `uf-w-2 uf-h-2 uf-rounded-full ${isPending ? "uf-bg-yellow-500" : "uf-bg-green-500"}`
+          }
+        ),
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: isPending ? "Processing" : "Completed" })
+      ] }),
+      /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString()) })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-3", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Sent" }),
+        /* @__PURE__ */ jsxs4("span", { className: "uf-text-foreground uf-font-medium", children: [
+          formatAmount(execution.source_amount_base_unit),
+          " ",
+          execution.source_currency?.toUpperCase()
         ] })
-      ]
-    }
-  ) });
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Received" }),
+        /* @__PURE__ */ jsxs4("span", { className: "uf-text-foreground uf-font-medium", children: [
+          formatAmount(execution.destination_amount_base_unit),
+          " ",
+          execution.destination_currency?.toUpperCase()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "USD Value" }),
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(execution.source_amount_usd, execution.source_amount_base_unit) })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Source Network" }),
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.source_chain_type, execution.source_chain_id) })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Destination Network" }),
+        /* @__PURE__ */ jsx6("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.destination_chain_type, execution.destination_chain_id) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowNetworkDetails(!showNetworkDetails),
+        className: "uf-flex uf-justify-between uf-items-center uf-w-full uf-px-3 uf-pb-3 uf-text-muted-foreground uf-text-sm hover:uf-text-foreground uf-transition-colors",
+        children: [
+          /* @__PURE__ */ jsx6("span", { children: showNetworkDetails ? "See less" : "See more details" }),
+          showNetworkDetails ? /* @__PURE__ */ jsx6(ChevronUp, { className: "uf-w-4 uf-h-4" }) : /* @__PURE__ */ jsx6(ChevronDown, { className: "uf-w-4 uf-h-4" })
+        ]
+      }
+    ),
+    showNetworkDetails && /* @__PURE__ */ jsxs4("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-4", children: [
+      execution.transaction_hash && execution.explorer_url && /* @__PURE__ */ jsxs4(
+        "a",
+        {
+          href: execution.explorer_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3 uf-border-b uf-border-border/50 hover:uf-bg-card/50 uf-transition-colors",
+          children: [
+            /* @__PURE__ */ jsx6("div", { className: "uf-text-muted-foreground uf-text-sm", children: "Deposit Tx" }),
+            /* @__PURE__ */ jsx6("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(execution.transaction_hash) }),
+            /* @__PURE__ */ jsx6(ExternalLink, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground uf-block" })
+          ]
+        }
+      ),
+      !isPending && execution.destination_transaction_hashes?.length > 0 && execution.destination_explorer_url && /* @__PURE__ */ jsxs4(
+        "a",
+        {
+          href: execution.destination_explorer_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3 hover:uf-bg-card/50 uf-transition-colors",
+          children: [
+            /* @__PURE__ */ jsx6("div", { className: "uf-text-muted-foreground uf-text-sm", children: "Completion Tx" }),
+            /* @__PURE__ */ jsx6("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(execution.destination_transaction_hashes[0]) }),
+            /* @__PURE__ */ jsx6(ExternalLink, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground uf-block" })
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 
 // src/components/deposits/DepositsModal.tsx
+import { queryExecutions } from "@unifold/core";
 import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function DepositsModal({
   open,
   onOpenChange,
+  onCloseAll,
   executions: sessionExecutions,
   userId,
   publishableKey,
   themeClass = ""
 }) {
-  const [allExecutions, setAllExecutions] = useState(sessionExecutions);
-  const [selectedExecution, setSelectedExecution] = useState(null);
-  const [detailModalOpen, setDetailModalOpen] = useState(false);
-  useEffect2(() => {
+  const [allExecutions, setAllExecutions] = useState2(sessionExecutions);
+  const [selectedExecution, setSelectedExecution] = useState2(null);
+  useEffect3(() => {
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
@@ -839,49 +635,74 @@ function DepositsModal({
       clearInterval(pollInterval);
     };
   }, [open, userId, publishableKey, sessionExecutions]);
+  useEffect3(() => {
+    if (!open) {
+      setSelectedExecution(null);
+    }
+  }, [open]);
+  const handleBack = () => {
+    if (selectedExecution) {
+      setSelectedExecution(null);
+    } else {
+      onOpenChange(false);
+    }
+  };
   const handleClose = () => {
     onOpenChange(false);
+    onCloseAll?.();
   };
   const handleExecutionClick = (execution) => {
     setSelectedExecution(execution);
-    setDetailModalOpen(true);
   };
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx7(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs5(DialogContent, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: [
-      /* @__PURE__ */ jsx7(DepositHeader, { title: "Deposit Tracker", onClose: handleClose }),
-      /* @__PURE__ */ jsx7("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden uf-pb-4", children: /* @__PURE__ */ jsx7("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx7("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ jsx7(Fragment, { children: allExecutions.map((execution) => /* @__PURE__ */ jsx7(
-        DepositExecutionItem,
-        {
-          execution,
-          onClick: () => handleExecutionClick(execution)
-        },
-        execution.id
-      )) }) }) })
-    ] }) }),
+  return /* @__PURE__ */ jsx7(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx7(DialogContent, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: selectedExecution ? /* @__PURE__ */ jsxs5(Fragment, { children: [
     /* @__PURE__ */ jsx7(
-      DepositDetailModal,
+      DepositHeader,
       {
-        open: detailModalOpen,
-        onOpenChange: setDetailModalOpen,
-        execution: selectedExecution,
-        themeClass
+        title: "Deposit Details",
+        showBack: true,
+        onBack: () => setSelectedExecution(null),
+        onClose: handleClose
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ jsx7(DepositDetailContent, { execution: selectedExecution })
+  ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx7(
+      DepositHeader,
+      {
+        title: "Deposit Tracker",
+        showBack: true,
+        onBack: handleBack,
+        onClose: handleClose
+      }
+    ),
+    /* @__PURE__ */ jsx7("div", { className: "uf-max-h-[400px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx7("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx7("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ jsx7(Fragment, { children: allExecutions.map((execution) => /* @__PURE__ */ jsx7(
+      DepositExecutionItem,
+      {
+        execution,
+        onClick: () => handleExecutionClick(execution)
+      },
+      execution.id
+    )) }) }) })
+  ] }) }) });
 }
 
 // src/components/deposits/DepositSuccessToast.tsx
+import { useState as useState3 } from "react";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { ExecutionStatus as ExecutionStatus3, getIconUrl as getIconUrl3 } from "@unifold/core";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function DepositSuccessToast({
   depositTx,
   orderSubmittedAt,
   status,
   tokenIconUrl,
   sourceAmountBaseUnit = "0",
-  onClose
+  onClose,
+  execution
 }) {
-  const isPending = status === "pending" /* PENDING */ || status === "waiting" /* WAITING */ || status === "delayed" /* DELAYED */;
+  const [detailModalOpen, setDetailModalOpen] = useState3(false);
+  const { themeClass } = useTheme();
+  const isPending = status === ExecutionStatus3.PENDING || status === ExecutionStatus3.WAITING || status === ExecutionStatus3.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -913,67 +734,130 @@ function DepositSuccessToast({
       return "$0.00";
     }
   };
-  return /* @__PURE__ */ jsx8("div", { className: "uf-w-full uf-animate-in uf-slide-in-from-bottom-2 uf-duration-300", children: /* @__PURE__ */ jsxs6("div", { className: "uf-bg-card uf-border uf-border-border uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-gap-3", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "uf-relative uf-flex-shrink-0", children: [
-      /* @__PURE__ */ jsx8(
-        "img",
-        {
-          src: tokenIconUrl || getIconUrl("/icons/tokens/usdc.svg"),
-          alt: "Token",
-          width: 36,
-          height: 36,
-          className: "uf-rounded-full"
-        }
-      ),
-      isPending ? /* @__PURE__ */ jsx8("div", { className: "uf-absolute uf--bottom-0.5 uf--right-0.5 uf-bg-yellow-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    isPending && /* @__PURE__ */ jsx8("style", { children: `
+          @keyframes border-travel {
+            from { stroke-dashoffset: 0; }
+            to { stroke-dashoffset: -1000; }
+          }
+        ` }),
+    /* @__PURE__ */ jsx8("div", { className: "uf-w-full uf-animate-in uf-slide-in-from-bottom-2 uf-duration-300", children: /* @__PURE__ */ jsxs6("div", { className: "uf-relative uf-rounded-xl", children: [
+      isPending && /* @__PURE__ */ jsx8(
         "svg",
         {
-          width: "10",
-          height: "10",
-          viewBox: "0 0 12 12",
-          fill: "none",
-          className: "uf-animate-spin",
+          className: "uf-absolute uf-inset-0 uf-w-full uf-h-full uf-pointer-events-none uf-z-[1]",
+          style: { overflow: "visible" },
           children: /* @__PURE__ */ jsx8(
-            "path",
+            "rect",
             {
-              d: "M6 1V3M6 9V11M1 6H3M9 6H11M2.5 2.5L4 4M8 8L9.5 9.5M2.5 9.5L4 8M8 4L9.5 2.5",
-              stroke: "white",
-              strokeWidth: "2",
-              strokeLinecap: "round"
+              x: "5",
+              y: "2",
+              rx: "10",
+              ry: "10",
+              fill: "none",
+              stroke: "#ecc94b",
+              strokeWidth: "3",
+              strokeDasharray: "120 880",
+              strokeLinecap: "round",
+              pathLength: "1000",
+              style: {
+                width: "calc(100% - 10px)",
+                height: "calc(100% - 4px)",
+                animation: "border-travel 2.5s linear infinite"
+              }
             }
           )
         }
-      ) }) : /* @__PURE__ */ jsx8("div", { className: "uf-absolute uf--bottom-0.5 uf--right-0.5 uf-bg-green-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx8("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx8(
-        "path",
+      ),
+      /* @__PURE__ */ jsxs6(
+        "div",
         {
-          d: "M10 3L4.5 8.5L2 6",
-          stroke: "white",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          onClick: () => execution && setDetailModalOpen(true),
+          className: `uf-relative uf-bg-white dark:uf-bg-black hover:uf-opacity-90 uf-rounded-xl uf-p-3 uf-mx-1 uf-flex uf-items-center uf-gap-3 uf-transition-all uf-cursor-pointer ${isPending ? "" : "uf-border uf-border-zinc-300 dark:uf-border-zinc-700"}`,
+          children: [
+            /* @__PURE__ */ jsxs6("div", { className: "uf-relative uf-flex-shrink-0", children: [
+              /* @__PURE__ */ jsx8(
+                "img",
+                {
+                  src: tokenIconUrl || getIconUrl3("/icons/tokens/svg/usdc.svg"),
+                  alt: "Token",
+                  width: 36,
+                  height: 36,
+                  className: "uf-rounded-full"
+                }
+              ),
+              isPending ? /* @__PURE__ */ jsx8("div", { className: "uf-absolute uf--bottom-0.5 uf--right-0.5 uf-bg-yellow-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx8(
+                "svg",
+                {
+                  width: "10",
+                  height: "10",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  className: "uf-animate-spin",
+                  children: /* @__PURE__ */ jsx8(
+                    "path",
+                    {
+                      d: "M21 12a9 9 0 1 1-6.22-8.56",
+                      stroke: "white",
+                      strokeWidth: "3",
+                      strokeLinecap: "round"
+                    }
+                  )
+                }
+              ) }) : /* @__PURE__ */ jsx8("div", { className: "uf-absolute uf--bottom-0.5 uf--right-0.5 uf-bg-green-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx8("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx8(
+                "path",
+                {
+                  d: "M10 3L4.5 8.5L2 6",
+                  stroke: "white",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "uf-flex-1 uf-min-w-0", children: [
+              /* @__PURE__ */ jsx8("h3", { className: "uf-text-black dark:uf-text-white uf-font-medium uf-text-sm", children: isPending ? "Deposit processing" : "Deposit completed" }),
+              /* @__PURE__ */ jsx8("p", { className: "uf-text-zinc-600 dark:uf-text-zinc-400 uf-text-xs", children: formatDateTime(orderSubmittedAt) })
+            ] }),
+            /* @__PURE__ */ jsx8("div", { className: "uf-text-black dark:uf-text-white uf-font-medium uf-text-sm uf-flex-shrink-0", children: formatUsdAmount(sourceAmountBaseUnit) }),
+            /* @__PURE__ */ jsx8(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onClose();
+                },
+                className: "uf-text-zinc-600 dark:uf-text-zinc-400 hover:uf-text-black dark:hover:uf-text-white uf-transition-colors uf-p-0.5 uf-flex-shrink-0",
+                children: /* @__PURE__ */ jsx8(X3, { className: "uf-w-4 uf-h-4" })
+              }
+            )
+          ]
         }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "uf-flex-1 uf-min-w-0", children: [
-      /* @__PURE__ */ jsx8("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm", children: isPending ? "Deposit received" : "Deposit completed" }),
-      /* @__PURE__ */ jsx8("p", { className: "uf-text-muted-foreground uf-text-xs", children: formatDateTime(orderSubmittedAt) })
-    ] }),
-    /* @__PURE__ */ jsx8("div", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-flex-shrink-0", children: formatUsdAmount(sourceAmountBaseUnit) }),
-    /* @__PURE__ */ jsx8(
-      "button",
-      {
-        onClick: onClose,
-        className: "uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-p-0.5 uf-flex-shrink-0",
-        children: /* @__PURE__ */ jsx8(X3, { className: "uf-w-4 uf-h-4" })
-      }
-    )
-  ] }) });
+      )
+    ] }) }),
+    execution && /* @__PURE__ */ jsx8(Dialog, { open: detailModalOpen, onOpenChange: setDetailModalOpen, children: /* @__PURE__ */ jsxs6(DialogContent, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-mt-8 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: [
+      /* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-items-center uf-justify-between uf-px-4", children: [
+        /* @__PURE__ */ jsx8("div", { className: "uf-w-8" }),
+        " ",
+        /* @__PURE__ */ jsx8("h2", { className: "uf-text-lg uf-font-semibold uf-text-foreground", children: "Deposit Details" }),
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            onClick: () => setDetailModalOpen(false),
+            className: "uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-w-8 uf-flex uf-justify-end",
+            children: /* @__PURE__ */ jsx8(X3, { className: "uf-w-5 uf-h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx8(DepositDetailContent, { execution })
+    ] }) })
+  ] });
 }
 
 // src/components/shared/select.tsx
 import * as React3 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { Check, ChevronDown as ChevronDown2, ChevronUp as ChevronUp2 } from "lucide-react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
@@ -989,7 +873,7 @@ var SelectTrigger = React3.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
+      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown2, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
     ]
   }
 ));
@@ -1003,7 +887,7 @@ var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx9(ChevronUp, { className: "uf-h-4 uf-w-4" })
+    children: /* @__PURE__ */ jsx9(ChevronUp2, { className: "uf-h-4 uf-w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -1016,7 +900,7 @@ var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx9(ChevronDown, { className: "uf-h-4 uf-w-4" })
+    children: /* @__PURE__ */ jsx9(ChevronDown2, { className: "uf-h-4 uf-w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -1087,61 +971,16 @@ var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
-// src/components/shared/button.tsx
-import * as React4 from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "uf-inline-flex uf-items-center uf-justify-center uf-whitespace-nowrap uf-rounded-md uf-text-sm uf-font-medium uf-ring-offset-background uf-transition-colors focus-visible:uf-outline-none focus-visible:uf-ring-2 focus-visible:uf-ring-ring focus-visible:uf-ring-offset-2 disabled:uf-pointer-events-none disabled:uf-opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "uf-bg-primary uf-text-primary-foreground hover:uf-bg-primary/90",
-        destructive: "uf-bg-destructive uf-text-destructive-foreground hover:uf-bg-destructive/90",
-        outline: "uf-border uf-border-input uf-bg-background hover:uf-bg-accent hover:uf-text-accent-foreground",
-        secondary: "uf-bg-secondary uf-text-secondary-foreground hover:uf-bg-secondary/80",
-        ghost: "hover:uf-bg-accent hover:uf-text-accent-foreground",
-        link: "uf-text-primary uf-underline-offset-4 hover:uf-underline"
-      },
-      size: {
-        default: "uf-h-10 uf-px-4 uf-py-2",
-        sm: "uf-h-9 uf-rounded-md uf-px-3",
-        lg: "uf-h-11 uf-rounded-md uf-px-8",
-        icon: "uf-h-10 uf-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React4.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx10(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
 // src/components/shared/tooltip.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const { themeClass } = useTheme();
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
     TooltipPrimitive.Content,
     {
       ref,
@@ -1157,6 +996,15 @@ var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, ...props },
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
+// src/components/deposits/TransferCryptoBase.tsx
+import {
+  createDepositAddress,
+  getWalletByChainType,
+  queryExecutions as queryExecutions2,
+  getSupportedDepositTokens,
+  ExecutionStatus as ExecutionStatus4
+} from "@unifold/core";
+
 // src/lib/i18n/en.json
 var en_default = {
   transferCrypto: {
@@ -1227,7 +1075,7 @@ var en_default = {
 var i18n = en_default;
 
 // src/components/deposits/TransferCryptoBase.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var t = i18n.transferCrypto;
 var getChainKey = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
@@ -1243,7 +1091,6 @@ function TransferCryptoBase({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
-  copyButtonMode = "compact",
   layoutVariant = "horizontal",
   showDetailedDropdowns = false,
   onExecutionsChange,
@@ -1253,20 +1100,20 @@ function TransferCryptoBase({
 }) {
   const { themeClass } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState2("USDC");
-  const [chain, setChain] = useState2("solana:mainnet");
-  const [copied, setCopied] = useState2(false);
-  const [internalWallets, setInternalWallets] = useState2([]);
-  const [loading, setLoading] = useState2(!externalWallets?.length);
+  const [token, setToken] = useState4("USDC");
+  const [chain, setChain] = useState4("solana:mainnet");
+  const [copied, setCopied] = useState4(false);
+  const [internalWallets, setInternalWallets] = useState4([]);
+  const [loading, setLoading] = useState4(!externalWallets?.length);
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
-  const [error, setError] = useState2(null);
-  const [depositExecutions, setDepositExecutions] = useState2([]);
-  const [trackedExecutions, setTrackedExecutions] = useState2(/* @__PURE__ */ new Map());
-  const [modalOpenedAt, setModalOpenedAt] = useState2(null);
-  const [supportedTokens, setSupportedTokens] = useState2([]);
-  const [tokensLoading, setTokensLoading] = useState2(true);
-  const [detailsExpanded, setDetailsExpanded] = useState2(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState2(false);
+  const [error, setError] = useState4(null);
+  const [depositExecutions, setDepositExecutions] = useState4([]);
+  const [trackedExecutions, setTrackedExecutions] = useState4(/* @__PURE__ */ new Map());
+  const [modalOpenedAt, setModalOpenedAt] = useState4(null);
+  const [supportedTokens, setSupportedTokens] = useState4([]);
+  const [tokensLoading, setTokensLoading] = useState4(true);
+  const [detailsExpanded, setDetailsExpanded] = useState4(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState4(false);
   const allChainsMap = /* @__PURE__ */ new Map();
   supportedTokens.forEach((t4) => {
     t4.chains.forEach((c) => {
@@ -1284,10 +1131,10 @@ function TransferCryptoBase({
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
-  useEffect3(() => {
+  useEffect4(() => {
     setModalOpenedAt(/* @__PURE__ */ new Date());
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     async function fetchSupportedTokens() {
       try {
         setTokensLoading(true);
@@ -1316,12 +1163,12 @@ function TransferCryptoBase({
     }
     fetchSupportedTokens();
   }, [publishableKey, chain]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (externalWallets?.length) {
       setLoading(false);
       return;
@@ -1332,9 +1179,9 @@ function TransferCryptoBase({
       if (isCancelled) return;
       setLoading(true);
       try {
-        const response = await createEOA(
+        const response = await createDepositAddress(
           {
-            user_id: userId,
+            external_user_id: userId,
             recipient_address: recipientAddress,
             destination_chain_type: destinationChainType,
             destination_chain_id: destinationChainId,
@@ -1372,7 +1219,7 @@ function TransferCryptoBase({
     publishableKey,
     externalWallets
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!supportedTokens.length) return;
     const currentToken = supportedTokens.find((t4) => t4.symbol === token);
     if (!currentToken || currentToken.chains.length === 0) return;
@@ -1386,11 +1233,11 @@ function TransferCryptoBase({
       setChain(newChain);
     }
   }, [token, supportedTokens, chain]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!userId || !modalOpenedAt) return;
     const pollInterval = setInterval(async () => {
       try {
-        const response = await queryExecutions(userId, publishableKey);
+        const response = await queryExecutions2(userId, publishableKey);
         let executionToShow = null;
         for (const execution of response.data) {
           const executionTime = execution.created_at ? new Date(execution.created_at) : null;
@@ -1403,11 +1250,11 @@ function TransferCryptoBase({
             break;
           }
           const inProgressStatuses = [
-            "pending" /* PENDING */,
-            "waiting" /* WAITING */,
-            "delayed" /* DELAYED */
+            ExecutionStatus4.PENDING,
+            ExecutionStatus4.WAITING,
+            ExecutionStatus4.DELAYED
           ];
-          if (inProgressStatuses.includes(trackedStatus) && execution.status === "succeeded" /* SUCCEEDED */) {
+          if (inProgressStatuses.includes(trackedStatus) && execution.status === ExecutionStatus4.SUCCEEDED) {
             executionToShow = execution;
             break;
           }
@@ -1430,7 +1277,7 @@ function TransferCryptoBase({
             return updated;
           });
           if (onDepositSuccess) {
-            const isCompleted = execution.status === "succeeded" /* SUCCEEDED */;
+            const isCompleted = execution.status === ExecutionStatus4.SUCCEEDED;
             if (isCompleted) {
               onDepositSuccess({
                 message: "Deposit completed successfully",
@@ -1494,7 +1341,7 @@ function TransferCryptoBase({
   const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
   const renderTokenItem = (tokenData) => {
     return /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx11(
         "img",
         {
           src: tokenData.icon_url,
@@ -1504,13 +1351,13 @@ function TransferCryptoBase({
           className: "uf-rounded-full uf-flex-shrink-0"
         }
       ),
-      /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol }),
-      showDetailedDropdowns && /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-text-muted-foreground", children: tokenData.name })
+      /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol }),
+      showDetailedDropdowns && /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-text-muted-foreground", children: tokenData.name })
     ] });
   };
   const renderChainItem = (chainData) => {
     return /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx11(
         "img",
         {
           src: chainData.icon_url,
@@ -1520,15 +1367,15 @@ function TransferCryptoBase({
           className: "uf-rounded-full uf-flex-shrink-0"
         }
       ),
-      /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name }),
-      showDetailedDropdowns && /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-text-muted-foreground uf-capitalize", children: chainData.chain_type })
+      /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name }),
+      showDetailedDropdowns && /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-text-muted-foreground uf-capitalize", children: chainData.chain_type })
     ] });
   };
   const selectContainerClass = layoutVariant === "horizontal" ? "uf-grid uf-grid-cols-2 uf-gap-2.5" : "uf-space-y-3";
-  return /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs8("div", { className: "uf-space-y-3", children: [
+  return /* @__PURE__ */ jsx11(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs8("div", { className: "uf-space-y-3", children: [
     /* @__PURE__ */ jsxs8("div", { className: selectContainerClass, children: [
       /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx12("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-gap-1", children: t.supportedToken }),
+        /* @__PURE__ */ jsx11("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-gap-1", children: t.supportedToken }),
         /* @__PURE__ */ jsxs8(
           Select,
           {
@@ -1536,8 +1383,8 @@ function TransferCryptoBase({
             onValueChange: setToken,
             disabled: tokensLoading || supportedTokens.length === 0,
             children: [
-              /* @__PURE__ */ jsx12(SelectTrigger, { className: "uf-bg-secondary uf-border-none uf-rounded-lg uf-h-10 hover:uf-bg-accent uf-text-foreground focus:uf-ring-1 focus:uf-ring-ring disabled:uf-opacity-50", children: /* @__PURE__ */ jsx12(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx12("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx12("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
-              /* @__PURE__ */ jsx12(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx11(SelectTrigger, { className: "uf-bg-secondary uf-border-none uf-rounded-lg uf-h-10 hover:uf-bg-accent uf-text-foreground focus:uf-ring-1 focus:uf-ring-ring disabled:uf-opacity-50", children: /* @__PURE__ */ jsx11(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx11("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx11("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+              /* @__PURE__ */ jsx11(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx11(
                 SelectItem,
                 {
                   value: tokenData.symbol,
@@ -1560,23 +1407,23 @@ function TransferCryptoBase({
             t.minDeposit.label
           ] }),
           /* @__PURE__ */ jsxs8(Tooltip, { children: [
-            /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
               "span",
               {
                 className: "uf-inline-flex uf-cursor-pointer uf-transition-colors hover:uf-text-foreground",
                 tabIndex: 0,
                 role: "button",
                 "aria-label": "Minimum deposit information",
-                children: /* @__PURE__ */ jsx12(Info, { className: "uf-w-3 uf-h-3" })
+                children: /* @__PURE__ */ jsx11(Info, { className: "uf-w-3 uf-h-3" })
               }
             ) }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(
               TooltipContent,
               {
                 side: "left",
                 align: "center",
                 className: "uf-max-w-[200px]",
-                children: /* @__PURE__ */ jsx12("p", { children: t.minDeposit.tooltip })
+                children: /* @__PURE__ */ jsx11("p", { children: t.minDeposit.tooltip })
               }
             )
           ] })
@@ -1588,13 +1435,13 @@ function TransferCryptoBase({
             onValueChange: setChain,
             disabled: tokensLoading || availableChainsForToken.length === 0,
             children: [
-              /* @__PURE__ */ jsx12(SelectTrigger, { className: "uf-bg-secondary uf-border-none uf-rounded-lg uf-h-10 hover:uf-bg-accent uf-text-foreground focus:uf-ring-1 focus:uf-ring-ring disabled:uf-opacity-50", children: /* @__PURE__ */ jsx12(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx12("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx12("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx12("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
-              /* @__PURE__ */ jsx12(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx12("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
+              /* @__PURE__ */ jsx11(SelectTrigger, { className: "uf-bg-secondary uf-border-none uf-rounded-lg uf-h-10 hover:uf-bg-accent uf-text-foreground focus:uf-ring-1 focus:uf-ring-ring disabled:uf-opacity-50", children: /* @__PURE__ */ jsx11(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx11("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx11("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx11("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+              /* @__PURE__ */ jsx11(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx11("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
                 const chainKey = getChainKey(
                   chainData.chain_id,
                   chainData.chain_type
                 );
-                return /* @__PURE__ */ jsx12(
+                return /* @__PURE__ */ jsx11(
                   SelectItem,
                   {
                     value: chainKey,
@@ -1609,14 +1456,14 @@ function TransferCryptoBase({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx12("div", { className: "uf-flex uf-justify-center uf-py-2", children: /* @__PURE__ */ jsx12("div", { className: "uf-bg-card uf-p-4 uf-rounded-2xl uf-shadow-lg uf-border uf-border-border", children: loading ? /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11("div", { className: "uf-flex uf-justify-center uf-py-2", children: /* @__PURE__ */ jsx11("div", { className: "uf-bg-card uf-p-4 uf-rounded-2xl uf-shadow-lg uf-border uf-border-border", children: loading ? /* @__PURE__ */ jsx11(
       "div",
       {
         className: "uf-flex uf-items-center uf-justify-center",
         style: { width: 180, height: 180 },
-        children: /* @__PURE__ */ jsx12("div", { className: "uf-text-foreground uf-text-sm", children: t.loadingQRCode })
+        children: /* @__PURE__ */ jsx11("div", { className: "uf-text-foreground uf-text-sm", children: t.loadingQRCode })
       }
-    ) : depositAddress ? /* @__PURE__ */ jsx12(
+    ) : depositAddress ? /* @__PURE__ */ jsx11(
       StyledQRCode,
       {
         value: depositAddress,
@@ -1626,12 +1473,12 @@ function TransferCryptoBase({
         darkMode: isDarkMode
       },
       `qr-${depositAddress}-${chain}`
-    ) : /* @__PURE__ */ jsx12(
+    ) : /* @__PURE__ */ jsx11(
       "div",
       {
         className: "uf-flex uf-items-center uf-justify-center",
         style: { width: 180, height: 180 },
-        children: /* @__PURE__ */ jsx12("div", { className: "uf-text-red-400 uf-text-sm", children: t.noAddressAvailable })
+        children: /* @__PURE__ */ jsx11("div", { className: "uf-text-red-400 uf-text-sm", children: t.noAddressAvailable })
       }
     ) }) }),
     /* @__PURE__ */ jsxs8("div", { children: [
@@ -1639,61 +1486,43 @@ function TransferCryptoBase({
         /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
           t.depositAddress.label,
           /* @__PURE__ */ jsxs8(Tooltip, { children: [
-            /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
               "span",
               {
                 className: "uf-inline-flex uf-cursor-pointer uf-transition-colors hover:uf-text-foreground",
                 tabIndex: 0,
                 role: "button",
                 "aria-label": "Deposit address information",
-                children: /* @__PURE__ */ jsx12(Info, { className: "uf-w-3 uf-h-3" })
+                children: /* @__PURE__ */ jsx11(Info, { className: "uf-w-3 uf-h-3" })
               }
             ) }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(
               TooltipContent,
               {
                 side: "top",
                 align: "center",
                 className: "uf-max-w-[240px]",
-                children: /* @__PURE__ */ jsx12("p", { children: t.depositAddress.tooltip.replace("{{token}}", token) })
+                children: /* @__PURE__ */ jsx11("p", { children: t.depositAddress.tooltip.replace("{{token}}", token) })
               }
             )
           ] })
         ] }),
-        copyButtonMode === "compact" && /* @__PURE__ */ jsx12(
-          "button",
-          {
-            onClick: handleCopyAddress,
-            disabled: loading || !depositAddress,
-            className: "uf-flex uf-items-center uf-gap-1 uf-text-xs uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
-            children: copied ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-              /* @__PURE__ */ jsx12(Check2, { className: "uf-w-3 uf-h-3" }),
-              /* @__PURE__ */ jsx12("span", { children: t.copied })
-            ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
-              /* @__PURE__ */ jsx12(Copy, { className: "uf-w-3 uf-h-3" }),
-              /* @__PURE__ */ jsx12("span", { children: t.copyAddress })
-            ] })
-          }
-        )
-      ] }),
-      loading ? /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-muted-foreground uf-animate-pulse", children: t.loading }) : error ? /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-red-400", children: error }) : /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-font-mono uf-break-all", children: depositAddress || t.noAddressAvailable })
-    ] }),
-    copyButtonMode === "fullWidth" && /* @__PURE__ */ jsx12(
-      Button,
-      {
-        onClick: handleCopyAddress,
-        disabled: loading || !depositAddress,
-        className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-text-foreground uf-rounded-lg uf-h-9 uf-text-sm uf-font-medium disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
-        children: copied ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(Check2, { className: "uf-w-4 uf-h-4 uf-mr-2" }),
+        /* @__PURE__ */ jsxs8("span", { className: `uf-flex uf-items-center uf-gap-1 uf-text-green-500 uf-transition-opacity uf-duration-200 ${copied ? "uf-opacity-100" : "uf-opacity-0"}`, children: [
+          /* @__PURE__ */ jsx11(Check2, { className: "uf-w-3 uf-h-3" }),
           t.copied
-        ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(Copy, { className: "uf-w-4 uf-h-4 uf-mr-2" }),
-          t.copyAddress
         ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs8("div", { className: "uf-border-t uf-border-border", children: [
+      ] }),
+      loading ? /* @__PURE__ */ jsx11("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-muted-foreground uf-animate-pulse", children: t.loading }) : error ? /* @__PURE__ */ jsx11("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-red-400", children: error }) : /* @__PURE__ */ jsx11(
+        "button",
+        {
+          onClick: handleCopyAddress,
+          disabled: !depositAddress,
+          className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-font-mono uf-break-all uf-text-left uf-transition-colors uf-cursor-pointer disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
+          children: depositAddress || t.noAddressAvailable
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "uf-bg-secondary uf-rounded-xl uf-px-3", children: [
       /* @__PURE__ */ jsxs8(
         "button",
         {
@@ -1701,7 +1530,7 @@ function TransferCryptoBase({
           className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
           children: [
             /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx12(DollarSign, { className: "uf-w-3 uf-h-3" }) }),
+              /* @__PURE__ */ jsx11("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx11(DollarSign, { className: "uf-w-3 uf-h-3" }) }),
               /* @__PURE__ */ jsxs8("span", { className: "uf-text-xs", children: [
                 t.priceImpact.label,
                 ":",
@@ -1712,7 +1541,7 @@ function TransferCryptoBase({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs8(Tooltip, { children: [
-                /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
                   "span",
                   {
                     className: "uf-inline-flex uf-cursor-pointer uf-text-muted-foreground uf-transition-colors hover:uf-text-foreground",
@@ -1725,27 +1554,27 @@ function TransferCryptoBase({
                     tabIndex: 0,
                     role: "button",
                     "aria-label": "Price impact information",
-                    children: /* @__PURE__ */ jsx12(Info, { className: "uf-w-3 uf-h-3" })
+                    children: /* @__PURE__ */ jsx11(Info, { className: "uf-w-3 uf-h-3" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx11(
                   TooltipContent,
                   {
                     side: "top",
                     align: "center",
                     className: "uf-max-w-[240px]",
-                    children: /* @__PURE__ */ jsx12("p", { children: t.priceImpact.tooltip })
+                    children: /* @__PURE__ */ jsx11("p", { children: t.priceImpact.tooltip })
                   }
                 )
               ] })
             ] }),
-            detailsExpanded ? /* @__PURE__ */ jsx12(ChevronUp2, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" }) : /* @__PURE__ */ jsx12(ChevronDown2, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" })
+            detailsExpanded ? /* @__PURE__ */ jsx11(ChevronUp3, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" }) : /* @__PURE__ */ jsx11(ChevronDown3, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" })
           ]
         }
       ),
       detailsExpanded && /* @__PURE__ */ jsxs8("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
         /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx12(ShieldCheck, { className: "uf-w-3 uf-h-3" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx11(ShieldCheck, { className: "uf-w-3 uf-h-3" }) }),
           /* @__PURE__ */ jsxs8("span", { className: "uf-text-xs", children: [
             t.slippage.label,
             ":",
@@ -1758,42 +1587,42 @@ function TransferCryptoBase({
             ] })
           ] }),
           /* @__PURE__ */ jsxs8(Tooltip, { children: [
-            /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
               "span",
               {
                 className: "uf-inline-flex uf-cursor-pointer uf-text-muted-foreground uf-transition-colors hover:uf-text-foreground",
                 tabIndex: 0,
                 role: "button",
                 "aria-label": "Slippage information",
-                children: /* @__PURE__ */ jsx12(Info, { className: "uf-w-3 uf-h-3" })
+                children: /* @__PURE__ */ jsx11(Info, { className: "uf-w-3 uf-h-3" })
               }
             ) }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(
               TooltipContent,
               {
                 side: "top",
                 align: "center",
                 className: "uf-max-w-[240px]",
-                children: /* @__PURE__ */ jsx12("p", { children: t.slippage.tooltip })
+                children: /* @__PURE__ */ jsx11("p", { children: t.slippage.tooltip })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx12(Clock, { className: "uf-w-3 uf-h-3" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx11(Clock, { className: "uf-w-3 uf-h-3" }) }),
           /* @__PURE__ */ jsxs8("span", { className: "uf-text-xs", children: [
             t.processingTime.label,
             ":",
             " ",
-            /* @__PURE__ */ jsx12("span", { className: "uf-text-foreground", children: formatProcessingTime(processingTime) })
+            /* @__PURE__ */ jsx11("span", { className: "uf-text-foreground", children: formatProcessingTime(processingTime) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ jsx12("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx12(FileText, { className: "uf-w-3 uf-h-3" }) }),
+          /* @__PURE__ */ jsx11("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ jsx11(FileText, { className: "uf-w-3 uf-h-3" }) }),
           /* @__PURE__ */ jsxs8("span", { className: "uf-text-xs", children: [
             t.help.needHelp,
             " ",
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(
               "a",
               {
                 href: "#",
@@ -1803,34 +1632,34 @@ function TransferCryptoBase({
             )
           ] })
         ] })
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-2", children: [
-        /* @__PURE__ */ jsx12(
-          "a",
-          {
-            href: "https://unifold.io/terms",
-            className: "uf-text-muted-foreground uf-underline hover:uf-text-foreground uf-transition-colors",
-            target: "_blank",
-            children: t.terms.termsApply
-          }
-        ),
-        depositExecutions.length > 1 && /* @__PURE__ */ jsxs8(
-          "button",
-          {
-            onClick: () => setDepositsModalOpen(true),
-            className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
-            children: [
-              /* @__PURE__ */ jsx12(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
-              "Track deposits (",
-              depositExecutions.length,
-              ")",
-              /* @__PURE__ */ jsx12(ChevronRight2, { className: "uf-w-3 uf-h-3" })
-            ]
-          }
-        )
       ] })
     ] }),
-    depositExecutions.length === 1 && /* @__PURE__ */ jsx12("div", { className: "uf-fixed uf-bottom-4 uf-left-1/2 uf--translate-x-1/2 uf-w-[360px] uf-max-w-[calc(100vw-2rem)] uf-z-[100]", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-2", children: [
+      /* @__PURE__ */ jsx11(
+        "a",
+        {
+          href: "https://unifold.io/terms",
+          className: "uf-text-muted-foreground uf-underline hover:uf-text-foreground uf-transition-colors",
+          target: "_blank",
+          children: t.terms.termsApply
+        }
+      ),
+      depositExecutions.length > 1 && /* @__PURE__ */ jsxs8(
+        "button",
+        {
+          onClick: () => setDepositsModalOpen(true),
+          className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
+          children: [
+            /* @__PURE__ */ jsx11(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
+            "Track deposits (",
+            depositExecutions.length,
+            ")",
+            /* @__PURE__ */ jsx11(ChevronRight2, { className: "uf-w-3 uf-h-3" })
+          ]
+        }
+      )
+    ] }),
+    depositExecutions.length === 1 && /* @__PURE__ */ jsx11("div", { className: "uf-fixed uf-bottom-4 uf-left-1/2 uf--translate-x-1/2 uf-w-[360px] uf-max-w-[calc(100vw-2rem)] uf-z-[100]", children: /* @__PURE__ */ jsx11(
       DepositSuccessToast,
       {
         depositTx: depositExecutions[0].transaction_hash,
@@ -1838,13 +1667,14 @@ function TransferCryptoBase({
         orderFilledAt: depositExecutions[0].updated_at || (/* @__PURE__ */ new Date()).toISOString(),
         explorerUrl: depositExecutions[0].explorer_url,
         status: depositExecutions[0].status,
-        tokenIconUrl: depositExecutions[0].source_token_metadata?.icon_url,
+        tokenIconUrl: depositExecutions[0].destination_token_metadata?.icon_url,
         sourceAmountBaseUnit: depositExecutions[0].source_amount_base_unit,
-        onClose: () => setDepositExecutions([])
+        onClose: () => setDepositExecutions([]),
+        execution: depositExecutions[0]
       },
       depositExecutions[0].id
     ) }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       DepositsModal,
       {
         open: depositsModalOpen,
@@ -1859,9 +1689,9 @@ function TransferCryptoBase({
 }
 
 // src/components/deposits/TransferCrypto.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function TransferCrypto(props) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     TransferCryptoBase,
     {
       ...props,
@@ -1872,16 +1702,27 @@ function TransferCrypto(props) {
 }
 
 // src/components/deposits/BuyWithCard.tsx
-import { useState as useState4, useEffect as useEffect4 } from "react";
-import { ChevronDown as ChevronDown3, ChevronRight as ChevronRight3 } from "lucide-react";
+import { useState as useState6, useEffect as useEffect5 } from "react";
+import { ChevronDown as ChevronDown4, ChevronRight as ChevronRight3 } from "lucide-react";
+import {
+  getMeldQuotes,
+  createMeldSession,
+  createDepositAddress as createDepositAddress2,
+  getWalletByChainType as getWalletByChainType2,
+  getFiatCurrencies,
+  getIconUrlWithCdn,
+  getPreferredIconUrl as getPreferredIconUrl2,
+  getSupportedDepositTokens as getSupportedDepositTokens2
+} from "@unifold/core";
 
 // src/components/deposits/CurrencyModal.tsx
-import { useState as useState3 } from "react";
+import { useState as useState5 } from "react";
 import { Search } from "lucide-react";
 
 // src/components/currency/CurrencyListItem.tsx
 import { Check as Check3 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { getPreferredIconUrl } from "@unifold/core";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function CurrencyListItem({
   currency,
   isSelected,
@@ -1895,7 +1736,7 @@ function CurrencyListItem({
       className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-transition-colors uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
       children: [
         /* @__PURE__ */ jsxs9("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "img",
             {
               src: iconUrl,
@@ -1904,18 +1745,18 @@ function CurrencyListItem({
             }
           ),
           /* @__PURE__ */ jsxs9("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ jsx14("div", { className: "uf-text-sm uf-font-normal uf-text-foreground", children: currency.name }),
-            /* @__PURE__ */ jsx14("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-light", children: currency.currency_code.toUpperCase() })
+            /* @__PURE__ */ jsx13("div", { className: "uf-text-sm uf-font-normal uf-text-foreground", children: currency.name }),
+            /* @__PURE__ */ jsx13("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-light", children: currency.currency_code.toUpperCase() })
           ] })
         ] }),
-        isSelected && /* @__PURE__ */ jsx14(Check3, { className: "uf-w-4 uf-h-4 uf-text-foreground" })
+        isSelected && /* @__PURE__ */ jsx13(Check3, { className: "uf-w-4 uf-h-4 uf-text-foreground" })
       ]
     }
   );
 }
 
 // src/components/currency/CurrencyListSection.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function CurrencyListSection({
   title,
   currencies,
@@ -1924,8 +1765,8 @@ function CurrencyListSection({
 }) {
   if (currencies.length === 0) return null;
   return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx15("div", { className: "uf-px-1 uf-pb-2", children: /* @__PURE__ */ jsx15("h3", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: title }) }),
-    currencies.map((currency) => /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx14("div", { className: "uf-px-1 uf-pb-2", children: /* @__PURE__ */ jsx14("h3", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: title }) }),
+    currencies.map((currency) => /* @__PURE__ */ jsx14(
       CurrencyListItem,
       {
         currency,
@@ -1938,7 +1779,7 @@ function CurrencyListSection({
 }
 
 // src/components/deposits/CurrencyModal.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function CurrencyModal({
   open,
   onOpenChange,
@@ -1948,7 +1789,7 @@ function CurrencyModal({
   onSelectCurrency,
   themeClass = ""
 }) {
-  const [searchQuery, setSearchQuery] = useState3("");
+  const [searchQuery, setSearchQuery] = useState5("");
   const preferredCurrencies = preferredCurrencyCodes.map(
     (code) => currencies.find(
       (currency) => currency.currency_code.toLowerCase() === code.toLowerCase()
@@ -1975,8 +1816,8 @@ function CurrencyModal({
     onOpenChange(false);
     setSearchQuery("");
   };
-  return /* @__PURE__ */ jsx16(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs11(DialogContent, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs11(DialogContent, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: [
+    /* @__PURE__ */ jsx15(
       DepositHeader,
       {
         title: "Currency",
@@ -1985,9 +1826,9 @@ function CurrencyModal({
         onClose: handleClose
       }
     ),
-    /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsxs11("div", { className: "uf-relative", children: [
-      /* @__PURE__ */ jsx16(Search, { className: "uf-absolute uf-left-4 uf-top-1/2 uf--translate-y-1/2 uf-w-4 uf-h-4 uf-text-muted-foreground" }),
-      /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsxs11("div", { className: "uf-relative", children: [
+      /* @__PURE__ */ jsx15(Search, { className: "uf-absolute uf-left-4 uf-top-1/2 uf--translate-y-1/2 uf-w-4 uf-h-4 uf-text-muted-foreground" }),
+      /* @__PURE__ */ jsx15(
         "input",
         {
           type: "text",
@@ -1998,8 +1839,8 @@ function CurrencyModal({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx16("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs11("div", { className: "uf-space-y-2", children: [
-      /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs11("div", { className: "uf-space-y-2", children: [
+      /* @__PURE__ */ jsx15(
         CurrencyListSection,
         {
           title: "Popular currencies",
@@ -2008,8 +1849,8 @@ function CurrencyModal({
           onSelect: handleSelect
         }
       ),
-      filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ jsx16("div", { className: "uf-h-2" }),
-      /* @__PURE__ */ jsx16(
+      filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ jsx15("div", { className: "uf-h-2" }),
+      /* @__PURE__ */ jsx15(
         CurrencyListSection,
         {
           title: "All currencies",
@@ -2018,7 +1859,7 @@ function CurrencyModal({
           onSelect: handleSelect
         }
       ),
-      filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ jsx16("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
+      filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ jsx15("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
     ] }) })
   ] }) });
 }
@@ -2072,7 +1913,7 @@ function useUserIp() {
 }
 
 // src/components/deposits/BuyWithCard.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var t2 = i18n.buyWithCard;
 var QUICK_AMOUNTS = [100, 500, 1e3];
 function getCurrencySymbol(currencyCode) {
@@ -2103,21 +1944,21 @@ function BuyWithCard({
   wallets: externalWallets,
   assetCdnUrl
 }) {
-  const [amount, setAmount] = useState4("500.00");
-  const [currency, setCurrency] = useState4("usd");
-  const [showCurrencyModal, setShowCurrencyModal] = useState4(false);
-  const [quotes, setQuotes] = useState4([]);
-  const [quotesLoading, setQuotesLoading] = useState4(false);
-  const [quotesError, setQuotesError] = useState4(null);
-  const [internalView, setInternalView] = useState4("amount");
+  const [amount, setAmount] = useState6("500.00");
+  const [currency, setCurrency] = useState6("usd");
+  const [showCurrencyModal, setShowCurrencyModal] = useState6(false);
+  const [quotes, setQuotes] = useState6([]);
+  const [quotesLoading, setQuotesLoading] = useState6(false);
+  const [quotesError, setQuotesError] = useState6(null);
+  const [internalView, setInternalView] = useState6("amount");
   const { userIpInfo, isLoading: isLoadingIp } = useUserIp();
-  const [onrampSession, setOnrampSession] = useState4(
+  const [onrampSession, setOnrampSession] = useState6(
     null
   );
   const currentView = externalView ?? internalView;
   const showQuotesView = currentView === "quotes";
   const showOnrampView = currentView === "onramp";
-  useEffect4(() => {
+  useEffect5(() => {
     if (externalView) {
       setInternalView(externalView);
     }
@@ -2130,21 +1971,21 @@ function BuyWithCard({
       onViewChange?.(newView);
     }
   };
-  const [selectedProvider, setSelectedProvider] = useState4(
+  const [selectedProvider, setSelectedProvider] = useState6(
     null
   );
-  const [isAutoSelected, setIsAutoSelected] = useState4(true);
-  const [autoSelectedProvider, setAutoSelectedProvider] = useState4(null);
-  const [hasManualSelection, setHasManualSelection] = useState4(false);
-  const [internalWallets, setInternalWallets] = useState4([]);
-  const [walletsLoading, setWalletsLoading] = useState4(!externalWallets?.length);
+  const [isAutoSelected, setIsAutoSelected] = useState6(true);
+  const [autoSelectedProvider, setAutoSelectedProvider] = useState6(null);
+  const [hasManualSelection, setHasManualSelection] = useState6(false);
+  const [internalWallets, setInternalWallets] = useState6([]);
+  const [walletsLoading, setWalletsLoading] = useState6(!externalWallets?.length);
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
-  const [countdown, setCountdown] = useState4(60);
-  const [fiatCurrencies, setFiatCurrencies] = useState4([]);
-  const [preferredCurrencyCodes, setPreferredCurrencyCodes] = useState4([]);
-  const [currenciesLoading, setCurrenciesLoading] = useState4(true);
-  const [supportedTokens, setSupportedTokens] = useState4([]);
-  const destinationWallet = getWalletByChainType(wallets, "ethereum");
+  const [countdown, setCountdown] = useState6(60);
+  const [fiatCurrencies, setFiatCurrencies] = useState6([]);
+  const [preferredCurrencyCodes, setPreferredCurrencyCodes] = useState6([]);
+  const [currenciesLoading, setCurrenciesLoading] = useState6(true);
+  const [supportedTokens, setSupportedTokens] = useState6([]);
+  const destinationWallet = getWalletByChainType2(wallets, "ethereum");
   const walletDestinationChainId = destinationWallet?.destination_chain_id;
   const resolvedDestinationChainId = destinationChainId || walletDestinationChainId;
   const displayTokenSymbol = destinationTokenSymbol || supportedTokens[0]?.symbol || "USDC";
@@ -2152,7 +1993,7 @@ function BuyWithCard({
   const destinationChain = destinationToken?.chains.find(
     (c) => c.chain_id === resolvedDestinationChainId
   );
-  useEffect4(() => {
+  useEffect5(() => {
     async function fetchFiatCurrencies() {
       try {
         const response = await getFiatCurrencies(publishableKey);
@@ -2166,7 +2007,7 @@ function BuyWithCard({
     }
     fetchFiatCurrencies();
   }, [publishableKey]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (externalWallets?.length) {
       setWalletsLoading(false);
       return;
@@ -2177,9 +2018,9 @@ function BuyWithCard({
       if (isCancelled) return;
       setWalletsLoading(true);
       try {
-        const response = await createEOA(
+        const response = await createDepositAddress2(
           {
-            user_id: userId,
+            external_user_id: userId,
             recipient_address: recipientAddress,
             destination_chain_type: destinationChainType,
             destination_chain_id: destinationChainId,
@@ -2207,10 +2048,10 @@ function BuyWithCard({
       }
     };
   }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, externalWallets]);
-  useEffect4(() => {
+  useEffect5(() => {
     async function fetchSupportedTokens() {
       try {
-        const response = await getSupportedDepositTokens(publishableKey);
+        const response = await getSupportedDepositTokens2(publishableKey);
         setSupportedTokens(response.data);
       } catch (err) {
         console.error("Error fetching supported tokens:", err);
@@ -2218,7 +2059,7 @@ function BuyWithCard({
     }
     fetchSupportedTokens();
   }, [publishableKey]);
-  useEffect4(() => {
+  useEffect5(() => {
     const amountNum = parseFloat(amount);
     if (isNaN(amountNum) || amountNum <= 0) {
       setQuotes([]);
@@ -2298,7 +2139,7 @@ function BuyWithCard({
       setQuotesLoading(false);
     }
   };
-  useEffect4(() => {
+  useEffect5(() => {
     if (quotes.length === 0) return;
     const timer = setInterval(() => {
       setCountdown((prev) => {
@@ -2333,7 +2174,7 @@ function BuyWithCard({
   const handleContinue = async () => {
     if (!selectedProvider) return;
     try {
-      const wallet = getWalletByChainType(wallets, "ethereum");
+      const wallet = getWalletByChainType2(wallets, "ethereum");
       if (!wallet?.address) {
         setQuotesError("Wallet address not available");
         return;
@@ -2377,32 +2218,32 @@ function BuyWithCard({
     /* @__PURE__ */ jsxs12(
       "div",
       {
-        className: `uf-transition-all uf-duration-300 ${showQuotesView || showOnrampView ? "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0" : "uf-opacity-100"}`,
+        className: `uf-transition-all uf-duration-300 uf-min-h-[420px] ${showQuotesView || showOnrampView ? "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0" : "uf-opacity-100"}`,
         children: [
           /* @__PURE__ */ jsxs12("div", { className: "uf-mb-6 uf-pt-4", children: [
-            /* @__PURE__ */ jsx17("div", { className: "uf-flex uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsx16("div", { className: "uf-flex uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsxs12(
               "button",
               {
                 onClick: () => setShowCurrencyModal(true),
                 disabled: currenciesLoading,
                 className: "uf-flex uf-items-center uf-gap-1.5 uf-px-3 uf-py-1.5 uf-rounded-lg uf-bg-secondary hover:uf-bg-accent uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
                 children: [
-                  selectedCurrencyData && /* @__PURE__ */ jsx17(
+                  selectedCurrencyData && /* @__PURE__ */ jsx16(
                     "img",
                     {
-                      src: getPreferredIconUrl(selectedCurrencyData.icon_urls, "png") || selectedCurrencyData.icon_url,
+                      src: getPreferredIconUrl2(selectedCurrencyData.icon_urls, "png") || selectedCurrencyData.icon_url,
                       alt: selectedCurrencyData.name,
                       className: "uf-w-4 uf-h-4"
                     }
                   ),
-                  /* @__PURE__ */ jsx17("span", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: currency.toUpperCase() }),
-                  /* @__PURE__ */ jsx17(ChevronDown3, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground" })
+                  /* @__PURE__ */ jsx16("span", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: currency.toUpperCase() }),
+                  /* @__PURE__ */ jsx16(ChevronDown4, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground" })
                 ]
               }
             ) }),
             /* @__PURE__ */ jsxs12("div", { className: "uf-text-center uf-mb-4", children: [
-              /* @__PURE__ */ jsx17("div", { className: "uf-flex uf-items-center uf-justify-center uf-mb-2 uf-px-8", children: /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-max-w-full", children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx16("div", { className: "uf-flex uf-items-center uf-justify-center uf-mb-2 uf-px-8", children: /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-max-w-full", children: [
+                /* @__PURE__ */ jsx16(
                   "span",
                   {
                     className: "uf-font-normal uf-text-foreground uf-flex-shrink-0 uf-mr-1",
@@ -2412,7 +2253,7 @@ function BuyWithCard({
                     children: currencySymbol
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx16(
                   "input",
                   {
                     type: "text",
@@ -2428,12 +2269,12 @@ function BuyWithCard({
                   }
                 )
               ] }) }),
-              quotesLoading ? /* @__PURE__ */ jsx17("div", { className: "uf-flex uf-justify-center", children: /* @__PURE__ */ jsx17("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-40 uf-animate-pulse" }) }) : /* @__PURE__ */ jsxs12("div", { className: "uf-text-sm uf-text-muted-foreground uf-font-normal", children: [
+              quotesLoading ? /* @__PURE__ */ jsx16("div", { className: "uf-flex uf-justify-center", children: /* @__PURE__ */ jsx16("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-40 uf-animate-pulse" }) }) : /* @__PURE__ */ jsxs12("div", { className: "uf-text-sm uf-text-muted-foreground uf-font-normal", children: [
                 calculateUSDC(),
                 " USDC (Perps)"
               ] })
             ] }),
-            /* @__PURE__ */ jsx17("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: QUICK_AMOUNTS.map((quickAmount) => /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsx16("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: QUICK_AMOUNTS.map((quickAmount) => /* @__PURE__ */ jsxs12(
               "button",
               {
                 onClick: () => handleQuickAmount(quickAmount),
@@ -2448,29 +2289,29 @@ function BuyWithCard({
           ] }),
           /* @__PURE__ */ jsxs12("div", { className: "uf-mb-6", children: [
             /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-font-medium uf-mb-2 uf-px-1", children: [
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-foreground", children: "Provider" }),
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-foreground", children: "Provider" }),
               quotes.length > 0 && !quotesLoading && /* @__PURE__ */ jsxs12("span", { className: "uf-text-[10px] uf-text-foreground uf-font-normal", children: [
                 "Refreshing in ",
                 countdown,
                 "s"
               ] })
             ] }),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx16(
               "button",
               {
                 onClick: () => handleViewChange("quotes"),
                 disabled: quotesLoading || quotes.length === 0,
                 className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-transition-colors uf-rounded-xl uf-p-4 uf-group disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
                 children: quotesLoading ? /* @__PURE__ */ jsxs12("div", { className: "uf-text-left uf-w-full uf-animate-pulse", children: [
-                  /* @__PURE__ */ jsx17("div", { className: "uf-h-3 uf-bg-muted uf-rounded uf-w-28 uf-mb-3" }),
+                  /* @__PURE__ */ jsx16("div", { className: "uf-h-3 uf-bg-muted uf-rounded uf-w-28 uf-mb-3" }),
                   /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                    /* @__PURE__ */ jsx17("div", { className: "uf-w-8 uf-h-8 uf-bg-muted uf-rounded-full" }),
-                    /* @__PURE__ */ jsx17("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-32" })
+                    /* @__PURE__ */ jsx16("div", { className: "uf-w-8 uf-h-8 uf-bg-muted uf-rounded-full" }),
+                    /* @__PURE__ */ jsx16("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-32" })
                   ] })
                 ] }) : /* @__PURE__ */ jsxs12("div", { className: "uf-w-full uf-text-left", children: [
-                  isAutoSelected && /* @__PURE__ */ jsx17("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-normal uf-mb-2", children: "Auto-picked for you" }),
+                  isAutoSelected && /* @__PURE__ */ jsx16("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-normal uf-mb-2", children: "Auto-picked for you" }),
                   selectedProvider && /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsx16(
                       "img",
                       {
                         src: selectedProvider.icon_url,
@@ -2481,21 +2322,21 @@ function BuyWithCard({
                       }
                     ),
                     /* @__PURE__ */ jsxs12("div", { className: "uf-flex-1 uf-min-w-0", children: [
-                      /* @__PURE__ */ jsx17("div", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: selectedProvider.service_provider_display_name }),
+                      /* @__PURE__ */ jsx16("div", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: selectedProvider.service_provider_display_name }),
                       /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: [
-                        isAutoSelected && /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-green-400 uf-font-normal", children: "Best price" }),
-                        isAutoSelected && selectedProvider.low_kyc === false && /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
-                        selectedProvider.low_kyc === false && /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
+                        isAutoSelected && /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-green-400 uf-font-normal", children: "Best price" }),
+                        isAutoSelected && selectedProvider.low_kyc === false && /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
+                        selectedProvider.low_kyc === false && /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
                       ] })
                     ] }),
-                    quotes.length > 0 && /* @__PURE__ */ jsx17(ChevronRight3, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors uf-flex-shrink-0" })
+                    quotes.length > 0 && /* @__PURE__ */ jsx16(ChevronRight3, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors uf-flex-shrink-0" })
                   ] })
                 ] })
               }
             ),
-            quotesError && /* @__PURE__ */ jsx17("div", { className: "uf-text-xs uf-text-red-400 uf-mt-2 uf-px-1", children: quotesError })
+            quotesError && /* @__PURE__ */ jsx16("div", { className: "uf-text-xs uf-text-red-400 uf-mt-2 uf-px-1", children: quotesError })
           ] }),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx16(
             "button",
             {
               onClick: handleContinue,
@@ -2510,11 +2351,11 @@ function BuyWithCard({
         ]
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       "div",
       {
-        className: `uf-transition-all uf-duration-300 ${showQuotesView && !showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
-        children: /* @__PURE__ */ jsx17("div", { className: "uf-space-y-2 uf-pt-2", children: sortedQuotes.map((quote, index) => {
+        className: `uf-transition-all uf-duration-300 uf-min-h-[420px] ${showQuotesView && !showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
+        children: /* @__PURE__ */ jsx16("div", { className: "uf-space-y-2 uf-pt-2", children: sortedQuotes.map((quote, index) => {
           const badges = getProviderBadges(quote, sortedQuotes);
           const displayName = quote.service_provider_display_name;
           const isSelected = selectedProvider?.service_provider === quote.service_provider;
@@ -2532,7 +2373,7 @@ function BuyWithCard({
               className: `uf-w-full uf-bg-secondary hover:uf-bg-accent uf-transition-colors uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-group ${isSelected ? "uf-ring-2 uf-ring-inset uf-ring-primary" : ""}`,
               children: [
                 /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                  /* @__PURE__ */ jsx17("div", { className: "uf-w-10 uf-h-10 uf-flex uf-items-center uf-justify-center uf-flex-shrink-0", children: /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsx16("div", { className: "uf-w-10 uf-h-10 uf-flex uf-items-center uf-justify-center uf-flex-shrink-0", children: /* @__PURE__ */ jsx16(
                     "img",
                     {
                       src: quote.icon_url,
@@ -2543,7 +2384,7 @@ function BuyWithCard({
                     }
                   ) }),
                   /* @__PURE__ */ jsxs12("div", { className: "uf-text-left", children: [
-                    /* @__PURE__ */ jsx17("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: displayName }),
+                    /* @__PURE__ */ jsx16("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: displayName }),
                     /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: [
                       badges.map((badge, i) => /* @__PURE__ */ jsxs12(
                         "span",
@@ -2556,8 +2397,8 @@ function BuyWithCard({
                         },
                         i
                       )),
-                      quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
-                      quote.low_kyc === false && /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
+                      quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
+                      quote.low_kyc === false && /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
                     ] })
                   ] })
                 ] }),
@@ -2579,12 +2420,12 @@ function BuyWithCard({
         }) })
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       "div",
       {
         className: `uf-transition-all uf-duration-300 ${showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
         children: onrampSession && /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-6 uf-pb-4 uf-px-2", children: [
-          /* @__PURE__ */ jsx17("div", { className: "uf-mb-6", children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx16("div", { className: "uf-mb-6", children: /* @__PURE__ */ jsx16(
             "img",
             {
               src: onrampSession.provider.icon_url,
@@ -2594,62 +2435,62 @@ function BuyWithCard({
               className: "uf-rounded-2xl"
             }
           ) }),
-          /* @__PURE__ */ jsx17("h2", { className: "uf-text-xl uf-font-medium uf-text-foreground uf-mb-2", children: t2.onramp.completeTransaction.replace(
+          /* @__PURE__ */ jsx16("h2", { className: "uf-text-xl uf-font-medium uf-text-foreground uf-mb-2", children: t2.onramp.completeTransaction.replace(
             "{{provider}}",
             onrampSession.provider.service_provider_display_name
           ) }),
-          /* @__PURE__ */ jsx17("p", { className: "uf-text-sm uf-text-muted-foreground uf-mb-8", children: t2.onramp.canCloseModal }),
-          /* @__PURE__ */ jsx17("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4 uf-mb-4", children: /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
+          /* @__PURE__ */ jsx16("p", { className: "uf-text-sm uf-text-muted-foreground uf-mb-8", children: t2.onramp.canCloseModal }),
+          /* @__PURE__ */ jsx16("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4 uf-mb-4", children: /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
             /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
-              /* @__PURE__ */ jsx17("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx16("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsx16(
                 "img",
                 {
                   src: getIconUrlWithCdn(
-                    `/icons/currencies/svg/${onrampSession.sourceCurrency.toLowerCase()}.svg`,
+                    `/icons/currencies/png/${onrampSession.sourceCurrency.toLowerCase()}.png`,
                     assetCdnUrl
                   ),
                   alt: onrampSession.sourceCurrency.toUpperCase(),
                   className: "uf-w-7 uf-h-7 uf-rounded-full"
                 }
               ) }),
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youUse }),
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: onrampSession.sourceCurrency.toUpperCase() })
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youUse }),
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: onrampSession.sourceCurrency.toUpperCase() })
             ] }),
-            /* @__PURE__ */ jsx17("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx17(ChevronRight3, { className: "uf-w-4 uf-h-4" }) }),
+            /* @__PURE__ */ jsx16("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx16(ChevronRight3, { className: "uf-w-4 uf-h-4" }) }),
             /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
-              /* @__PURE__ */ jsx17("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs12("div", { className: "uf-relative", children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx16("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs12("div", { className: "uf-relative", children: [
+                /* @__PURE__ */ jsx16(
                   "img",
                   {
-                    src: getIconUrlWithCdn("/icons/tokens/svg/usdc.svg", assetCdnUrl),
+                    src: getIconUrlWithCdn("/icons/tokens/png/usdc.png", assetCdnUrl),
                     alt: "USDC",
                     className: "uf-w-7 uf-h-7 uf-rounded-full"
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx16(
                   "img",
                   {
-                    src: getIconUrlWithCdn("/icons/networks/svg/polygon.svg", assetCdnUrl),
+                    src: getIconUrlWithCdn("/icons/networks/png/polygon.png", assetCdnUrl),
                     alt: "Polygon",
                     className: "uf-w-3.5 uf-h-3.5 uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-rounded-full"
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youBuy }),
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: "USDC" })
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youBuy }),
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: "USDC" })
             ] }),
-            /* @__PURE__ */ jsx17("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx17(ChevronRight3, { className: "uf-w-4 uf-h-4" }) }),
+            /* @__PURE__ */ jsx16("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx16(ChevronRight3, { className: "uf-w-4 uf-h-4" }) }),
             /* @__PURE__ */ jsxs12("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
-              /* @__PURE__ */ jsx17("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs12("div", { className: "uf-relative", children: [
-                /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx16("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs12("div", { className: "uf-relative", children: [
+                /* @__PURE__ */ jsx16(
                   "img",
                   {
-                    src: destinationToken?.icon_url || getIconUrlWithCdn("/icons/tokens/svg/usdc.svg", assetCdnUrl),
+                    src: destinationToken?.icon_url || getIconUrlWithCdn("/icons/tokens/png/usdc.png", assetCdnUrl),
                     alt: displayTokenSymbol,
                     className: "uf-w-7 uf-h-7 uf-rounded-full"
                   }
                 ),
-                destinationChain?.icon_url && /* @__PURE__ */ jsx17(
+                destinationChain?.icon_url && /* @__PURE__ */ jsx16(
                   "img",
                   {
                     src: destinationChain.icon_url,
@@ -2658,15 +2499,15 @@ function BuyWithCard({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youReceive }),
-              /* @__PURE__ */ jsx17("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: displayTokenSymbol })
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youReceive }),
+              /* @__PURE__ */ jsx16("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: displayTokenSymbol })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx17("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4", children: /* @__PURE__ */ jsx17("p", { className: "uf-text-xs uf-text-muted-foreground uf-leading-relaxed", children: t2.onramp.intentAddressNote }) })
+          /* @__PURE__ */ jsx16("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4", children: /* @__PURE__ */ jsx16("p", { className: "uf-text-xs uf-text-muted-foreground uf-leading-relaxed", children: t2.onramp.intentAddressNote }) })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       CurrencyModal,
       {
         open: showCurrencyModal,
@@ -2685,7 +2526,7 @@ function BuyWithCard({
 
 // src/components/deposits/buttons/TransferCryptoButton.tsx
 import { Zap, ChevronRight as ChevronRight4 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function TransferCryptoButton({
   onClick,
   title,
@@ -2700,16 +2541,16 @@ function TransferCryptoButton({
       className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-transition-colors uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
       children: [
         /* @__PURE__ */ jsxs13("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ jsx18("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx18(Zap, { className: "uf-w-5 uf-h-5" }) }),
+          /* @__PURE__ */ jsx17("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx17(Zap, { className: "uf-w-5 uf-h-5" }) }),
           /* @__PURE__ */ jsxs13("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ jsx18("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
-            /* @__PURE__ */ jsx18("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
+            /* @__PURE__ */ jsx17("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
+            /* @__PURE__ */ jsx17("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
           ] })
         ] }),
         /* @__PURE__ */ jsxs13("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ jsx18("div", { className: "uf-flex uf--space-x-2", children: sortedTokens.map((token) => {
+          /* @__PURE__ */ jsx17("div", { className: "uf-flex uf--space-x-2", children: sortedTokens.map((token) => {
             const iconUrl = token.icon_urls.find((u) => u.format === "svg")?.url || token.icon_urls.find((u) => u.format === "png")?.url;
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx17(
               "img",
               {
                 src: iconUrl,
@@ -2721,7 +2562,7 @@ function TransferCryptoButton({
               token.name
             );
           }) }),
-          /* @__PURE__ */ jsx18(ChevronRight4, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
+          /* @__PURE__ */ jsx17(ChevronRight4, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
         ] })
       ]
     }
@@ -2730,7 +2571,7 @@ function TransferCryptoButton({
 
 // src/components/deposits/buttons/DepositWithCardButton.tsx
 import { CreditCard, ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function DepositWithCardButton({
   onClick,
   title,
@@ -2744,16 +2585,16 @@ function DepositWithCardButton({
       className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-transition-colors uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
       children: [
         /* @__PURE__ */ jsxs14("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ jsx19("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx19(CreditCard, { className: "uf-w-5 uf-h-5" }) }),
+          /* @__PURE__ */ jsx18("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx18(CreditCard, { className: "uf-w-5 uf-h-5" }) }),
           /* @__PURE__ */ jsxs14("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ jsx19("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
-            /* @__PURE__ */ jsx19("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
+            /* @__PURE__ */ jsx18("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
+            /* @__PURE__ */ jsx18("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
           ] })
         ] }),
         /* @__PURE__ */ jsxs14("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ jsx19("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: paymentNetworks?.map((network) => {
+          /* @__PURE__ */ jsx18("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: paymentNetworks?.map((network) => {
             const iconUrl = network.icon_urls.find((u) => u.format === "svg")?.url || network.icon_urls.find((u) => u.format === "png")?.url;
-            return /* @__PURE__ */ jsx19(
+            return /* @__PURE__ */ jsx18(
               "img",
               {
                 src: iconUrl,
@@ -2765,7 +2606,7 @@ function DepositWithCardButton({
               network.name
             );
           }) }),
-          /* @__PURE__ */ jsx19(ChevronRight5, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
+          /* @__PURE__ */ jsx18(ChevronRight5, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
         ] })
       ]
     }
@@ -2774,7 +2615,7 @@ function DepositWithCardButton({
 
 // src/components/deposits/buttons/DepositTrackerButton.tsx
 import { Clock as Clock2, ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function DepositTrackerButton({
   onClick,
   title,
@@ -2789,34 +2630,35 @@ function DepositTrackerButton({
       children: [
         /* @__PURE__ */ jsxs15("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
           /* @__PURE__ */ jsxs15("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2 uf-relative", children: [
-            /* @__PURE__ */ jsx20(Clock2, { className: "uf-w-5 uf-h-5" }),
-            badge !== void 0 && badge > 0 && /* @__PURE__ */ jsx20("div", { className: "uf-absolute -uf-top-1 -uf-right-1 uf-bg-blue-500 uf-text-primary-foreground uf-text-[10px] uf-font-semibold uf-rounded-full uf-min-w-[18px] uf-h-[18px] uf-flex uf-items-center uf-justify-center uf-px-1", children: badge > 99 ? "99+" : badge })
+            /* @__PURE__ */ jsx19(Clock2, { className: "uf-w-5 uf-h-5" }),
+            badge !== void 0 && badge > 0 && /* @__PURE__ */ jsx19("div", { className: "uf-absolute -uf-top-1 -uf-right-1 uf-bg-blue-500 uf-text-primary-foreground uf-text-[10px] uf-font-semibold uf-rounded-full uf-min-w-[18px] uf-h-[18px] uf-flex uf-items-center uf-justify-center uf-px-1", children: badge > 99 ? "99+" : badge })
           ] }),
           /* @__PURE__ */ jsxs15("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ jsx20("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
-            /* @__PURE__ */ jsx20("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
+            /* @__PURE__ */ jsx19("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
+            /* @__PURE__ */ jsx19("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ jsx20(ChevronRight6, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
+        /* @__PURE__ */ jsx19(ChevronRight6, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
       ]
     }
   );
 }
 
 // src/components/deposits/DepositModal.tsx
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { getProjectConfig, createDepositAddress as createDepositAddress3 } from "@unifold/core";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function SkeletonButton({ variant = "default" }) {
   return /* @__PURE__ */ jsxs16("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
     /* @__PURE__ */ jsxs16("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-      /* @__PURE__ */ jsx21("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
+      /* @__PURE__ */ jsx20("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
       /* @__PURE__ */ jsxs16("div", { className: "uf-space-y-1.5", children: [
-        /* @__PURE__ */ jsx21("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
-        /* @__PURE__ */ jsx21("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
+        /* @__PURE__ */ jsx20("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
+        /* @__PURE__ */ jsx20("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
       ] })
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      variant === "with-icons" && /* @__PURE__ */ jsx21("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx21("div", { className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary" }, i)) }),
-      /* @__PURE__ */ jsx21(ChevronRight7, { className: "uf-w-4 uf-h-4 uf-text-muted" })
+      variant === "with-icons" && /* @__PURE__ */ jsx20("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx20("div", { className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary" }, i)) }),
+      /* @__PURE__ */ jsx20(ChevronRight7, { className: "uf-w-4 uf-h-4 uf-text-muted" })
     ] })
   ] });
 }
@@ -2837,24 +2679,24 @@ function DepositModal({
   onDepositError,
   theme = "dark"
 }) {
-  const [view, setView] = useState5("main");
-  const [cardView, setCardView] = useState5(
+  const [view, setView] = useState7("main");
+  const [cardView, setCardView] = useState7(
     "amount"
   );
-  const [quotesCount, setQuotesCount] = useState5(0);
-  const [depositsModalOpen, setDepositsModalOpen] = useState5(false);
-  const [depositExecutions, setDepositExecutions] = useState5([]);
-  const [projectConfig, setProjectConfig] = useState5(null);
-  const [wallets, setWallets] = useState5([]);
-  const [walletsLoading, setWalletsLoading] = useState5(false);
-  useEffect5(() => {
+  const [quotesCount, setQuotesCount] = useState7(0);
+  const [depositsModalOpen, setDepositsModalOpen] = useState7(false);
+  const [depositExecutions, setDepositExecutions] = useState7([]);
+  const [projectConfig, setProjectConfig] = useState7(null);
+  const [wallets, setWallets] = useState7([]);
+  const [walletsLoading, setWalletsLoading] = useState7(false);
+  useEffect6(() => {
     setProjectConfig(null);
   }, [publishableKey]);
-  useEffect5(() => {
+  useEffect6(() => {
     setWallets([]);
   }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey]);
-  const [resolvedTheme, setResolvedTheme] = useState5(theme === "auto" ? "dark" : theme);
-  useEffect5(() => {
+  const [resolvedTheme, setResolvedTheme] = useState7(theme === "auto" ? "dark" : theme);
+  useEffect6(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -2867,12 +2709,12 @@ function DepositModal({
       setResolvedTheme(theme);
     }
   }, [theme]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (open && !projectConfig) {
       getProjectConfig(publishableKey).then(setProjectConfig).catch(console.error);
     }
   }, [open, publishableKey, projectConfig]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!open || wallets.length > 0) return;
     let retryTimeout = null;
     let isCancelled = false;
@@ -2880,9 +2722,9 @@ function DepositModal({
       if (isCancelled) return;
       setWalletsLoading(true);
       try {
-        const response = await createEOA(
+        const response = await createDepositAddress3(
           {
-            user_id: userId,
+            external_user_id: userId,
             recipient_address: recipientAddress,
             destination_chain_type: destinationChainType,
             destination_chain_id: destinationChainId,
@@ -2934,27 +2776,27 @@ function DepositModal({
       setQuotesCount(count);
     }
   };
-  return /* @__PURE__ */ jsx21(ThemeProvider, { themeClass, children: /* @__PURE__ */ jsxs16(Dialog, { open, onOpenChange: handleClose, children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(ThemeProvider, { themeClass, children: /* @__PURE__ */ jsxs16(Dialog, { open, onOpenChange: handleClose, children: [
+    /* @__PURE__ */ jsx20(
       DialogContent,
       {
         className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 uf-overflow-visible [&>button]:uf-hidden ${themeClass}`,
         onPointerDownOutside: (e) => e.preventDefault(),
         onInteractOutside: (e) => e.preventDefault(),
         children: view === "main" ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             DepositHeader,
             {
               title: modalTitle || "Deposit",
               onClose: handleClose
             }
           ),
-          /* @__PURE__ */ jsx21("div", { className: "uf-pb-4 uf-space-y-3", children: !projectConfig ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-            /* @__PURE__ */ jsx21(SkeletonButton, { variant: "with-icons" }),
-            /* @__PURE__ */ jsx21(SkeletonButton, { variant: "with-icons" }),
-            !hideDepositTracker && /* @__PURE__ */ jsx21(SkeletonButton, {})
+          /* @__PURE__ */ jsx20("div", { className: "uf-pb-4 uf-space-y-3", children: !projectConfig ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
+            /* @__PURE__ */ jsx20(SkeletonButton, { variant: "with-icons" }),
+            /* @__PURE__ */ jsx20(SkeletonButton, { variant: "with-icons" }),
+            !hideDepositTracker && /* @__PURE__ */ jsx20(SkeletonButton, {})
           ] }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(
               TransferCryptoButton,
               {
                 onClick: () => setView("transfer"),
@@ -2963,7 +2805,7 @@ function DepositModal({
                 featuredTokens: projectConfig.transfer_crypto.networks
               }
             ),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(
               DepositWithCardButton,
               {
                 onClick: () => setView("card"),
@@ -2972,7 +2814,7 @@ function DepositModal({
                 paymentNetworks: projectConfig.payment_networks.networks
               }
             ),
-            !hideDepositTracker && /* @__PURE__ */ jsx21(
+            !hideDepositTracker && /* @__PURE__ */ jsx20(
               DepositTrackerButton,
               {
                 onClick: () => setDepositsModalOpen(true),
@@ -2983,7 +2825,7 @@ function DepositModal({
             )
           ] }) })
         ] }) : view === "transfer" ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             DepositHeader,
             {
               title: t3.transferCrypto.title,
@@ -2992,7 +2834,7 @@ function DepositModal({
               onClose: handleClose
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             TransferCrypto,
             {
               userId,
@@ -3008,17 +2850,17 @@ function DepositModal({
             }
           )
         ] }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             DepositHeader,
             {
-              title: cardView === "quotes" ? t3.quotes : modalTitle || "Deposit",
+              title: cardView === "quotes" ? t3.quotes : t3.depositWithCard.title,
               showBack: true,
               onBack: handleBack,
               onClose: handleClose,
               badge: cardView === "quotes" ? { count: quotesCount } : void 0
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             BuyWithCard,
             {
               userId,
@@ -3040,11 +2882,12 @@ function DepositModal({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20(
       DepositsModal,
       {
         open: depositsModalOpen,
         onOpenChange: setDepositsModalOpen,
+        onCloseAll: handleClose,
         executions: depositExecutions,
         userId,
         publishableKey,
@@ -3055,9 +2898,9 @@ function DepositModal({
 }
 
 // src/components/deposits/TransferCrypto2.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function TransferCrypto2(props) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     TransferCryptoBase,
     {
       ...props,
@@ -3066,13 +2909,81 @@ function TransferCrypto2(props) {
     }
   );
 }
+
+// src/components/shared/button.tsx
+import * as React5 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "uf-inline-flex uf-items-center uf-justify-center uf-whitespace-nowrap uf-rounded-md uf-text-sm uf-font-medium uf-ring-offset-background uf-transition-colors focus-visible:uf-outline-none focus-visible:uf-ring-2 focus-visible:uf-ring-ring focus-visible:uf-ring-offset-2 disabled:uf-pointer-events-none disabled:uf-opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "uf-bg-primary uf-text-primary-foreground hover:uf-bg-primary/90",
+        destructive: "uf-bg-destructive uf-text-destructive-foreground hover:uf-bg-destructive/90",
+        outline: "uf-border uf-border-input uf-bg-background hover:uf-bg-accent hover:uf-text-accent-foreground",
+        secondary: "uf-bg-secondary uf-text-secondary-foreground hover:uf-bg-secondary/80",
+        ghost: "hover:uf-bg-accent hover:uf-text-accent-foreground",
+        link: "uf-text-primary uf-underline-offset-4 hover:uf-underline"
+      },
+      size: {
+        default: "uf-h-10 uf-px-4 uf-py-2",
+        sm: "uf-h-9 uf-rounded-md uf-px-3",
+        lg: "uf-h-11 uf-rounded-md uf-px-8",
+        icon: "uf-h-10 uf-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React5.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx22(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/index.ts
+import {
+  createDepositAddress as createDepositAddress4,
+  getWalletByChainType as getWalletByChainType3,
+  queryExecutions as queryExecutions3,
+  getSupportedDepositTokens as getSupportedDepositTokens3,
+  getMeldQuotes as getMeldQuotes2,
+  createMeldSession as createMeldSession2,
+  getFiatCurrencies as getFiatCurrencies2,
+  getTokenChains as getTokenChains2,
+  getChainName as getChainName2,
+  getIconUrl as getIconUrl4,
+  getIconUrlWithCdn as getIconUrlWithCdn2,
+  getPreferredIconUrl as getPreferredIconUrl3,
+  getProjectConfig as getProjectConfig2,
+  setApiConfig,
+  getApiBaseUrl,
+  ExecutionStatus as ExecutionStatus5,
+  SOLANA_USDC_ADDRESS
+} from "@unifold/core";
+import { useUserIp as useUserIp2 } from "@unifold/core";
+import { i18n as i18n2 } from "@unifold/core";
 export {
   Button,
   BuyWithCard,
   CurrencyListItem,
   CurrencyListSection,
   CurrencyModal,
-  DepositDetailModal,
+  DepositDetailContent,
   DepositExecutionItem,
   DepositHeader,
   DepositModal,
@@ -3090,7 +3001,7 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-  ExecutionStatus,
+  ExecutionStatus5 as ExecutionStatus,
   SOLANA_USDC_ADDRESS,
   Select,
   SelectContent,
@@ -3114,18 +3025,22 @@ export {
   TransferCryptoButton,
   buttonVariants,
   cn,
-  createEOA,
-  createMeldSession,
+  createDepositAddress4 as createDepositAddress,
+  createMeldSession2 as createMeldSession,
   getApiBaseUrl,
-  getFiatCurrencies,
-  getIconUrl,
-  getIconUrlWithCdn,
-  getMeldQuotes,
-  getSupportedDepositTokens,
-  getWalletByChainType,
-  i18n,
-  queryExecutions,
+  getChainName2 as getChainName,
+  getFiatCurrencies2 as getFiatCurrencies,
+  getIconUrl4 as getIconUrl,
+  getIconUrlWithCdn2 as getIconUrlWithCdn,
+  getMeldQuotes2 as getMeldQuotes,
+  getPreferredIconUrl3 as getPreferredIconUrl,
+  getProjectConfig2 as getProjectConfig,
+  getSupportedDepositTokens3 as getSupportedDepositTokens,
+  getTokenChains2 as getTokenChains,
+  getWalletByChainType3 as getWalletByChainType,
+  i18n2 as i18n,
+  queryExecutions3 as queryExecutions,
   setApiConfig,
   useTheme,
-  useUserIp
+  useUserIp2 as useUserIp
 };