@unifold/connect-react 0.1.8 → 0.1.10

package/dist/index.js

@@ -1159,7 +1159,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/provider.tsx
-var import_react13 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // ../react-provider/dist/index.mjs
 var import_react = require("react");
@@ -1269,25 +1269,12 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/arrow-down-circle.js
-var ArrowDownCircle = createLucideIcon("ArrowDownCircle", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M12 8v8", key: "napkw2" }],
-  ["path", { d: "m8 12 4 4 4-4", key: "k98ssh" }]
-]);
-
 // ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/arrow-left.js
 var ArrowLeft = createLucideIcon("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check-circle.js
-var CheckCircle = createLucideIcon("CheckCircle", [
-  ["path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14", key: "g774vq" }],
-  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-]);
-
 // ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
@@ -1310,12 +1297,6 @@ var Clock = createLucideIcon("Clock", [
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/copy.js
-var Copy = createLucideIcon("Copy", [
-  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
-  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-]);
-
 // ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/credit-card.js
 var CreditCard = createLucideIcon("CreditCard", [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
@@ -5967,9 +5948,227 @@ var import_qr_code_styling = __toESM(require_qr_code_styling(), 1);
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var import_react10 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// ../core/dist/index.mjs
+var import_react_query2 = require("@tanstack/react-query");
+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 validatePublishableKey(key) {
+  if (!key || key.trim() === "") {
+    throw new Error(
+      "Unifold SDK: No publishable key configured. Please provide a valid publishable key via setApiConfig() or pass it directly to the API function."
+    );
+  }
+  if (key === "pk_test_123") {
+    console.warn(
+      'Unifold SDK: Using default test key "pk_test_123". This should only be used for local development. Please use a real publishable key in production.'
+    );
+  }
+}
+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 createDepositAddress(overrides, publishableKey) {
+  if (!overrides?.external_user_id) {
+    throw new Error("external_user_id is required");
+  }
+  const payload = {
+    external_user_id: overrides.external_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;
+  validatePublishableKey(pk);
+  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 || {});
+async function queryExecutions(externalUserId, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  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;
+  validatePublishableKey(pk);
+  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;
+  validatePublishableKey(pk);
+  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;
+  validatePublishableKey(pk);
+  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;
+  validatePublishableKey(pk);
+  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 getTokenChains() {
+  const response = await fetch(`${API_BASE_URL}/v1/public/tokens/chains`, {
+    method: "GET",
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch token chains: ${response.statusText}`);
+  }
+  return response.json();
+}
+function getChainName(chains, chainType, chainId) {
+  const byId = chains.find((c) => c.chain_id === chainId);
+  if (byId) return byId.chain_name;
+  const byType = chains.find((c) => c.chain_type === chainType);
+  if (byType) return byType.chain_name;
+  return chainType.charAt(0).toUpperCase() + chainType.slice(1);
+}
+async function getProjectConfig(publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  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();
+}
+
+// ../ui-react/dist/index.mjs
 var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react11 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react12 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var React38 = __toESM(require("react"), 1);
 
@@ -9465,202 +9664,55 @@ var Separator = SelectSeparator;
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var React42 = __toESM(require("react"), 1);
 
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@18.3.27_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@18.3.7_@types+react@18.3.27__@types+react@18.3_hd4qp76o7ebwsrfrhqb6isuuvy/node_modules/@radix-ui/react-tooltip/dist/index.mjs
 var React35 = __toESM(require("react"), 1);
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
-var use = React35[" use ".trim().toString()];
-function isPromiseLike(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot2(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone2(ownerName);
-  const Slot22 = React35.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    const childrenArray = React35.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable2);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React35.Children.count(newElement) > 1) return React35.Children.only(null);
-          return React35.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React35.isValidElement(newElement) ? React35.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot22.displayName = `${ownerName}.Slot`;
-  return Slot22;
-}
-var Slot3 = /* @__PURE__ */ createSlot2("Slot");
-// @__NO_SIDE_EFFECTS__
-function createSlotClone2(ownerName) {
-  const SlotClone = React35.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    if (React35.isValidElement(children)) {
-      const childrenRef = getElementRef3(children);
-      const props2 = mergeProps2(slotProps, children.props);
-      if (children.type !== React35.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React35.cloneElement(children, props2);
-    }
-    return React35.Children.count(children) > 1 ? React35.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER2 = /* @__PURE__ */ Symbol("radix.slottable");
-function isSlottable2(child) {
-  return React35.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER2;
-}
-function mergeProps2(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef3(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-
-// ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base, config) => (props) => {
-  var _config_compoundVariants;
-  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-  const { variants, defaultVariants } = config;
-  const getVariantClassNames = Object.keys(variants).map((variant) => {
-    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-    if (variantProp === null) return null;
-    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-    return variants[variant][variantKey];
-  });
-  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-    let [key, value] = param;
-    if (value === void 0) {
-      return acc;
-    }
-    acc[key] = value;
-    return acc;
-  }, {});
-  const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
-    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-    return Object.entries(compoundVariantOptions).every((param2) => {
-      let [key, value] = param2;
-      return Array.isArray(value) ? value.includes({
-        ...defaultVariants,
-        ...propsWithoutUndefined
-      }[key]) : {
-        ...defaultVariants,
-        ...propsWithoutUndefined
-      }[key] === value;
-    }) ? [
-      ...acc,
-      cvClass,
-      cvClassName
-    ] : acc;
-  }, []);
-  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-};
-
-// ../ui-react/dist/index.mjs
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var React52 = __toESM(require("react"), 1);
-
-// ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@18.3.7_@types+react@18.3.27__@types+react@18.3_hd4qp76o7ebwsrfrhqb6isuuvy/node_modules/@radix-ui/react-tooltip/dist/index.mjs
-var React36 = __toESM(require("react"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
-  createPopperScope
-]);
-var usePopperScope2 = createPopperScope();
-var PROVIDER_NAME = "TooltipProvider";
-var DEFAULT_DELAY_DURATION = 700;
-var TOOLTIP_OPEN = "tooltip.open";
-var [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME);
-var TooltipProvider = (props) => {
-  const {
-    __scopeTooltip,
-    delayDuration = DEFAULT_DELAY_DURATION,
-    skipDelayDuration = 300,
-    disableHoverableContent = false,
-    children
-  } = props;
-  const isOpenDelayedRef = React36.useRef(true);
-  const isPointerInTransitRef = React36.useRef(false);
-  const skipDelayTimerRef = React36.useRef(0);
-  React36.useEffect(() => {
-    const skipDelayTimer = skipDelayTimerRef.current;
-    return () => window.clearTimeout(skipDelayTimer);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    TooltipProviderContextProvider,
-    {
-      scope: __scopeTooltip,
-      isOpenDelayedRef,
-      delayDuration,
-      onOpen: React36.useCallback(() => {
-        window.clearTimeout(skipDelayTimerRef.current);
-        isOpenDelayedRef.current = false;
-      }, []),
-      onClose: React36.useCallback(() => {
-        window.clearTimeout(skipDelayTimerRef.current);
-        skipDelayTimerRef.current = window.setTimeout(
-          () => isOpenDelayedRef.current = true,
-          skipDelayDuration
-        );
-      }, [skipDelayDuration]),
-      isPointerInTransitRef,
-      onPointerInTransitChange: React36.useCallback((inTransit) => {
-        isPointerInTransitRef.current = inTransit;
-      }, []),
-      disableHoverableContent,
-      children
+var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
+  createPopperScope
+]);
+var usePopperScope2 = createPopperScope();
+var PROVIDER_NAME = "TooltipProvider";
+var DEFAULT_DELAY_DURATION = 700;
+var TOOLTIP_OPEN = "tooltip.open";
+var [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME);
+var TooltipProvider = (props) => {
+  const {
+    __scopeTooltip,
+    delayDuration = DEFAULT_DELAY_DURATION,
+    skipDelayDuration = 300,
+    disableHoverableContent = false,
+    children
+  } = props;
+  const isOpenDelayedRef = React35.useRef(true);
+  const isPointerInTransitRef = React35.useRef(false);
+  const skipDelayTimerRef = React35.useRef(0);
+  React35.useEffect(() => {
+    const skipDelayTimer = skipDelayTimerRef.current;
+    return () => window.clearTimeout(skipDelayTimer);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    TooltipProviderContextProvider,
+    {
+      scope: __scopeTooltip,
+      isOpenDelayedRef,
+      delayDuration,
+      onOpen: React35.useCallback(() => {
+        window.clearTimeout(skipDelayTimerRef.current);
+        isOpenDelayedRef.current = false;
+      }, []),
+      onClose: React35.useCallback(() => {
+        window.clearTimeout(skipDelayTimerRef.current);
+        skipDelayTimerRef.current = window.setTimeout(
+          () => isOpenDelayedRef.current = true,
+          skipDelayDuration
+        );
+      }, [skipDelayDuration]),
+      isPointerInTransitRef,
+      onPointerInTransitChange: React35.useCallback((inTransit) => {
+        isPointerInTransitRef.current = inTransit;
+      }, []),
+      disableHoverableContent,
+      children
     }
   );
 };
@@ -9679,12 +9731,12 @@ var Tooltip = (props) => {
   } = props;
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = usePopperScope2(__scopeTooltip);
-  const [trigger, setTrigger] = React36.useState(null);
+  const [trigger, setTrigger] = React35.useState(null);
   const contentId = useId();
-  const openTimerRef = React36.useRef(0);
+  const openTimerRef = React35.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
-  const wasOpenDelayedRef = React36.useRef(false);
+  const wasOpenDelayedRef = React35.useRef(false);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -9699,21 +9751,21 @@ var Tooltip = (props) => {
     },
     caller: TOOLTIP_NAME
   });
-  const stateAttribute = React36.useMemo(() => {
+  const stateAttribute = React35.useMemo(() => {
     return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
   }, [open]);
-  const handleOpen = React36.useCallback(() => {
+  const handleOpen = React35.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     wasOpenDelayedRef.current = false;
     setOpen(true);
   }, [setOpen]);
-  const handleClose = React36.useCallback(() => {
+  const handleClose = React35.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     setOpen(false);
   }, [setOpen]);
-  const handleDelayedOpen = React36.useCallback(() => {
+  const handleDelayedOpen = React35.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = window.setTimeout(() => {
       wasOpenDelayedRef.current = true;
@@ -9721,7 +9773,7 @@ var Tooltip = (props) => {
       openTimerRef.current = 0;
     }, delayDuration);
   }, [delayDuration, setOpen]);
-  React36.useEffect(() => {
+  React35.useEffect(() => {
     return () => {
       if (openTimerRef.current) {
         window.clearTimeout(openTimerRef.current);
@@ -9729,7 +9781,7 @@ var Tooltip = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     TooltipContextProvider,
     {
       scope: __scopeTooltip,
@@ -9738,11 +9790,11 @@ var Tooltip = (props) => {
       stateAttribute,
       trigger,
       onTriggerChange: setTrigger,
-      onTriggerEnter: React36.useCallback(() => {
+      onTriggerEnter: React35.useCallback(() => {
         if (providerContext.isOpenDelayedRef.current) handleDelayedOpen();
         else handleOpen();
       }, [providerContext.isOpenDelayedRef, handleDelayedOpen, handleOpen]),
-      onTriggerLeave: React36.useCallback(() => {
+      onTriggerLeave: React35.useCallback(() => {
         if (disableHoverableContent) {
           handleClose();
         } else {
@@ -9759,21 +9811,21 @@ var Tooltip = (props) => {
 };
 Tooltip.displayName = TOOLTIP_NAME;
 var TRIGGER_NAME3 = "TooltipTrigger";
-var TooltipTrigger = React36.forwardRef(
+var TooltipTrigger = React35.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTooltip, ...triggerProps } = props;
     const context = useTooltipContext(TRIGGER_NAME3, __scopeTooltip);
     const providerContext = useTooltipProviderContext(TRIGGER_NAME3, __scopeTooltip);
     const popperScope = usePopperScope2(__scopeTooltip);
-    const ref = React36.useRef(null);
+    const ref = React35.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
-    const isPointerDownRef = React36.useRef(false);
-    const hasPointerMoveOpenedRef = React36.useRef(false);
-    const handlePointerUp = React36.useCallback(() => isPointerDownRef.current = false, []);
-    React36.useEffect(() => {
+    const isPointerDownRef = React35.useRef(false);
+    const hasPointerMoveOpenedRef = React35.useRef(false);
+    const handlePointerUp = React35.useCallback(() => isPointerDownRef.current = false, []);
+    React35.useEffect(() => {
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
@@ -9815,32 +9867,32 @@ var [PortalProvider2, usePortalContext2] = createTooltipContext(PORTAL_NAME4, {
 var TooltipPortal = (props) => {
   const { __scopeTooltip, forceMount, children, container } = props;
   const context = useTooltipContext(PORTAL_NAME4, __scopeTooltip);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Portal, { asChild: true, container, children }) }) });
 };
 TooltipPortal.displayName = PORTAL_NAME4;
 var CONTENT_NAME4 = "TooltipContent";
-var TooltipContent = React36.forwardRef(
+var TooltipContent = React35.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext2(CONTENT_NAME4, props.__scopeTooltip);
     const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
     const context = useTooltipContext(CONTENT_NAME4, props.__scopeTooltip);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
-var TooltipContentHoverable = React36.forwardRef((props, forwardedRef) => {
+var TooltipContentHoverable = React35.forwardRef((props, forwardedRef) => {
   const context = useTooltipContext(CONTENT_NAME4, props.__scopeTooltip);
   const providerContext = useTooltipProviderContext(CONTENT_NAME4, props.__scopeTooltip);
-  const ref = React36.useRef(null);
+  const ref = React35.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [pointerGraceArea, setPointerGraceArea] = React36.useState(null);
+  const [pointerGraceArea, setPointerGraceArea] = React35.useState(null);
   const { trigger, onClose } = context;
   const content = ref.current;
   const { onPointerInTransitChange } = providerContext;
-  const handleRemoveGraceArea = React36.useCallback(() => {
+  const handleRemoveGraceArea = React35.useCallback(() => {
     setPointerGraceArea(null);
     onPointerInTransitChange(false);
   }, [onPointerInTransitChange]);
-  const handleCreateGraceArea = React36.useCallback(
+  const handleCreateGraceArea = React35.useCallback(
     (event, hoverTarget) => {
       const currentTarget = event.currentTarget;
       const exitPoint = { x: event.clientX, y: event.clientY };
@@ -9853,10 +9905,10 @@ var TooltipContentHoverable = React36.forwardRef((props, forwardedRef) => {
     },
     [onPointerInTransitChange]
   );
-  React36.useEffect(() => {
+  React35.useEffect(() => {
     return () => handleRemoveGraceArea();
   }, [handleRemoveGraceArea]);
-  React36.useEffect(() => {
+  React35.useEffect(() => {
     if (trigger && content) {
       const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
       const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
@@ -9868,7 +9920,7 @@ var TooltipContentHoverable = React36.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
-  React36.useEffect(() => {
+  React35.useEffect(() => {
     if (pointerGraceArea) {
       const handleTrackPointerGrace = (event) => {
         const target = event.target;
@@ -9886,11 +9938,11 @@ var TooltipContentHoverable = React36.forwardRef((props, forwardedRef) => {
       return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
     }
   }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
 var Slottable = createSlottable("TooltipContent");
-var TooltipContentImpl = React36.forwardRef(
+var TooltipContentImpl = React35.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeTooltip,
@@ -9903,11 +9955,11 @@ var TooltipContentImpl = React36.forwardRef(
     const context = useTooltipContext(CONTENT_NAME4, __scopeTooltip);
     const popperScope = usePopperScope2(__scopeTooltip);
     const { onClose } = context;
-    React36.useEffect(() => {
+    React35.useEffect(() => {
       document.addEventListener(TOOLTIP_OPEN, onClose);
       return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
     }, [onClose]);
-    React36.useEffect(() => {
+    React35.useEffect(() => {
       if (context.trigger) {
         const handleScroll2 = (event) => {
           const target = event.target;
@@ -9917,7 +9969,7 @@ var TooltipContentImpl = React36.forwardRef(
         return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
       }
     }, [context.trigger, onClose]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       DismissableLayer,
       {
         asChild: true,
@@ -9926,7 +9978,7 @@ var TooltipContentImpl = React36.forwardRef(
         onPointerDownOutside,
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: onClose,
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           Content2,
           {
             "data-state": context.stateAttribute,
@@ -9945,8 +9997,8 @@ var TooltipContentImpl = React36.forwardRef(
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Slottable, { children }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Slottable, { children }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -9956,7 +10008,7 @@ var TooltipContentImpl = React36.forwardRef(
 );
 TooltipContent.displayName = CONTENT_NAME4;
 var ARROW_NAME3 = "TooltipArrow";
-var TooltipArrow = React36.forwardRef(
+var TooltipArrow = React35.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTooltip, ...arrowProps } = props;
     const popperScope = usePopperScope2(__scopeTooltip);
@@ -9964,7 +10016,7 @@ var TooltipArrow = React36.forwardRef(
       ARROW_NAME3,
       __scopeTooltip
     );
-    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 TooltipArrow.displayName = ARROW_NAME3;
@@ -10090,93 +10142,240 @@ var Portal4 = TooltipPortal;
 var Content23 = TooltipContent;
 
 // ../ui-react/dist/index.mjs
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
-var import_react11 = require("react");
-var import_react12 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react_query3 = require("@tanstack/react-query");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var import_react_query2 = require("@tanstack/react-query");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
+var React52 = __toESM(require("react"), 1);
+
+// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@18.3.27_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
+var React36 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
+var use = React36[" use ".trim().toString()];
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && "then" in value;
 }
-var ThemeContext = React37.createContext({ themeClass: "" });
-function ThemeProvider({
-  children,
-  themeClass
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeContext.Provider, { value: { themeClass }, children });
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-function useTheme() {
-  return React37.useContext(ThemeContext);
+// @__NO_SIDE_EFFECTS__
+function createSlot2(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone2(ownerName);
+  const Slot22 = React36.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    const childrenArray = React36.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable2);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React36.Children.count(newElement) > 1) return React36.Children.only(null);
+          return React36.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React36.isValidElement(newElement) ? React36.cloneElement(newElement, void 0, newChildren) : null });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot22.displayName = `${ownerName}.Slot`;
+  return Slot22;
 }
-var Dialog2 = Root;
-var DialogPortal2 = Portal2;
-var DialogOverlay2 = React210.forwardRef(({ className, ...props }, ref) => {
-  const { themeClass } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    Overlay,
-    {
-      ref,
-      className: cn(
-        themeClass,
-        "uf-fixed uf-inset-0 uf-z-50 uf-bg-black/40 data-[state=open]:uf-animate-in data-[state=closed]:uf-animate-out data-[state=closed]:uf-fade-out-0 data-[state=open]:uf-fade-in-0",
-        className
-      ),
-      ...props
+var Slot3 = /* @__PURE__ */ createSlot2("Slot");
+// @__NO_SIDE_EFFECTS__
+function createSlotClone2(ownerName) {
+  const SlotClone = React36.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
     }
-  );
-});
-DialogOverlay2.displayName = Overlay.displayName;
-var DialogContent2 = React210.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPortal2, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogOverlay2, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    Content,
-    {
-      ref,
-      className: cn(
-        // Mobile: bottom-aligned, full-width
-        "uf-fixed uf-bottom-0 uf-left-0 uf-right-0 uf-z-50 uf-grid uf-w-full uf-max-w-full",
-        // Mobile: rounded top corners only
-        "uf-rounded-t-3xl",
-        // Desktop: centered modal (no default max-width, let parent specify)
-        "sm:uf-left-[50%] sm:uf-top-[50%] sm:uf-bottom-auto sm:uf-right-auto sm:uf-translate-x-[-50%] sm:uf-translate-y-[-50%]",
-        // Desktop: rounded all corners
-        "sm:uf-rounded-3xl",
-        // Common styles
-        "uf-gap-4 uf-border uf-bg-background uf-p-6 uf-shadow-lg uf-duration-200",
-        // Animations - mobile slides from bottom
-        "data-[state=open]:uf-animate-in data-[state=closed]:uf-animate-out",
-        "data-[state=closed]:uf-fade-out-0 data-[state=open]:uf-fade-in-0",
-        "data-[state=closed]:uf-slide-out-to-bottom data-[state=open]:uf-slide-in-from-bottom",
-        // Desktop animations - center zoom
-        "sm:data-[state=closed]:uf-zoom-out-95 sm:data-[state=open]:uf-zoom-in-95",
-        "sm:data-[state=closed]:uf-slide-out-to-left-1/2 sm:data-[state=closed]:uf-slide-out-to-top-[48%]",
-        "sm:data-[state=open]:uf-slide-in-from-left-1/2 sm:data-[state=open]:uf-slide-in-from-top-[48%]",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Close, { className: "uf-absolute uf-right-6 uf-top-6 uf-rounded-sm uf-opacity-70 uf-ring-offset-background uf-transition-opacity hover:uf-opacity-100 focus:uf-outline-none focus:uf-ring-2 focus:uf-ring-ring focus:uf-ring-offset-2 disabled:uf-pointer-events-none data-[state=open]:uf-bg-accent data-[state=open]:uf-text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, { className: "uf-h-6 uf-w-6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uf-sr-only", children: "Close" })
-        ] })
-      ]
+    if (React36.isValidElement(children)) {
+      const childrenRef = getElementRef3(children);
+      const props2 = mergeProps2(slotProps, children.props);
+      if (children.type !== React36.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React36.cloneElement(children, props2);
     }
-  )
-] }));
-DialogContent2.displayName = Content.displayName;
-var DialogHeader = ({
-  className,
+    return React36.Children.count(children) > 1 ? React36.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER2 = /* @__PURE__ */ Symbol("radix.slottable");
+function isSlottable2(child) {
+  return React36.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER2;
+}
+function mergeProps2(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef3(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+// ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
+var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var cx = clsx;
+var cva = (base, config) => (props) => {
+  var _config_compoundVariants;
+  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  const { variants, defaultVariants } = config;
+  const getVariantClassNames = Object.keys(variants).map((variant) => {
+    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+    if (variantProp === null) return null;
+    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+    return variants[variant][variantKey];
+  });
+  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+    let [key, value] = param;
+    if (value === void 0) {
+      return acc;
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+  const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+    return Object.entries(compoundVariantOptions).every((param2) => {
+      let [key, value] = param2;
+      return Array.isArray(value) ? value.includes({
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key]) : {
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key] === value;
+    }) ? [
+      ...acc,
+      cvClass,
+      cvClassName
+    ] : acc;
+  }, []);
+  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+};
+
+// ../ui-react/dist/index.mjs
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var ThemeContext = React37.createContext({ themeClass: "" });
+function ThemeProvider({
+  children,
+  themeClass
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeContext.Provider, { value: { themeClass }, children });
+}
+function useTheme() {
+  return React37.useContext(ThemeContext);
+}
+var Dialog2 = Root;
+var DialogPortal2 = Portal2;
+var DialogOverlay2 = React210.forwardRef(({ className, ...props }, ref) => {
+  const { themeClass } = useTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    Overlay,
+    {
+      ref,
+      className: cn(
+        themeClass,
+        "uf-fixed uf-inset-0 uf-z-50 uf-bg-black/40 data-[state=open]:uf-animate-in data-[state=closed]:uf-animate-out data-[state=closed]:uf-fade-out-0 data-[state=open]:uf-fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DialogOverlay2.displayName = Overlay.displayName;
+var DialogContent2 = React210.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPortal2, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogOverlay2, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    Content,
+    {
+      ref,
+      className: cn(
+        // Mobile: bottom-aligned, full-width
+        "uf-fixed uf-bottom-0 uf-left-0 uf-right-0 uf-z-50 uf-grid uf-w-full uf-max-w-full",
+        // Mobile: rounded top corners only
+        "uf-rounded-t-3xl",
+        // Desktop: centered modal (no default max-width, let parent specify)
+        "sm:uf-left-[50%] sm:uf-top-[50%] sm:uf-bottom-auto sm:uf-right-auto sm:uf-translate-x-[-50%] sm:uf-translate-y-[-50%]",
+        // Desktop: rounded all corners
+        "sm:uf-rounded-3xl",
+        // Common styles
+        "uf-gap-4 uf-border uf-bg-background uf-p-6 uf-shadow-lg uf-duration-200",
+        // Animations - mobile slides from bottom
+        "data-[state=open]:uf-animate-in data-[state=closed]:uf-animate-out",
+        "data-[state=closed]:uf-fade-out-0 data-[state=open]:uf-fade-in-0",
+        "data-[state=closed]:uf-slide-out-to-bottom data-[state=open]:uf-slide-in-from-bottom",
+        // Desktop animations - center zoom
+        "sm:data-[state=closed]:uf-zoom-out-95 sm:data-[state=open]:uf-zoom-in-95",
+        "sm:data-[state=closed]:uf-slide-out-to-left-1/2 sm:data-[state=closed]:uf-slide-out-to-top-[48%]",
+        "sm:data-[state=open]:uf-slide-in-from-left-1/2 sm:data-[state=open]:uf-slide-in-from-top-[48%]",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Close, { className: "uf-absolute uf-right-6 uf-top-6 uf-rounded-sm uf-opacity-70 uf-ring-offset-background uf-transition-opacity hover:uf-opacity-100 focus:uf-outline-none focus:uf-ring-2 focus:uf-ring-ring focus:uf-ring-offset-2 disabled:uf-pointer-events-none data-[state=open]:uf-bg-accent data-[state=open]:uf-text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(X, { className: "uf-h-6 uf-w-6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uf-sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent2.displayName = Content.displayName;
+var DialogHeader = ({
+  className,
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   "div",
@@ -10343,175 +10542,11 @@ function DepositHeader({
     ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "uf-w-5 uf-h-5 uf-invisible" })
   ] });
 }
-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 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);
-}
-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();
-}
 function DepositExecutionItem({
   execution,
   onClick
 }) {
-  const isPending = execution.status === "pending" || execution.status === "waiting" || execution.status === "delayed";
+  const isPending = execution.status === ExecutionStatus.PENDING || execution.status === ExecutionStatus.WAITING || execution.status === ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -10553,7 +10588,7 @@ function DepositExecutionItem({
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "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,
@@ -10578,7 +10613,7 @@ function DepositExecutionItem({
                 }
               )
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", className: "uf-block", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", className: "uf-block", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "path",
             {
               d: "M10 3L4.5 8.5L2 6",
@@ -10590,7 +10625,7 @@ function DepositExecutionItem({
           ) }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-leading-tight", children: isPending ? "Deposit received" : "Deposit completed" }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-leading-tight", children: isPending ? "Deposit processing" : "Deposit completed" }),
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "uf-text-muted-foreground uf-text-xs uf-leading-tight", children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString()) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-flex-shrink-0", children: formatUsdAmount(execution.source_amount_base_unit) }),
@@ -10599,27 +10634,16 @@ function DepositExecutionItem({
     }
   );
 }
-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" || execution.status === "waiting" || execution.status === "delayed";
+function DepositDetailContent({ execution }) {
+  const [chains, setChains] = (0, import_react11.useState)([]);
+  const [showNetworkDetails, setShowNetworkDetails] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
+    getTokenChains().then((response) => setChains(response.data)).catch((err) => console.error("Failed to fetch chains:", err));
+  }, []);
+  (0, import_react11.useEffect)(() => {
+    setShowNetworkDetails(false);
+  }, [execution?.id]);
+  const isPending = execution.status === ExecutionStatus.PENDING || execution.status === ExecutionStatus.WAITING || execution.status === ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -10674,161 +10698,153 @@ function DepositDetailModal({
     return "$0.00";
   };
   const getNetworkName = (chainType, chainId) => {
-    return CHAIN_NAMES[chainId] || CHAIN_NAMES[chainType] || chainType;
-  };
-  const getSourceTokenSymbol = () => {
-    return "USDC";
-  };
-  const getDestinationTokenSymbol = () => {
-    return "USDC";
+    return getChainName(chains, chainType, chainId);
   };
-  const handleClose = () => {
-    onOpenChange(false);
+  const formatTransactionHash = (hash) => {
+    if (!hash || hash.length < 12) return hash;
+    return `${hash.slice(0, 12)}...${hash.slice(-4)}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-    DialogContent2,
-    {
-      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__ */ (0, import_jsx_runtime23.jsx)(DepositHeader, { title: "Deposit Details", onClose: handleClose }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-px-4 uf-pb-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-py-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-relative uf-mb-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                "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__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-yellow-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 12 12",
-                  fill: "none",
-                  className: "uf-animate-spin uf-block",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                    "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__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-blue-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 12 12",
-                  fill: "none",
-                  className: "uf-block",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                    "path",
-                    {
-                      d: "M10 3L4.5 8.5L2 6",
-                      stroke: "white",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  )
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mb-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                "div",
-                {
-                  className: `uf-w-2 uf-h-2 uf-rounded-full ${isPending ? "uf-bg-yellow-500" : "uf-bg-green-500"}`
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: isPending ? "Pending" : "Completed" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString()) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Sent" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "uf-text-foreground uf-font-medium", children: [
-                formatAmount(execution.source_amount_base_unit),
-                " ",
-                getSourceTokenSymbol()
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Received" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "uf-text-foreground uf-font-medium", children: [
-                formatAmount(execution.destination_amount_base_unit),
-                " ",
-                getDestinationTokenSymbol()
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "USD Value" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(execution.source_amount_usd, execution.source_amount_base_unit) })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Source Network" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.source_chain_type, execution.source_chain_id) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Destination Network" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.destination_chain_type, execution.destination_chain_id) })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-space-y-2", children: [
-            execution.explorer_url && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-              "a",
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-px-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-py-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-relative uf-mb-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "img",
+          {
+            src: execution.destination_token_metadata?.icon_url || getIconUrl("/icons/tokens/svg/usdc.svg"),
+            alt: "Token",
+            width: 64,
+            height: 64,
+            className: "uf-rounded-full"
+          }
+        ),
+        isPending ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-yellow-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            className: "uf-animate-spin uf-block",
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrowDownCircle, { className: "uf-w-5 uf-h-5" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-font-medium", children: "View Deposit Transaction" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(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__ */ (0, import_jsx_runtime23.jsxs)(
-              "a",
+            )
+          }
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1 uf-bg-green-500 uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            className: "uf-block",
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckCircle, { className: "uf-w-5 uf-h-5" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-font-medium", children: "View Completion Transaction" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ExternalLink, { className: "uf-w-4 uf-h-4" })
-                ]
+                d: "M10 3L4.5 8.5L2 6",
+                stroke: "white",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
               }
             )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "uf-text-center uf-text-muted-foreground uf-text-xs uf-mt-4", children: "Links open in external browser" })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
