@unifold/ui-react 0.1.56 → 0.1.57

package/dist/index.js

@@ -1525,7 +1525,8 @@ var en_default = {
       title: "Transfer Failed",
       tryAgain: "Try Again"
     },
-    continue: "Continue"
+    continue: "Continue",
+    disconnect: "Disconnect"
   },
   buyWithCard: {
     onramp: {
@@ -4856,6 +4857,7 @@ var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function ConnectExchangeButton({
   onClick,
+  onDisconnect,
   title,
   subtitle,
   exchanges,
@@ -4868,6 +4870,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__ */ (0, import_jsx_runtime19.jsx)(
+    "img",
+    {
+      src: connectedExchange.iconUrl,
+      alt: connectedExchange.name,
+      width: 36,
+      height: 36,
+      className: "uf-rounded-lg"
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "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__ */ (0, import_jsx_runtime19.jsx)(
+        "span",
+        {
+          className: "uf-text-xs uf-font-medium",
+          style: { color: components.card.iconColor },
+          children: connectedExchange.name.slice(0, 2).toUpperCase()
+        }
+      )
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_lucide_react14.Link2,
+    {
+      className: "uf-w-5 uf-h-5",
+      style: { color: components.card.iconColor }
+    }
+  ) });
+  const titleSubtitleBlock = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "uf-text-left", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "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__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "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__ */ (0, import_jsx_runtime19.jsxs)(
+      "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__ */ (0, import_jsx_runtime19.jsxs)(
+            "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__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1 uf-shrink-0 uf-pr-2 uf-pl-0", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "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: i18n.connectExchange.disconnect
+            }
+          ) })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "button",
     {
@@ -4876,67 +4981,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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          isConnected ? connectedExchange.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            "img",
-            {
-              src: connectedExchange.iconUrl,
-              alt: connectedExchange.name,
-              width: 36,
-              height: 36,
-              className: "uf-rounded-lg"
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            "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__ */ (0, import_jsx_runtime19.jsx)(
-                "span",
-                {
-                  className: "uf-text-xs uf-font-medium",
-                  style: { color: components.card.iconColor },
-                  children: connectedExchange.name.slice(0, 2).toUpperCase()
-                }
-              )
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_lucide_react14.Link2,
-            {
-              className: "uf-w-5 uf-h-5",
-              style: { color: components.card.iconColor }
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "uf-text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              "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__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded uf-animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              "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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: [
           !isConnected && exchanges && exchanges.length > 0 ? exchanges.slice(0, 4).map((ex, i) => {
@@ -7808,7 +7857,7 @@ function BrowserWalletButton({
 // src/components/deposits/CoinbaseConnect.tsx
 var import_react12 = require("react");
 var import_lucide_react18 = require("lucide-react");
-var import_core16 = require("@unifold/core");
+var import_core18 = require("@unifold/core");
 
 // src/hooks/use-project-config.ts
 var import_react_query4 = require("@tanstack/react-query");
@@ -7828,6 +7877,73 @@ function useProjectConfig({
   return { projectConfig, isLoading };
 }
 
+// src/hooks/use-supported-deposit-tokens.ts
+var import_react_query5 = require("@tanstack/react-query");
+var import_core16 = require("@unifold/core");
+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 (0, import_react_query5.useQuery)({
+    queryKey: [
+      "unifold",
+      "supportedDepositTokens",
+      publishableKey,
+      filteredOptions?.destination_token_address ?? null,
+      filteredOptions?.destination_chain_id ?? null,
+      filteredOptions?.destination_chain_type ?? null,
+      filteredOptions?.product_type ?? null
+    ],
+    queryFn: () => (0, import_core16.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
+  });
+}
+
+// src/hooks/use-integration-transfer-default-token.ts
+var import_react_query6 = require("@tanstack/react-query");
+var import_core17 = require("@unifold/core");
+function useIntegrationTransferDefaultToken({
+  params,
+  publishableKey,
+  enabled = true
+}) {
+  return (0, import_react_query6.useQuery)({
+    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: () => (0, import_core17.getIntegrationTransferDefaultToken)(params, publishableKey),
+    enabled: enabled && !!params,
+    staleTime: 1e3 * 60 * 5,
+    gcTime: 1e3 * 60 * 30,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+}
+
 // src/lib/integrations.ts
 var INTEGRATIONS_STORAGE_KEY = "unifold:integrations:connected";
 function getStoredIntegrations() {
@@ -7876,9 +7992,26 @@ function CoinbaseConnect({
   const { colors: colors2, fonts, components } = useTheme();
   const { projectConfig } = useProjectConfig({ publishableKey });
   const { userIpInfo } = useUserIp();
+  const { data: supportedTokensData, isLoading: supportedTokensLoading } = useSupportedDepositTokens(publishableKey, {
+    destination_token_address: destinationTokenAddress,
+    destination_chain_id: destinationChainId,
+    destination_chain_type: destinationChainType
+  });
+  const supportedSymbols = (0, import_react12.useMemo)(() => {
+    const set = /* @__PURE__ */ new Set();
+    supportedTokensData?.data.forEach((token) => set.add(token.symbol.toLowerCase()));
+    return set;
+  }, [supportedTokensData]);
+  const stablecoinSymbols = (0, import_react12.useMemo)(() => {
+    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 = i18n.connectExchange;
-  const initialView = skipToHoldings && getStoredIntegrationToken(import_core16.IntegrationProvider.COINBASE) ? "holdings" : "select_exchange";
+  const initialView = skipToHoldings && getStoredIntegrationToken(import_core18.IntegrationProvider.COINBASE) ? "holdings" : "select_exchange";
   const [view, setView] = (0, import_react12.useState)(initialView);
   const [prevView, setPrevView] = (0, import_react12.useState)(initialView);
   const [isTransitioning, setIsTransitioning] = (0, import_react12.useState)(false);
@@ -7898,7 +8031,43 @@ function CoinbaseConnect({
   const [confirmResult, setConfirmResult] = (0, import_react12.useState)(null);
   const [showTransferDetails, setShowTransferDetails] = (0, import_react12.useState)(false);
   const [transferDepositWalletId, setTransferDepositWalletId] = (0, import_react12.useState)(void 0);
-  const [minDepositUsd, setMinDepositUsd] = (0, import_react12.useState)(0);
+  const exchangeSupportedCurrencies = (0, import_react12.useMemo)(() => {
+    const set = /* @__PURE__ */ new Set();
+    selectedExchange?.supported_currencies.forEach((c) => set.add(c.toLowerCase()));
+    return set;
+  }, [selectedExchange]);
+  const defaultTokenParams = (0, import_react12.useMemo)(
+    () => selectedAsset ? {
+      integration_provider: import_core18.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 = (0, import_react12.useMemo)(() => {
+    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 = (0, import_react12.useMemo)(() => {
+    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,
@@ -7935,16 +8104,16 @@ function CoinbaseConnect({
   const tryRefreshToken = (0, import_react12.useCallback)(
     async (currentToken) => {
       try {
-        const result = await (0, import_core16.refreshIntegrationToken)(currentToken, publishableKey);
+        const result = await (0, import_core18.refreshIntegrationToken)(currentToken, publishableKey);
         setStoredIntegrationToken({
-          integration_provider: import_core16.IntegrationProvider.COINBASE,
+          integration_provider: import_core18.IntegrationProvider.COINBASE,
           access_token: result.access_token,
           expires_at: result.expires_at
         });
         setAccessToken(result.access_token);
         return result.access_token;
       } catch {
-        clearStoredIntegrationToken(import_core16.IntegrationProvider.COINBASE);
+        clearStoredIntegrationToken(import_core18.IntegrationProvider.COINBASE);
         setAccessToken(null);
         return null;
       }
@@ -7952,17 +8121,17 @@ function CoinbaseConnect({
     [publishableKey]
   );
   (0, import_react12.useEffect)(() => {
-    (0, import_core16.getIntegrationExchanges)(publishableKey).then((res) => {
+    (0, import_core18.getIntegrationExchanges)(publishableKey).then((res) => {
       setExchanges(res.data);
       if (!selectedExchange) {
         const coinbase = res.data.find(
-          (e) => e.service_provider === import_core16.IntegrationProvider.COINBASE
+          (e) => e.service_provider === import_core18.IntegrationProvider.COINBASE
         );
         if (coinbase) setSelectedExchange(coinbase);
       }
     }).catch(() => {
     }).finally(() => setExchangesLoading(false));
-    const stored = getStoredIntegrationToken(import_core16.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core18.IntegrationProvider.COINBASE);
     if (stored) {
       setAccessToken(stored.access_token);
       if (skipToHoldings) {
@@ -7974,7 +8143,7 @@ function CoinbaseConnect({
     async (token) => {
       setIsLoading(true);
       try {
-        const result = await (0, import_core16.getIntegrationHoldings)(import_core16.IntegrationProvider.COINBASE, token, publishableKey);
+        const result = await (0, import_core18.getIntegrationHoldings)(import_core18.IntegrationProvider.COINBASE, token, publishableKey);
         const sorted = result.data.filter((a) => parseFloat(a.amount) > 0).sort((a, b) => {
           const aUsd = a.amount_usd ? parseFloat(a.amount_usd) : 0;
           const bUsd = b.amount_usd ? parseFloat(b.amount_usd) : 0;
@@ -7987,7 +8156,7 @@ function CoinbaseConnect({
         const refreshed = await tryRefreshToken(token);
         if (refreshed) {
           try {
-            const retryResult = await (0, import_core16.getIntegrationHoldings)(import_core16.IntegrationProvider.COINBASE, refreshed, publishableKey);
+            const retryResult = await (0, import_core18.getIntegrationHoldings)(import_core18.IntegrationProvider.COINBASE, refreshed, publishableKey);
             const sorted = retryResult.data.filter((a) => parseFloat(a.amount) > 0).sort((a, b) => {
               const aUsd = a.amount_usd ? parseFloat(a.amount_usd) : 0;
               const bUsd = b.amount_usd ? parseFloat(b.amount_usd) : 0;
@@ -8000,7 +8169,7 @@ function CoinbaseConnect({
           } catch {
           }
         }
-        clearStoredIntegrationToken(import_core16.IntegrationProvider.COINBASE);
+        clearStoredIntegrationToken(import_core18.IntegrationProvider.COINBASE);
         setAccessToken(null);
         transitionTo("select_exchange");
       } finally {
@@ -8014,58 +8183,22 @@ function CoinbaseConnect({
       if (pollRef.current) clearInterval(pollRef.current);
     };
   }, []);
-  (0, import_react12.useEffect)(() => {
-    if (view !== "enter_amount" || !selectedAsset) return;
-    let cancelled = false;
-    const fetchMinDeposit = async () => {
-      try {
-        const [defaultToken, supportedTokens] = await Promise.all([
-          (0, import_core16.getIntegrationTransferDefaultToken)(
-            {
-              integration_provider: import_core16.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
-          ),
-          (0, import_core16.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 = (0, import_react12.useMemo)(() => {
+    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);
-    if (exchange.service_provider === import_core16.IntegrationProvider.COINBASE) {
-      const stored = getStoredIntegrationToken(import_core16.IntegrationProvider.COINBASE);
+    if (exchange.service_provider === import_core18.IntegrationProvider.COINBASE) {
+      const stored = getStoredIntegrationToken(import_core18.IntegrationProvider.COINBASE);
       if (stored) {
         setAccessToken(stored.access_token);
         transitionTo("connecting");
@@ -8078,16 +8211,16 @@ function CoinbaseConnect({
   const handleStartOAuth = async () => {
     transitionTo("connecting");
     try {
-      const { redirect_url, state } = await (0, import_core16.startIntegrationOAuth)(publishableKey);
+      const { redirect_url, state } = await (0, import_core18.startIntegrationOAuth)(publishableKey);
       popupRef.current = window.open(redirect_url, "_blank", "width=500,height=700");
       pollRef.current = setInterval(async () => {
         try {
-          const result = await (0, import_core16.authenticateIntegrationOAuth)({ state }, publishableKey);
+          const result = await (0, import_core18.authenticateIntegrationOAuth)({ state }, publishableKey);
           if (result.status === "completed") {
             if (pollRef.current) clearInterval(pollRef.current);
             pollRef.current = null;
             setStoredIntegrationToken({
-              integration_provider: import_core16.IntegrationProvider.COINBASE,
+              integration_provider: import_core18.IntegrationProvider.COINBASE,
               access_token: result.access_token,
               expires_at: result.expires_at
             });
@@ -8105,7 +8238,6 @@ function CoinbaseConnect({
   const handleSelectAsset = (asset) => {
     setSelectedAsset(asset);
     setSendAmount("");
-    setMinDepositUsd(0);
     transitionTo("enter_amount");
   };
   const handleCreateTransfer = async () => {
@@ -8117,18 +8249,10 @@ function CoinbaseConnect({
     const cryptoAmount = (usdAmount / rate).toFixed(8);
     setIsLoading(true);
     try {
-      const { source_network, source_chain_type } = await (0, import_core16.getIntegrationTransferDefaultToken)(
-        {
-          integration_provider: import_core16.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) {
@@ -8137,9 +8261,9 @@ function CoinbaseConnect({
       if (matchingWallet?.id) {
         setTransferDepositWalletId(matchingWallet.id);
       }
-      const createTransfer = async (token) => (0, import_core16.createIntegrationTransfer)(
+      const createTransfer = async (token) => (0, import_core18.createIntegrationTransfer)(
         {
-          integration_provider: import_core16.IntegrationProvider.COINBASE,
+          integration_provider: import_core18.IntegrationProvider.COINBASE,
           access_token: token,
           currency: selectedAsset.currency.toLowerCase(),
           amount: cryptoAmount,
@@ -8175,7 +8299,7 @@ function CoinbaseConnect({
     setIsLoading(true);
     try {
       let token = accessToken;
-      let result = await (0, import_core16.confirmIntegrationTransfer)(
+      let result = await (0, import_core18.confirmIntegrationTransfer)(
         transferIntent.id,
         token,
         void 0,
@@ -8184,7 +8308,7 @@ function CoinbaseConnect({
         const refreshed = await tryRefreshToken(token);
         if (refreshed) {
           token = refreshed;
-          return (0, import_core16.confirmIntegrationTransfer)(transferIntent.id, refreshed, void 0, publishableKey);
+          return (0, import_core18.confirmIntegrationTransfer)(transferIntent.id, refreshed, void 0, publishableKey);
         }
         throw err;
       });
@@ -8214,7 +8338,7 @@ function CoinbaseConnect({
     setIsLoading(true);
     setMfaError(false);
     try {
-      const result = await (0, import_core16.confirmIntegrationTransfer)(
+      const result = await (0, import_core18.confirmIntegrationTransfer)(
         transferIntent.id,
         accessToken,
         mfaCode,
@@ -8280,13 +8404,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,
@@ -8372,7 +8495,7 @@ function CoinbaseConnect({
                   },
                   children: t12.comingSoon
                 }
-              ) : accessToken && exchange.service_provider === import_core16.IntegrationProvider.COINBASE ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              ) : accessToken && exchange.service_provider === import_core18.IntegrationProvider.COINBASE ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "span",
                 {
                   className: "uf-text-xs uf-px-2.5 uf-py-1 uf-rounded-full",
@@ -8888,7 +9011,7 @@ function CoinbaseConnect({
             className: "uf-w-6 uf-h-6 uf-animate-spin",
             style: { color: colors2.foregroundMuted }
           }
-        ) }) : holdings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        ) }) : sortedHoldings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "div",
           {
             className: "uf-text-sm",
@@ -8898,17 +9021,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__ */ (0, import_jsx_runtime37.jsxs)(
             "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,
@@ -8998,9 +9123,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,
@@ -9024,22 +9149,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__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-flex-col uf-pb-4", style: viewTransitionStyle, children: [
@@ -9161,7 +9280,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,
@@ -9170,7 +9289,7 @@ function CoinbaseConnect({
               borderRadius: components.button.borderRadius,
               border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
             },
-            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.Loader2, { className: "uf-w-4 uf-h-4 uf-animate-spin" }) : "Review"
+            children: isLoading || defaultTokenLoading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react18.Loader2, { className: "uf-w-4 uf-h-4 uf-animate-spin" }) : "Review"
           }
         )
       ] })
@@ -9639,15 +9758,15 @@ function CoinbaseConnect({
 CoinbaseConnect.displayName = "CoinbaseConnect";
 
 // src/hooks/use-exchanges.ts
-var import_react_query5 = require("@tanstack/react-query");
-var import_core17 = require("@unifold/core");
+var import_react_query7 = require("@tanstack/react-query");
+var import_core19 = require("@unifold/core");
 function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = (0, import_react_query5.useQuery)({
+  const { data: exchanges = [], isLoading } = (0, import_react_query7.useQuery)({
     queryKey: ["unifold", "exchanges", publishableKey],
-    queryFn: () => (0, import_core17.getExchanges)(void 0, publishableKey).then((res) => res.data),
+    queryFn: () => (0, import_core19.getExchanges)(void 0, publishableKey).then((res) => res.data),
     enabled,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -9657,8 +9776,8 @@ function useExchanges({
 }
 
 // src/hooks/use-default-onramp-token.ts
-var import_react_query6 = require("@tanstack/react-query");
-var import_core18 = require("@unifold/core");
+var import_react_query8 = require("@tanstack/react-query");
+var import_core20 = require("@unifold/core");
 function useDefaultOnrampToken({
   publishableKey,
   tokenAddress,
@@ -9668,7 +9787,7 @@ function useDefaultOnrampToken({
   subdivisionCode,
   enabled = true
 }) {
-  const { data: defaultToken, isLoading } = (0, import_react_query6.useQuery)({
+  const { data: defaultToken, isLoading } = (0, import_react_query8.useQuery)({
     queryKey: [
       "unifold",
       "defaultOnrampToken",
@@ -9679,7 +9798,7 @@ function useDefaultOnrampToken({
       countryCode,
       subdivisionCode
     ],
-    queryFn: () => (0, import_core18.getDefaultOnrampToken)(
+    queryFn: () => (0, import_core20.getDefaultOnrampToken)(
       {
         token_address: tokenAddress,
         chain_id: chainId,
@@ -9698,19 +9817,19 @@ function useDefaultOnrampToken({
 }
 
 // src/components/deposits/DepositModal.tsx
-var import_core28 = require("@unifold/core");
+var import_core29 = require("@unifold/core");
 
 // src/hooks/use-allowed-country.ts
-var import_react_query7 = require("@tanstack/react-query");
-var import_core19 = require("@unifold/core");
+var import_react_query9 = require("@tanstack/react-query");
+var import_core21 = require("@unifold/core");
 function useAllowedCountry(publishableKey) {
   const {
     data: ipData,
     isLoading: isIpLoading,
     error: ipError
-  } = (0, import_react_query7.useQuery)({
+  } = (0, import_react_query9.useQuery)({
     queryKey: ["unifold", "ipAddress"],
-    queryFn: () => (0, import_core19.getIpAddress)(),
+    queryFn: () => (0, import_core21.getIpAddress)(),
     refetchOnMount: false,
     refetchOnReconnect: true,
     refetchOnWindowFocus: false,
@@ -9723,9 +9842,9 @@ function useAllowedCountry(publishableKey) {
     data: configData,
     isLoading: isConfigLoading,
     error: configError
-  } = (0, import_react_query7.useQuery)({
+  } = (0, import_react_query9.useQuery)({
     queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => (0, import_core19.getProjectConfig)(publishableKey),
+    queryFn: () => (0, import_core21.getProjectConfig)(publishableKey),
     refetchOnMount: false,
     refetchOnReconnect: true,
     refetchOnWindowFocus: false,
@@ -9766,8 +9885,8 @@ function useAllowedCountry(publishableKey) {
 }
 
 // src/hooks/use-address-validation.ts
-var import_react_query8 = require("@tanstack/react-query");
-var import_core20 = require("@unifold/core");
+var import_react_query10 = require("@tanstack/react-query");
+var import_core22 = require("@unifold/core");
 function useAddressValidation({
   recipientAddress,
   destinationChainType,
@@ -9778,7 +9897,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = (0, import_react_query8.useQuery)({
+  const { data, isLoading, error } = (0, import_react_query10.useQuery)({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -9787,7 +9906,7 @@ function useAddressValidation({
       destinationChainId,
       destinationTokenAddress
     ],
-    queryFn: () => (0, import_core20.verifyRecipientAddress)(
+    queryFn: () => (0, import_core22.verifyRecipientAddress)(
       {
         chain_type: destinationChainType,
         chain_id: destinationChainId,
@@ -9823,43 +9942,6 @@ function useAddressValidation({
   };
 }
 
-// src/hooks/use-supported-deposit-tokens.ts
-var import_react_query9 = require("@tanstack/react-query");
-var import_core21 = require("@unifold/core");
-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 (0, import_react_query9.useQuery)({
-    queryKey: [
-      "unifold",
-      "supportedDepositTokens",
-      publishableKey,
-      filteredOptions?.destination_token_address ?? null,
-      filteredOptions?.destination_chain_id ?? null,
-      filteredOptions?.destination_chain_type ?? null,
-      filteredOptions?.product_type ?? null
-    ],
-    queryFn: () => (0, import_core21.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
-  });
-}
-
 // src/components/deposits/TransferCryptoSingleInput.tsx
 var import_react17 = require("react");
 var import_lucide_react22 = require("lucide-react");
@@ -10012,7 +10094,7 @@ function PoweredByUnifold({
 }
 
 // src/components/deposits/DepositsModal.tsx
-var import_core22 = require("@unifold/core");
+var import_core23 = require("@unifold/core");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function DepositsModal({
   open,
@@ -10030,7 +10112,7 @@ function DepositsModal({
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core22.queryExecutions)(userId, publishableKey, import_core22.ActionType.Deposit);
+        const response = await (0, import_core23.queryExecutions)(userId, publishableKey, import_core23.ActionType.Deposit);
         const sorted = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
@@ -10974,11 +11056,11 @@ var TooltipContent = React27.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-var import_core24 = require("@unifold/core");
+var import_core25 = require("@unifold/core");
 
 // src/hooks/use-hypercore-activation.ts
-var import_react_query10 = require("@tanstack/react-query");
-var import_core23 = require("@unifold/core");
+var import_react_query11 = require("@tanstack/react-query");
+var import_core24 = require("@unifold/core");
 
 // src/lib/constants.ts
 var HYPERCORE_CHAIN_ID = "1337";
@@ -10996,7 +11078,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = (0, import_react_query10.useQuery)({
+  const { data, isLoading } = (0, import_react_query11.useQuery)({
     queryKey: [
       "unifold",
       "hypercoreActivation",
@@ -11004,7 +11086,7 @@ function useHypercoreActivation(params) {
       recipient,
       publishableKey
     ],
-    queryFn: () => (0, import_core23.checkHypercoreActivation)(
+    queryFn: () => (0, import_core24.checkHypercoreActivation)(
       {
         source_address: source,
         recipient_address: recipient
@@ -11149,7 +11231,7 @@ function TransferCryptoSingleInput({
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
   ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
-  const currentWallet = (0, import_core24.getWalletByChainType)(wallets, currentChainType);
+  const currentWallet = (0, import_core25.getWalletByChainType)(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
   const {
     executions: depositExecutions,
@@ -11360,7 +11442,7 @@ function TransferCryptoSingleInput({
                   className: "uf-text-sm uf-font-semibold",
                   style: { color: components.card.titleColor, fontFamily: fonts.semibold },
                   children: [
-                    checkoutQuote.isStablecoin ? (0, import_core24.formatStablecoinAmount)(checkoutQuote.sourceAmount, checkoutQuote.sourceTokenDecimals) : (Number(checkoutQuote.sourceAmount) / 10 ** checkoutQuote.sourceTokenDecimals).toFixed(
+                    checkoutQuote.isStablecoin ? (0, import_core25.formatStablecoinAmount)(checkoutQuote.sourceAmount, checkoutQuote.sourceTokenDecimals) : (Number(checkoutQuote.sourceAmount) / 10 ** checkoutQuote.sourceTokenDecimals).toFixed(
                       Math.min(checkoutQuote.sourceTokenDecimals, 6)
                     ),
                     " ",
@@ -11740,7 +11822,7 @@ var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-var import_core25 = require("@unifold/core");
+var import_core26 = require("@unifold/core");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var t6 = i18n.transferCrypto;
 var getChainKey3 = (chainId, chainType) => {
@@ -11821,7 +11903,7 @@ function TransferCryptoDoubleInput({
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
   ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
-  const currentWallet = (0, import_core25.getWalletByChainType)(wallets, currentChainType);
+  const currentWallet = (0, import_core26.getWalletByChainType)(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
   const {
     executions: depositExecutions,
@@ -12213,11 +12295,11 @@ function TransferCryptoDoubleInput({
 
 // src/components/deposits/BrowserWalletModal.tsx
 var React29 = __toESM(require("react"));
-var import_core27 = require("@unifold/core");
+var import_core28 = require("@unifold/core");
 
 // src/hooks/use-deposit-quote.ts
-var import_react_query11 = require("@tanstack/react-query");
-var import_core26 = require("@unifold/core");
+var import_react_query12 = require("@tanstack/react-query");
+var import_core27 = require("@unifold/core");
 function useDepositQuote(params) {
   const {
     publishableKey,
@@ -12243,7 +12325,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return (0, import_react_query11.useQuery)({
+  return (0, import_react_query12.useQuery)({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -12258,7 +12340,7 @@ function useDepositQuote(params) {
       stablecoinParity,
       publishableKey
     ],
-    queryFn: () => (0, import_core26.getDepositQuote)(request, publishableKey),
+    queryFn: () => (0, import_core27.getDepositQuote)(request, publishableKey),
     enabled: enabled && !!publishableKey && !!sourceChainType && !!sourceChainId && !!sourceTokenAddress && !!destinationAmount && destinationAmount !== "0" && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress,
     staleTime: 3e4,
     gcTime: 5 * 6e4,
@@ -12362,7 +12444,7 @@ function SelectTokenView({
         ),
         walletInfoProp ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-flex uf-w-full uf-justify-center uf-mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WalletWithNetworkBadge, { walletInfo: walletInfoProp }) }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-h-[220px] uf-shrink-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-h-[300px] uf-shrink-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             import_lucide_react25.Loader2,
             {
               className: "uf-w-6 uf-h-6 uf-animate-spin",
@@ -13497,7 +13579,7 @@ function BrowserWalletModal({
           destination_chain_type: depositWallet.destination_chain_type,
           ...productType ? { product_type: productType } : {}
         };
-        const response = await (0, import_core27.getSupportedDepositTokens)(
+        const response = await (0, import_core28.getSupportedDepositTokens)(
           publishableKey,
           options
         );
@@ -13534,7 +13616,7 @@ function BrowserWalletModal({
     let cancelled = false;
     setIsLoading(true);
     setError(null);
-    (0, import_core27.getAddressBalances)(walletInfo.address, supportedChainType, publishableKey).then((response) => {
+    (0, import_core28.getAddressBalances)(walletInfo.address, supportedChainType, publishableKey).then((response) => {
       if (cancelled) return;
       const nonZeroBalances = response.balances.filter(
         (b) => b.amount !== "0"
@@ -13858,7 +13940,7 @@ function BrowserWalletModal({
       amountInSmallestUnit = decimalToSmallestUnit(amountStr, token.decimals);
     }
     try {
-      const buildResponse = await (0, import_core27.buildSolanaTransaction)(
+      const buildResponse = await (0, import_core28.buildSolanaTransaction)(
         {
           chain_id: "mainnet",
           token_address: token.token_address === "" ? "native" : token.token_address,
@@ -13885,7 +13967,7 @@ function BrowserWalletModal({
         binaryStr += String.fromCharCode(serialized[i]);
       }
       const signedTransactionBase64 = btoa(binaryStr);
-      const sendResponse = await (0, import_core27.sendSolanaTransaction)(
+      const sendResponse = await (0, import_core28.sendSolanaTransaction)(
         {
           chain_id: "mainnet",
           signed_transaction: signedTransactionBase64
@@ -14798,18 +14880,18 @@ function DepositModal({
   const [integrationExchanges, setIntegrationExchanges] = (0, import_react20.useState)([]);
   (0, import_react20.useEffect)(() => {
     if (!enableConnectExchange || !open) return;
-    (0, import_core28.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
+    (0, import_core29.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
     });
   }, [enableConnectExchange, open, publishableKey]);
   const [connectedExchange, setConnectedExchange] = (0, import_react20.useState)(() => {
     if (!enableConnectExchange) return null;
-    const stored = getStoredIntegrationToken(import_core28.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
     if (!stored) return null;
     return { name: "Coinbase", iconUrl: void 0, balanceUsd: null, isLoading: true };
   });
   (0, import_react20.useEffect)(() => {
     if (!enableConnectExchange || !open || view !== "main") return;
-    const stored = getStoredIntegrationToken(import_core28.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
     if (!stored) {
       setConnectedExchange(null);
       return;
@@ -14824,20 +14906,22 @@ 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);
     };
-    (0, import_core28.getIntegrationHoldings)(import_core28.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
+    (0, import_core29.getIntegrationHoldings)(import_core29.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
       try {
-        const refreshResult = await (0, import_core28.refreshIntegrationToken)(stored.access_token, publishableKey);
+        const refreshResult = await (0, import_core29.refreshIntegrationToken)(stored.access_token, publishableKey);
+        if (!getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE)) return;
         setStoredIntegrationToken({
-          integration_provider: import_core28.IntegrationProvider.COINBASE,
+          integration_provider: import_core29.IntegrationProvider.COINBASE,
           access_token: refreshResult.access_token,
           expires_at: refreshResult.expires_at
         });
-        const retryResult = await (0, import_core28.getIntegrationHoldings)(import_core28.IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
+        const retryResult = await (0, import_core29.getIntegrationHoldings)(import_core29.IntegrationProvider.COINBASE, refreshResult.access_token, publishableKey);
         processHoldings(retryResult);
       } catch {
-        clearStoredIntegrationToken(import_core28.IntegrationProvider.COINBASE);
+        if (!getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE)) return;
+        clearStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
         setConnectedExchange(null);
       }
     });
@@ -14845,7 +14929,7 @@ function DepositModal({
   (0, import_react20.useEffect)(() => {
     if (!connectedExchange || integrationExchanges.length === 0) return;
     const cbExchange = integrationExchanges.find(
-      (e) => e.service_provider === import_core28.IntegrationProvider.COINBASE
+      (e) => e.service_provider === import_core29.IntegrationProvider.COINBASE
     );
     const iconUrl = cbExchange?.icon_urls?.find((u) => u.format === "svg")?.url || cbExchange?.icon_urls?.find((u) => u.format === "png")?.url || cbExchange?.icon_url;
     if (iconUrl && iconUrl !== connectedExchange.iconUrl) {
@@ -14902,7 +14986,7 @@ function DepositModal({
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core28.queryExecutions)(userId, publishableKey, import_core28.ActionType.Deposit);
+        const response = await (0, import_core29.queryExecutions)(userId, publishableKey, import_core29.ActionType.Deposit);
         const sorted = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
@@ -15004,6 +15088,14 @@ function DepositModal({
     setBrowserWalletInfo(null);
     setBrowserWalletModalOpen(false);
   };
+  const handleExchangeDisconnect = () => {
+    const stored = getStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+    if (stored) {
+      (0, import_core29.revokeIntegrationToken)(stored.access_token, publishableKey);
+    }
+    clearStoredIntegrationToken(import_core29.IntegrationProvider.COINBASE);
+    setConnectedExchange(null);
+  };
   const handleClose = () => {
     onOpenChange(false);
     if (resetViewTimeoutRef.current) {
@@ -15209,6 +15301,7 @@ function DepositModal({
                         setCoinbaseSkipToHoldings(true);
                         setView("coinbase_connect");
                       },
+                      onDisconnect: handleExchangeDisconnect,
                       title: i18n.connectExchange.title,
                       subtitle: i18n.connectExchange.subtitle,
                       exchanges: integrationExchanges,
@@ -15413,34 +15506,37 @@ function DepositModal({
                 ),
                 depositPoweredByFooter
               ] })
-            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              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__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                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__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 DepositHeader,
                 {
@@ -15526,8 +15622,8 @@ var import_react21 = require("react");
 var import_lucide_react30 = require("lucide-react");
 
 // src/hooks/use-payment-intent.ts
-var import_react_query12 = require("@tanstack/react-query");
-var import_core29 = require("@unifold/core");
+var import_react_query13 = require("@tanstack/react-query");
+var import_core30 = require("@unifold/core");
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
   "succeeded",
   "expired",
@@ -15541,9 +15637,9 @@ function usePaymentIntent(params) {
     enabled = true,
     pollingInterval = 3e3
   } = params;
-  return (0, import_react_query12.useQuery)({
+  return (0, import_react_query13.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
-    queryFn: () => (0, import_core29.retrievePaymentIntent)(clientSecret, publishableKey),
+    queryFn: () => (0, import_core30.retrievePaymentIntent)(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
     staleTime: 0,
     refetchInterval: (query) => {
@@ -16198,12 +16294,12 @@ var import_react26 = require("react");
 var import_lucide_react33 = require("lucide-react");
 
 // src/hooks/use-supported-destination-tokens.ts
-var import_react_query13 = require("@tanstack/react-query");
-var import_core30 = require("@unifold/core");
+var import_react_query14 = require("@tanstack/react-query");
+var import_core31 = require("@unifold/core");
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return (0, import_react_query13.useQuery)({
+  return (0, import_react_query14.useQuery)({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
-    queryFn: () => (0, import_core30.getSupportedDestinationTokens)(publishableKey),
+    queryFn: () => (0, import_core31.getSupportedDestinationTokens)(publishableKey),
     staleTime: 1e3 * 60 * 5,
     gcTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -16230,8 +16326,8 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-var import_react_query14 = require("@tanstack/react-query");
-var import_core31 = require("@unifold/core");
+var import_react_query15 = require("@tanstack/react-query");
+var import_core32 = require("@unifold/core");
 function useSourceTokenValidation(params) {
   const {
     sourceChainType,
@@ -16242,7 +16338,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return (0, import_react_query14.useQuery)({
+  return (0, import_react_query15.useQuery)({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -16252,7 +16348,7 @@ function useSourceTokenValidation(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core31.getSupportedDepositTokens)(publishableKey);
+      const res = await (0, import_core32.getSupportedDepositTokens)(publishableKey);
       let matchedMinUsd = null;
       let matchedProcessingTime = null;
       let matchedSlippage = null;
@@ -16290,8 +16386,8 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-var import_react_query15 = require("@tanstack/react-query");
-var import_core32 = require("@unifold/core");
+var import_react_query16 = require("@tanstack/react-query");
+var import_core33 = require("@unifold/core");
 function useAddressBalance(params) {
   const {
     address,
@@ -16302,7 +16398,7 @@ function useAddressBalance(params) {
     enabled = true
   } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return (0, import_react_query15.useQuery)({
+  return (0, import_react_query16.useQuery)({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -16313,7 +16409,7 @@ function useAddressBalance(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core32.getAddressBalance)(
+      const res = await (0, import_core33.getAddressBalance)(
         address,
         chainType,
         chainId,
@@ -16351,13 +16447,13 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-var import_react_query16 = require("@tanstack/react-query");
-var import_core33 = require("@unifold/core");
+var import_react_query17 = require("@tanstack/react-query");
+var import_core34 = require("@unifold/core");
 function useExecutions(userId, publishableKey, options) {
-  const actionType = options?.actionType ?? import_core33.ActionType.Deposit;
-  return (0, import_react_query16.useQuery)({
+  const actionType = options?.actionType ?? import_core34.ActionType.Deposit;
+  return (0, import_react_query17.useQuery)({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
-    queryFn: () => (0, import_core33.queryExecutions)(userId, publishableKey, actionType),
+    queryFn: () => (0, import_core34.queryExecutions)(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
     refetchInterval: options?.refetchInterval ?? 3e3,
     staleTime: 0,
@@ -16368,7 +16464,7 @@ function useExecutions(userId, publishableKey, options) {
 
 // src/hooks/use-withdraw-polling.ts
 var import_react22 = require("react");
-var import_core34 = require("@unifold/core");
+var import_core35 = require("@unifold/core");
 var POLL_INTERVAL_MS3 = 2500;
 var POLL_ENDPOINT_INTERVAL_MS2 = 3e3;
 var CUTOFF_BUFFER_MS2 = 6e4;
@@ -16408,15 +16504,15 @@ function useWithdrawPolling({
     const enabledAt = enabledAtRef.current;
     const poll = async () => {
       try {
-        const response = await (0, import_core34.queryExecutions)(userId, publishableKey, import_core34.ActionType.Withdraw);
+        const response = await (0, import_core35.queryExecutions)(userId, publishableKey, import_core35.ActionType.Withdraw);
         const cutoff = new Date(enabledAt.getTime() - CUTOFF_BUFFER_MS2);
         const sorted = [...response.data].sort((a, b) => {
           const tA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const tB = b.created_at ? new Date(b.created_at).getTime() : 0;
           return tB - tA;
         });
-        const inProgress = [import_core34.ExecutionStatus.PENDING, import_core34.ExecutionStatus.WAITING, import_core34.ExecutionStatus.DELAYED];
-        const terminal = [import_core34.ExecutionStatus.SUCCEEDED, import_core34.ExecutionStatus.FAILED];
+        const inProgress = [import_core35.ExecutionStatus.PENDING, import_core35.ExecutionStatus.WAITING, import_core35.ExecutionStatus.DELAYED];
+        const terminal = [import_core35.ExecutionStatus.SUCCEEDED, import_core35.ExecutionStatus.FAILED];
         let target = null;
         for (const ex of sorted) {
           const t12 = ex.created_at ? new Date(ex.created_at) : null;
@@ -16446,9 +16542,9 @@ function useWithdrawPolling({
             }
             return [...list, ex];
           });
-          if (ex.status === import_core34.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
+          if (ex.status === import_core35.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
             onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
-          } else if (ex.status === import_core34.ExecutionStatus.FAILED && prev !== import_core34.ExecutionStatus.FAILED) {
+          } else if (ex.status === import_core35.ExecutionStatus.FAILED && prev !== import_core35.ExecutionStatus.FAILED) {
             onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
           }
         }
@@ -16469,7 +16565,7 @@ function useWithdrawPolling({
     if (!enabled || !depositWalletId) return;
     const trigger = async () => {
       try {
-        await (0, import_core34.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
+        await (0, import_core35.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
       } catch {
       }
     };
@@ -16638,11 +16734,11 @@ function WithdrawDoubleInput({
 // src/components/withdrawals/WithdrawForm.tsx
 var import_react24 = require("react");
 var import_lucide_react31 = require("lucide-react");
-var import_core39 = require("@unifold/core");
+var import_core40 = require("@unifold/core");
 
 // src/hooks/use-verify-recipient-address.ts
-var import_react_query17 = require("@tanstack/react-query");
-var import_core35 = require("@unifold/core");
+var import_react_query18 = require("@tanstack/react-query");
+var import_core36 = require("@unifold/core");
 function useVerifyRecipientAddress(params) {
   const {
     chainType,
@@ -16654,7 +16750,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return (0, import_react_query17.useQuery)({
+  return (0, import_react_query18.useQuery)({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -16664,7 +16760,7 @@ function useVerifyRecipientAddress(params) {
       trimmedAddress,
       publishableKey
     ],
-    queryFn: () => (0, import_core35.verifyRecipientAddress)(
+    queryFn: () => (0, import_core36.verifyRecipientAddress)(
       {
         chain_type: chainType,
         chain_id: chainId,
@@ -16683,7 +16779,7 @@ function useVerifyRecipientAddress(params) {
 }
 
 // src/components/withdrawals/send-withdraw.ts
-var import_core36 = require("@unifold/core");
+var import_core37 = require("@unifold/core");
 async function sendEvmWithdraw(params) {
   const {
     provider,
@@ -16761,7 +16857,7 @@ async function sendSolanaWithdraw(params) {
   if (!provider.publicKey) {
     await provider.connect();
   }
-  const buildResponse = await (0, import_core36.buildSolanaTransaction)(
+  const buildResponse = await (0, import_core37.buildSolanaTransaction)(
     {
       chain_id: "mainnet",
       token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
@@ -16787,7 +16883,7 @@ async function sendSolanaWithdraw(params) {
   for (let i = 0; i < serialized.length; i++) {
     binaryStr += String.fromCharCode(serialized[i]);
   }
-  const sendResponse = await (0, import_core36.sendSolanaTransaction)(
+  const sendResponse = await (0, import_core37.sendSolanaTransaction)(
     { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
     publishableKey
   );
@@ -16813,7 +16909,7 @@ async function sendHypercoreWithdraw(params) {
     params: []
   });
   const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await (0, import_core36.buildHypercoreTransaction)(
+  const buildResult = await (0, import_core37.buildHypercoreTransaction)(
     {
       action_type: isSpot ? "spot_send" : "usd_send",
       signature_chain_type: "ethereum",
@@ -16829,7 +16925,7 @@ async function sendHypercoreWithdraw(params) {
     method: "eth_signTypedData_v4",
     params: [fromAddress, JSON.stringify(buildResult.typed_data)]
   });
-  await (0, import_core36.sendHypercoreTransaction)(
+  await (0, import_core37.sendHypercoreTransaction)(
     {
       action_payload: buildResult.action_payload,
       signature,
@@ -16929,11 +17025,11 @@ async function detectBrowserWallet(chainType, senderAddress) {
 
 // src/hooks/use-hypercore-withdraw-activation.ts
 var import_react23 = require("react");
-var import_core38 = require("@unifold/core");
+var import_core39 = require("@unifold/core");
 
 // src/hooks/use-get-deposit-address.ts
-var import_react_query18 = require("@tanstack/react-query");
-var import_core37 = require("@unifold/core");
+var import_react_query19 = require("@tanstack/react-query");
+var import_core38 = require("@unifold/core");
 function useGetDepositAddress(params) {
   const {
     userId,
@@ -16946,7 +17042,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return (0, import_react_query18.useQuery)({
+  return (0, import_react_query19.useQuery)({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -16958,7 +17054,7 @@ function useGetDepositAddress(params) {
       actionType ?? null,
       publishableKey
     ],
-    queryFn: () => (0, import_core37.getDepositAddress)(
+    queryFn: () => (0, import_core38.getDepositAddress)(
       {
         external_user_id: userId,
         recipient_address: recipientAddress,
@@ -17012,7 +17108,7 @@ function useHypercoreWithdrawActivation(params) {
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
-    actionType: import_core38.ActionType.Withdraw,
+    actionType: import_core39.ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
   const depositWalletAddress = (0, import_react23.useMemo)(() => {
@@ -17281,7 +17377,7 @@ function WithdrawForm({
       let humanAmount = isMaxed ? balanceData.balanceHuman : toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
       if (isHypercoreChain(sourceChainId)) {
         try {
-          const check = await (0, import_core39.checkHypercoreActivation)(
+          const check = await (0, import_core40.checkHypercoreActivation)(
             {
               source_address: senderAddress,
               recipient_address: depositWallet.address
@@ -17598,14 +17694,14 @@ function WithdrawForm({
 
 // src/components/withdrawals/WithdrawExecutionItem.tsx
 var import_lucide_react32 = require("lucide-react");
-var import_core40 = require("@unifold/core");
+var import_core41 = require("@unifold/core");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function WithdrawExecutionItem({
   execution,
   onClick
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const isPending = execution.status === import_core40.ExecutionStatus.PENDING || execution.status === import_core40.ExecutionStatus.WAITING || execution.status === import_core40.ExecutionStatus.DELAYED;
+  const isPending = execution.status === import_core41.ExecutionStatus.PENDING || execution.status === import_core41.ExecutionStatus.WAITING || execution.status === import_core41.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -17652,7 +17748,7 @@ function WithdrawExecutionItem({
           /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "img",
             {
-              src: execution.destination_token_metadata?.icon_url || (0, import_core40.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || (0, import_core41.getIconUrl)("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -17911,7 +18007,7 @@ function WithdrawConfirmingView({
 }
 
 // src/components/withdrawals/WithdrawModal.tsx
-var import_core41 = require("@unifold/core");
+var import_core42 = require("@unifold/core");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var t10 = i18n.withdrawModal;
 var getChainKey5 = (chainId, chainType) => `${chainType}:${chainId}`;
@@ -18002,25 +18098,25 @@ function WithdrawModal({
     onWithdrawError
   });
   const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
-    actionType: import_core41.ActionType.Withdraw,
+    actionType: import_core42.ActionType.Withdraw,
     enabled: open,
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
   const handleDepositWalletCreation = (0, import_react26.useCallback)(async (params) => {
-    const { data: wallets } = await (0, import_core41.createDepositAddress)(
+    const { data: wallets } = await (0, import_core42.createDepositAddress)(
       {
         external_user_id: externalUserId,
         destination_chain_type: params.destinationChainType,
         destination_chain_id: params.destinationChainId,
         destination_token_address: params.destinationTokenAddress,
         recipient_address: params.recipientAddress,
-        action_type: import_core41.ActionType.Withdraw,
+        action_type: import_core42.ActionType.Withdraw,
         source_chain_type: sourceChainType
       },
       publishableKey
     );
-    const depositWallet = (0, import_core41.getWalletByChainType)(wallets, sourceChainType);
+    const depositWallet = (0, import_core42.getWalletByChainType)(wallets, sourceChainType);
     if (!depositWallet) {
       throw new Error(`No deposit wallet available for ${sourceChainType}`);
     }