@unifold/ui-react 0.1.40 → 0.1.42

package/dist/index.mjs

@@ -1,10 +1,10 @@
 // src/components/deposits/DepositModal.tsx
 import {
-  useState as useState26,
-  useEffect as useEffect20,
+  useState as useState27,
+  useEffect as useEffect21,
   useLayoutEffect as useLayoutEffect2,
   useCallback as useCallback4,
-  useRef as useRef5,
+  useRef as useRef6,
   useMemo as useMemo9
 } from "react";
 import { ChevronRight as ChevronRight11, MapPinOff, AlertTriangle } from "lucide-react";
@@ -621,6 +621,7 @@ function useDepositAddress(params) {
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
+    actionType,
     enabled = true
   } = params;
   return useQuery({
@@ -632,6 +633,7 @@ function useDepositAddress(params) {
       destinationChainType ?? null,
       destinationChainId ?? null,
       destinationTokenAddress ?? null,
+      actionType ?? null,
       publishableKey
     ],
     queryFn: () => createDepositAddress(
@@ -640,7 +642,8 @@ function useDepositAddress(params) {
         recipient_address: recipientAddress,
         destination_chain_type: destinationChainType,
         destination_chain_id: destinationChainId,
-        destination_token_address: destinationTokenAddress
+        destination_token_address: destinationTokenAddress,
+        action_type: actionType
       },
       publishableKey
     ),
@@ -1354,6 +1357,30 @@ var en_default = {
       youReceive: "You receive",
       intentAddressNote: "The wallet address displayed in the payment provider is a temporary deposit address. Your funds will be automatically converted and deposited into your account."
     }
+  },
+  withdrawModal: {
+    title: "Withdraw",
+    withdrawCrypto: {
+      title: "Withdraw with Crypto",
+      subtitle: "Send to any wallet address"
+    },
+    selectToken: "Select withdrawal token",
+    receiveToken: "Receive token",
+    receiveChain: "Receive chain",
+    recipientAddress: "Recipient address",
+    recipientAddressPlaceholder: "Enter wallet address",
+    amount: "Amount",
+    amountPlaceholder: "0.00",
+    balance: "Balance",
+    minimum: "min",
+    withdraw: "Withdraw",
+    invalidAddress: "Please enter a valid address",
+    invalidAmount: "Please enter a valid amount",
+    verifyingAddress: "Verifying address...",
+    loading: "Loading...",
+    noTokensAvailable: "No tokens available",
+    review: "Review Withdrawal",
+    back: "Back"
   }
 };
 
@@ -1372,7 +1399,8 @@ import { useState as useState5, useEffect as useEffect3, useRef } from "react";
 import {
   queryExecutions,
   pollDirectExecutions,
-  ExecutionStatus
+  ExecutionStatus,
+  ActionType
 } from "@unifold/core";
 var DEPOSIT_CONFIRM_DELAY_MS = 1e4;
 var POLL_INTERVAL_MS = 2500;