+          {
+            className: `uf-w-2 uf-h-2 uf-rounded-full ${isPending ? "uf-bg-yellow-500" : "uf-bg-green-500"}`
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: isPending ? "Processing" : "Completed" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString()) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Sent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "uf-text-foreground uf-font-medium", children: [
+          formatAmount(execution.source_amount_base_unit),
+          " ",
+          execution.source_currency?.toUpperCase()
         ] })
-      ]
-    }
-  ) });
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Received" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "uf-text-foreground uf-font-medium", children: [
+          formatAmount(execution.destination_amount_base_unit),
+          " ",
+          execution.destination_currency?.toUpperCase()
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "USD Value" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(execution.source_amount_usd, execution.source_amount_base_unit) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Source Network" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.source_chain_type, execution.source_chain_id) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Destination Network" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.destination_chain_type, execution.destination_chain_id) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      "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__ */ (0, import_jsx_runtime23.jsx)("span", { children: showNetworkDetails ? "See less" : "See more details" }),
+          showNetworkDetails ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4" })
+        ]
+      }
+    ),
+    showNetworkDetails && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-overflow-hidden uf-mb-4", children: [
+      execution.transaction_hash && execution.explorer_url && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        "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__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "Deposit Tx" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(execution.transaction_hash) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(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__ */ (0, import_jsx_runtime23.jsxs)(
+        "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__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "Completion Tx" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(execution.destination_transaction_hashes[0]) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ExternalLink, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground uf-block" })
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 function DepositsModal({
   open,
   onOpenChange,
+  onCloseAll,
   executions: sessionExecutions,
   userId,
   publishableKey,
@@ -10836,7 +10852,6 @@ function DepositsModal({
 }) {
   const [allExecutions, setAllExecutions] = (0, import_react10.useState)(sessionExecutions);
   const [selectedExecution, setSelectedExecution] = (0, import_react10.useState)(null);
-  const [detailModalOpen, setDetailModalOpen] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     if (!open || !userId) return;
     const fetchExecutions = async () => {
@@ -10859,35 +10874,55 @@ function DepositsModal({
       clearInterval(pollInterval);
     };
   }, [open, userId, publishableKey, sessionExecutions]);
+  (0, import_react10.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogContent2, { 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__ */ (0, import_jsx_runtime24.jsx)(DepositHeader, { title: "Deposit Tracker", onClose: handleClose }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden uf-pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        DepositExecutionItem,
-        {
-          execution,
-          onClick: () => handleExecutionClick(execution)
-        },
-        execution.id
-      )) }) }) })
-    ] }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogContent2, { 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__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      DepositHeader,
+      {
+        title: "Deposit Details",
+        showBack: true,
+        onBack: () => setSelectedExecution(null),
+        onClose: handleClose
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DepositDetailContent, { execution: selectedExecution })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      DepositDetailModal,
+      DepositHeader,
       {
-        open: detailModalOpen,
-        onOpenChange: setDetailModalOpen,
-        execution: selectedExecution,
-        themeClass
+        title: "Deposit Tracker",
+        showBack: true,
+        onBack: handleBack,
+        onClose: handleClose
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-max-h-[400px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      DepositExecutionItem,
+      {
+        execution,
+        onClick: () => handleExecutionClick(execution)
+      },
+      execution.id
+    )) }) }) })
+  ] }) }) });
 }
 function DepositSuccessToast({
   depositTx,
@@ -10895,9 +10930,12 @@ function DepositSuccessToast({
   status,
   tokenIconUrl,
   sourceAmountBaseUnit = "0",
-  onClose
+  onClose,
+  execution
 }) {
-  const isPending = status === "pending" || status === "waiting" || status === "delayed";
+  const [detailModalOpen, setDetailModalOpen] = (0, import_react12.useState)(false);
+  const { themeClass } = useTheme();
+  const isPending = status === ExecutionStatus.PENDING || status === ExecutionStatus.WAITING || status === ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -10929,61 +10967,124 @@ function DepositSuccessToast({
       return "$0.00";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uf-w-full uf-animate-in uf-slide-in-from-bottom-2 uf-duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        "img",
-        {
-          src: tokenIconUrl || getIconUrl("/icons/tokens/usdc.svg"),
-          alt: "Token",
-          width: 36,
-          height: 36,
-          className: "uf-rounded-full"
-        }
-      ),
-      isPending ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    isPending && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("style", { children: `
+          @keyframes border-travel {
+            from { stroke-dashoffset: 0; }
+            to { stroke-dashoffset: -1000; }
+          }
+        ` }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uf-w-full uf-animate-in uf-slide-in-from-bottom-2 uf-duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "uf-relative uf-rounded-xl", children: [
+      isPending && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "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__ */ (0, import_jsx_runtime25.jsx)(
-            "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__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        "path",
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        "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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "img",
+                {
+                  src: tokenIconUrl || getIconUrl("/icons/tokens/svg/usdc.svg"),
+                  alt: "Token",
+                  width: 36,
+                  height: 36,
+                  className: "uf-rounded-full"
+                }
+              ),
+              isPending ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)(
+                "svg",
+                {
+                  width: "10",
+                  height: "10",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  className: "uf-animate-spin",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    "path",
+                    {
+                      d: "M21 12a9 9 0 1 1-6.22-8.56",
+                      stroke: "white",
+                      strokeWidth: "3",
+                      strokeLinecap: "round"
+                    }
+                  )
+                }
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "path",
+                {
+                  d: "M10 3L4.5 8.5L2 6",
+                  stroke: "white",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "uf-text-black dark:uf-text-white uf-font-medium uf-text-sm", children: isPending ? "Deposit processing" : "Deposit completed" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "uf-text-zinc-600 dark:uf-text-zinc-400 uf-text-xs", children: formatDateTime(orderSubmittedAt) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uf-text-black dark:uf-text-white uf-font-medium uf-text-sm uf-flex-shrink-0", children: formatUsdAmount(sourceAmountBaseUnit) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "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__ */ (0, import_jsx_runtime25.jsx)(X, { className: "uf-w-4 uf-h-4" })
+              }
+            )
+          ]
         }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm", children: isPending ? "Deposit received" : "Deposit completed" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "uf-text-muted-foreground uf-text-xs", children: formatDateTime(orderSubmittedAt) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-flex-shrink-0", children: formatUsdAmount(sourceAmountBaseUnit) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "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__ */ (0, import_jsx_runtime25.jsx)(X, { className: "uf-w-4 uf-h-4" })
-      }
-    )
-  ] }) });
+      )
+    ] }) }),
+    execution && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Dialog2, { open: detailModalOpen, onOpenChange: setDetailModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DialogContent2, { 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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-px-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uf-w-8" }),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "uf-text-lg uf-font-semibold uf-text-foreground", children: "Deposit Details" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "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__ */ (0, import_jsx_runtime25.jsx)(X, { className: "uf-w-5 uf-h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DepositDetailContent, { execution })
+    ] }) })
+  ] });
 }
 var Select2 = Root23;
 var SelectValue2 = Value;
