@unifold/connect-react 0.1.56 → 0.1.57

package/dist/index.mjs

@@ -1147,7 +1147,7 @@ ${new this._window.XMLSerializer().serializeToString(e3)}`;
 import React38, {
   useState as useState30,
   useCallback as useCallback13,
-  useMemo as useMemo15,
+  useMemo as useMemo16,
   useEffect as useEffect33
 } from "react";
 
@@ -1230,7 +1230,7 @@ import {
   useLayoutEffect as useLayoutEffect22,
   useCallback as useCallback62,
   useRef as useRef82,
-  useMemo as useMemo92
+  useMemo as useMemo10
 } from "react";
 
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
@@ -6746,6 +6746,20 @@ async function refreshIntegrationToken(accessToken, publishableKey) {
   }
   return response.json();
 }
+async function revokeIntegrationToken(accessToken, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  await fetch(`${API_BASE_URL}/v1/public/integrations/token/revoke`, {
+    method: "POST",
+    headers: {
+      accept: "application/json",
+      "x-publishable-key": pk,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ access_token: accessToken })
+  }).catch(() => {
+  });
+}
 async function getIntegrationHoldings(provider, accessToken, publishableKey) {
   const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
   validatePublishableKey(pk);
@@ -7373,21 +7387,22 @@ import * as React232 from "react";
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 import { jsx as jsx36, jsxs as jsxs322 } from "react/jsx-runtime";
-import { useState as useState202, useEffect as useEffect162, useCallback as useCallback22, useRef as useRef52 } from "react";
+import { useState as useState202, useEffect as useEffect162, useCallback as useCallback22, useMemo as useMemo32, useRef as useRef52 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
-import { Fragment as Fragment42, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { Fragment as Fragment42, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { useQuery as useQuery9 } from "@tanstack/react-query";
-import { useState as useState26, useEffect as useEffect212, useMemo as useMemo52 } from "react";
+import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useState as useState26, useEffect as useEffect212, useMemo as useMemo62 } from "react";
 import { useEffect as useEffect182, useState as useState212 } from "react";
 import * as React262 from "react";
 import { jsx as jsx38 } from "react/jsx-runtime";
 import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
 import { Fragment as Fragment52, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
-import { useState as useState222, useMemo as useMemo42, useEffect as useEffect192 } from "react";
+import { useState as useState222, useMemo as useMemo52, useEffect as useEffect192 } from "react";
 import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
 import { useState as useState232, useEffect as useEffect202, useRef as useRef62 } from "react";
 import { jsx as jsx422, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -10131,10 +10146,10 @@ var Content22 = TooltipContent;
 
 // ../ui-react/dist/index.mjs
 import { jsx as jsx44 } from "react/jsx-runtime";
-import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
 import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
 import { Fragment as Fragment72, jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
-import { useState as useState272, useEffect as useEffect222, useMemo as useMemo62 } from "react";
+import { useState as useState272, useEffect as useEffect222, useMemo as useMemo72 } from "react";
 import * as React282 from "react";
 
 // ../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.9__@types+react@19.2.9_5n4syhs66qrtkkphe44qzgdimq/node_modules/@radix-ui/react-select/dist/index.mjs
@@ -11373,7 +11388,7 @@ var Separator = SelectSeparator;
 import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
 import { jsx as jsx48, jsxs as jsxs422 } from "react/jsx-runtime";
 import * as React292 from "react";
-import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { jsx as jsx49 } from "react/jsx-runtime";
 import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
 import { Fragment as Fragment82, jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
@@ -11390,9 +11405,9 @@ import {
   useLayoutEffect as useLayoutEffect32,
   useCallback as useCallback72,
   useRef as useRef92,
-  useMemo as useMemo102
+  useMemo as useMemo112
 } from "react";
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 import { Fragment as Fragment13, jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
 import {
   useState as useState36,
@@ -11401,22 +11416,22 @@ import {
   useCallback as useCallback92,
   useRef as useRef112
 } from "react";
-import { useQuery as useQuery13 } from "@tanstack/react-query";
 import { useQuery as useQuery14 } from "@tanstack/react-query";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { useState as useState33, useEffect as useEffect282, useRef as useRef102 } from "react";
 import { jsx as jsx58, jsxs as jsxs51 } from "react/jsx-runtime";
-import { useState as useState34, useCallback as useCallback82, useMemo as useMemo122, useEffect as useEffect292 } from "react";
-import { useQuery as useQuery17 } from "@tanstack/react-query";
-import { useMemo as useMemo112 } from "react";
+import { useState as useState34, useCallback as useCallback82, useMemo as useMemo132, useEffect as useEffect292 } from "react";
 import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useMemo as useMemo122 } from "react";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { Fragment as Fragment14, jsx as jsx59, jsxs as jsxs52 } from "react/jsx-runtime";
 import { jsx as jsx60, jsxs as jsxs53 } from "react/jsx-runtime";
 import { useState as useState35, useEffect as useEffect302 } from "react";
 import { Fragment as Fragment15, jsx as jsx61, jsxs as jsxs54 } from "react/jsx-runtime";
 import { Fragment as Fragment16, jsx as jsx622, jsxs as jsxs55 } from "react/jsx-runtime";
-import { useState as useState37, useMemo as useMemo132 } from "react";
+import { useState as useState37, useMemo as useMemo142 } from "react";
 import { jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -12759,7 +12774,8 @@ var en_default2 = {
       title: "Transfer Failed",
       tryAgain: "Try Again"
     },
-    continue: "Continue"
+    continue: "Continue",
+    disconnect: "Disconnect"
   },
   buyWithCard: {
     onramp: {
@@ -16006,6 +16022,7 @@ function PayWithExchangeButton({
 }
 function ConnectExchangeButton({
   onClick,
+  onDisconnect,
   title,
   subtitle,
   exchanges,
@@ -16018,6 +16035,109 @@ function ConnectExchangeButton({
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   const isConnected = connectedExchange != null;
+  const handleDisconnectClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    onDisconnect?.();
+  };
+  const rowSurfaceStyle = {
+    backgroundColor: isHovered ? colors2.cardHover : components.card.backgroundColor,
+    borderRadius: components.card.borderRadius,
+    border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+  };
+  const iconBlock = isConnected ? connectedExchange.iconUrl ? /* @__PURE__ */ jsx19(
+    "img",
+    {
+      src: connectedExchange.iconUrl,
+      alt: connectedExchange.name,
+      width: 36,
+      height: 36,
+      className: "uf-rounded-lg"
+    }
+  ) : /* @__PURE__ */ jsx19(
+    "div",
+    {
+      className: "uf-w-9 uf-h-9 uf-rounded-lg uf-flex uf-items-center uf-justify-center",
+      style: { backgroundColor: colors2.card },
+      children: /* @__PURE__ */ jsx19(
+        "span",
+        {
+          className: "uf-text-xs uf-font-medium",
+          style: { color: components.card.iconColor },
+          children: connectedExchange.name.slice(0, 2).toUpperCase()
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx19("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx19(
+    Link2,
+    {
+      className: "uf-w-5 uf-h-5",
+      style: { color: components.card.iconColor }
+    }
+  ) });
+  const titleSubtitleBlock = /* @__PURE__ */ jsxs16("div", { className: "uf-text-left", children: [
+    /* @__PURE__ */ jsx19(
+      "div",
+      {
+        className: "uf-text-sm uf-font-light uf-mb-0.5",
+        style: {
+          color: components.card.titleColor,
+          fontFamily: fonts.regular
+        },
+        children: isConnected ? connectedExchange.name : title
+      }
+    ),
+    isConnected && connectedExchange.isLoading ? /* @__PURE__ */ jsx19("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ jsx19(
+      "div",
+      {
+        className: "uf-text-xs uf-font-light",
+        style: {
+          color: components.card.subtitleColor,
+          fontFamily: fonts.regular
+        },
+        children: isConnected ? connectedExchange.balanceUsd ? `$${connectedExchange.balanceUsd} \u2022 2 min` : "Deposit from exchange" : subtitle
+      }
+    )
+  ] });
+  if (isConnected && onDisconnect) {
+    return /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        onMouseEnter: () => !isTouchDevice && setIsHovered(true),
+        onMouseLeave: () => setIsHovered(false),
+        onTouchStart: () => setIsHovered(false),
+        className: "uf-w-full uf-transition-colors uf-flex uf-items-stretch uf-group",
+        style: rowSurfaceStyle,
+        children: [
+          /* @__PURE__ */ jsxs16(
+            "button",
+            {
+              type: "button",
+              onClick,
+              className: "uf-min-w-0 uf-flex-1 uf-flex uf-items-center uf-gap-3 uf-p-3 uf-pr-1 uf-text-left uf-border-0 uf-bg-transparent hover:uf-bg-transparent",
+              children: [
+                iconBlock,
+                titleSubtitleBlock
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx19("div", { className: "uf-flex uf-items-center uf-gap-1 uf-shrink-0 uf-pr-2 uf-pl-0", children: /* @__PURE__ */ jsx19(
+            "button",
+            {
+              type: "button",
+              onClick: handleDisconnectClick,
+              className: "uf-h-auto uf-min-h-8 uf-py-1.5 uf-px-2 uf-text-xs uf-font-light uf-shrink-0 uf-border-0 uf-bg-transparent uf-cursor-pointer hover:uf-opacity-80 uf-transition-opacity",
+              style: {
+                color: colors2.error,
+                fontFamily: fonts.regular
+              },
+              children: i18n2.connectExchange.disconnect
+            }
+          ) })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs16(
     "button",
     {
@@ -16026,67 +16146,11 @@ function ConnectExchangeButton({
       onMouseLeave: () => setIsHovered(false),
       onTouchStart: () => setIsHovered(false),
       className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
-      style: {
-        backgroundColor: isHovered ? colors2.cardHover : components.card.backgroundColor,
-        borderRadius: components.card.borderRadius,
-        border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
-      },
+      style: rowSurfaceStyle,
       children: [
         /* @__PURE__ */ jsxs16("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          isConnected ? connectedExchange.iconUrl ? /* @__PURE__ */ jsx19(
-            "img",
-            {
-              src: connectedExchange.iconUrl,
-              alt: connectedExchange.name,
-              width: 36,
-              height: 36,
-              className: "uf-rounded-lg"
-            }
-          ) : /* @__PURE__ */ jsx19(
-            "div",
-            {
-              className: "uf-w-9 uf-h-9 uf-rounded-lg uf-flex uf-items-center uf-justify-center",
-              style: { backgroundColor: colors2.card },
-              children: /* @__PURE__ */ jsx19(
-                "span",
-                {
-                  className: "uf-text-xs uf-font-medium",
-                  style: { color: components.card.iconColor },
-                  children: connectedExchange.name.slice(0, 2).toUpperCase()
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx19("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx19(
-            Link2,
-            {
-              className: "uf-w-5 uf-h-5",
-              style: { color: components.card.iconColor }
-            }
-          ) }),
-          /* @__PURE__ */ jsxs16("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ jsx19(
-              "div",
-              {
-                className: "uf-text-sm uf-font-light uf-mb-0.5",
-                style: {
-                  color: components.card.titleColor,
-                  fontFamily: fonts.regular
-                },
-                children: isConnected ? connectedExchange.name : title
-              }
-            ),
-            isConnected && connectedExchange.isLoading ? /* @__PURE__ */ jsx19("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ jsx19(
-              "div",
-              {
-                className: "uf-text-xs uf-font-light",
-                style: {
-                  color: components.card.subtitleColor,
-                  fontFamily: fonts.regular
-                },
-                children: isConnected ? connectedExchange.balanceUsd ? `$${connectedExchange.balanceUsd} \u2022 2 min` : "Deposit from exchange" : subtitle
-              }
-            )
-          ] })
+          iconBlock,
+          titleSubtitleBlock
         ] }),
         /* @__PURE__ */ jsxs16("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: [
           !isConnected && exchanges && exchanges.length > 0 ? exchanges.slice(0, 4).map((ex, i) => {
@@ -18891,6 +18955,65 @@ function useProjectConfig({
   });
   return { projectConfig, isLoading };
 }
+function useSupportedDepositTokens(publishableKey, options) {
+  const hasDestination = options?.destination_token_address && options?.destination_chain_id && options?.destination_chain_type;
+  const filteredOptions = {
+    ...hasDestination ? {
+      destination_token_address: options.destination_token_address,
+      destination_chain_id: options.destination_chain_id,
+      destination_chain_type: options.destination_chain_type
+    } : {},
+    ...options?.product_type ? { product_type: options.product_type } : {}
+  };
+  const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
+  return useQuery5({
+    queryKey: [
+      "unifold",
+      "supportedDepositTokens",
+      publishableKey,
+      filteredOptions?.destination_token_address ?? null,
+      filteredOptions?.destination_chain_id ?? null,
+      filteredOptions?.destination_chain_type ?? null,
+      filteredOptions?.product_type ?? null
+    ],
+    queryFn: () => getSupportedDepositTokens(
+      publishableKey,
+      hasFilteredOptions ? filteredOptions : void 0
+    ),
+    staleTime: 1e3 * 60 * 5,
+    // 5 minutes — token list rarely changes
+    gcTime: 1e3 * 60 * 30,
+    // 30 minutes in cache
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+}
+function useIntegrationTransferDefaultToken({
+  params,
+  publishableKey,
+  enabled = true
+}) {
+  return useQuery6({
+    queryKey: [
+      "unifold",
+      "integrationTransferDefaultToken",
+      publishableKey,
+      params?.integration_provider ?? null,
+      params?.source_currency ?? null,
+      params?.destination_token_address ?? null,
+      params?.destination_chain_id ?? null,
+      params?.destination_chain_type ?? null,
+      params?.country_code ?? null,
+      params?.subdivision_code ?? null
+    ],
+    queryFn: () => getIntegrationTransferDefaultToken(params, publishableKey),
+    enabled: enabled && !!params,
+    staleTime: 1e3 * 60 * 5,
+    gcTime: 1e3 * 60 * 30,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+}
 var INTEGRATIONS_STORAGE_KEY = "unifold:integrations:connected";
 function getStoredIntegrations() {
   try {
@@ -18935,6 +19058,23 @@ function CoinbaseConnect({
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
   const { userIpInfo } = useUserIp2();
+  const { data: supportedTokensData, isLoading: supportedTokensLoading } = useSupportedDepositTokens(publishableKey, {
+    destination_token_address: destinationTokenAddress,
+    destination_chain_id: destinationChainId,
+    destination_chain_type: destinationChainType
+  });
+  const supportedSymbols = useMemo32(() => {
+    const set = /* @__PURE__ */ new Set();
+    supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
+    return set;
+  }, [supportedTokensData]);
+  const stablecoinSymbols = useMemo32(() => {
+    const set = /* @__PURE__ */ new Set();
+    supportedTokensData?.data.forEach((token) => {
+      if (token.is_stablecoin) set.add(token.symbol.toLowerCase());
+    });
+    return set;
+  }, [supportedTokensData]);
   const appName = projectConfig?.project_name ?? "Unifold";
   const t12 = i18n2.connectExchange;
   const initialView = skipToHoldings && getStoredIntegrationToken(IntegrationProvider.COINBASE) ? "holdings" : "select_exchange";
@@ -18957,7 +19097,43 @@ function CoinbaseConnect({
   const [confirmResult, setConfirmResult] = useState202(null);
   const [showTransferDetails, setShowTransferDetails] = useState202(false);
   const [transferDepositWalletId, setTransferDepositWalletId] = useState202(void 0);
-  const [minDepositUsd, setMinDepositUsd] = useState202(0);
+  const exchangeSupportedCurrencies = useMemo32(() => {
+    const set = /* @__PURE__ */ new Set();
+    selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
+    return set;
+  }, [selectedExchange]);
+  const defaultTokenParams = useMemo32(
+    () => selectedAsset ? {
+      integration_provider: IntegrationProvider.COINBASE,
+      source_currency: selectedAsset.currency.toLowerCase(),
+      destination_token_address: destinationTokenAddress,
+      destination_chain_id: destinationChainId,
+      destination_chain_type: destinationChainType,
+      country_code: userIpInfo?.alpha2,
+      subdivision_code: userIpInfo?.subdivisionCode ?? void 0
+    } : null,
+    [selectedAsset, destinationTokenAddress, destinationChainId, destinationChainType, userIpInfo?.alpha2, userIpInfo?.subdivisionCode]
+  );
+  const { data: defaultTokenData, isLoading: defaultTokenLoading } = useIntegrationTransferDefaultToken({
+    params: defaultTokenParams,
+    publishableKey
+  });
+  const sortedHoldings = useMemo32(() => {
+    const supported = [];
+    const unsupported = [];
+    holdings.forEach((account) => {
+      const currencyLower = account.currency.toLowerCase();
+      const isSupported = (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
+      if (isSupported) supported.push(account);
+      else unsupported.push(account);
+    });
+    return [...supported, ...unsupported];
+  }, [holdings, supportedSymbols, exchangeSupportedCurrencies]);
+  const selectedHoldingIsSupported = useMemo32(() => {
+    if (!selectedHolding) return false;
+    const currencyLower = selectedHolding.currency.toLowerCase();
+    return (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
+  }, [selectedHolding, supportedSymbols, exchangeSupportedCurrencies]);
   const exchangeName = selectedExchange?.service_provider_display_name || "Exchange";
   const {
     executions: depositExecutions,
@@ -19073,53 +19249,17 @@ function CoinbaseConnect({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  useEffect162(() => {
-    if (view !== "enter_amount" || !selectedAsset) return;
-    let cancelled = false;
-    const fetchMinDeposit = async () => {
-      try {
-        const [defaultToken, supportedTokens] = await Promise.all([
-          getIntegrationTransferDefaultToken(
-            {
-              integration_provider: IntegrationProvider.COINBASE,
-              source_currency: selectedAsset.currency.toLowerCase(),
-              destination_token_address: destinationTokenAddress,
-              destination_chain_id: destinationChainId,
-              destination_chain_type: destinationChainType,
-              country_code: userIpInfo?.alpha2,
-              subdivision_code: userIpInfo?.subdivisionCode ?? void 0
-            },
-            publishableKey
-          ),
-          getSupportedDepositTokens(publishableKey, {
-            destination_token_address: destinationTokenAddress,
-            destination_chain_id: destinationChainId,
-            destination_chain_type: destinationChainType
-          })
-        ]);
-        if (cancelled) return;
-        const supportedToken = supportedTokens.data.find(
-          (t13) => t13.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
-        );
-        if (supportedToken && supportedToken.chains.length > 0) {
-          const matchingChain = supportedToken.chains.find(
-            (c) => c.chain_name.toLowerCase() === defaultToken.source_network.toLowerCase()
-          );
-          setMinDepositUsd(
-            matchingChain?.minimum_deposit_amount_usd ?? Math.min(...supportedToken.chains.map((c) => c.minimum_deposit_amount_usd))
-          );
-        } else {
-          setMinDepositUsd(0);
-        }
-      } catch {
-        if (!cancelled) setMinDepositUsd(0);
-      }
-    };
-    fetchMinDeposit();
-    return () => {
-      cancelled = true;
-    };
-  }, [view, selectedAsset, publishableKey, destinationTokenAddress, destinationChainId, destinationChainType, userIpInfo?.alpha2, userIpInfo?.subdivisionCode]);
+  const minDepositUsd = useMemo32(() => {
+    if (!selectedAsset || !defaultTokenData) return 0;
+    const supportedToken = supportedTokensData?.data.find(
+      (t13) => t13.symbol.toLowerCase() === selectedAsset.currency.toLowerCase()
+    );
+    if (!supportedToken || supportedToken.chains.length === 0) return 0;
+    const matchingChain = supportedToken.chains.find(
+      (c) => c.chain_name.toLowerCase() === defaultTokenData.source_network.toLowerCase()
+    );
+    return matchingChain?.minimum_deposit_amount_usd ?? Math.min(...supportedToken.chains.map((c) => c.minimum_deposit_amount_usd));
+  }, [selectedAsset, supportedTokensData, defaultTokenData]);
   const handleSelectExchange = (exchange) => {
     if (!exchange.enabled) return;
     setSelectedExchange(exchange);
@@ -19164,7 +19304,6 @@ function CoinbaseConnect({
   const handleSelectAsset = (asset) => {
     setSelectedAsset(asset);
     setSendAmount("");
-    setMinDepositUsd(0);
     transitionTo("enter_amount");
   };
   const handleCreateTransfer = async () => {
@@ -19176,18 +19315,10 @@ function CoinbaseConnect({
     const cryptoAmount = (usdAmount / rate).toFixed(8);
     setIsLoading(true);
     try {
-      const { source_network, source_chain_type } = await getIntegrationTransferDefaultToken(
-        {
-          integration_provider: IntegrationProvider.COINBASE,
-          source_currency: selectedAsset.currency.toLowerCase(),
-          destination_token_address: destinationTokenAddress,
-          destination_chain_id: destinationChainId,
-          destination_chain_type: destinationChainType,
-          country_code: userIpInfo?.alpha2,
-          subdivision_code: userIpInfo?.subdivisionCode ?? void 0
-        },
-        publishableKey
-      );
+      if (!defaultTokenData) {
+        throw new Error("Transfer details not ready. Please try again.");
+      }
+      const { source_network, source_chain_type } = defaultTokenData;
       const matchingWallet = wallets.find((w) => w.chain_type === source_chain_type);
       const depositAddress = matchingWallet?.address ?? recipientAddress ?? "";
       if (!depositAddress) {
@@ -19339,13 +19470,12 @@ function CoinbaseConnect({
         break;
     }
   };
-  const STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USDT", "DAI", "BUSD", "TUSD", "USDP", "GUSD", "FRAX", "LUSD", "PYUSD", "EURC", "USDS"]);
   const formatCryptoAmount = (amount, currency) => {
     const num = parseFloat(amount);
     if (isNaN(num)) return `${amount} ${currency.toUpperCase()}`;
-    const isStable = STABLECOIN_SYMBOLS.has(currency.toUpperCase());
-    const maxDecimals = isStable ? 2 : 8;
-    return `${num.toLocaleString(void 0, { minimumFractionDigits: isStable ? 2 : 0, maximumFractionDigits: maxDecimals })} ${currency.toUpperCase()}`;
+    const isStable = stablecoinSymbols.has(currency.toLowerCase());
+    const maxDecimals = isStable ? 2 : 6;
+    return `${num.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: maxDecimals })} ${currency.toUpperCase()}`;
   };
   const viewTransitionStyle = {
     opacity: isTransitioning ? 0 : 1,
@@ -19947,7 +20077,7 @@ function CoinbaseConnect({
             className: "uf-w-6 uf-h-6 uf-animate-spin",
             style: { color: colors2.foregroundMuted }
           }
-        ) }) : holdings.length === 0 ? /* @__PURE__ */ jsx37("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx37(
+        ) }) : sortedHoldings.length === 0 ? /* @__PURE__ */ jsx37("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx37(
           "div",
           {
             className: "uf-text-sm",
@@ -19957,17 +20087,19 @@ function CoinbaseConnect({
             },
             children: "No holdings found"
           }
-        ) }) : holdings.map((account) => {
+        ) }) : sortedHoldings.map((account) => {
           const iconUrl = account.icon_urls?.find((u) => u.format === "svg")?.url || account.icon_urls?.find((u) => u.format === "png")?.url || account.icon_url;
-          const isSelected = selectedHolding?.id === account.id;
+          const currencyLower = account.currency.toLowerCase();
+          const isSupported = (supportedSymbols.size === 0 || supportedSymbols.has(currencyLower)) && (exchangeSupportedCurrencies.size === 0 || exchangeSupportedCurrencies.has(currencyLower));
+          const isSelected = isSupported && selectedHolding?.id === account.id;
           const usdValue = account.amount_usd ? parseFloat(account.amount_usd) : null;
-          const formattedUsd = usdValue != null && usdValue > 0 ? `$${usdValue.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : null;
+          const formattedUsd = usdValue != null && usdValue >= 0.01 ? `$${usdValue.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : usdValue != null && usdValue < 0.01 && usdValue > 0 ? "< $0.01" : "$0.00";
           return /* @__PURE__ */ jsxs33(
             "button",
             {
               onClick: () => setSelectedHolding(account),
-              disabled: isLoading,
-              className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between",
+              disabled: isLoading || !isSupported,
+              className: `uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between ${!isSupported ? "uf-cursor-not-allowed uf-opacity-50" : ""}`,
               style: {
                 backgroundColor: isSelected ? colors2.primary + "20" : components.card.backgroundColor,
                 borderRadius: components.list.rowBorderRadius,
@@ -20057,9 +20189,9 @@ function CoinbaseConnect({
           "button",
           {
             onClick: () => {
-              if (selectedHolding) handleSelectAsset(selectedHolding);
+              if (selectedHolding && selectedHoldingIsSupported) handleSelectAsset(selectedHolding);
             },
-            disabled: !selectedHolding || isLoading,
+            disabled: !selectedHolding || isLoading || supportedTokensLoading || exchangesLoading || !selectedHoldingIsSupported,
             className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
             style: {
               backgroundColor: colors2.primary,
@@ -20083,22 +20215,16 @@ function CoinbaseConnect({
     const isValidAmount = inputUsdNum > 0 && (maxUsdAmount == null || inputUsdNum <= maxUsdAmount) && inputUsdNum >= minDepositUsd;
     const displayValue = sendAmount || "0";
     const formattedBalance = formatCryptoAmount(selectedAsset.amount, selectedAsset.currency);
-    const balanceDisplay = maxUsdAmount != null && maxUsdAmount > 0 ? `$${maxUsdAmount.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formattedBalance})` : formattedBalance;
+    const balanceSubtitle = maxUsdAmount != null && maxUsdAmount > 0 ? `Balance: $${maxUsdAmount.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formattedBalance})` : `Balance: ${formattedBalance}`;
     return /* @__PURE__ */ jsxs33(Fragment42, { children: [
       /* @__PURE__ */ jsx37(
         DepositHeader,
         {
           title: "Enter Amount",
+          subtitle: balanceSubtitle,
           showBack: true,
           onBack: handleBack,
-          onClose,
-          showBalance: true,
-          balanceAddress: recipientAddress,
-          balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" ? destinationChainType : void 0,
-          balanceChainId: destinationChainId,
-          balanceTokenAddress: destinationTokenAddress,
-          projectName: projectConfig?.project_name,
-          publishableKey
+          onClose
         }
       ),
       /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-flex-col uf-pb-4", style: viewTransitionStyle, children: [
@@ -20220,7 +20346,7 @@ function CoinbaseConnect({
           "button",
           {
             onClick: handleCreateTransfer,
-            disabled: !isValidAmount || isLoading,
+            disabled: !isValidAmount || isLoading || defaultTokenLoading || !defaultTokenData,
             className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed uf-flex uf-items-center uf-justify-center uf-gap-2",
             style: {
               backgroundColor: colors2.primary,
@@ -20229,7 +20355,7 @@ function CoinbaseConnect({
               borderRadius: components.button.borderRadius,
               border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
             },
-            children: isLoading ? /* @__PURE__ */ jsx37(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }) : "Review"
+            children: isLoading || defaultTokenLoading ? /* @__PURE__ */ jsx37(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }) : "Review"
           }
         )
       ] })
@@ -20700,7 +20826,7 @@ function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = useQuery5({
+  const { data: exchanges = [], isLoading } = useQuery7({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => getExchanges(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -20719,7 +20845,7 @@ function useDefaultOnrampToken({
   subdivisionCode,
   enabled = true
 }) {
-  const { data: defaultToken, isLoading } = useQuery6({
+  const { data: defaultToken, isLoading } = useQuery8({
     queryKey: [
       "unifold",
       "defaultOnrampToken",
@@ -20752,7 +20878,7 @@ function useAllowedCountry(publishableKey) {
     data: ipData,
     isLoading: isIpLoading,
     error: ipError
-  } = useQuery7({
+  } = useQuery9({
     queryKey: ["unifold", "ipAddress"],
     queryFn: () => getIpAddress(),
     refetchOnMount: false,
@@ -20767,7 +20893,7 @@ function useAllowedCountry(publishableKey) {
     data: configData,
     isLoading: isConfigLoading,
     error: configError
-  } = useQuery7({
+  } = useQuery9({
     queryKey: ["unifold", "projectConfig", publishableKey],
     queryFn: () => getProjectConfig(publishableKey),
     refetchOnMount: false,
@@ -20818,7 +20944,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = useQuery8({
+  const { data, isLoading, error } = useQuery10({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -20862,39 +20988,6 @@ function useAddressValidation({
     error: error ?? null
   };
 }
-function useSupportedDepositTokens(publishableKey, options) {
-  const hasDestination = options?.destination_token_address && options?.destination_chain_id && options?.destination_chain_type;
-  const filteredOptions = {
-    ...hasDestination ? {
-      destination_token_address: options.destination_token_address,
-      destination_chain_id: options.destination_chain_id,
-      destination_chain_type: options.destination_chain_type
-    } : {},
-    ...options?.product_type ? { product_type: options.product_type } : {}
-  };
-  const hasFilteredOptions = Object.keys(filteredOptions).length > 0;
-  return useQuery9({
-    queryKey: [
-      "unifold",
-      "supportedDepositTokens",
-      publishableKey,
-      filteredOptions?.destination_token_address ?? null,
-      filteredOptions?.destination_chain_id ?? null,
-      filteredOptions?.destination_chain_type ?? null,
-      filteredOptions?.product_type ?? null
-    ],
-    queryFn: () => getSupportedDepositTokens(
-      publishableKey,
-      hasFilteredOptions ? filteredOptions : void 0
-    ),
-    staleTime: 1e3 * 60 * 5,
-    // 5 minutes — token list rarely changes
-    gcTime: 1e3 * 60 * 30,
-    // 30 minutes in cache
-    refetchOnMount: false,
-    refetchOnWindowFocus: false
-  });
-}
 function ThemeStyleInjector({
   children,
   className
@@ -21202,7 +21295,7 @@ function TokenSelectorSheet({
   useEffect192(() => {
     setRecentTokens(getRecentTokens());
   }, []);
-  const allOptions = useMemo42(() => {
+  const allOptions = useMemo52(() => {
     const options = [];
     tokens.forEach((token) => {
       token.chains.forEach((chain) => {
@@ -21211,7 +21304,7 @@ function TokenSelectorSheet({
     });
     return options;
   }, [tokens]);
-  const quickSelectOptions = useMemo42(() => {
+  const quickSelectOptions = useMemo52(() => {
     const result = [];
     const seen = /* @__PURE__ */ new Set();
     const addOption = (symbol, chainType, chainId, isRecent) => {
@@ -21243,7 +21336,7 @@ function TokenSelectorSheet({
     });
     setRecentTokens(updated);
   };
-  const filteredOptions = useMemo42(() => {
+  const filteredOptions = useMemo52(() => {
     if (!searchQuery.trim()) return allOptions;
     const query = searchQuery.toLowerCase();
     return allOptions.filter(
@@ -21954,7 +22047,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = useQuery10({
+  const { data, isLoading } = useQuery11({
     queryKey: [
       "unifold",
       "hypercoreActivation",
@@ -22083,7 +22176,7 @@ function TransferCryptoSingleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo52(() => {
+  const allAvailableChains = useMemo62(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t12) => {
       t12.chains.forEach((c) => {
@@ -22740,7 +22833,7 @@ function TransferCryptoDoubleInput({
   const wallets = externalWallets?.length ? externalWallets : depositAddressResponse?.data ?? [];
   const loading = externalWallets?.length ? false : walletsLoading;
   const error = walletsError?.message ?? null;
-  const allAvailableChains = useMemo62(() => {
+  const allAvailableChains = useMemo72(() => {
     const chainsMap = /* @__PURE__ */ new Map();
     supportedTokens.forEach((t12) => {
       t12.chains.forEach((c) => {
@@ -23171,7 +23264,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return useQuery11({
+  return useQuery12({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -23279,7 +23372,7 @@ function SelectTokenView({
         ),
         walletInfoProp ? /* @__PURE__ */ jsx50("div", { className: "uf-flex uf-w-full uf-justify-center uf-mb-6", children: /* @__PURE__ */ jsx50(WalletWithNetworkBadge, { walletInfo: walletInfoProp }) }) : null,
         /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
-          /* @__PURE__ */ jsx50("div", { className: "uf-h-[220px] uf-shrink-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx50("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx50("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx50("div", { className: "uf-h-[300px] uf-shrink-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx50("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx50("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx50(
             LoaderCircle,
             {
               className: "uf-w-6 uf-h-6 uf-animate-spin",
@@ -25659,7 +25752,7 @@ function DepositModal({
   depositTrackerSubTitle = t7.depositTracker.subtitle
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const effectiveInitialScreen = useMemo92(() => {
+  const effectiveInitialScreen = useMemo10(() => {
     const s = initialScreen ?? "main";
     if (s === "tracker" && hideDepositTracker) return "main";
     if (s === "cashapp" && !enableCashApp) return "main";
@@ -25718,11 +25811,12 @@ function DepositModal({
         return sum + (isNaN(usd) ? 0 : usd);
       }, 0);
       const balanceUsd = totalUsd > 0 ? totalUsd.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null;
-      setConnectedExchange((prev) => ({ ...prev, balanceUsd, isLoading: false }));
+      setConnectedExchange((prev) => prev ? { ...prev, balanceUsd, isLoading: false } : null);
     };
     getIntegrationHoldings(IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
       try {
         const refreshResult = await refreshIntegrationToken(stored.access_token, publishableKey);
+        if (!getStoredIntegrationToken(IntegrationProvider.COINBASE)) return;
         setStoredIntegrationToken({
           integration_provider: IntegrationProvider.COINBASE,
           access_token: refreshResult.access_token,
@@ -25731,6 +25825,7 @@ function DepositModal({
         const retryResult = await getIntegrationHoldings(IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
         processHoldings(retryResult);
       } catch {
+        if (!getStoredIntegrationToken(IntegrationProvider.COINBASE)) return;
         clearStoredIntegrationToken(IntegrationProvider.COINBASE);
         setConnectedExchange(null);
       }
@@ -25898,6 +25993,14 @@ function DepositModal({
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
   };
+  const handleExchangeDisconnect = () => {
+    const stored = getStoredIntegrationToken(IntegrationProvider.COINBASE);
+    if (stored) {
+      revokeIntegrationToken(stored.access_token, publishableKey);
+    }
+    clearStoredIntegrationToken(IntegrationProvider.COINBASE);
+    setConnectedExchange(null);
+  };
   const handleClose = () => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) {
@@ -26103,6 +26206,7 @@ function DepositModal({
                         setCoinbaseSkipToHoldings(true);
                         setView("coinbase_connect");
                       },
+                      onDisconnect: handleExchangeDisconnect,
                       title: i18n2.connectExchange.title,
                       subtitle: i18n2.connectExchange.subtitle,
                       exchanges: integrationExchanges,
@@ -26307,34 +26411,37 @@ function DepositModal({
                 ),
                 depositPoweredByFooter
               ] })
-            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ jsx56(
-              CoinbaseConnect,
-              {
-                publishableKey,
-                userId,
-                wallets,
-                recipientAddress,
-                destinationTokenAddress: destinationTokenAddress ?? "",
-                destinationChainId: destinationChainId ?? "",
-                destinationChainType: destinationChainType ?? "",
-                onTransferSuccess: (result) => {
-                  onDepositSuccess?.({
-                    message: "Transfer completed via Coinbase Connect",
-                    transaction: result
-                  });
-                },
-                onTransferError: (error) => {
-                  onDepositError?.({
-                    message: error.message,
-                    error
-                  });
-                },
-                onBack: handleBack,
-                onClose: handleClose,
-                skipToHoldings: coinbaseSkipToHoldings,
-                onExecutionsChange: setDepositExecutions
-              }
-            ) : view === "cashapp" ? /* @__PURE__ */ jsxs49(Fragment12, { children: [
+            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              /* @__PURE__ */ jsx56(
+                CoinbaseConnect,
+                {
+                  publishableKey,
+                  userId,
+                  wallets,
+                  recipientAddress,
+                  destinationTokenAddress: destinationTokenAddress ?? "",
+                  destinationChainId: destinationChainId ?? "",
+                  destinationChainType: destinationChainType ?? "",
+                  onTransferSuccess: (result) => {
+                    onDepositSuccess?.({
+                      message: "Transfer completed via Coinbase Connect",
+                      transaction: result
+                    });
+                  },
+                  onTransferError: (error) => {
+                    onDepositError?.({
+                      message: error.message,
+                      error
+                    });
+                  },
+                  onBack: handleBack,
+                  onClose: handleClose,
+                  skipToHoldings: coinbaseSkipToHoldings,
+                  onExecutionsChange: setDepositExecutions
+                }
+              ),
+              depositPoweredByFooter
+            ] }) : view === "cashapp" ? /* @__PURE__ */ jsxs49(Fragment12, { children: [
               /* @__PURE__ */ jsx56(
                 DepositHeader,
                 {
@@ -26427,7 +26534,7 @@ function usePaymentIntent(params) {
     enabled = true,
     pollingInterval = 3e3
   } = params;
-  return useQuery12({
+  return useQuery13({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -26539,14 +26646,14 @@ function CheckoutModal({
       });
     }
   }, [paymentIntent, onCheckoutSuccess, browserWalletModalOpen]);
-  const wallets = useMemo102(() => {
+  const wallets = useMemo112(() => {
     if (!paymentIntent) return [];
     return mapDepositAddressesToWallets(
       paymentIntent.deposit_addresses,
       paymentIntent
     );
   }, [paymentIntent]);
-  const formatCryptoAmount = useMemo102(() => {
+  const formatCryptoAmount = useMemo112(() => {
     if (!paymentIntent) return (_) => "";
     const decimals = paymentIntent.destination_token_decimals ?? 6;
     const symbol = paymentIntent.currency.toUpperCase();
@@ -26556,7 +26663,7 @@ function CheckoutModal({
       return `${formatted} ${symbol}`;
     };
   }, [paymentIntent]);
-  const remainingAmountUsd = useMemo102(() => {
+  const remainingAmountUsd = useMemo112(() => {
     if (!paymentIntent) return void 0;
     const total = parseFloat(paymentIntent.destination_amount_usd || paymentIntent.amount_usd);
     const received = parseFloat(paymentIntent.destination_amount_received_usd || paymentIntent.amount_received_usd);
@@ -26564,7 +26671,7 @@ function CheckoutModal({
     const remaining = total - received;
     return remaining > 0 ? remaining.toFixed(2) : "0.00";
   }, [paymentIntent]);
-  const remainingCrypto = useMemo102(() => {
+  const remainingCrypto = useMemo112(() => {
     if (!paymentIntent) return void 0;
     const total = BigInt(paymentIntent.destination_amount || paymentIntent.amount);
     const received = BigInt(paymentIntent.destination_amount_received || paymentIntent.amount_received);
@@ -26572,7 +26679,7 @@ function CheckoutModal({
     return remaining > 0n ? remaining.toString() : "0";
   }, [paymentIntent]);
   const [selectedSource, setSelectedSource] = useState32(null);
-  const remainingDestinationAmount = useMemo102(() => {
+  const remainingDestinationAmount = useMemo112(() => {
     if (!paymentIntent) return "0";
     const remaining = BigInt(paymentIntent.destination_amount) - BigInt(paymentIntent.destination_amount_received);
     return remaining > 0n ? remaining.toString() : "0";
@@ -26590,7 +26697,7 @@ function CheckoutModal({
     stablecoinParity: paymentIntent?.stablecoin_parity ?? false,
     enabled: open && view === "transfer" && !!paymentIntent && !!selectedSource && remainingDestinationAmount !== "0"
   });
-  const effectiveCheckoutQuote = useMemo102(() => {
+  const effectiveCheckoutQuote = useMemo112(() => {
     if (!sourceQuote || !selectedSource) return null;
     const baseQuote = {
       sourceAmount: sourceQuote.source_amount,
@@ -27076,7 +27183,7 @@ function CheckoutModal({
   ] }) });
 }
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return useQuery13({
+  return useQuery14({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -27111,7 +27218,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return useQuery14({
+  return useQuery15({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -27167,7 +27274,7 @@ function useAddressBalance(params) {
     enabled = true
   } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return useQuery15({
+  return useQuery16({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -27216,7 +27323,7 @@ function useAddressBalance(params) {
 }
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType.Deposit;
-  return useQuery16({
+  return useQuery17({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -27499,7 +27606,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return useQuery17({
+  return useQuery18({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -27541,7 +27648,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return useQuery18({
+  return useQuery19({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -27608,7 +27715,7 @@ function useHypercoreWithdrawActivation(params) {
     actionType: ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
-  const depositWalletAddress = useMemo112(() => {
+  const depositWalletAddress = useMemo122(() => {
     const wallets = depositWalletLookup.data?.data ?? [];
     return wallets.find((w) => w.chain_type === sourceChainType)?.address;
   }, [depositWalletLookup.data, sourceChainType]);
@@ -27731,7 +27838,7 @@ function WithdrawForm({
     enabled: debouncedAddress.length > 5 && !!selectedChain
   });
   const isDebouncing = trimmedAddress !== debouncedAddress;
-  const addressError = useMemo122(() => {
+  const addressError = useMemo132(() => {
     if (!trimmedAddress || trimmedAddress.length <= 5) return null;
     if (isDebouncing || isVerifyingAddress) return null;
     if (verifyError) return t9.invalidAddress;
@@ -27757,33 +27864,33 @@ function WithdrawForm({
     destinationTokenAddress: selectedChain?.token_address,
     enabled: isAddressValid
   });
-  const exchangeRate = useMemo122(() => {
+  const exchangeRate = useMemo132(() => {
     if (!balanceData?.exchangeRate) return 0;
     return parseFloat(balanceData.exchangeRate);
   }, [balanceData]);
-  const balanceCrypto = useMemo122(() => {
+  const balanceCrypto = useMemo132(() => {
     if (!balanceData?.balanceHuman) return 0;
     return parseFloat(balanceData.balanceHuman);
   }, [balanceData]);
-  const balanceUsdNum = useMemo122(() => {
+  const balanceUsdNum = useMemo132(() => {
     if (!balanceData?.balanceUsd) return 0;
     return parseFloat(balanceData.balanceUsd);
   }, [balanceData]);
   const tokenSymbol = sourceTokenSymbol || balanceData?.symbol || "TOKEN";
   const sourceDecimals = balanceData?.decimals ?? 6;
-  const cryptoAmountFromInput = useMemo122(() => {
+  const cryptoAmountFromInput = useMemo132(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "crypto") return val;
     return exchangeRate > 0 ? val / exchangeRate : 0;
   }, [amount, inputUnit, exchangeRate]);
-  const fiatAmountFromInput = useMemo122(() => {
+  const fiatAmountFromInput = useMemo132(() => {
     const val = parseFloat(amount);
     if (!val || val <= 0) return 0;
     if (inputUnit === "fiat") return val;
     return val * exchangeRate;
   }, [amount, inputUnit, exchangeRate]);
-  const convertedDisplay = useMemo122(() => {
+  const convertedDisplay = useMemo132(() => {
     if (!amount || parseFloat(amount) <= 0) return null;
     if (inputUnit === "crypto") {
       return `$${fiatAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
@@ -27792,7 +27899,7 @@ function WithdrawForm({
     const displayDecimals = isStablecoin ? 2 : 6;
     return `${cryptoDisplay.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: displayDecimals })} ${tokenSymbol}`;
   }, [amount, inputUnit, fiatAmountFromInput, cryptoAmountFromInput, balanceCrypto, balanceData, tokenSymbol, isMaxed, isStablecoin]);
-  const balanceDisplay = useMemo122(() => {
+  const balanceDisplay = useMemo132(() => {
     if (isLoadingBalance || !balanceData) return null;
     if (inputUnit === "crypto") {
       const displayDecimals = isStablecoin ? 2 : 6;
@@ -29002,7 +29109,7 @@ function UnifoldProvider2({
       withdrawPromiseRef.current = null;
     }
   }, []);
-  const contextValue = useMemo15(
+  const contextValue = useMemo16(
     () => ({
       beginDeposit,
       closeDeposit,