@@ -1442,7 +1470,7 @@ function useDepositPolling({
     const modalOpenedAt = modalOpenedAtRef.current;
     const poll = async () => {
       try {
-        const response = await queryExecutions(userId, publishableKey);
+        const response = await queryExecutions(userId, publishableKey, ActionType.Deposit);
         const cutoff = new Date(modalOpenedAt.getTime() - CUTOFF_BUFFER_MS);
         const sortedExecutions = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
@@ -1586,7 +1614,8 @@ function formatCurrency(currency) {
 }
 function DepositDetailContent({
   execution,
-  className
+  className,
+  variant = "deposit"
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const [chains, setChains] = useState6([]);
@@ -1992,7 +2021,7 @@ function DepositDetailContent({
                           color: components.card.rowLeftLabel,
                           fontFamily: fonts.regular
                         },
-                        children: "Deposit Tx"
+                        children: variant === "withdraw" ? "Withdrawal Tx" : "Deposit Tx"
                       }
                     ),
                     /* @__PURE__ */ jsx7(
@@ -6900,7 +6929,8 @@ function useProjectConfig({
 
 // src/components/deposits/DepositModal.tsx
 import {
-  queryExecutions as queryExecutions3
+  queryExecutions as queryExecutions3,
+  ActionType as ActionType3
 } from "@unifold/core";
 
 // src/hooks/use-allowed-country.ts
@@ -7051,7 +7081,7 @@ function useSupportedDepositTokens(publishableKey, options) {
 }
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-import { useState as useState21, useEffect as useEffect16, useMemo as useMemo5 } from "react";
+import { useState as useState22, useEffect as useEffect17, useMemo as useMemo5 } from "react";
 import {
   ChevronDown as ChevronDown3,
   ChevronUp as ChevronUp2,
@@ -7287,7 +7317,7 @@ function PoweredByUnifold({
 }
 
 // src/components/deposits/DepositsModal.tsx
-import { queryExecutions as queryExecutions2 } from "@unifold/core";
+import { queryExecutions as queryExecutions2, ActionType as ActionType2 } from "@unifold/core";
 import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function DepositsModal({
   open,
@@ -7305,7 +7335,7 @@ function DepositsModal({
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await queryExecutions2(userId, publishableKey);
+        const response = await queryExecutions2(userId, publishableKey, ActionType2.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;
@@ -7427,7 +7457,7 @@ function saveRecentToken(token) {
   try {
     const recent = getRecentTokens();
     const filtered = recent.filter(
-      (t7) => !(t7.symbol === token.symbol && t7.chainType === token.chainType && t7.chainId === token.chainId)
+      (t11) => !(t11.symbol === token.symbol && t11.chainType === token.chainType && t11.chainId === token.chainId)
     );
     filtered.unshift(token);
     const trimmed = filtered.slice(0, MAX_RECENT_TOKENS);
@@ -7440,7 +7470,7 @@ function removeRecentToken(token) {
   try {
     const recent = getRecentTokens();
     const filtered = recent.filter(
-      (t7) => !(t7.symbol === token.symbol && t7.chainType === token.chainType && t7.chainId === token.chainId)
+      (t11) => !(t11.symbol === token.symbol && t11.chainType === token.chainType && t11.chainId === token.chainId)
     );
     localStorage.setItem(STORAGE_KEY, JSON.stringify(filtered));
     return filtered;
@@ -7479,7 +7509,7 @@ function TokenSelectorSheet({
     const addOption = (symbol, chainType, chainId, isRecent) => {
       const key = `${symbol}-${chainType}:${chainId}`;
       if (seen.has(key)) return;
-      const tokenData = tokens.find((t7) => t7.symbol === symbol);
+      const tokenData = tokens.find((t11) => t11.symbol === symbol);
       if (!tokenData) return;
       const chainData = tokenData.chains.find(
         (c) => c.chain_type === chainType && c.chain_id === chainId
@@ -7939,6 +7969,107 @@ function DepositPollingUi({
   return null;
 }
 
+// src/hooks/use-default-source-token.ts
+import { useState as useState19, useEffect as useEffect16, useRef as useRef5 } from "react";
+var getChainKey = (chainId, chainType) => {
+  return `${chainType}:${chainId}`;
+};
+function resolveSourceToken(supportedTokens, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol) {
+  if (!supportedTokens.length) return null;
+  let selectedTokenData;
+  let selectedChainData;
+  const hasChainDefaults = defaultSourceChainType && defaultSourceChainId;
+  if (defaultSourceTokenAddress && hasChainDefaults) {
+    for (const t11 of supportedTokens) {
+      const matchingChain = t11.chains.find(
+        (c) => c.token_address.toLowerCase() === defaultSourceTokenAddress.toLowerCase() && c.chain_type === defaultSourceChainType && c.chain_id === defaultSourceChainId
+      );
+      if (matchingChain) {
+        selectedTokenData = t11;
+        selectedChainData = matchingChain;
+        break;
+      }
+    }
+  }
+  if (!selectedTokenData && defaultSourceSymbol && hasChainDefaults) {
+    for (const t11 of supportedTokens) {
+      if (t11.symbol !== defaultSourceSymbol) continue;
+      const matchedChain = t11.chains.find(
+        (c) => c.chain_type === defaultSourceChainType && c.chain_id === defaultSourceChainId
+      );
+      if (matchedChain) {
+        selectedTokenData = t11;
+        selectedChainData = matchedChain;
+        break;
+      }
+    }
+  }
+  if (!selectedTokenData) {
+    for (const t11 of supportedTokens) {
+      if (t11.chains.length > 0) {
+        selectedTokenData = t11;
+        selectedChainData = t11.chains[0];
+        break;
+      }
+    }
+  }
+  if (selectedTokenData && selectedChainData) {
+    return { token: selectedTokenData, chain: selectedChainData };
+  }
+  return null;
+}
+function useDefaultSourceToken({
+  supportedTokens,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol
+}) {
+  const [token, setToken] = useState19(null);
+  const [chain, setChain] = useState19(null);
+  const [initialSelectionDone, setInitialSelectionDone] = useState19(false);
+  const appliedDefaultsRef = useRef5("");
+  useEffect16(() => {
+    if (!supportedTokens.length) return;
+    const defaultsKey = `${defaultSourceTokenAddress ?? ""}|${defaultSourceSymbol ?? ""}|${defaultSourceChainType ?? ""}|${defaultSourceChainId ?? ""}`;
+    const defaultsChanged = appliedDefaultsRef.current !== defaultsKey;
+    if (initialSelectionDone && !defaultsChanged) return;
+    const result = resolveSourceToken(
+      supportedTokens,
+      defaultSourceChainType,
+      defaultSourceChainId,
+      defaultSourceTokenAddress,
+      defaultSourceSymbol
+    );
+    if (result) {
+      setToken(result.token.symbol);
+      setChain(getChainKey(result.chain.chain_id, result.chain.chain_type));
+      appliedDefaultsRef.current = defaultsKey;
+      setInitialSelectionDone(true);
+    }
+  }, [
+    supportedTokens,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    initialSelectionDone
+  ]);
+  useEffect16(() => {
+    if (!supportedTokens.length || !token) return;
+    const currentToken = supportedTokens.find((t11) => t11.symbol === token);
+    if (!currentToken || currentToken.chains.length === 0) return;
+    const isChainAvailable = chain && currentToken.chains.some((c) => {
+      return getChainKey(c.chain_id, c.chain_type) === chain;
+    });
+    if (!isChainAvailable) {
+      const firstChain = currentToken.chains[0];
+      setChain(getChainKey(firstChain.chain_id, firstChain.chain_type));
+    }
+  }, [token, supportedTokens, chain]);
+  return { token, chain, setToken, setChain, initialSelectionDone };
+}
+
 // src/components/deposits/shared/DepositFooterLinks.tsx
 import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function DepositFooterLinks({
@@ -8105,9 +8236,9 @@ function GlossaryModal({
 }
 
 // src/components/deposits/shared/useCopyAddress.ts
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 function useCopyAddress() {
-  const [copied, setCopied] = useState19(false);
+  const [copied, setCopied] = useState20(false);
   const handleCopy = (address) => {
     if (!address) return;
     navigator.clipboard.writeText(address);
@@ -8188,7 +8319,7 @@ import {
 } from "@unifold/core";
 import { Fragment as Fragment4, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 var t4 = i18n.transferCrypto;
-var getChainKey = (chainId, chainType) => {
+var getChainKey2 = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
 var parseChainKey = (chainKey) => {
@@ -8202,6 +8333,10 @@ function TransferCryptoSingleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -8210,21 +8345,25 @@ function TransferCryptoSingleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState21("USDC");
-  const [chain, setChain] = useState21("solana:mainnet");
-  const [copied, setCopied] = useState21(false);
+  const [copied, setCopied] = useState22(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState21(false);
-  const [detailsExpanded, setDetailsExpanded] = useState21(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState21(false);
-  const [tokenSelectorOpen, setTokenSelectorOpen] = useState21(false);
-  const [initialSelectionDone, setInitialSelectionDone] = useState21(false);
+  const [glossaryOpen, setGlossaryOpen] = useState22(false);
+  const [detailsExpanded, setDetailsExpanded] = useState22(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState22(false);
+  const [tokenSelectorOpen, setTokenSelectorOpen] = useState22(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(publishableKey, {
     destination_token_address: destinationTokenAddress,
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
   const supportedTokens = tokensResponse?.data ?? [];
+  const { token, chain, setToken, setChain, initialSelectionDone } = useDefaultSourceToken({
+    supportedTokens,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol
+  });
   const {
     data: depositAddressResponse,
     isLoading: walletsLoading,
@@ -8244,8 +8383,8 @@ function TransferCryptoSingleInput({
   const error = walletsError?.message ?? null;
   const allAvailableChains = useMemo5(() => {
     const chainsMap = /* @__PURE__ */ new Map();
-    supportedTokens.forEach((t7) => {
-      t7.chains.forEach((c) => {
+    supportedTokens.forEach((t11) => {
+      t11.chains.forEach((c) => {
         const comboKey = `${c.chain_type}:${c.chain_id}`;
         if (!chainsMap.has(comboKey)) {
           chainsMap.set(comboKey, c);
@@ -8254,10 +8393,10 @@ function TransferCryptoSingleInput({
     });
     return Array.from(chainsMap.values());
   }, [supportedTokens]);
-  const currentChainCombo = parseChainKey(chain);
-  const currentChainData = allAvailableChains.find(
+  const currentChainCombo = chain ? parseChainKey(chain) : null;
+  const currentChainData = currentChainCombo ? allAvailableChains.find(
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
-  );
+  ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType2(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
@@ -8275,84 +8414,26 @@ function TransferCryptoSingleInput({
     onDepositSuccess,
     onDepositError
   });
-  useEffect16(() => {
-    if (!supportedTokens.length || initialSelectionDone) return;
-    let selectedTokenData;
-    let selectedChainData;
-    if (destinationTokenAddress) {
-      for (const t7 of supportedTokens) {
-        const matchingChain = t7.chains.find(
-          (c) => c.token_address.toLowerCase() === destinationTokenAddress.toLowerCase()
-        );
-        if (matchingChain) {
-          selectedTokenData = t7;
-          selectedChainData = matchingChain;
-          break;
-        }
-      }
-    }
-    if (!selectedTokenData) {
-      selectedTokenData = supportedTokens.find((t7) => t7.symbol === "USDC");
-      if (selectedTokenData && selectedTokenData.chains.length > 0) {
-        selectedChainData = selectedTokenData.chains[0];
-      }
-    }
-    if (!selectedTokenData) {
-      selectedTokenData = supportedTokens.find((t7) => t7.symbol === "USDT");
-      if (selectedTokenData && selectedTokenData.chains.length > 0) {
-        selectedChainData = selectedTokenData.chains[0];
-      }
-    }
-    if (!selectedTokenData) {
-      selectedTokenData = supportedTokens[0];
-      if (selectedTokenData.chains.length > 0) {
-        selectedChainData = selectedTokenData.chains[0];
-      }
-    }
-    if (selectedTokenData) {
-      setToken(selectedTokenData.symbol);
-    }
-    if (selectedChainData) {
-      setChain(
-        getChainKey(selectedChainData.chain_id, selectedChainData.chain_type)
-      );
-    }
-    setInitialSelectionDone(true);
-  }, [supportedTokens, destinationTokenAddress, initialSelectionDone]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect16(() => {
-    if (!supportedTokens.length) return;
-    const currentToken = supportedTokens.find((t7) => t7.symbol === token);
-    if (!currentToken || currentToken.chains.length === 0) return;
-    const isChainAvailable = currentToken.chains.some((c) => {
-      const key = getChainKey(c.chain_id, c.chain_type);
-      return key === chain;
-    });
-    if (!isChainAvailable) {
-      const firstChain = currentToken.chains[0];
-      const newChain = getChainKey(firstChain.chain_id, firstChain.chain_type);
-      setChain(newChain);
-    }
-  }, [token, supportedTokens, chain]);
-  const selectedToken = supportedTokens.find((t7) => t7.symbol === token);
+  const selectedToken = token ? supportedTokens.find((t11) => t11.symbol === token) : void 0;
   const availableChainsForToken = selectedToken?.chains || [];
-  const currentChainFromBackend = availableChainsForToken.find((c) => {
-    const key = getChainKey(c.chain_id, c.chain_type);
+  const currentChainFromBackend = chain ? availableChainsForToken.find((c) => {
+    const key = getChainKey2(c.chain_id, c.chain_type);
     return key === chain;
   }) || allAvailableChains.find((c) => {
-    const key = getChainKey(c.chain_id, c.chain_type);
+    const key = getChainKey2(c.chain_id, c.chain_type);
     return key === chain;
-  });
+  }) : void 0;
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(depositAddress);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
-  const formatProcessingTime2 = (seconds) => {
+  const formatProcessingTime3 = (seconds) => {
     if (seconds === null) {
       return t4.processingTime.lessThanMinutes.replace("{{minutes}}", "1");
     }
@@ -8381,10 +8462,10 @@ function TransferCryptoSingleInput({
           "button",
           {
             onClick: () => setTokenSelectorOpen(true),
-            disabled: tokensLoading || supportedTokens.length === 0,
+            disabled: tokensLoading || !token || supportedTokens.length === 0,
             className: "uf-w-full hover:uf-bg-accent uf-p-3 uf-flex uf-items-center uf-gap-3 uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
             style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
-            children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
+            children: tokensLoading || !token ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
               /* @__PURE__ */ jsx41("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
               /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
                 /* @__PURE__ */ jsx41("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
@@ -8458,8 +8539,8 @@ function TransferCryptoSingleInput({
             open: tokenSelectorOpen,
             onOpenChange: setTokenSelectorOpen,
             tokens: supportedTokens,
-            selectedToken: token,
-            selectedChainKey: chain,
+            selectedToken: token ?? "",
+            selectedChainKey: chain ?? "",
             onSelect: (newToken, newChain) => {
               setToken(newToken);
               setChain(newChain);
@@ -8561,7 +8642,7 @@ function TransferCryptoSingleInput({
                     t4.processingTime.label,
                     ":",
                     " ",
-                    /* @__PURE__ */ jsx41("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
+                    /* @__PURE__ */ jsx41("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime3(processingTime) })
                   ] })
                 ] }),
                 detailsExpanded ? /* @__PURE__ */ jsx41(ChevronUp2, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx41(ChevronDown3, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
@@ -8671,7 +8752,7 @@ function TransferCryptoSingleInput({
 }
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-import { useState as useState22, useEffect as useEffect17, useMemo as useMemo6 } from "react";
+import { useState as useState23, useEffect as useEffect18, useMemo as useMemo6 } from "react";
 import {
   ChevronDown as ChevronDown5,
   ChevronUp as ChevronUp4,
@@ -8825,7 +8906,7 @@ import {
 } from "@unifold/core";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 var t5 = i18n.transferCrypto;
-var getChainKey2 = (chainId, chainType) => {
+var getChainKey3 = (chainId, chainType) => {
   return `${chainType}:${chainId}`;
 };
 var parseChainKey2 = (chainKey) => {
@@ -8839,6 +8920,10 @@ function TransferCryptoDoubleInput({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   depositConfirmationMode = "auto_ui",
   onExecutionsChange,
   onDepositSuccess,
@@ -8847,20 +8932,24 @@ function TransferCryptoDoubleInput({
 }) {
   const { themeClass, colors: colors2, fonts, components } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
-  const [token, setToken] = useState22("USDC");
-  const [chain, setChain] = useState22("solana:mainnet");
-  const [copied, setCopied] = useState22(false);
+  const [copied, setCopied] = useState23(false);
   const { copied: copiedRecipient, handleCopy: handleCopyRecipientAddress } = useCopyAddress();
-  const [glossaryOpen, setGlossaryOpen] = useState22(false);
-  const [detailsExpanded, setDetailsExpanded] = useState22(false);
-  const [depositsModalOpen, setDepositsModalOpen] = useState22(false);
-  const [initialSelectionDone, setInitialSelectionDone] = useState22(false);
+  const [glossaryOpen, setGlossaryOpen] = useState23(false);
+  const [detailsExpanded, setDetailsExpanded] = useState23(false);
+  const [depositsModalOpen, setDepositsModalOpen] = useState23(false);
   const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDepositTokens(publishableKey, {
     destination_token_address: destinationTokenAddress,
     destination_chain_id: destinationChainId,
     destination_chain_type: destinationChainType
   });
   const supportedTokens = tokensResponse?.data ?? [];
+  const { token, chain, setToken, setChain, initialSelectionDone } = useDefaultSourceToken({
+    supportedTokens,
+    defaultSourceChainType,
+    defaultSourceChainId,
+    defaultSourceTokenAddress,
+    defaultSourceSymbol
+  });
   const {
     data: depositAddressResponse,
     isLoading: walletsLoading,
@@ -8880,8 +8969,8 @@ function TransferCryptoDoubleInput({
   const error = walletsError?.message ?? null;
   const allAvailableChains = useMemo6(() => {
     const chainsMap = /* @__PURE__ */ new Map();
-    supportedTokens.forEach((t7) => {
-      t7.chains.forEach((c) => {
+    supportedTokens.forEach((t11) => {
+      t11.chains.forEach((c) => {
         const comboKey = `${c.chain_type}:${c.chain_id}`;
         if (!chainsMap.has(comboKey)) {
           chainsMap.set(comboKey, c);
@@ -8890,10 +8979,10 @@ function TransferCryptoDoubleInput({
     });
     return Array.from(chainsMap.values());
   }, [supportedTokens]);
-  const currentChainCombo = parseChainKey2(chain);
-  const currentChainData = allAvailableChains.find(
+  const currentChainCombo = chain ? parseChainKey2(chain) : null;
+  const currentChainData = currentChainCombo ? allAvailableChains.find(
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
-  );
+  ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
   const currentWallet = getWalletByChainType3(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
@@ -8911,57 +9000,26 @@ function TransferCryptoDoubleInput({
     onDepositSuccess,
     onDepositError
   });
-  useEffect17(() => {
-    if (!supportedTokens.length || initialSelectionDone) return;
-    const allChains = /* @__PURE__ */ new Set();
-    supportedTokens.forEach((t7) => {
-      t7.chains.forEach((c) => {
-        allChains.add(getChainKey2(c.chain_id, c.chain_type));
-      });
-    });
-    if (!allChains.has(chain)) {
-      const firstToken = supportedTokens[0];
-      if (firstToken.chains.length > 0) {
-        const firstChain = firstToken.chains[0];
-        setChain(getChainKey2(firstChain.chain_id, firstChain.chain_type));
-      }
-    }
-    setInitialSelectionDone(true);
-  }, [supportedTokens, chain, initialSelectionDone]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (onExecutionsChange) {
       onExecutionsChange(depositExecutions);
     }
   }, [depositExecutions, onExecutionsChange]);
-  useEffect17(() => {
-    if (!supportedTokens.length) return;
-    const currentToken = supportedTokens.find((t7) => t7.symbol === token);
-    if (!currentToken || currentToken.chains.length === 0) return;
-    const isChainAvailable = currentToken.chains.some((c) => {
-      const key = getChainKey2(c.chain_id, c.chain_type);
-      return key === chain;
-    });
-    if (!isChainAvailable) {
-      const firstChain = currentToken.chains[0];
-      const newChain = getChainKey2(firstChain.chain_id, firstChain.chain_type);
-      setChain(newChain);
-    }
-  }, [token, supportedTokens, chain]);
-  const selectedToken = supportedTokens.find((t7) => t7.symbol === token);
+  const selectedToken = token ? supportedTokens.find((t11) => t11.symbol === token) : void 0;
   const availableChainsForToken = selectedToken?.chains || [];
-  const currentChainFromBackend = availableChainsForToken.find((c) => {
-    const key = getChainKey2(c.chain_id, c.chain_type);
+  const currentChainFromBackend = chain ? availableChainsForToken.find((c) => {
+    const key = getChainKey3(c.chain_id, c.chain_type);
     return key === chain;
   }) || allAvailableChains.find((c) => {
-    const key = getChainKey2(c.chain_id, c.chain_type);
+    const key = getChainKey3(c.chain_id, c.chain_type);
     return key === chain;
-  });
+  }) : void 0;
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(depositAddress);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
-  const formatProcessingTime2 = (seconds) => {
+  const formatProcessingTime3 = (seconds) => {
     if (seconds === null) {
       return t5.processingTime.lessThanMinutes.replace("{{minutes}}", "1");
     }
@@ -9029,11 +9087,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ jsxs37(
               Select,
               {
-                value: token,
+                value: token ?? "",
                 onValueChange: setToken,
-                disabled: tokensLoading || supportedTokens.length === 0,
+                disabled: tokensLoading || !token || supportedTokens.length === 0,
                 children: [
-                  /* @__PURE__ */ jsx43(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+                  /* @__PURE__ */ jsx43(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue, { children: tokensLoading || !token ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
                   /* @__PURE__ */ jsx43(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx43(
                     SelectItem,
                     {
@@ -9060,11 +9118,11 @@ function TransferCryptoDoubleInput({
             /* @__PURE__ */ jsxs37(
               Select,
               {
-                value: chain,
+                value: chain ?? "",
                 onValueChange: setChain,
-                disabled: tokensLoading || availableChainsForToken.length === 0,
+                disabled: tokensLoading || !chain || availableChainsForToken.length === 0,
                 children: [
-                  /* @__PURE__ */ jsx43(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+                  /* @__PURE__ */ jsx43(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx43(SelectValue, { children: tokensLoading || !chain ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx43("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
                   /* @__PURE__ */ jsx43(
                     SelectContent,
                     {
@@ -9072,7 +9130,7 @@ function TransferCryptoDoubleInput({
                       className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
                       style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
                       children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
-                        const chainKey = getChainKey2(
+                        const chainKey = getChainKey3(
                           chainData.chain_id,
                           chainData.chain_type
                         );
@@ -9188,7 +9246,7 @@ function TransferCryptoDoubleInput({
                     t5.processingTime.label,
                     ":",
                     " ",
-                    /* @__PURE__ */ jsx43("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
+                    /* @__PURE__ */ jsx43("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime3(processingTime) })
                   ] })
                 ] }),
                 detailsExpanded ? /* @__PURE__ */ jsx43(ChevronUp4, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx43(ChevronDown5, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
@@ -10089,7 +10147,7 @@ function ReviewView({
 }
 
 // src/components/deposits/browser-wallets/ConfirmingView.tsx
-import { useCallback as useCallback2, useState as useState23 } from "react";
+import { useCallback as useCallback2, useState as useState24 } from "react";
 import { Loader2 as Loader23, CheckCircle2 } from "lucide-react";
 import { Fragment as Fragment7, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 function ConfirmingView({
@@ -10099,7 +10157,7 @@ function ConfirmingView({
   isPolling = false
 }) {
   const { colors: colors2, fonts } = useTheme();
-  const [containerEl, setContainerEl] = useState23(null);
+  const [containerEl, setContainerEl] = useState24(null);
   const containerCallbackRef = useCallback2((el) => {
     setContainerEl(el);
   }, []);
@@ -10267,7 +10325,7 @@ function BrowserWalletModal({
         );
         if (cancelled) return;
         const supportedToken = response.data.find(
-          (t7) => t7.symbol.toLowerCase() === token.symbol.toLowerCase()
+          (t11) => t11.symbol.toLowerCase() === token.symbol.toLowerCase()
         );
         if (supportedToken) {
           const chainDetail = supportedToken.chains.find(
@@ -11483,6 +11541,10 @@ function DepositModal({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   hideDepositTracker = false,
   showBalanceHeader = false,
   transferInputVariant = "double_input",
@@ -11509,28 +11571,28 @@ function DepositModal({
     if (s === "tracker" && hideDepositTracker) return "main";
     return s;
   }, [initialScreen, hideDepositTracker]);
-  const [containerEl, setContainerEl] = useState26(null);
+  const [containerEl, setContainerEl] = useState27(null);
   const containerCallbackRef = useCallback4((el) => {
     setContainerEl(el);
   }, []);
-  const [view, setView] = useState26(
+  const [view, setView] = useState27(
     effectiveInitialScreen
   );
-  const resetViewTimeoutRef = useRef5(null);
-  const [cardView, setCardView] = useState26(
+  const resetViewTimeoutRef = useRef6(null);
+  const [cardView, setCardView] = useState27(
     "amount"
   );
-  const [exchangeView, setExchangeView] = useState26(
+  const [exchangeView, setExchangeView] = useState27(
     "providers"
   );
-  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState26(false);
-  const [browserWalletInfo, setBrowserWalletInfo] = useState26(null);
-  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState26(false);
-  const [browserWalletChainType, setBrowserWalletChainType] = useState26(() => getStoredWalletChainType());
-  const [quotesCount, setQuotesCount] = useState26(0);
-  const [allExecutions, setAllExecutions] = useState26([]);
-  const [selectedExecution, setSelectedExecution] = useState26(null);
-  const [depositExecutions, setDepositExecutions] = useState26([]);
+  const [browserWalletModalOpen, setBrowserWalletModalOpen] = useState27(false);
+  const [browserWalletInfo, setBrowserWalletInfo] = useState27(null);
+  const [walletSelectionModalOpen, setWalletSelectionModalOpen] = useState27(false);
+  const [browserWalletChainType, setBrowserWalletChainType] = useState27(() => getStoredWalletChainType());
+  const [quotesCount, setQuotesCount] = useState27(0);
+  const [allExecutions, setAllExecutions] = useState27([]);
+  const [selectedExecution, setSelectedExecution] = useState27(null);
+  const [depositExecutions, setDepositExecutions] = useState27([]);
   const isMobileView = useIsMobileViewport();
   const { data: depositAddressResponse, isLoading: walletsLoading } = useDepositAddress({
     userId,
@@ -11543,10 +11605,10 @@ function DepositModal({
     // Only fetch when modal is open
   });
   const wallets = depositAddressResponse?.data ?? [];
-  const [resolvedTheme, setResolvedTheme] = useState26(
+  const [resolvedTheme, setResolvedTheme] = useState27(
     theme === "auto" ? "dark" : theme
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       setResolvedTheme(mediaQuery.matches ? "dark" : "light");
@@ -11575,11 +11637,11 @@ function DepositModal({
     chainType: destinationChainType,
     enabled: open
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await queryExecutions3(userId, publishableKey);
+        const response = await queryExecutions3(userId, publishableKey, ActionType3.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;
@@ -11596,7 +11658,7 @@ function DepositModal({
       clearInterval(pollInterval);
     };
   }, [view, userId, publishableKey]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (view !== "tracker") {
       setSelectedExecution(null);
     }
@@ -11706,7 +11768,7 @@ function DepositModal({
     setBrowserWalletInfo(null);
     setSelectedExecution(null);
   }, [open, effectiveInitialScreen]);
-  useEffect20(
+  useEffect21(
     () => () => {
       if (resetViewTimeoutRef.current) {
         clearTimeout(resetViewTimeoutRef.current);
@@ -11915,6 +11977,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -11930,6 +11996,10 @@ function DepositModal({
                     destinationChainType,
                     destinationChainId,
                     destinationTokenAddress,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
                     depositConfirmationMode,
                     onExecutionsChange: setDepositExecutions,
                     onDepositSuccess,
@@ -12090,6 +12160,2011 @@ function DepositModal({
     }
   ) });
 }
+
+// src/components/withdrawals/WithdrawModal.tsx
+import {
+  useState as useState31,
+  useEffect as useEffect25,
+  useLayoutEffect as useLayoutEffect3,
+  useCallback as useCallback6,
+  useRef as useRef8
+} from "react";
+import { AlertTriangle as AlertTriangle3, ChevronRight as ChevronRight13, Clock as Clock5 } from "lucide-react";
+
+// src/hooks/use-supported-destination-tokens.ts
+import { useQuery as useQuery9 } from "@tanstack/react-query";
+import {
+  getSupportedDestinationTokens
+} from "@unifold/core";
+function useSupportedDestinationTokens(publishableKey, enabled = true) {
+  return useQuery9({
+    queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
+    queryFn: () => getSupportedDestinationTokens(publishableKey),
+    staleTime: 1e3 * 60 * 5,
+    gcTime: 1e3 * 60 * 30,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+    enabled
+  });
+}
+
+// src/hooks/use-source-token-validation.ts
+import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { getSupportedDepositTokens as getSupportedDepositTokens3 } from "@unifold/core";
+function useSourceTokenValidation(params) {
+  const {
+    sourceChainType,
+    sourceChainId,
+    sourceTokenAddress,
+    sourceTokenSymbol,
+    publishableKey,
+    enabled = true
+  } = params;
+  const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
+  return useQuery10({
+    queryKey: [
+      "unifold",
+      "sourceTokenValidation",
+      sourceChainType ?? null,
+      sourceChainId ?? null,
+      sourceTokenAddress ?? null,
+      publishableKey
+    ],
+    queryFn: async () => {
+      const res = await getSupportedDepositTokens3(publishableKey);
+      let matchedMinUsd = null;
+      let matchedProcessingTime = null;
+      let matchedSlippage = null;
+      let matchedPriceImpact = null;
+      const found = res.data.some(
+        (token) => token.chains.some((chain) => {
+          const match = chain.chain_type === sourceChainType && chain.chain_id === sourceChainId && chain.token_address.toLowerCase() === sourceTokenAddress.toLowerCase();
+          if (match) {
+            matchedMinUsd = chain.minimum_deposit_amount_usd;
+            matchedProcessingTime = chain.estimated_processing_time;
+            matchedSlippage = chain.max_slippage_percent;
+            matchedPriceImpact = chain.estimated_price_impact_percent;
+          }
+          return match;
+        })
+      );
+      return {
+        isSupported: found,
+        minimumAmountUsd: matchedMinUsd,
+        estimatedProcessingTime: matchedProcessingTime,
+        maxSlippagePercent: matchedSlippage,
+        priceImpactPercent: matchedPriceImpact,
+        errorMessage: found ? null : `${sourceTokenSymbol || "Source token"} is not a supported withdrawal token. Supported tokens include USDC, USDT, and other stablecoins.`
+      };
+    },
+    enabled: enabled && hasParams,
+    staleTime: 1e3 * 60 * 5,
+    gcTime: 1e3 * 60 * 30,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+}
+
+// src/hooks/use-address-balance.ts
+import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { getAddressBalance as getAddressBalance2 } from "@unifold/core";
+function useAddressBalance(params) {
+  const {
+    address,
+    chainType,
+    chainId,
+    tokenAddress,
+    publishableKey,
+    enabled = true
+  } = params;
+  const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
+  return useQuery11({
+    queryKey: [
+      "unifold",
+      "addressBalance",
+      address ?? null,
+      chainType ?? null,
+      chainId ?? null,
+      tokenAddress ?? null,
+      publishableKey
+    ],
+    queryFn: async () => {
+      const res = await getAddressBalance2(
+        address,
+        chainType,
+        chainId,
+        tokenAddress,
+        publishableKey
+      );
+      if (res.balance) {
+        const decimals = res.balance.token?.decimals ?? 6;
+        const symbol = res.balance.token?.symbol ?? "";
+        const baseUnit = res.balance.amount;
+        const raw = BigInt(baseUnit);
+        const divisor = BigInt(10 ** decimals);
+        const whole = raw / divisor;
+        const frac = raw % divisor;
+        const fracStr = frac.toString().padStart(decimals, "0").replace(/0+$/, "");
+        const balanceHuman = fracStr ? `${whole}.${fracStr}` : whole.toString();
+        return {
+          balanceBaseUnit: baseUnit,
+          balanceHuman,
+          balanceUsd: res.balance.amount_usd,
+          exchangeRate: res.balance.exchange_rate,
+          decimals,
+          symbol
+        };
+      }
+      return { balanceBaseUnit: "0", balanceHuman: "0", balanceUsd: "0", exchangeRate: null, decimals: 6, symbol: "" };
+    },
+    enabled: enabled && hasParams,
+    staleTime: 1e3 * 30,
+    gcTime: 1e3 * 60 * 5,
+    refetchInterval: 1e3 * 30,
+    refetchOnMount: "always",
+    refetchOnWindowFocus: false
+  });
+}
+
+// src/hooks/use-executions.ts
+import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { queryExecutions as queryExecutions4, ActionType as ActionType4 } from "@unifold/core";
+function useExecutions(userId, publishableKey, options) {
+  const actionType = options?.actionType ?? ActionType4.Deposit;
+  return useQuery12({
+    queryKey: ["unifold", "executions", actionType, userId, publishableKey],
+    queryFn: () => queryExecutions4(userId, publishableKey, actionType),
+    enabled: (options?.enabled ?? true) && !!userId,
+    refetchInterval: options?.refetchInterval ?? 3e3,
+    staleTime: 0,
+    gcTime: 1e3 * 60 * 5,
+    refetchOnWindowFocus: false
+  });
+}
+
+// src/hooks/use-withdraw-polling.ts
+import { useState as useState28, useEffect as useEffect22, useRef as useRef7 } from "react";
+import {
+  queryExecutions as queryExecutions5,
+  pollDirectExecutions as pollDirectExecutions2,
+  ExecutionStatus as ExecutionStatus5,
+  ActionType as ActionType5
+} from "@unifold/core";
+var POLL_INTERVAL_MS2 = 2500;
+var POLL_ENDPOINT_INTERVAL_MS2 = 3e3;
+var CUTOFF_BUFFER_MS2 = 6e4;
+function useWithdrawPolling({
+  userId,
+  publishableKey,
+  depositWalletId,
+  enabled = false,
+  onWithdrawSuccess,
+  onWithdrawError
+}) {
+  const [executions, setExecutions] = useState28([]);
+  const [isPolling, setIsPolling] = useState28(false);
+  const enabledAtRef = useRef7(/* @__PURE__ */ new Date());
+  const trackedRef = useRef7(/* @__PURE__ */ new Map());
+  const prevEnabledRef = useRef7(false);
+  const onSuccessRef = useRef7(onWithdrawSuccess);
+  const onErrorRef = useRef7(onWithdrawError);
+  useEffect22(() => {
+    onSuccessRef.current = onWithdrawSuccess;
+  }, [onWithdrawSuccess]);
+  useEffect22(() => {
+    onErrorRef.current = onWithdrawError;
+  }, [onWithdrawError]);
+  useEffect22(() => {
+    if (enabled && !prevEnabledRef.current) {
+      enabledAtRef.current = /* @__PURE__ */ new Date();
+      trackedRef.current.clear();
+    }
+    if (!enabled) {
+      trackedRef.current.clear();
+    }
+    prevEnabledRef.current = enabled;
+  }, [enabled]);
+  useEffect22(() => {
+    if (!userId || !enabled) return;
+    const enabledAt = enabledAtRef.current;
+    const poll = async () => {
+      try {
+        const response = await queryExecutions5(userId, publishableKey, ActionType5.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 = [ExecutionStatus5.PENDING, ExecutionStatus5.WAITING, ExecutionStatus5.DELAYED];
+        const terminal = [ExecutionStatus5.SUCCEEDED, ExecutionStatus5.FAILED];
+        let target = null;
+        for (const ex of sorted) {
+          const t11 = ex.created_at ? new Date(ex.created_at) : null;
+          if (!t11 || t11 < cutoff) continue;
+          const prev = trackedRef.current.get(ex.id);
+          if (!prev) {
+            target = ex;
+            break;
+          }
+          if (inProgress.includes(prev) && terminal.includes(ex.status)) {
+            target = ex;
+            break;
+          }
+        }
+        if (target) {
+          const ex = target;
+          const exTime = ex.created_at ? new Date(ex.created_at) : null;
+          if (!exTime || exTime < enabledAtRef.current) return;
+          const prev = trackedRef.current.get(ex.id);
+          trackedRef.current.set(ex.id, ex.status);
+          setExecutions((list) => {
+            const idx = list.findIndex((e) => e.id === ex.id);
+            if (idx >= 0) {
+              const u = [...list];
+              u[idx] = ex;
+              return u;
+            }
+            return [...list, ex];
+          });
+          if (ex.status === ExecutionStatus5.SUCCEEDED && (!prev || inProgress.includes(prev))) {
+            onSuccessRef.current?.({ message: "Withdrawal completed successfully", executionId: ex.id, transaction: ex });
+          } else if (ex.status === ExecutionStatus5.FAILED && prev !== ExecutionStatus5.FAILED) {
+            onErrorRef.current?.({ message: "Withdrawal failed", code: "WITHDRAW_FAILED", error: ex });
+          }
+        }
+      } catch (error) {
+        console.error("Failed to fetch withdraw executions:", error);
+        onErrorRef.current?.({ message: "Failed to fetch withdrawal status", code: "POLLING_ERROR", error });
+      }
+    };
+    void poll();
+    const interval = setInterval(poll, POLL_INTERVAL_MS2);
+    setIsPolling(true);
+    return () => {
+      clearInterval(interval);
+      setIsPolling(false);
+    };
+  }, [userId, publishableKey, enabled]);
+  useEffect22(() => {
+    if (!enabled || !depositWalletId) return;
+    const trigger = async () => {
+      try {
+        await pollDirectExecutions2({ deposit_wallet_id: depositWalletId }, publishableKey);
+      } catch {
+      }
+    };
+    trigger();
+    const interval = setInterval(trigger, POLL_ENDPOINT_INTERVAL_MS2);
+    return () => clearInterval(interval);
+  }, [enabled, depositWalletId, publishableKey]);
+  return { executions, isPolling };
+}
+
+// src/components/withdrawals/WithdrawDoubleInput.tsx
+import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
+var t7 = i18n.withdrawModal;
+var getChainKey4 = (chainId, chainType) => `${chainType}:${chainId}`;
+function WithdrawDoubleInput({
+  tokens,
+  selectedTokenSymbol,
+  selectedChainKey,
+  onTokenChange,
+  onChainChange,
+  isLoading = false
+}) {
+  const { fonts, components } = useTheme();
+  const isDarkMode = useTheme().themeClass.includes("uf-dark");
+  const selectedToken = selectedTokenSymbol ? tokens.find((t11) => t11.symbol === selectedTokenSymbol) : void 0;
+  const availableChainsForToken = selectedToken?.chains || [];
+  const renderTokenItem = (tokenData) => /* @__PURE__ */ jsxs45("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+    /* @__PURE__ */ jsx52(
+      "img",
+      {
+        src: tokenData.icon_url,
+        alt: tokenData.symbol,
+        width: 20,
+        height: 20,
+        loading: "lazy",
+        className: "uf-rounded-full uf-flex-shrink-0"
+      }
+    ),
+    /* @__PURE__ */ jsx52("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
+  ] });
+  const renderChainItem = (chainData) => /* @__PURE__ */ jsxs45("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+    /* @__PURE__ */ jsx52(
+      "img",
+      {
+        src: chainData.icon_url,
+        alt: chainData.chain_name,
+        width: 20,
+        height: 20,
+        loading: "lazy",
+        className: "uf-rounded-full uf-flex-shrink-0"
+      }
+    ),
+    /* @__PURE__ */ jsx52("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
+  ] });
+  const currentChainData = selectedChainKey ? availableChainsForToken.find(
+    (c) => getChainKey4(c.chain_id, c.chain_type) === selectedChainKey
+  ) : void 0;
+  return /* @__PURE__ */ jsxs45("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
+    /* @__PURE__ */ jsxs45("div", { children: [
+      /* @__PURE__ */ jsx52(
+        "div",
+        {
+          className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1",
+          style: { color: components.card.labelColor },
+          children: t7.receiveToken
+        }
+      ),
+      /* @__PURE__ */ jsxs45(
+        Select,
+        {
+          value: selectedTokenSymbol ?? "",
+          onValueChange: onTokenChange,
+          disabled: isLoading || tokens.length === 0,
+          children: [
+            /* @__PURE__ */ jsx52(
+              SelectTrigger,
+              {
+                className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50",
+                style: {
+                  backgroundColor: components.card.backgroundColor,
+                  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+                },
+                children: /* @__PURE__ */ jsx52(SelectValue, { children: isLoading || !selectedTokenSymbol ? /* @__PURE__ */ jsx52("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t7.loading }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx52("span", { className: "uf-text-xs uf-font-normal", children: selectedTokenSymbol }) })
+              }
+            ),
+            /* @__PURE__ */ jsx52(
+              SelectContent,
+              {
+                className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]",
+                style: {
+                  border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`,
+                  ...fonts.regular ? { "--uf-font-family": fonts.regular } : {}
+                },
+                children: tokens.map((tokenData) => /* @__PURE__ */ jsx52(
+                  SelectItem,
+                  {
+                    value: tokenData.symbol,
+                    className: "focus:uf-bg-accent focus:uf-text-foreground",
+                    children: renderTokenItem(tokenData)
+                  },
+                  tokenData.symbol
+                ))
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs45("div", { children: [
+      /* @__PURE__ */ jsx52(
+        "div",
+        {
+          className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1",
+          style: { color: components.card.labelColor },
+          children: t7.receiveChain
+        }
+      ),
+      /* @__PURE__ */ jsxs45(
+        Select,
+        {
+          value: selectedChainKey ?? "",
+          onValueChange: onChainChange,
+          disabled: isLoading || availableChainsForToken.length === 0,
+          children: [
+            /* @__PURE__ */ jsx52(
+              SelectTrigger,
+              {
+                className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50",
+                style: {
+                  backgroundColor: components.card.backgroundColor,
+                  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+                },
+                children: /* @__PURE__ */ jsx52(SelectValue, { children: isLoading || !selectedChainKey ? /* @__PURE__ */ jsx52("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t7.loading }) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx52("span", { className: "uf-text-xs uf-font-normal", children: selectedChainKey }) })
+              }
+            ),
+            /* @__PURE__ */ jsx52(
+              SelectContent,
+              {
+                align: "end",
+                className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
+                style: {
+                  border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`,
+                  ...fonts.regular ? { "--uf-font-family": fonts.regular } : {}
+                },
+                children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx52("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: "No chains available" }) : availableChainsForToken.map((chainData) => {
+                  const chainKey = getChainKey4(chainData.chain_id, chainData.chain_type);
+                  return /* @__PURE__ */ jsx52(
+                    SelectItem,
+                    {
+                      value: chainKey,
+                      className: "focus:uf-bg-accent focus:uf-text-foreground",
+                      children: renderChainItem(chainData)
+                    },
+                    chainKey
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/withdrawals/WithdrawForm.tsx
+import { useState as useState29, useCallback as useCallback5, useMemo as useMemo10, useEffect as useEffect23 } from "react";
+import {
+  AlertTriangle as AlertTriangle2,
+  ArrowUpDown,
+  ChevronDown as ChevronDown7,
+  ChevronUp as ChevronUp6,
+  Clock as Clock4,
+  ClipboardPaste,
+  DollarSign as DollarSign3,
+  Loader2 as Loader25,
+  ShieldCheck as ShieldCheck3,
+  Wallet as Wallet3
+} from "lucide-react";
+
+// src/hooks/use-verify-recipient-address.ts
+import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { verifyRecipientAddress as verifyRecipientAddress2 } from "@unifold/core";
+function useVerifyRecipientAddress(params) {
+  const {
+    chainType,
+    chainId,
+    tokenAddress,
+    recipientAddress,
+    publishableKey,
+    enabled = true
+  } = params;
+  const trimmedAddress = recipientAddress?.trim() || "";
+  const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
+  return useQuery13({
+    queryKey: [
+      "unifold",
+      "verifyRecipientAddress",
+      chainType ?? null,
+      chainId ?? null,
+      tokenAddress ?? null,
+      trimmedAddress,
+      publishableKey
+    ],
+    queryFn: () => verifyRecipientAddress2(
+      {
+        chain_type: chainType,
+        chain_id: chainId,
+        token_address: tokenAddress,
+        recipient_address: trimmedAddress
+      },
+      publishableKey
+    ),
+    enabled: enabled && hasAllParams,
+    staleTime: 1e3 * 60 * 5,
+    gcTime: 1e3 * 60 * 30,
+    retry: 1,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  });
+}
+
+// src/components/withdrawals/send-withdraw.ts
+import {
+  buildSolanaTransaction as buildSolanaTransaction2,
+  sendSolanaTransaction as sendSolanaTransactionToBackend2
+} from "@unifold/core";
+async function sendEvmWithdraw(params) {
+  const {
+    provider,
+    fromAddress,
+    depositWalletAddress,
+    sourceTokenAddress,
+    sourceChainId,
+    amountBaseUnit
+  } = params;
+  const currentChainIdHex = await provider.request({
+    method: "eth_chainId",
+    params: []
+  });
+  const currentChainId = parseInt(currentChainIdHex, 16).toString();
+  if (currentChainId !== sourceChainId) {
+    const requiredHex = "0x" + parseInt(sourceChainId).toString(16);
+    try {
+      await provider.request({
+        method: "wallet_switchEthereumChain",
+        params: [{ chainId: requiredHex }]
+      });
+      const newHex = await provider.request({ method: "eth_chainId", params: [] });
+      if (parseInt(newHex, 16).toString() !== sourceChainId) {
+        throw new Error(`Failed to switch to chain ${sourceChainId}. Please switch manually.`);
+      }
+    } catch (err) {
+      if (err && typeof err === "object" && "code" in err) {
+        const e = err;
+        if (e.code === 4902) throw new Error(`Chain ${sourceChainId} is not configured in your wallet.`);
+        if (e.code === 4001) throw new Error("You must approve the network switch to withdraw.");
+      }
+      throw err;
+    }
+  }
+  const isNative = sourceTokenAddress === "native" || sourceTokenAddress === "0x0000000000000000000000000000000000000000" || sourceTokenAddress === "";
+  const amountBig = BigInt(amountBaseUnit);
+  const txParams = isNative ? { from: fromAddress, to: depositWalletAddress, value: "0x" + amountBig.toString(16) } : {
+    from: fromAddress,
+    to: sourceTokenAddress,
+    data: "0xa9059cbb" + depositWalletAddress.slice(2).padStart(64, "0") + amountBig.toString(16).padStart(64, "0")
+  };
+  let gasEstimate;
+  try {
+    const hex = await provider.request({ method: "eth_estimateGas", params: [txParams] });
+    gasEstimate = BigInt(hex);
+  } catch {
+    gasEstimate = isNative ? BigInt(21e3) : BigInt(65e3);
+  }
+  const gasPrice = BigInt(await provider.request({ method: "eth_gasPrice", params: [] }));
+  const gasWithBuffer = gasEstimate * BigInt(120) / BigInt(100);
+  const gasCost = gasWithBuffer * gasPrice;
+  const ethBalance = BigInt(
+    await provider.request({ method: "eth_getBalance", params: [fromAddress, "latest"] })
+  );
+  const totalRequired = isNative ? gasCost + amountBig : gasCost;
+  if (ethBalance < totalRequired) {
+    const gasFmt = (Number(gasCost) / 1e18).toFixed(6);
+    if (isNative) {
+      throw new Error(`Insufficient balance. Need ${(Number(totalRequired) / 1e18).toFixed(6)} ETH (amount + ~${gasFmt} gas).`);
+    }
+    throw new Error(`Insufficient ETH for gas. Need ~${gasFmt} ETH for fees.`);
+  }
+  const txHash = await provider.request({ method: "eth_sendTransaction", params: [txParams] });
+  return txHash;
+}
+async function sendSolanaWithdraw(params) {
+  const {
+    provider,
+    fromAddress,
+    depositWalletAddress,
+    sourceTokenAddress,
+    amountBaseUnit,
+    publishableKey
+  } = params;
+  if (!provider.publicKey) {
+    await provider.connect();
+  }
+  const buildResponse = await buildSolanaTransaction2(
+    {
+      chain_id: "mainnet",
+      token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
+      source_address: fromAddress,
+      destination_address: depositWalletAddress,
+      amount: amountBaseUnit
+    },
+    publishableKey
+  );
+  const { VersionedTransaction } = await import(
+    /* @vite-ignore */
+    "@solana/web3.js"
+  );
+  const binaryString = atob(buildResponse.transaction);
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  const transaction = VersionedTransaction.deserialize(bytes);
+  const signedTransaction = await provider.signTransaction(transaction);
+  const serialized = signedTransaction.serialize();
+  let binaryStr = "";
+  for (let i = 0; i < serialized.length; i++) {
+    binaryStr += String.fromCharCode(serialized[i]);
+  }
+  const sendResponse = await sendSolanaTransactionToBackend2(
+    { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
+    publishableKey
+  );
+  return sendResponse.signature;
+}
+async function detectBrowserWallet(chainType, senderAddress) {
+  const win = typeof window !== "undefined" ? window : null;
+  if (!win || !senderAddress) return null;
+  const anyWin = win;
+  if (chainType === "solana") {
+    const solProviders = [];
+    if (win.phantom?.solana) solProviders.push({ provider: win.phantom.solana, name: "Phantom" });
+    if (anyWin.solflare) solProviders.push({ provider: anyWin.solflare, name: "Solflare" });
+    if (anyWin.backpack) solProviders.push({ provider: anyWin.backpack, name: "Backpack" });
+    if (anyWin.trustwallet?.solana) solProviders.push({ provider: anyWin.trustwallet.solana, name: "Trust Wallet" });
+    for (const { provider, name } of solProviders) {
+      if (!provider) continue;
+      try {
+        let addr;
+        if (provider.isConnected && provider.publicKey) {
+          addr = provider.publicKey.toString();
+        } else {
+          const resp = await provider.connect({ onlyIfTrusted: true });
+          if (resp?.publicKey) addr = resp.publicKey.toString();
+        }
+        if (addr && addr === senderAddress) {
+          return { chainFamily: "solana", provider, name, address: addr };
+        }
+      } catch {
+      }
+    }
+  }
+  if (chainType === "ethereum") {
+    const evmProviders = [];
+    const seen = /* @__PURE__ */ new Set();
+    const add = (p, name) => {
+      if (p && typeof p.request === "function" && !seen.has(p)) {
+        seen.add(p);
+        evmProviders.push({ provider: p, name });
+      }
+    };
+    add(anyWin.phantom?.ethereum, "Phantom");
+    add(anyWin.coinbaseWalletExtension, "Coinbase");
+    add(anyWin.trustwallet?.ethereum, "Trust Wallet");
+    add(anyWin.okxwallet, "OKX Wallet");
+    if (anyWin.__eip6963Providers) {
+      for (const detail of anyWin.__eip6963Providers) {
+        const rdns = detail.info?.rdns || "";
+        let name = detail.info?.name || "Wallet";
+        if (rdns.includes("metamask")) name = "MetaMask";
+        else if (rdns.includes("rabby")) name = "Rabby";
+        else if (rdns.includes("rainbow")) name = "Rainbow";
+        add(detail.provider, name);
+      }
+    }
+    if (win.ethereum) {
+      const eth = win.ethereum;
+      let name = "Wallet";
+      if (eth.isMetaMask && !eth.isPhantom && !eth.isRabby) name = "MetaMask";
+      else if (eth.isRabby) name = "Rabby";
+      else if (eth.isRainbow) name = "Rainbow";
+      else if (eth.isCoinbaseWallet) name = "Coinbase";
+      add(eth, name);
+    }
+    for (const { provider, name } of evmProviders) {
+      try {
+        const accounts = await provider.request({ method: "eth_accounts" });
+        if (accounts?.length > 0 && accounts[0].toLowerCase() === senderAddress.toLowerCase()) {
+          return { chainFamily: "evm", provider, name, address: accounts[0] };
+        }
+      } catch {
+      }
+    }
+  }
+  return null;
+}
+
+// src/components/withdrawals/WithdrawForm.tsx
+import { Fragment as Fragment10, jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+var t8 = i18n.withdrawModal;
+var tCrypto = i18n.transferCrypto;
+function formatProcessingTime2(seconds) {
+  if (seconds === null) {
+    return tCrypto.processingTime.lessThanMinutes.replace("{{minutes}}", "1");
+  }
+  const minutes = Math.ceil(seconds / 60);
+  if (minutes < 60) {
+    return tCrypto.processingTime.lessThanMinutes.replace("{{minutes}}", String(minutes));
+  }
+  const hours = Math.ceil(minutes / 60);
+  return tCrypto.processingTime.lessThanHours.replace("{{hours}}", String(hours));
+}
+function computeBaseUnit(balanceBaseUnit, inputAmount, balanceAmount) {
+  if (balanceAmount <= 0 || inputAmount <= 0) return "0";
+  if (inputAmount >= balanceAmount) return balanceBaseUnit;
+  const PRECISION = 10n ** 18n;
+  const ratioScaled = BigInt(Math.round(inputAmount / balanceAmount * Number(PRECISION)));
+  const result = BigInt(balanceBaseUnit) * ratioScaled / PRECISION;
+  return result.toString();
+}
+function toSafeDecimalString(n, maxDecimals) {
+  if (n === 0) return "0";
+  return n.toFixed(maxDecimals).replace(/\.?0+$/, "");
+}
+function WithdrawForm({
+  publishableKey,
+  externalUserId,
+  sourceChainType,
+  selectedToken,
+  selectedChain,
+  sourceTokenSymbol,
+  recipientAddressProp,
+  balanceData,
+  isLoadingBalance,
+  minimumWithdrawAmountUsd,
+  estimatedProcessingTime,
+  maxSlippagePercent,
+  priceImpactPercent,
+  detectedWallet,
+  sourceChainId,
+  sourceTokenAddress,
+  isWalletMatch,
+  connectedWalletName,
+  canWithdraw,
+  onWithdraw,
+  onWithdrawError,
+  onDepositWalletCreation,
+  onWithdrawSubmitted,
+  footerLeft
+}) {
+  const { colors: colors2, fonts, components } = useTheme();
+  const [recipientAddress, setRecipientAddress] = useState29(recipientAddressProp || "");
+  const [amount, setAmount] = useState29("");
+  const [inputUnit, setInputUnit] = useState29("crypto");
+  const [isSubmitting, setIsSubmitting] = useState29(false);
+  const [submitError, setSubmitError] = useState29(null);
+  const [detailsExpanded, setDetailsExpanded] = useState29(false);
+  const [glossaryOpen, setGlossaryOpen] = useState29(false);
+  useEffect23(() => {
+    setRecipientAddress(recipientAddressProp || "");
+    setAmount("");
+    setInputUnit("crypto");
+    setSubmitError(null);
+  }, [recipientAddressProp]);
+  const trimmedAddress = recipientAddress.trim();
+  const [debouncedAddress, setDebouncedAddress] = useState29(trimmedAddress);
+  useEffect23(() => {
+    const id = setTimeout(() => setDebouncedAddress(trimmedAddress), 500);
+    return () => clearTimeout(id);
+  }, [trimmedAddress]);
+  const {
+    data: addressVerification,
+    isLoading: isVerifyingAddress,
+    error: verifyError
+  } = useVerifyRecipientAddress({
+    chainType: selectedChain?.chain_type,
+    chainId: selectedChain?.chain_id,
+    tokenAddress: selectedChain?.token_address,
+    recipientAddress: debouncedAddress,
+    publishableKey,
+    enabled: debouncedAddress.length > 5 && !!selectedChain
+  });
+  const isDebouncing = trimmedAddress !== debouncedAddress;
+  const addressError = useMemo10(() => {
+    if (!trimmedAddress || trimmedAddress.length <= 5) return null;
+    if (isDebouncing || isVerifyingAddress) return null;
+    if (verifyError) return t8.invalidAddress;
+    if (addressVerification && !addressVerification.valid) {
+      if (addressVerification.failure_code === "account_not_found")
+        return `Account not found on ${selectedChain?.chain_name}`;
+      if (addressVerification.failure_code === "not_opted_in")
+        return `Recipient has not opted in to ${selectedToken?.symbol} on ${selectedChain?.chain_name}`;
+      return t8.invalidAddress;
+    }
+    return null;
+  }, [trimmedAddress, isDebouncing, isVerifyingAddress, verifyError, addressVerification, selectedChain, selectedToken]);
+  const isAddressValid = !isDebouncing && !!addressVerification?.valid && !addressError;
+  const exchangeRate = useMemo10(() => {
+    if (!balanceData?.exchangeRate) return 0;
+    return parseFloat(balanceData.exchangeRate);
+  }, [balanceData]);
+  const balanceCrypto = useMemo10(() => {
+    if (!balanceData?.balanceHuman) return 0;
+    return parseFloat(balanceData.balanceHuman);
+  }, [balanceData]);
+  const balanceUsdNum = useMemo10(() => {
+    if (!balanceData?.balanceUsd) return 0;
+    return parseFloat(balanceData.balanceUsd);
+  }, [balanceData]);
+  const tokenSymbol = sourceTokenSymbol || balanceData?.symbol || "TOKEN";
+  const sourceDecimals = balanceData?.decimals ?? 6;
+  const cryptoAmountFromInput = useMemo10(() => {
+    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 = useMemo10(() => {
+    const val = parseFloat(amount);
+    if (!val || val <= 0) return 0;
+    if (inputUnit === "fiat") return val;
+    return val * exchangeRate;
+  }, [amount, inputUnit, exchangeRate]);
+  const convertedDisplay = useMemo10(() => {
+    if (!amount || parseFloat(amount) <= 0) return null;
+    if (inputUnit === "crypto") {
+      return `$${fiatAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+    }
+    return `${cryptoAmountFromInput.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 6 })} ${tokenSymbol}`;
+  }, [amount, inputUnit, fiatAmountFromInput, cryptoAmountFromInput, tokenSymbol]);
+  const balanceDisplay = useMemo10(() => {
+    if (isLoadingBalance || !balanceData) return null;
+    if (inputUnit === "crypto") {
+      return `${balanceCrypto.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${tokenSymbol}`;
+    }
+    return `$${balanceUsdNum.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+  }, [isLoadingBalance, balanceData, inputUnit, balanceCrypto, balanceUsdNum, tokenSymbol]);
+  const handleSwitchUnit = useCallback5(() => {
+    const val = parseFloat(amount);
+    if (!val || val <= 0 || exchangeRate <= 0) {
+      setInputUnit((u) => u === "crypto" ? "fiat" : "crypto");
+      setAmount("");
+      return;
+    }
+    if (inputUnit === "crypto") {
+      const fiat = val * exchangeRate;
+      setAmount(fiat.toFixed(2));
+      setInputUnit("fiat");
+    } else {
+      const crypto = val / exchangeRate;
+      setAmount(crypto.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
+      setInputUnit("crypto");
+    }
+  }, [amount, inputUnit, exchangeRate, sourceDecimals]);
+  const handleMaxClick = useCallback5(() => {
+    if (inputUnit === "crypto") {
+      if (balanceCrypto <= 0) return;
+      setAmount(balanceData?.balanceHuman ?? "0");
+    } else {
+      if (balanceUsdNum <= 0) return;
+      setAmount((Math.floor(balanceUsdNum * 100) / 100).toFixed(2));
+    }
+  }, [inputUnit, balanceCrypto, balanceUsdNum, balanceData]);
+  const isBelowMinimum = minimumWithdrawAmountUsd !== null && fiatAmountFromInput > 0 && fiatAmountFromInput < minimumWithdrawAmountUsd;
+  const isOverBalance = inputUnit === "crypto" ? cryptoAmountFromInput > 0 && balanceCrypto > 0 && cryptoAmountFromInput > balanceCrypto : fiatAmountFromInput > 0 && balanceUsdNum > 0 && fiatAmountFromInput > balanceUsdNum;
+  const isFormValid = trimmedAddress.length > 0 && amount.trim().length > 0 && cryptoAmountFromInput > 0 && isAddressValid && !isBelowMinimum && !isOverBalance && !!balanceData;
+  const handleWithdraw = useCallback5(async () => {
+    if (!selectedToken || !selectedChain) return;
+    if (!isFormValid) return;
+    setIsSubmitting(true);
+    setSubmitError(null);
+    try {
+      const depositWallet = await onDepositWalletCreation({
+        destinationChainType: selectedChain.chain_type,
+        destinationChainId: selectedChain.chain_id,
+        destinationTokenAddress: selectedChain.token_address,
+        recipientAddress: trimmedAddress
+      });
+      const amountBaseUnit = computeBaseUnit(
+        balanceData.balanceBaseUnit,
+        parseFloat(amount),
+        inputUnit === "crypto" ? balanceCrypto : balanceUsdNum
+      );
+      const humanAmount = toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
+      const txInfo = {
+        sourceChainType,
+        sourceChainId,
+        sourceTokenAddress,
+        sourceTokenSymbol: tokenSymbol,
+        destinationChainType: selectedChain.chain_type,
+        destinationChainId: selectedChain.chain_id,
+        destinationTokenAddress: selectedChain.token_address,
+        destinationTokenSymbol: selectedToken.symbol,
+        amount: humanAmount,
+        amountBaseUnit,
+        withdrawIntentAddress: depositWallet.address,
+        recipientAddress: trimmedAddress
+      };
+      if (detectedWallet) {
+        if (detectedWallet.chainFamily === "evm") {
+          await sendEvmWithdraw({
+            provider: detectedWallet.provider,
+            fromAddress: detectedWallet.address,
+            depositWalletAddress: depositWallet.address,
+            sourceTokenAddress,
+            sourceChainId,
+            amountBaseUnit
+          });
+        } else if (detectedWallet.chainFamily === "solana") {
+          await sendSolanaWithdraw({
+            provider: detectedWallet.provider,
+            fromAddress: detectedWallet.address,
+            depositWalletAddress: depositWallet.address,
+            sourceTokenAddress,
+            amountBaseUnit,
+            publishableKey
+          });
+        }
+      } else if (onWithdraw) {
+        await onWithdraw(txInfo);
+      } else {
+        throw new Error("No withdrawal method available. Please connect a wallet.");
+      }
+      onWithdrawSubmitted?.(txInfo);
+    } catch (err) {
+      const raw = err instanceof Error ? err.message : "Withdrawal failed. Please try again.";
+      setSubmitError(raw.length > 120 ? "Withdrawal failed. Please try again." : raw);
+      onWithdrawError?.({
+        message: raw,
+        error: err,
+        code: "WITHDRAW_FAILED"
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [selectedToken, selectedChain, isFormValid, cryptoAmountFromInput, sourceDecimals, trimmedAddress, publishableKey, onWithdraw, detectedWallet, sourceTokenAddress, sourceChainId, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, amount, inputUnit, balanceCrypto, balanceUsdNum, balanceData]);
+  return /* @__PURE__ */ jsxs46(Fragment10, { children: [
+    /* @__PURE__ */ jsxs46("div", { children: [
+      /* @__PURE__ */ jsx53(
+        "div",
+        {
+          className: "uf-text-xs uf-mb-1.5",
+          style: { color: components.card.labelColor, fontFamily: fonts.medium },
+          children: t8.recipientAddress
+        }
+      ),
+      /* @__PURE__ */ jsx53(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: `.uf-withdraw-addr::placeholder { color: ${components.search.placeholderColor}; }`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs46(
+        "div",
+        {
+          className: "uf-flex uf-items-center uf-gap-1 uf-pr-2",
+          style: {
+            backgroundColor: components.search.backgroundColor,
+            borderRadius: components.input.borderRadius,
+            border: `${components.input.borderWidth}px solid ${addressError ? colors2.error : components.input.borderColor}`
+          },
+          children: [
+            /* @__PURE__ */ jsx53(
+              "input",
+              {
+                type: "text",
+                placeholder: t8.recipientAddressPlaceholder,
+                value: recipientAddress,
+                onChange: (e) => {
+                  setRecipientAddress(e.target.value);
+                  setSubmitError(null);
+                },
+                className: "uf-withdraw-addr uf-flex-1 uf-min-w-0 uf-px-3 uf-py-2.5 uf-text-sm uf-bg-transparent uf-outline-none",
+                style: {
+                  color: components.search.inputColor,
+                  fontFamily: fonts.regular
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx53(
+              "button",
+              {
+                type: "button",
+                onClick: async () => {
+                  try {
+                    const text = await navigator.clipboard.readText();
+                    if (text) {
+                      setRecipientAddress(text.trim());
+                      setSubmitError(null);
+                    }
+                  } catch {
+                  }
+                },
+                className: "uf-flex-shrink-0 uf-p-1 uf-rounded uf-transition-colors hover:uf-opacity-70",
+                style: { color: colors2.foregroundMuted },
+                title: "Paste from clipboard",
+                children: /* @__PURE__ */ jsx53(ClipboardPaste, { className: "uf-w-4 uf-h-4" })
+              }
+            )
+          ]
+        }
+      ),
+      (isDebouncing || isVerifyingAddress) && trimmedAddress.length > 5 && /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-1.5", children: [
+        /* @__PURE__ */ jsx53(Loader25, { className: "uf-w-3 uf-h-3 uf-animate-spin", style: { color: colors2.foregroundMuted } }),
+        /* @__PURE__ */ jsx53("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: t8.verifyingAddress })
+      ] }),
+      addressError && /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-mt-1.5", children: [
+        /* @__PURE__ */ jsx53(AlertTriangle2, { className: "uf-w-3 uf-h-3", style: { color: colors2.error } }),
+        /* @__PURE__ */ jsx53("span", { className: "uf-text-xs", style: { color: colors2.error, fontFamily: fonts.regular }, children: addressError })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs46("div", { children: [
+      /* @__PURE__ */ jsxs46("div", { className: "uf-text-xs uf-mb-1.5", style: { color: components.card.labelColor, fontFamily: fonts.medium }, children: [
+        t8.amount,
+        minimumWithdrawAmountUsd != null && minimumWithdrawAmountUsd > 0 && /* @__PURE__ */ jsx53("span", { style: { color: colors2.warning, fontFamily: fonts.regular }, children: ` ($${minimumWithdrawAmountUsd.toFixed(2)} min)` })
+      ] }),
+      /* @__PURE__ */ jsx53(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: `.uf-withdraw-amt::placeholder { color: ${components.search.placeholderColor}; }`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs46(
+        "div",
+        {
+          className: "uf-flex uf-items-center uf-gap-2 uf-px-3 uf-py-2.5",
+          style: {
+            backgroundColor: components.search.backgroundColor,
+            borderRadius: components.input.borderRadius,
+            border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
+          },
+          children: [
+            /* @__PURE__ */ jsx53(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "0.00",
+                value: amount,
+                onChange: (e) => {
+                  const val = e.target.value;
+                  if (val === "" || /^\d*\.?\d*$/.test(val)) {
+                    setAmount(val);
+                    setSubmitError(null);
+                  }
+                },
+                className: "uf-withdraw-amt uf-flex-1 uf-min-w-0 uf-bg-transparent uf-text-sm uf-outline-none",
+                style: {
+                  color: components.search.inputColor,
+                  fontFamily: fonts.regular
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx53("span", { className: "uf-text-sm uf-shrink-0", style: { color: colors2.foregroundMuted, fontFamily: fonts.medium }, children: inputUnit === "crypto" ? tokenSymbol : "USD" }),
+            /* @__PURE__ */ jsx53(
+              "button",
+              {
+                type: "button",
+                onClick: handleMaxClick,
+                className: "uf-shrink-0 uf-px-2 uf-py-0.5 uf-rounded-md uf-text-xs uf-font-medium uf-transition-colors hover:uf-opacity-80",
+                style: { backgroundColor: colors2.primary + "20", color: colors2.primary, fontFamily: fonts.medium },
+                children: "Max"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-justify-between uf-mt-1.5 uf-px-3", children: [
+        /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+          /* @__PURE__ */ jsx53("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: convertedDisplay || (inputUnit === "crypto" ? "$0.00" : `0.00 ${tokenSymbol}`) }),
+          exchangeRate > 0 && /* @__PURE__ */ jsx53(
+            "button",
+            {
+              type: "button",
+              onClick: handleSwitchUnit,
+              className: "uf-p-0.5 uf-rounded uf-transition-colors hover:uf-opacity-70",
+              style: { color: colors2.foregroundMuted },
+              title: "Switch unit",
+              children: /* @__PURE__ */ jsx53(ArrowUpDown, { className: "uf-w-3 uf-h-3" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs46("div", { children: [
+          balanceDisplay && /* @__PURE__ */ jsxs46("span", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: [
+            t8.balance,
+            ": ",
+            balanceDisplay
+          ] }),
+          isLoadingBalance && /* @__PURE__ */ jsx53("div", { className: "uf-h-3 uf-w-16 uf-bg-muted uf-rounded uf-animate-pulse" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs46("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
+      /* @__PURE__ */ jsxs46(
+        "button",
+        {
+          type: "button",
+          onClick: () => setDetailsExpanded(!detailsExpanded),
+          className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
+          children: [
+            /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ jsx53("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx53(Clock4, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ jsxs46("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+                tCrypto.processingTime.label,
+                ":",
+                " ",
+                /* @__PURE__ */ jsx53("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(estimatedProcessingTime) })
+              ] })
+            ] }),
+            detailsExpanded ? /* @__PURE__ */ jsx53(ChevronUp6, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx53(ChevronDown7, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
+          ]
+        }
+      ),
+      detailsExpanded && /* @__PURE__ */ jsxs46("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
+        /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ jsx53("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx53(ShieldCheck3, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+          /* @__PURE__ */ jsxs46("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+            tCrypto.slippage.label,
+            ":",
+            " ",
+            /* @__PURE__ */ jsxs46("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
+              tCrypto.slippage.auto,
+              " \u2022 ",
+              (maxSlippagePercent ?? 0.25).toFixed(2),
+              "%"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+          /* @__PURE__ */ jsx53("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx53(DollarSign3, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+          /* @__PURE__ */ jsxs46("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+            tCrypto.priceImpact.label,
+            ":",
+            " ",
+            /* @__PURE__ */ jsxs46("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
+              (priceImpactPercent ?? 0).toFixed(2),
+              "%"
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    !canWithdraw && !submitError && /* @__PURE__ */ jsxs46(
+      "div",
+      {
+        className: "uf-flex uf-items-start uf-gap-2.5 uf-p-3 uf-rounded-xl",
+        style: { backgroundColor: colors2.card, border: `1px solid ${colors2.border}` },
+        children: [
+          /* @__PURE__ */ jsx53(Wallet3, { className: "uf-w-4 uf-h-4 uf-flex-shrink-0 uf-mt-0.5", style: { color: colors2.warning } }),
+          /* @__PURE__ */ jsx53("div", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No connected wallet detected. Please connect a wallet that matches your account to withdraw." })
+        ]
+      }
+    ),
+    isWalletMatch && connectedWalletName ? /* @__PURE__ */ jsx53(
+      "button",
+      {
+        type: "button",
+        onClick: handleWithdraw,
+        disabled: !isFormValid || !canWithdraw || isSubmitting || !selectedToken || !selectedChain,
+        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,
+          color: colors2.primaryForeground,
+          fontFamily: fonts.medium,
+          borderRadius: components.button.borderRadius,
+          border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
+        },
+        children: isSubmitting ? /* @__PURE__ */ jsxs46(Fragment10, { children: [
+          /* @__PURE__ */ jsx53(Loader25, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
+          "Processing..."
+        ] }) : isOverBalance ? /* @__PURE__ */ jsx53(Fragment10, { children: "Insufficient balance" }) : isBelowMinimum ? /* @__PURE__ */ jsx53(Fragment10, { children: "Minimum amount not met" }) : submitError ? /* @__PURE__ */ jsx53(Fragment10, { children: "Withdrawal failed. Try again" }) : /* @__PURE__ */ jsxs46(Fragment10, { children: [
+          /* @__PURE__ */ jsx53(Wallet3, { className: "uf-w-4 uf-h-4" }),
+          "Withdraw from ",
+          connectedWalletName
+        ] })
+      }
+    ) : /* @__PURE__ */ jsx53(
+      "button",
+      {
+        type: "button",
+        onClick: handleWithdraw,
+        disabled: !isFormValid || !canWithdraw || isSubmitting || !selectedToken || !selectedChain,
+        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,
+          color: colors2.primaryForeground,
+          fontFamily: fonts.medium,
+          borderRadius: components.button.borderRadius,
+          border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
+        },
+        children: isSubmitting ? /* @__PURE__ */ jsxs46("span", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2", children: [
+          /* @__PURE__ */ jsx53(Loader25, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
+          "Processing..."
+        ] }) : isOverBalance ? "Insufficient balance" : isBelowMinimum ? "Minimum amount not met" : submitError ? "Withdrawal failed. Try again" : t8.withdraw
+      }
+    ),
+    /* @__PURE__ */ jsxs46("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-1", children: [
+      /* @__PURE__ */ jsx53("div", { children: footerLeft }),
+      /* @__PURE__ */ jsx53(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) })
+    ] }),
+    /* @__PURE__ */ jsx53(
+      GlossaryModal,
+      {
+        open: glossaryOpen,
+        onOpenChange: setGlossaryOpen
+      }
+    )
+  ] });
+}
+
+// src/components/withdrawals/WithdrawExecutionItem.tsx
+import { ChevronRight as ChevronRight12 } from "lucide-react";
+import {
+  ExecutionStatus as ExecutionStatus6,
+  getIconUrl as getIconUrl5
+} from "@unifold/core";
+import { jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
+function WithdrawExecutionItem({
+  execution,
+  onClick
+}) {
+  const { colors: colors2, fonts, components } = useTheme();
+  const isPending = execution.status === ExecutionStatus6.PENDING || execution.status === ExecutionStatus6.WAITING || execution.status === ExecutionStatus6.DELAYED;
+  const formatDateTime = (timestamp) => {
+    try {
+      const date = new Date(timestamp);
+      const monthDay = date.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+      const time = date.toLocaleTimeString("en-US", {
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: true
+      }).toLowerCase();
+      return `${monthDay} at ${time}`;
+    } catch {
+      return timestamp;
+    }
+  };
+  const formatUsdAmount2 = (sourceAmountUsd) => {
+    try {
+      const amount = Number(sourceAmountUsd);
+      return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }).format(amount);
+    } catch {
+      return "$0.00";
+    }
+  };
+  return /* @__PURE__ */ jsxs47(
+    "button",
+    {
+      onClick,
+      className: "uf-w-full uf-p-3 uf-flex uf-items-center uf-gap-3 hover:uf-bg-secondary/80 uf-transition-colors uf-text-left",
+      style: {
+        backgroundColor: components.card.backgroundColor,
+        borderRadius: components.list.rowBorderRadius,
+        border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+      },
+      children: [
+        /* @__PURE__ */ jsxs47("div", { className: "uf-relative uf-flex-shrink-0 uf-w-9 uf-h-9", children: [
+          /* @__PURE__ */ jsx54(
+            "img",
+            {
+              src: execution.destination_token_metadata?.icon_url || getIconUrl5("/icons/tokens/svg/usdc.svg"),
+              alt: "Token",
+              width: 36,
+              height: 36,
+              loading: "lazy",
+              className: "uf-rounded-full uf-w-9 uf-h-9"
+            }
+          ),
+          isPending ? /* @__PURE__ */ jsx54(
+            "div",
+            {
+              className: "uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-rounded-full uf-p-0.5",
+              style: { backgroundColor: colors2.warning },
+              children: /* @__PURE__ */ jsx54(
+                "svg",
+                {
+                  width: "10",
+                  height: "10",
+                  viewBox: "0 0 12 12",
+                  fill: "none",
+                  className: "uf-animate-spin uf-block",
+                  children: /* @__PURE__ */ jsx54(
+                    "path",
+                    {
+                      d: "M6 1V3M6 9V11M1 6H3M9 6H11M2.5 2.5L4 4M8 8L9.5 9.5M2.5 9.5L4 8M8 4L9.5 2.5",
+                      stroke: "white",
+                      strokeWidth: "2",
+                      strokeLinecap: "round"
+                    }
+                  )
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsx54(
+            "div",
+            {
+              className: "uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-rounded-full uf-p-0.5",
+              style: { backgroundColor: colors2.success },
+              children: /* @__PURE__ */ jsx54(
+                "svg",
+                {
+                  width: "10",
+                  height: "10",
+                  viewBox: "0 0 12 12",
+                  fill: "none",
+                  className: "uf-block",
+                  children: /* @__PURE__ */ jsx54(
+                    "path",
+                    {
+                      d: "M10 3L4.5 8.5L2 6",
+                      stroke: "white",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs47("div", { className: "uf-flex-1 uf-min-w-0", children: [
+          /* @__PURE__ */ jsx54(
+            "h3",
+            {
+              className: "uf-font-medium uf-text-sm uf-leading-tight",
+              style: {
+                color: components.card.titleColor,
+                fontFamily: fonts.medium
+              },
+              children: isPending ? "Withdrawal processing" : "Withdrawal completed"
+            }
+          ),
+          /* @__PURE__ */ jsx54(
+            "p",
+            {
+              className: "uf-text-xs uf-leading-tight",
+              style: {
+                color: components.card.subtitleColor,
+                fontFamily: fonts.regular
+              },
+              children: formatDateTime(execution.created_at || (/* @__PURE__ */ new Date()).toISOString())
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx54(
+          "span",
+          {
+            className: "uf-font-medium uf-text-sm uf-flex-shrink-0",
+            style: {
+              color: components.card.textRightColor,
+              fontFamily: fonts.medium
+            },
+            children: formatUsdAmount2(execution.source_amount_usd || "0")
+          }
+        ),
+        /* @__PURE__ */ jsx54(
+          ChevronRight12,
+          {
+            className: "uf-w-4 uf-h-4 uf-flex-shrink-0",
+            style: { color: components.card.actionColor }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/withdrawals/WithdrawConfirmingView.tsx
+import { useState as useState30, useEffect as useEffect24 } from "react";
+import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+function truncateAddress4(addr) {
+  if (addr.length <= 12) return addr;
+  return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
+}
+var SHOW_BUTTON_DELAY_MS = 5e3;
+function WithdrawConfirmingView({
+  txInfo,
+  executions,
+  onClose,
+  onViewTracker
+}) {
+  const { colors: colors2, fonts, components } = useTheme();
+  const [showButton, setShowButton] = useState30(false);
+  const latestExecution = executions.length > 0 ? executions[executions.length - 1] : null;
+  useEffect24(() => {
+    if (latestExecution) return;
+    const timer = setTimeout(() => setShowButton(true), SHOW_BUTTON_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, [latestExecution]);
+  const btnRadius = components.button.borderRadius;
+  const btnBorder = `${components.button.borderWidth}px solid ${components.button.borderColor}`;
+  if (latestExecution) {
+    return /* @__PURE__ */ jsxs48(Fragment11, { children: [
+      /* @__PURE__ */ jsx55(DepositHeader, { title: "Withdrawal Details", showClose: true, onClose }),
+      /* @__PURE__ */ jsx55(DepositDetailContent, { execution: latestExecution, variant: "withdraw" }),
+      /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-gap-2 uf-px-2 uf-pt-2", children: [
+        /* @__PURE__ */ jsx55(
+          "button",
+          {
+            type: "button",
+            onClick: onViewTracker,
+            className: "uf-flex-1 uf-py-2.5 uf-text-sm uf-transition-colors hover:uf-opacity-90",
+            style: {
+              backgroundColor: components.button.secondaryBackground,
+              color: components.button.secondaryText,
+              fontFamily: fonts.medium,
+              borderRadius: btnRadius,
+              border: btnBorder
+            },
+            children: "Withdrawal History"
+          }
+        ),
+        /* @__PURE__ */ jsx55(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "uf-flex-1 uf-py-2.5 uf-text-sm uf-transition-colors hover:uf-opacity-90",
+            style: {
+              backgroundColor: components.button.primaryBackground,
+              color: components.button.primaryText,
+              fontFamily: fonts.medium,
+              borderRadius: btnRadius,
+              border: btnBorder
+            },
+            children: "Close"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx55("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx55(
+        PoweredByUnifold,
+        {
+          color: colors2.foregroundMuted,
+          className: "uf-flex uf-justify-center uf-shrink-0"
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs48(Fragment11, { children: [
+    /* @__PURE__ */ jsx55(DepositHeader, { title: "Withdrawal Status", showClose: true, onClose }),
+    /* @__PURE__ */ jsxs48("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-16 uf-px-4", children: [
+      /* @__PURE__ */ jsx55(
+        "div",
+        {
+          className: "uf-w-20 uf-h-20 uf-rounded-full uf-flex uf-items-center uf-justify-center uf-mb-6",
+          style: { backgroundColor: `${colors2.primary}20` },
+          children: /* @__PURE__ */ jsx55(
+            "svg",
+            {
+              width: "40",
+              height: "40",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              className: "uf-animate-spin",
+              children: /* @__PURE__ */ jsx55(
+                "path",
+                {
+                  d: "M21 12a9 9 0 1 1-6.22-8.56",
+                  stroke: colors2.primary,
+                  strokeWidth: "2.5",
+                  strokeLinecap: "round"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx55(
+        "h3",
+        {
+          className: "uf-text-xl uf-mb-2",
+          style: { color: colors2.foreground, fontFamily: fonts.medium },
+          children: "Checking Withdrawal"
+        }
+      ),
+      /* @__PURE__ */ jsxs48(
+        "p",
+        {
+          className: "uf-text-sm uf-text-center",
+          style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+          children: [
+            txInfo.amount,
+            " ",
+            txInfo.sourceTokenSymbol,
+            " to",
+            " ",
+            truncateAddress4(txInfo.recipientAddress)
+          ]
+        }
+      )
+    ] }),
+    showButton && /* @__PURE__ */ jsx55("div", { className: "uf-px-1 uf-pb-1", children: /* @__PURE__ */ jsx55(
+      "button",
+      {
+        type: "button",
+        onClick: onViewTracker,
+        className: "uf-w-full uf-py-2.5 uf-text-sm uf-transition-colors hover:uf-opacity-90",
+        style: {
+          backgroundColor: components.button.secondaryBackground,
+          color: components.button.secondaryText,
+          fontFamily: fonts.medium,
+          borderRadius: btnRadius,
+          border: btnBorder
+        },
+        children: "Withdrawal History"
+      }
+    ) }),
+    /* @__PURE__ */ jsx55("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx55(
+      PoweredByUnifold,
+      {
+        color: colors2.foregroundMuted,
+        className: "uf-flex uf-justify-center uf-shrink-0"
+      }
+    ) })
+  ] });
+}
+
+// src/components/withdrawals/WithdrawModal.tsx
+import {
+  createDepositAddress as createDepositAddress2,
+  getWalletByChainType as getWalletByChainType4,
+  ActionType as ActionType6
+} from "@unifold/core";
+import { Fragment as Fragment12, jsx as jsx56, jsxs as jsxs49 } from "react/jsx-runtime";
+var t9 = i18n.withdrawModal;
+var getChainKey5 = (chainId, chainType) => `${chainType}:${chainId}`;
+function WithdrawModal({
+  open,
+  onOpenChange,
+  publishableKey,
+  modalTitle,
+  externalUserId,
+  sourceChainType,
+  sourceChainId,
+  sourceTokenAddress,
+  sourceTokenSymbol,
+  recipientAddress: recipientAddressProp,
+  senderAddress,
+  onWithdraw,
+  onWithdrawSuccess,
+  onWithdrawError,
+  theme = "dark",
+  hideOverlay = false
+}) {
+  const { colors: colors2, fonts, components } = useTheme();
+  const [containerEl, setContainerEl] = useState31(null);
+  const containerCallbackRef = useCallback6((el) => {
+    setContainerEl(el);
+  }, []);
+  const [resolvedTheme, setResolvedTheme] = useState31(
+    theme === "auto" ? "dark" : theme
+  );
+  useEffect25(() => {
+    if (theme === "auto") {
+      const mq = window.matchMedia("(prefers-color-scheme: dark)");
+      setResolvedTheme(mq.matches ? "dark" : "light");
+      const h = (e) => setResolvedTheme(e.matches ? "dark" : "light");
+      mq.addEventListener("change", h);
+      return () => mq.removeEventListener("change", h);
+    }
+    setResolvedTheme(theme);
+  }, [theme]);
+  const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
+  const { data: tokensResponse, isLoading: tokensLoading } = useSupportedDestinationTokens(publishableKey, open);
+  const destinationTokens = tokensResponse?.data ?? [];
+  const { data: sourceValidation, isLoading: isCheckingSourceToken } = useSourceTokenValidation({
+    sourceChainType,
+    sourceChainId,
+    sourceTokenAddress,
+    sourceTokenSymbol,
+    publishableKey,
+    enabled: open
+  });
+  const { data: balanceData, isLoading: isLoadingBalance } = useAddressBalance({
+    address: senderAddress,
+    chainType: sourceChainType,
+    chainId: sourceChainId,
+    tokenAddress: sourceTokenAddress,
+    publishableKey,
+    enabled: open
+  });
+  const [selectedToken, setSelectedToken] = useState31(null);
+  const [selectedChain, setSelectedChain] = useState31(null);
+  const [detectedWallet, setDetectedWallet] = useState31(null);
+  const connectedWalletName = detectedWallet?.name ?? null;
+  const isWalletMatch = !!detectedWallet;
+  useEffect25(() => {
+    if (!senderAddress || !open) {
+      setDetectedWallet(null);
+      return;
+    }
+    let cancelled = false;
+    detectBrowserWallet(sourceChainType, senderAddress).then((wallet) => {
+      if (!cancelled) setDetectedWallet(wallet);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [senderAddress, sourceChainType, open]);
+  const [view, setView] = useState31("form");
+  const [withdrawDepositWalletId, setWithdrawDepositWalletId] = useState31();
+  const [selectedExecution, setSelectedExecution] = useState31(null);
+  const [submittedTxInfo, setSubmittedTxInfo] = useState31(null);
+  const { executions: realtimeExecutions } = useWithdrawPolling({
+    userId: externalUserId,
+    publishableKey,
+    depositWalletId: withdrawDepositWalletId,
+    enabled: !!withdrawDepositWalletId && open,
+    onWithdrawSuccess: onWithdrawSuccess ? (d) => onWithdrawSuccess({ message: d.message, transaction: d.transaction }) : void 0,
+    onWithdrawError
+  });
+  const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
+    actionType: ActionType6.Withdraw,
+    enabled: open,
+    refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
+  });
+  const allWithdrawals = allWithdrawalsData?.data ?? [];
+  const handleDepositWalletCreation = useCallback6(async (params) => {
+    const { data: wallets } = await createDepositAddress2(
+      {
+        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: ActionType6.Withdraw
+      },
+      publishableKey
+    );
+    const depositWallet = getWalletByChainType4(wallets, sourceChainType);
+    if (!depositWallet) {
+      throw new Error(`No deposit wallet available for ${sourceChainType}`);
+    }
+    setWithdrawDepositWalletId(depositWallet.id);
+    return depositWallet;
+  }, [externalUserId, publishableKey, sourceChainType]);
+  const handleWithdrawSubmitted = useCallback6((txInfo) => {
+    setSubmittedTxInfo(txInfo);
+    setView("confirming");
+  }, []);
+  useEffect25(() => {
+    if (!destinationTokens.length || selectedToken) return;
+    const first = destinationTokens[0];
+    if (first?.chains.length > 0) {
+      setSelectedToken(first);
+      setSelectedChain(first.chains[0]);
+    }
+  }, [destinationTokens, selectedToken]);
+  const resetViewTimeoutRef = useRef8(null);
+  const handleClose = useCallback6(() => {
+    onOpenChange(false);
+    if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
+    resetViewTimeoutRef.current = setTimeout(() => {
+      setSelectedToken(null);
+      setSelectedChain(null);
+      setView("form");
+      setSelectedExecution(null);
+      setSubmittedTxInfo(null);
+      setWithdrawDepositWalletId(void 0);
+      resetViewTimeoutRef.current = null;
+    }, 200);
+  }, [onOpenChange]);
+  useLayoutEffect3(() => {
+    if (!open) return;
+    if (resetViewTimeoutRef.current) {
+      clearTimeout(resetViewTimeoutRef.current);
+      resetViewTimeoutRef.current = null;
+    }
+    setSelectedToken(null);
+    setSelectedChain(null);
+    setView("form");
+    setSelectedExecution(null);
+    setSubmittedTxInfo(null);
+    setWithdrawDepositWalletId(void 0);
+  }, [open]);
+  useEffect25(() => () => {
+    if (resetViewTimeoutRef.current) clearTimeout(resetViewTimeoutRef.current);
+  }, []);
+  const handleTokenSymbolChange = useCallback6((symbol) => {
+    const tok = destinationTokens.find((t11) => t11.symbol === symbol);
+    if (tok) {
+      setSelectedToken(tok);
+      if (tok.chains.length > 0) setSelectedChain(tok.chains[0]);
+    }
+  }, [destinationTokens]);
+  const handleChainKeyChange = useCallback6((chainKey) => {
+    if (!selectedToken) return;
+    const chain = selectedToken.chains.find((c) => getChainKey5(c.chain_id, c.chain_type) === chainKey);
+    if (chain) setSelectedChain(chain);
+  }, [selectedToken]);
+  const isSourceSupported = sourceValidation?.isSupported ?? null;
+  const canWithdraw = !!onWithdraw || isWalletMatch;
+  const isAnyLoading = tokensLoading || isCheckingSourceToken;
+  const withdrawPoweredByFooter = /* @__PURE__ */ jsx56("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx56(PoweredByUnifold, { color: colors2.foregroundMuted, className: "uf-flex uf-justify-center uf-shrink-0" }) });
+  return /* @__PURE__ */ jsx56(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsx56(Dialog, { open: hideOverlay || open, onOpenChange: hideOverlay ? void 0 : handleClose, modal: !hideOverlay, children: /* @__PURE__ */ jsx56(
+    DialogContent,
+    {
+      ref: hideOverlay ? containerCallbackRef : void 0,
+      hideOverlay,
+      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden ${hideOverlay ? `uf-p-6 uf-overflow-hidden ${themeClass}` : `uf-p-0 uf-overflow-visible !uf-top-auto !uf-h-auto !uf-max-h-[90vh] sm:!uf-max-h-none sm:!uf-top-[50%] ${themeClass}`}`,
+      style: { backgroundColor: colors2.background },
+      onPointerDownOutside: (e) => e.preventDefault(),
+      onInteractOutside: (e) => e.preventDefault(),
+      children: /* @__PURE__ */ jsx56(ThemeStyleInjector, { children: view === "confirming" && submittedTxInfo ? /* @__PURE__ */ jsx56(
+        WithdrawConfirmingView,
+        {
+          txInfo: submittedTxInfo,
+          executions: realtimeExecutions,
+          onClose: handleClose,
+          onViewTracker: () => setView("tracker")
+        }
+      ) : view === "detail" && selectedExecution ? /* @__PURE__ */ jsxs49(Fragment12, { children: [
+        /* @__PURE__ */ jsx56(DepositHeader, { title: "Withdrawal Details", showBack: true, showClose: !hideOverlay, onBack: () => {
+          setSelectedExecution(null);
+          setView("tracker");
+        }, onClose: handleClose }),
+        /* @__PURE__ */ jsx56(DepositDetailContent, { execution: selectedExecution, variant: "withdraw" }),
+        withdrawPoweredByFooter
+      ] }) : view === "tracker" ? (
+        /* ---------- Tracker view: execution list ---------- */
+        /* @__PURE__ */ jsxs49(Fragment12, { children: [
+          /* @__PURE__ */ jsx56(DepositHeader, { title: "Withdrawal History", showBack: true, showClose: !hideOverlay, onBack: () => setView("form"), onClose: handleClose }),
+          /* @__PURE__ */ jsx56("div", { className: "uf-flex uf-flex-col uf-gap-2", style: { minHeight: 200 }, children: allWithdrawals.length === 0 ? /* @__PURE__ */ jsx56("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ jsx56("p", { className: "uf-text-sm", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No withdrawals to track yet" }) }) : allWithdrawals.map((ex) => /* @__PURE__ */ jsx56(
+            WithdrawExecutionItem,
+            {
+              execution: ex,
+              onClick: () => {
+                setSelectedExecution(ex);
+                setView("detail");
+              }
+            },
+            ex.id
+          )) }),
+          withdrawPoweredByFooter
+        ] })
+      ) : (
+        /* ---------- Form view (default) ---------- */
+        /* @__PURE__ */ jsxs49(Fragment12, { children: [
+          /* @__PURE__ */ jsx56(DepositHeader, { title: modalTitle || t9.title, showClose: !hideOverlay, onClose: handleClose }),
+          /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-gap-3", children: [
+            isAnyLoading ? /* @__PURE__ */ jsx56("div", { className: "uf-space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx56("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-animate-pulse", children: /* @__PURE__ */ jsx56("div", { className: "uf-bg-muted uf-rounded-lg uf-w-full uf-h-10" }) }, i)) }) : isSourceSupported === false ? /* @__PURE__ */ jsxs49("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+              /* @__PURE__ */ jsx56("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx56(AlertTriangle3, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+              /* @__PURE__ */ jsx56("h3", { className: "uf-text-lg uf-font-semibold uf-mb-2", style: { color: colors2.foreground, fontFamily: fonts.medium }, children: "Unsupported Source Token" }),
+              /* @__PURE__ */ jsx56("p", { className: "uf-text-sm uf-max-w-[280px]", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: sourceValidation?.errorMessage })
+            ] }) : /* @__PURE__ */ jsxs49(Fragment12, { children: [
+              /* @__PURE__ */ jsx56(
+                WithdrawDoubleInput,
+                {
+                  tokens: destinationTokens,
+                  selectedTokenSymbol: selectedToken?.symbol ?? null,
+                  selectedChainKey: selectedChain ? getChainKey5(selectedChain.chain_id, selectedChain.chain_type) : null,
+                  onTokenChange: handleTokenSymbolChange,
+                  onChainChange: handleChainKeyChange,
+                  isLoading: tokensLoading
+                }
+              ),
+              /* @__PURE__ */ jsx56(
+                WithdrawForm,
+                {
+                  publishableKey,
+                  externalUserId,
+                  sourceChainType,
+                  selectedToken,
+                  selectedChain,
+                  sourceTokenSymbol,
+                  recipientAddressProp,
+                  balanceData: balanceData ?? null,
+                  isLoadingBalance,
+                  minimumWithdrawAmountUsd: sourceValidation?.minimumAmountUsd ?? null,
+                  estimatedProcessingTime: sourceValidation?.estimatedProcessingTime ?? null,
+                  maxSlippagePercent: sourceValidation?.maxSlippagePercent ?? null,
+                  priceImpactPercent: sourceValidation?.priceImpactPercent ?? null,
+                  detectedWallet,
+                  sourceChainId,
+                  sourceTokenAddress,
+                  isWalletMatch,
+                  connectedWalletName,
+                  canWithdraw,
+                  onWithdraw,
+                  onWithdrawError,
+                  onDepositWalletCreation: handleDepositWalletCreation,
+                  onWithdrawSubmitted: handleWithdrawSubmitted,
+                  footerLeft: /* @__PURE__ */ jsxs49(
+                    "button",
+                    {
+                      onClick: () => setView("tracker"),
+                      className: "uf-flex uf-items-center uf-gap-1 uf-transition-colors hover:uf-opacity-70",
+                      style: { color: colors2.foregroundMuted },
+                      children: [
+                        /* @__PURE__ */ jsx56(Clock5, { className: "uf-w-3.5 uf-h-3.5" }),
+                        "Withdrawal History",
+                        /* @__PURE__ */ jsx56(ChevronRight13, { className: "uf-w-3 uf-h-3" })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] }),
+            withdrawPoweredByFooter
+          ] })
+        ] })
+      ) })
+    }
+  ) }) });
+}
+
+// src/components/withdrawals/WithdrawTokenSelector.tsx
+import { useState as useState32, useMemo as useMemo11 } from "react";
+import { Search } from "lucide-react";
+import { jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
+var t10 = i18n.withdrawModal;
+function WithdrawTokenSelector({
+  tokens,
+  onSelect,
+  onBack
+}) {
+  const { themeClass, colors: colors2, fonts, components } = useTheme();
+  const [searchQuery, setSearchQuery] = useState32("");
+  const [hoveredKey, setHoveredKey] = useState32(null);
+  const allOptions = useMemo11(() => {
+    const options = [];
+    tokens.forEach((token) => {
+      token.chains.forEach((chain) => {
+        options.push({ token, chain });
+      });
+    });
+    return options;
+  }, [tokens]);
+  const filteredOptions = useMemo11(() => {
+    if (!searchQuery.trim()) return allOptions;
+    const query = searchQuery.toLowerCase();
+    return allOptions.filter(
+      ({ token, chain }) => token.symbol.toLowerCase().includes(query) || token.name.toLowerCase().includes(query) || chain.chain_name.toLowerCase().includes(query)
+    );
+  }, [allOptions, searchQuery]);
+  return /* @__PURE__ */ jsxs50(
+    "div",
+    {
+      className: "uf-flex uf-flex-col",
+      style: { minHeight: 0, flex: 1 },
+      children: [
+        /* @__PURE__ */ jsxs50("div", { className: "uf-pb-3", children: [
+          /* @__PURE__ */ jsx57(
+            "style",
+            {
+              dangerouslySetInnerHTML: {
+                __html: `.uf-withdraw-token-search::placeholder { color: ${components.search.placeholderColor}; }`
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs50("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ jsx57(
+              Search,
+              {
+                className: "uf-absolute uf-left-3 uf-top-1/2 uf--translate-y-1/2 uf-w-4 uf-h-4",
+                style: { color: components.search.placeholderColor }
+              }
+            ),
+            /* @__PURE__ */ jsx57(
+              "input",
+              {
+                type: "text",
+                placeholder: "Search token or network",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: "uf-withdraw-token-search uf-w-full uf-pl-10 uf-pr-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
+                style: {
+                  backgroundColor: components.search.backgroundColor,
+                  color: components.search.inputColor,
+                  fontFamily: fonts.regular,
+                  borderRadius: components.input.borderRadius,
+                  border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
+                }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx57(
+          "div",
+          {
+            className: "uf-text-xs uf-mb-2",
+            style: {
+              color: components.list.titleSectionColor,
+              fontFamily: fonts.medium
+            },
+            children: t10.selectToken
+          }
+        ),
+        /* @__PURE__ */ jsx57(
+          "div",
+          {
+            className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3",
+            style: { scrollbarWidth: "none" },
+            children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx57(
+              "div",
+              {
+                style: {
+                  textAlign: "center",
+                  padding: "2rem 0",
+                  fontSize: 14,
+                  color: components.container.subtitleColor,
+                  fontFamily: fonts.regular
+                },
+                children: t10.noTokensAvailable
+              }
+            ) : /* @__PURE__ */ jsx57("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
+              const key = `${token.symbol}-${chain.chain_type}:${chain.chain_id}`;
+              return /* @__PURE__ */ jsxs50(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onSelect(token, chain),
+                  onMouseEnter: () => setHoveredKey(key),
+                  onMouseLeave: () => setHoveredKey(null),
+                  className: "uf-transition-colors",
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 12,
+                    padding: 12,
+                    borderRadius: 12,
+                    border: "none",
+                    cursor: "pointer",
+                    textAlign: "left",
+                    backgroundColor: hoveredKey === key ? colors2.cardHover : "transparent"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs50("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                      /* @__PURE__ */ jsx57(
+                        "img",
+                        {
+                          src: token.icon_url,
+                          alt: token.symbol,
+                          width: 40,
+                          height: 40,
+                          loading: "lazy",
+                          className: "uf-rounded-full"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx57(
+                        "div",
+                        {
+                          style: {
+                            position: "absolute",
+                            bottom: -4,
+                            right: -4
+                          },
+                          children: /* @__PURE__ */ jsx57(
+                            "img",
+                            {
+                              src: chain.icon_url,
+                              alt: chain.chain_name,
+                              width: 20,
+                              height: 20,
+                              loading: "lazy",
+                              className: "uf-rounded-full uf-border-2"
+                            }
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs50("div", { style: { flex: 1, minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsx57(
+                        "div",
+                        {
+                          style: {
+                            fontSize: 14,
+                            fontWeight: 500,
+                            color: components.card.titleColor,
+                            fontFamily: fonts.medium
+                          },
+                          children: token.symbol
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs50(
+                        "div",
+                        {
+                          style: {
+                            fontSize: 12,
+                            color: components.card.subtitleColor,
+                            fontFamily: fonts.regular
+                          },
+                          children: [
+                            token.name,
+                            " \u2022 ",
+                            chain.chain_name
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                key
+              );
+            }) })
+          }
+        ),
+        /* @__PURE__ */ jsx57("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx57(
+          PoweredByUnifold,
+          {
+            color: colors2.foregroundMuted,
+            className: "uf-flex uf-justify-center uf-shrink-0"
+          }
+        ) })
+      ]
+    }
+  );
+}
 export {
   Button,
   BuyWithCard,
@@ -12135,15 +14210,29 @@ export {
   TransferCryptoButton,
   TransferCryptoDoubleInput,
   TransferCryptoSingleInput,
+  WithdrawConfirmingView,
+  WithdrawDoubleInput,
+  WithdrawExecutionItem,
+  WithdrawForm,
+  WithdrawModal,
+  WithdrawTokenSelector,
   buttonVariants,
   cn,
   colors,
   defaultColors,
+  detectBrowserWallet,
   getColors,
   mergeColors,
   resolveComponentTokens,
+  sendEvmWithdraw,
+  sendSolanaWithdraw,
   truncateAddress,
+  useAddressBalance,
   useAllowedCountry,
   useDepositPolling,
-  useTheme
+  useSourceTokenValidation,
+  useSupportedDestinationTokens,
+  useTheme,
+  useVerifyRecipientAddress,
+  useWithdrawPolling
 };