@@ -11095,51 +11196,12 @@ var SelectSeparator2 = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SelectSeparator2.displayName = Separator.displayName;
-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 = React42.forwardRef(
-  ({ className, variant, size: size4, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot3 : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size: size4, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
 var TooltipProvider2 = Provider;
 var Tooltip2 = Root32;
 var TooltipTrigger2 = Trigger2;
-var TooltipContent2 = React52.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipContent2 = React42.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const { themeClass } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Content23,
     {
       ref,
@@ -11218,8 +11280,8 @@ var en_default = {
     }
   }
 };
-var i18n = en_default;
-var t = i18n.transferCrypto;
+var i18n2 = en_default;
+var t = i18n2.transferCrypto;
 var getChainKey = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
@@ -11234,7 +11296,6 @@ function TransferCryptoBase({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
-  copyButtonMode = "compact",
   layoutVariant = "horizontal",
   showDetailedDropdowns = false,
   onExecutionsChange,
@@ -11323,9 +11384,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,
@@ -11394,12 +11455,11 @@ function TransferCryptoBase({
             break;
           }
           const inProgressStatuses = [
-            "pending",
-            "waiting",
-            "delayed"
-            /* DELAYED */
+            ExecutionStatus.PENDING,
+            ExecutionStatus.WAITING,
+            ExecutionStatus.DELAYED
           ];
-          if (inProgressStatuses.includes(trackedStatus) && execution.status === "succeeded") {
+          if (inProgressStatuses.includes(trackedStatus) && execution.status === ExecutionStatus.SUCCEEDED) {
             executionToShow = execution;
             break;
           }
@@ -11422,7 +11482,7 @@ function TransferCryptoBase({
             return updated;
           });
           if (onDepositSuccess) {
-            const isCompleted = execution.status === "succeeded";
+            const isCompleted = execution.status === ExecutionStatus.SUCCEEDED;
             if (isCompleted) {
               onDepositSuccess({
                 message: "Deposit completed successfully",
@@ -11485,8 +11545,8 @@ function TransferCryptoBase({
   const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
   const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
   const renderTokenItem = (tokenData) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "img",
         {
           src: tokenData.icon_url,
@@ -11496,13 +11556,13 @@ function TransferCryptoBase({
           className: "uf-rounded-full uf-flex-shrink-0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol }),
-      showDetailedDropdowns && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: tokenData.name })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol }),
+      showDetailedDropdowns && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: tokenData.name })
     ] });
   };
   const renderChainItem = (chainData) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "img",
         {
           src: chainData.icon_url,
@@ -11512,24 +11572,24 @@ function TransferCryptoBase({
           className: "uf-rounded-full uf-flex-shrink-0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name }),
-      showDetailedDropdowns && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground uf-capitalize", children: chainData.chain_type })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name }),
+      showDetailedDropdowns && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime29.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: selectContainerClass, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-gap-1", children: t.supportedToken }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: selectContainerClass, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-gap-1", children: t.supportedToken }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           Select2,
           {
             value: token,
             onValueChange: setToken,
             disabled: tokensLoading || supportedTokens.length === 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectTrigger2, { 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__ */ (0, import_jsx_runtime29.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectTrigger2, { 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__ */ (0, import_jsx_runtime28.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 SelectItem2,
                 {
                   value: tokenData.symbol,
@@ -11542,51 +11602,51 @@ function TransferCryptoBase({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-gap-1", children: [
           t.supportedChain,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-[10px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-[10px]", children: [
             "$",
             minDepositUsd,
             " ",
             t.minDeposit.label
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip2, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip2, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "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__ */ (0, import_jsx_runtime29.jsx)(Info, { className: "uf-w-3 uf-h-3" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Info, { className: "uf-w-3 uf-h-3" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               TooltipContent2,
               {
                 side: "left",
                 align: "center",
                 className: "uf-max-w-[200px]",
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: t.minDeposit.tooltip })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: t.minDeposit.tooltip })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           Select2,
           {
             value: chain,
             onValueChange: setChain,
             disabled: tokensLoading || availableChainsForToken.length === 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectTrigger2, { 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__ */ (0, import_jsx_runtime29.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime28.jsx)(SelectTrigger2, { 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__ */ (0, import_jsx_runtime28.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime29.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   SelectItem2,
                   {
                     value: chainKey,
@@ -11601,14 +11661,14 @@ function TransferCryptoBase({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-flex uf-justify-center uf-py-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-bg-card uf-p-4 uf-rounded-2xl uf-shadow-lg uf-border uf-border-border", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-flex uf-justify-center uf-py-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-bg-card uf-p-4 uf-rounded-2xl uf-shadow-lg uf-border uf-border-border", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         className: "uf-flex uf-items-center uf-justify-center",
         style: { width: 180, height: 180 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-text-foreground uf-text-sm", children: t.loadingQRCode })
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-text-foreground uf-text-sm", children: t.loadingQRCode })
       }
-    ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       StyledQRCode,
       {
         value: depositAddress,
@@ -11618,93 +11678,75 @@ function TransferCryptoBase({
         darkMode: isDarkMode
       },
       `qr-${depositAddress}-${chain}`
-    ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         className: "uf-flex uf-items-center uf-justify-center",
         style: { width: 180, height: 180 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t.noAddressAvailable })
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t.noAddressAvailable })
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-text-xs uf-text-muted-foreground uf-mb-2 uf-flex uf-items-center uf-justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
           t.depositAddress.label,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip2, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip2, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "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__ */ (0, import_jsx_runtime29.jsx)(Info, { className: "uf-w-3 uf-h-3" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Info, { className: "uf-w-3 uf-h-3" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               TooltipContent2,
               {
                 side: "top",
                 align: "center",
                 className: "uf-max-w-[240px]",
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: t.depositAddress.tooltip.replace("{{token}}", token) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: t.depositAddress.tooltip.replace("{{token}}", token) })
               }
             )
           ] })
         ] }),
-        copyButtonMode === "compact" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "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__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Check, { className: "uf-w-3 uf-h-3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: t.copied })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Copy, { className: "uf-w-3 uf-h-3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: t.copyAddress })
-            ] })
-          }
-        )
-      ] }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)(
-      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__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Check, { className: "uf-w-4 uf-h-4 uf-mr-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("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__ */ (0, import_jsx_runtime28.jsx)(Check, { className: "uf-w-3 uf-h-3" }),
           t.copied
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Copy, { className: "uf-w-4 uf-h-4 uf-mr-2" }),
-          t.copyAddress
         ] })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-border-t uf-border-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      ] }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)(
+        "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__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-px-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           onClick: () => setDetailsExpanded(!detailsExpanded),
           className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DollarSign, { className: "uf-w-3 uf-h-3" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DollarSign, { className: "uf-w-3 uf-h-3" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-xs", children: [
                 t.priceImpact.label,
                 ":",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-foreground", children: [
                   priceImpact.toFixed(2),
                   "%"
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip2, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip2, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "span",
                   {
                     className: "uf-inline-flex uf-cursor-pointer uf-text-muted-foreground uf-transition-colors hover:uf-text-foreground",
@@ -11717,75 +11759,75 @@ function TransferCryptoBase({
                     tabIndex: 0,
                     role: "button",
                     "aria-label": "Price impact information",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Info, { className: "uf-w-3 uf-h-3" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Info, { className: "uf-w-3 uf-h-3" })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   TooltipContent2,
                   {
                     side: "top",
                     align: "center",
                     className: "uf-max-w-[240px]",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: t.priceImpact.tooltip })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: t.priceImpact.tooltip })
                   }
                 )
               ] })
             ] }),
-            detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" })
+            detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground" })
           ]
         }
       ),
-      detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-xs", children: [
+      detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-xs", children: [
             t.slippage.label,
             ":",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-foreground", children: [
               t.slippage.auto,
               " \u2022 ",
               maxSlippage.toFixed(2),
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip2, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip2, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "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__ */ (0, import_jsx_runtime29.jsx)(Info, { className: "uf-w-3 uf-h-3" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Info, { className: "uf-w-3 uf-h-3" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               TooltipContent2,
               {
                 side: "top",
                 align: "center",
                 className: "uf-max-w-[240px]",
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: t.slippage.tooltip })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: t.slippage.tooltip })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Clock, { className: "uf-w-3 uf-h-3" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Clock, { className: "uf-w-3 uf-h-3" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-xs", children: [
             t.processingTime.label,
             ":",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "uf-text-foreground", children: formatProcessingTime(processingTime) })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "uf-text-foreground", children: formatProcessingTime(processingTime) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uf-bg-secondary uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FileText, { className: "uf-w-3 uf-h-3" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "uf-text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uf-bg-card uf-rounded-full uf-p-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FileText, { className: "uf-w-3 uf-h-3" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "uf-text-xs", children: [
             t.help.needHelp,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "a",
               {
                 href: "#",
@@ -11795,34 +11837,34 @@ function TransferCryptoBase({
             )
           ] })
         ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "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__ */ (0, import_jsx_runtime29.jsxs)(
-          "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__ */ (0, import_jsx_runtime29.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
-              "Track deposits (",
-              depositExecutions.length,
-              ")",
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
-            ]
-          }
-        )
       ] })
     ] }),
-    depositExecutions.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "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__ */ (0, import_jsx_runtime28.jsxs)(
+        "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__ */ (0, import_jsx_runtime28.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
+            "Track deposits (",
+            depositExecutions.length,
+            ")",
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
+          ]
+        }
+      )
+    ] }),
+    depositExecutions.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)(
       DepositSuccessToast,
       {
         depositTx: depositExecutions[0].transaction_hash,
@@ -11830,13 +11872,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__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       DepositsModal,
       {
         open: depositsModalOpen,
@@ -11850,7 +11893,7 @@ function TransferCryptoBase({
   ] }) });
 }
 function TransferCrypto(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     TransferCryptoBase,
     {
       ...props,
@@ -11865,14 +11908,14 @@ function CurrencyListItem({
   onSelect
 }) {
   const iconUrl = getPreferredIconUrl(currency.icon_urls, "png") || currency.icon_url;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "button",
     {
       onClick: () => onSelect(currency.currency_code),
       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__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "img",
             {
               src: iconUrl,
@@ -11880,12 +11923,12 @@ function CurrencyListItem({
               className: "uf-w-10 uf-h-10 uf-flex-shrink-0"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "uf-text-sm uf-font-normal uf-text-foreground", children: currency.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-light", children: currency.currency_code.toUpperCase() })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uf-text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uf-text-sm uf-font-normal uf-text-foreground", children: currency.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-light", children: currency.currency_code.toUpperCase() })
           ] })
         ] }),
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Check, { className: "uf-w-4 uf-h-4 uf-text-foreground" })
+        isSelected && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, { className: "uf-w-4 uf-h-4 uf-text-foreground" })
       ]
     }
   );
@@ -11897,9 +11940,9 @@ function CurrencyListSection({
   onSelect
 }) {
   if (currencies.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uf-px-1 uf-pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: title }) }),
-    currencies.map((currency) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "uf-px-1 uf-pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h3", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: title }) }),
+    currencies.map((currency) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       CurrencyListItem,
       {
         currency,
@@ -11919,7 +11962,7 @@ function CurrencyModal({
   onSelectCurrency,
   themeClass = ""
 }) {
-  const [searchQuery, setSearchQuery] = (0, import_react12.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react14.useState)("");
   const preferredCurrencies = preferredCurrencyCodes.map(
     (code) => currencies.find(
       (currency) => currency.currency_code.toLowerCase() === code.toLowerCase()
@@ -11946,8 +11989,8 @@ function CurrencyModal({
     onOpenChange(false);
     setSearchQuery("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogContent2, { 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__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogContent2, { 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__ */ (0, import_jsx_runtime32.jsx)(
       DepositHeader,
       {
         title: "Currency",
@@ -11956,9 +11999,9 @@ function CurrencyModal({
         onClose: handleClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(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__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "uf-relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(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__ */ (0, import_jsx_runtime32.jsx)(
         "input",
         {
           type: "text",
@@ -11969,8 +12012,8 @@ function CurrencyModal({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "uf-space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         CurrencyListSection,
         {
           title: "Popular currencies",
@@ -11979,8 +12022,8 @@ function CurrencyModal({
           onSelect: handleSelect
         }
       ),
-      filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uf-h-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         CurrencyListSection,
         {
           title: "All currencies",
@@ -11989,7 +12032,7 @@ function CurrencyModal({
           onSelect: handleSelect
         }
       ),
-      filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
     ] }) })
   ] }) });
 }
@@ -12005,12 +12048,12 @@ async function getIpViaIpApi() {
     state: data.region_code?.toLowerCase()
   };
 }
-function useUserIp() {
+function useUserIp2() {
   const {
     data: userIpInfo,
     isLoading,
     error
-  } = (0, import_react_query2.useQuery)({
+  } = (0, import_react_query3.useQuery)({
     queryKey: ["getUserIpInfo"],
     queryFn: async () => {
       try {
@@ -12038,7 +12081,7 @@ function useUserIp() {
     error
   };
 }
-var t2 = i18n.buyWithCard;
+var t2 = i18n2.buyWithCard;
 var QUICK_AMOUNTS = [100, 500, 1e3];
 function getCurrencySymbol(currencyCode) {
   try {
@@ -12068,21 +12111,21 @@ function BuyWithCard({
   wallets: externalWallets,
   assetCdnUrl
 }) {
-  const [amount, setAmount] = (0, import_react11.useState)("500.00");
-  const [currency, setCurrency] = (0, import_react11.useState)("usd");
-  const [showCurrencyModal, setShowCurrencyModal] = (0, import_react11.useState)(false);
-  const [quotes, setQuotes] = (0, import_react11.useState)([]);
-  const [quotesLoading, setQuotesLoading] = (0, import_react11.useState)(false);
-  const [quotesError, setQuotesError] = (0, import_react11.useState)(null);
-  const [internalView, setInternalView] = (0, import_react11.useState)("amount");
-  const { userIpInfo, isLoading: isLoadingIp } = useUserIp();
-  const [onrampSession, setOnrampSession] = (0, import_react11.useState)(
+  const [amount, setAmount] = (0, import_react13.useState)("500.00");
+  const [currency, setCurrency] = (0, import_react13.useState)("usd");
+  const [showCurrencyModal, setShowCurrencyModal] = (0, import_react13.useState)(false);
+  const [quotes, setQuotes] = (0, import_react13.useState)([]);
+  const [quotesLoading, setQuotesLoading] = (0, import_react13.useState)(false);
+  const [quotesError, setQuotesError] = (0, import_react13.useState)(null);
+  const [internalView, setInternalView] = (0, import_react13.useState)("amount");
+  const { userIpInfo, isLoading: isLoadingIp } = useUserIp2();
+  const [onrampSession, setOnrampSession] = (0, import_react13.useState)(
     null
   );
   const currentView = externalView ?? internalView;
   const showQuotesView = currentView === "quotes";
   const showOnrampView = currentView === "onramp";
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (externalView) {
       setInternalView(externalView);
     }
@@ -12095,20 +12138,20 @@ function BuyWithCard({
       onViewChange?.(newView);
     }
   };
-  const [selectedProvider, setSelectedProvider] = (0, import_react11.useState)(
+  const [selectedProvider, setSelectedProvider] = (0, import_react13.useState)(
     null
   );
-  const [isAutoSelected, setIsAutoSelected] = (0, import_react11.useState)(true);
-  const [autoSelectedProvider, setAutoSelectedProvider] = (0, import_react11.useState)(null);
-  const [hasManualSelection, setHasManualSelection] = (0, import_react11.useState)(false);
-  const [internalWallets, setInternalWallets] = (0, import_react11.useState)([]);
-  const [walletsLoading, setWalletsLoading] = (0, import_react11.useState)(!externalWallets?.length);
+  const [isAutoSelected, setIsAutoSelected] = (0, import_react13.useState)(true);
+  const [autoSelectedProvider, setAutoSelectedProvider] = (0, import_react13.useState)(null);
+  const [hasManualSelection, setHasManualSelection] = (0, import_react13.useState)(false);
+  const [internalWallets, setInternalWallets] = (0, import_react13.useState)([]);
+  const [walletsLoading, setWalletsLoading] = (0, import_react13.useState)(!externalWallets?.length);
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
-  const [countdown, setCountdown] = (0, import_react11.useState)(60);
-  const [fiatCurrencies, setFiatCurrencies] = (0, import_react11.useState)([]);
-  const [preferredCurrencyCodes, setPreferredCurrencyCodes] = (0, import_react11.useState)([]);
-  const [currenciesLoading, setCurrenciesLoading] = (0, import_react11.useState)(true);
-  const [supportedTokens, setSupportedTokens] = (0, import_react11.useState)([]);
+  const [countdown, setCountdown] = (0, import_react13.useState)(60);
+  const [fiatCurrencies, setFiatCurrencies] = (0, import_react13.useState)([]);
+  const [preferredCurrencyCodes, setPreferredCurrencyCodes] = (0, import_react13.useState)([]);
+  const [currenciesLoading, setCurrenciesLoading] = (0, import_react13.useState)(true);
+  const [supportedTokens, setSupportedTokens] = (0, import_react13.useState)([]);
   const destinationWallet = getWalletByChainType(wallets, "ethereum");
   const walletDestinationChainId = destinationWallet?.destination_chain_id;
   const resolvedDestinationChainId = destinationChainId || walletDestinationChainId;
@@ -12117,7 +12160,7 @@ function BuyWithCard({
   const destinationChain = destinationToken?.chains.find(
     (c) => c.chain_id === resolvedDestinationChainId
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     async function fetchFiatCurrencies() {
       try {
         const response = await getFiatCurrencies(publishableKey);
@@ -12131,7 +12174,7 @@ function BuyWithCard({
     }
     fetchFiatCurrencies();
   }, [publishableKey]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (externalWallets?.length) {
       setWalletsLoading(false);
       return;
@@ -12142,9 +12185,9 @@ function BuyWithCard({
       if (isCancelled) return;
       setWalletsLoading(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,
@@ -12172,7 +12215,7 @@ function BuyWithCard({
       }
     };
   }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, externalWallets]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     async function fetchSupportedTokens() {
       try {
         const response = await getSupportedDepositTokens(publishableKey);
@@ -12183,7 +12226,7 @@ function BuyWithCard({
     }
     fetchSupportedTokens();
   }, [publishableKey]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const amountNum = parseFloat(amount);
     if (isNaN(amountNum) || amountNum <= 0) {
       setQuotes([]);
@@ -12263,7 +12306,7 @@ function BuyWithCard({
       setQuotesLoading(false);
     }
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (quotes.length === 0) return;
     const timer = setInterval(() => {
       setCountdown((prev) => {
@@ -12338,21 +12381,21 @@ function BuyWithCard({
     (a, b) => b.destination_amount - a.destination_amount
   );
   const currencySymbol = getCurrencySymbol(currency);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-pb-1 uf-relative uf-overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-pb-1 uf-relative uf-overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "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__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-mb-6 uf-pt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-mb-6 uf-pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-flex uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
               "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__ */ (0, import_jsx_runtime34.jsx)(
+                  selectedCurrencyData && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     "img",
                     {
                       src: getPreferredIconUrl(selectedCurrencyData.icon_urls, "png") || selectedCurrencyData.icon_url,
@@ -12360,14 +12403,14 @@ function BuyWithCard({
                       className: "uf-w-4 uf-h-4"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: currency.toUpperCase() }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronDown, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground" })
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: currency.toUpperCase() }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ChevronDown, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-center uf-mb-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-mb-2 uf-px-8", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-max-w-full", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-center uf-mb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-mb-2 uf-px-8", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-max-w-full", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "span",
                   {
                     className: "uf-font-normal uf-text-foreground uf-flex-shrink-0 uf-mr-1",
@@ -12377,7 +12420,7 @@ function BuyWithCard({
                     children: currencySymbol
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "input",
                   {
                     type: "text",
@@ -12393,12 +12436,12 @@ function BuyWithCard({
                   }
                 )
               ] }) }),
-              quotesLoading ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-40 uf-animate-pulse" }) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-sm uf-text-muted-foreground uf-font-normal", children: [
+              quotesLoading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-flex uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-40 uf-animate-pulse" }) }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-sm uf-text-muted-foreground uf-font-normal", children: [
                 calculateUSDC(),
                 " USDC (Perps)"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: QUICK_AMOUNTS.map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: QUICK_AMOUNTS.map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
               "button",
               {
                 onClick: () => handleQuickAmount(quickAmount),
@@ -12411,31 +12454,31 @@ function BuyWithCard({
               quickAmount
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-mb-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-font-medium uf-mb-2 uf-px-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-foreground", children: "Provider" }),
-              quotes.length > 0 && !quotesLoading && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "uf-text-[10px] uf-text-foreground uf-font-normal", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-mb-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-font-medium uf-mb-2 uf-px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-foreground", children: "Provider" }),
+              quotes.length > 0 && !quotesLoading && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "uf-text-[10px] uf-text-foreground uf-font-normal", children: [
                 "Refreshing in ",
                 countdown,
                 "s"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "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__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-left uf-w-full uf-animate-pulse", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-h-3 uf-bg-muted uf-rounded uf-w-28 uf-mb-3" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-w-8 uf-h-8 uf-bg-muted uf-rounded-full" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-32" })
+                children: quotesLoading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-left uf-w-full uf-animate-pulse", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-3 uf-bg-muted uf-rounded uf-w-28 uf-mb-3" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-w-8 uf-h-8 uf-bg-muted uf-rounded-full" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-4 uf-bg-muted uf-rounded uf-w-32" })
                   ] })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-w-full uf-text-left", children: [
-                  isAutoSelected && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-normal uf-mb-2", children: "Auto-picked for you" }),
-                  selectedProvider && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-w-full uf-text-left", children: [
+                  isAutoSelected && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-normal uf-mb-2", children: "Auto-picked for you" }),
+                  selectedProvider && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       "img",
                       {
                         src: selectedProvider.icon_url,
@@ -12445,22 +12488,22 @@ function BuyWithCard({
                         className: "uf-rounded-full uf-flex-shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: selectedProvider.service_provider_display_name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: [
-                        isAutoSelected && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-green-400 uf-font-normal", children: "Best price" }),
-                        isAutoSelected && selectedProvider.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
-                        selectedProvider.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-sm uf-text-foreground uf-font-medium", children: selectedProvider.service_provider_display_name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: [
+                        isAutoSelected && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-green-400 uf-font-normal", children: "Best price" }),
+                        isAutoSelected && selectedProvider.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
+                        selectedProvider.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
                       ] })
                     ] }),
-                    quotes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronRight, { 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__ */ (0, import_jsx_runtime33.jsx)(ChevronRight, { 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__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-xs uf-text-red-400 uf-mt-2 uf-px-1", children: quotesError })
+            quotesError && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-xs uf-text-red-400 uf-mt-2 uf-px-1", children: quotesError })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "button",
             {
               onClick: handleContinue,
@@ -12475,15 +12518,15 @@ function BuyWithCard({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "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__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-space-y-2 uf-pt-2", children: sortedQuotes.map((quote, index2) => {
+        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__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-space-y-2 uf-pt-2", children: sortedQuotes.map((quote, index2) => {
           const badges = getProviderBadges(quote, sortedQuotes);
           const displayName = quote.service_provider_display_name;
           const isSelected = selectedProvider?.service_provider === quote.service_provider;
-          return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
             "button",
             {
               onClick: () => {
@@ -12496,8 +12539,8 @@ 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__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-w-10 uf-h-10 uf-flex uf-items-center uf-justify-center uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-w-10 uf-h-10 uf-flex uf-items-center uf-justify-center uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     "img",
                     {
                       src: quote.icon_url,
@@ -12507,10 +12550,10 @@ function BuyWithCard({
                       className: "uf-rounded-full"
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-left", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: [
-                      badges.map((badge, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-left", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-0.5", children: [
+                      badges.map((badge, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                         "span",
                         {
                           className: "uf-text-[10px] uf-text-green-400 uf-font-normal",
@@ -12521,17 +12564,17 @@ function BuyWithCard({
                         },
                         i
                       )),
-                      quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
-                      quote.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
+                      quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground", children: "\u2022" }),
+                      quote.low_kyc === false && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-font-normal", children: "No document upload" })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-right", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-right", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-sm uf-font-medium uf-text-foreground", children: [
                     quote.destination_amount.toFixed(2),
                     " USDC"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-normal", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-text-xs uf-text-muted-foreground uf-font-normal", children: [
                     currencySymbol,
                     " ",
                     amount
@@ -12544,12 +12587,12 @@ function BuyWithCard({
         }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "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__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-6 uf-pb-4 uf-px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        children: onrampSession && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-6 uf-pb-4 uf-px-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "img",
             {
               src: onrampSession.provider.icon_url,
@@ -12559,62 +12602,62 @@ function BuyWithCard({
               className: "uf-rounded-2xl"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "uf-text-xl uf-font-medium uf-text-foreground uf-mb-2", children: t2.onramp.completeTransaction.replace(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-mb-8", children: t2.onramp.canCloseModal }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4 uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-mb-8", children: t2.onramp.canCloseModal }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4 uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "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__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youUse }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: onrampSession.sourceCurrency.toUpperCase() })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youUse }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: onrampSession.sourceCurrency.toUpperCase() })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "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__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "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__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youBuy }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: "USDC" })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youBuy }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: "USDC" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-text-muted-foreground uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "uf-relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "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__ */ (0, import_jsx_runtime34.jsx)(
+                destinationChain?.icon_url && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "img",
                   {
                     src: destinationChain.icon_url,
@@ -12623,15 +12666,15 @@ function BuyWithCard({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youReceive }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: displayTokenSymbol })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-[10px] uf-text-muted-foreground uf-text-center", children: t2.onramp.youReceive }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uf-text-sm uf-font-medium uf-text-foreground uf-text-center", children: displayTokenSymbol })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "uf-text-xs uf-text-muted-foreground uf-leading-relaxed", children: t2.onramp.intentAddressNote }) })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "uf-text-xs uf-text-muted-foreground uf-leading-relaxed", children: t2.onramp.intentAddressNote }) })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       CurrencyModal,
       {
         open: showCurrencyModal,
@@ -12654,23 +12697,23 @@ function TransferCryptoButton({
   featuredTokens
 }) {
   const sortedTokens = featuredTokens ? [...featuredTokens].sort((a, b) => a.position - b.position) : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "button",
     {
       onClick,
       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__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Zap, { className: "uf-w-5 uf-h-5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Zap, { className: "uf-w-5 uf-h-5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-flex uf--space-x-2", children: sortedTokens.map((token) => {
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime35.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "img",
               {
                 src: iconUrl,
@@ -12682,7 +12725,7 @@ function TransferCryptoButton({
               token.name
             );
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
         ] })
       ]
     }
@@ -12694,23 +12737,23 @@ function DepositWithCardButton({
   subtitle,
   paymentNetworks
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "button",
     {
       onClick,
       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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CreditCard, { className: "uf-w-5 uf-h-5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CreditCard, { className: "uf-w-5 uf-h-5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: paymentNetworks?.map((network) => {
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "img",
               {
                 src: iconUrl,
@@ -12722,7 +12765,7 @@ function DepositWithCardButton({
               network.name
             );
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
         ] })
       ]
     }
@@ -12734,43 +12777,43 @@ function DepositTrackerButton({
   subtitle,
   badge
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "button",
     {
       onClick,
       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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2 uf-relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Clock, { className: "uf-w-5 uf-h-5" }),
-            badge !== void 0 && badge > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "uf-bg-muted uf-rounded-lg uf-p-2 uf-relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Clock, { className: "uf-w-5 uf-h-5" }),
+            badge !== void 0 && badge > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "uf-text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-text-sm uf-font-light uf-mb-0.5 uf-text-foreground", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-text-muted-foreground uf-text-xs uf-font-light", children: subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
       ]
     }
   );
 }
 function SkeletonButton({ variant = "default" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uf-space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary" }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary" }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
     ] })
   ] });
 }
-var t3 = i18n.depositModal;
+var t3 = i18n2.depositModal;
 function DepositModal({
   open,
   onOpenChange,
@@ -12830,9 +12873,9 @@ function DepositModal({
       if (isCancelled) return;
       setWalletsLoading(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,
@@ -12884,27 +12927,27 @@ function DepositModal({
       setQuotesCount(count3);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ThemeProvider, { themeClass, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Dialog2, { open, onOpenChange: handleClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ThemeProvider, { themeClass, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Dialog2, { open, onOpenChange: handleClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       DialogContent2,
       {
         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__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             DepositHeader,
             {
               title: modalTitle || "Deposit",
               onClose: handleClose
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: !projectConfig ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonButton, { variant: "with-icons" }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonButton, { variant: "with-icons" }),
-            !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonButton, {})
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: !projectConfig ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonButton, { variant: "with-icons" }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonButton, { variant: "with-icons" }),
+            !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonButton, {})
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               TransferCryptoButton,
               {
                 onClick: () => setView("transfer"),
@@ -12913,7 +12956,7 @@ function DepositModal({
                 featuredTokens: projectConfig.transfer_crypto.networks
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               DepositWithCardButton,
               {
                 onClick: () => setView("card"),
@@ -12922,7 +12965,7 @@ function DepositModal({
                 paymentNetworks: projectConfig.payment_networks.networks
               }
             ),
-            !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               DepositTrackerButton,
               {
                 onClick: () => setDepositsModalOpen(true),
@@ -12932,8 +12975,8 @@ function DepositModal({
               }
             )
           ] }) })
-        ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             DepositHeader,
             {
               title: t3.transferCrypto.title,
@@ -12942,7 +12985,7 @@ function DepositModal({
               onClose: handleClose
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             TransferCrypto,
             {
               userId,
@@ -12957,18 +13000,18 @@ function DepositModal({
               wallets
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             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__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             BuyWithCard,
             {
               userId,
@@ -12990,11 +13033,12 @@ function DepositModal({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       DepositsModal,
       {
         open: depositsModalOpen,
         onOpenChange: setDepositsModalOpen,
+        onCloseAll: handleClose,
         executions: depositExecutions,
         userId,
         publishableKey,
@@ -13003,6 +13047,45 @@ function DepositModal({
     )
   ] }) });
 }
+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 = React52.forwardRef(
+  ({ className, variant, size: size4, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot3 : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size: size4, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
 
 // src/provider.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -13011,12 +13094,12 @@ function UnifoldProvider2({
   publishableKey,
   config
 }) {
-  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
-  const [depositConfig, setDepositConfig] = (0, import_react13.useState)(
+  const [isOpen, setIsOpen] = (0, import_react15.useState)(false);
+  const [depositConfig, setDepositConfig] = (0, import_react15.useState)(
     null
   );
-  const [resolvedTheme, setResolvedTheme] = import_react13.default.useState("dark");
-  import_react13.default.useEffect(() => {
+  const [resolvedTheme, setResolvedTheme] = import_react15.default.useState("dark");
+  import_react15.default.useEffect(() => {
     const appearance = config?.appearance || "dark";
     if (appearance === "auto") {
       const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -13031,9 +13114,9 @@ function UnifoldProvider2({
       setResolvedTheme(appearance);
     }
   }, [config?.appearance]);
-  const depositPromiseRef = import_react13.default.useRef(null);
-  const closeTimeoutRef = import_react13.default.useRef(null);
-  const beginDeposit = (0, import_react13.useCallback)((config2) => {
+  const depositPromiseRef = import_react15.default.useRef(null);
+  const closeTimeoutRef = import_react15.default.useRef(null);
+  const beginDeposit = (0, import_react15.useCallback)((config2) => {
     console.log("[UnifoldProvider] beginDeposit called with:", config2);
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -13054,7 +13137,7 @@ function UnifoldProvider2({
     setIsOpen(true);
     return promise;
   }, []);
-  const closeDeposit = (0, import_react13.useCallback)(() => {
+  const closeDeposit = (0, import_react15.useCallback)(() => {
     if (depositPromiseRef.current) {
       depositPromiseRef.current.reject({
         message: "Deposit cancelled by user",
@@ -13068,7 +13151,7 @@ function UnifoldProvider2({
       closeTimeoutRef.current = null;
     }, 200);
   }, []);
-  const handleDepositSuccess = (0, import_react13.useCallback)((data) => {
+  const handleDepositSuccess = (0, import_react15.useCallback)((data) => {
     console.log("[UnifoldProvider] Deposit success:", data);
     if (depositConfig?.onSuccess) {
       depositConfig.onSuccess(data);
@@ -13078,7 +13161,7 @@ function UnifoldProvider2({
       depositPromiseRef.current = null;
     }
   }, [depositConfig]);
-  const handleDepositError = (0, import_react13.useCallback)((error) => {
+  const handleDepositError = (0, import_react15.useCallback)((error) => {
     console.error("[UnifoldProvider] Deposit error:", error);
     if (depositConfig?.onError) {
       depositConfig.onError(error);
@@ -13088,7 +13171,7 @@ function UnifoldProvider2({
       depositPromiseRef.current = null;
     }
   }, [depositConfig]);
-  const contextValue = (0, import_react13.useMemo)(
+  const contextValue = (0, import_react15.useMemo)(
     () => ({
       beginDeposit,
       closeDeposit,
@@ -13104,7 +13187,7 @@ function UnifoldProvider2({
       {
         open: isOpen,
         onOpenChange: closeDeposit,
-        userId: depositConfig.userId,
+        userId: depositConfig.externalUserId,
         publishableKey,
         modalTitle: config?.modalTitle,
         destinationTokenSymbol: depositConfig.destinationTokenSymbol,
@@ -13120,10 +13203,10 @@ function UnifoldProvider2({
     )
   ] }) });
 }
-var ConnectContext = import_react13.default.createContext(null);
+var ConnectContext = import_react15.default.createContext(null);
 function useUnifold2() {
   const baseContext = useUnifold();
-  const connectContext = import_react13.default.useContext(ConnectContext);
+  const connectContext = import_react15.default.useContext(ConnectContext);
   if (typeof window === "undefined") {
     return {
       publishableKey: "",
@@ -13151,15 +13234,12 @@ function useUnifold2() {
 
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/arrow-down-circle.js:
 lucide-react/dist/esm/icons/arrow-left.js:
-lucide-react/dist/esm/icons/check-circle.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/chevron-up.js:
 lucide-react/dist/esm/icons/clock.js:
-lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/credit-card.js:
 lucide-react/dist/esm/icons/dollar-sign.js:
 lucide-react/dist/esm/icons/external-link.js: