@ab-org/predicate-market-sdk 0.0.2 → 0.1.1

package/dist/ui/DepositModal.js

@@ -8,7 +8,8 @@ import { DepositDetailsPanel } from "./components/DepositDetailsPanel.js";
 import { LoginRequiredOverlay } from "./components/LoginRequiredOverlay.js";
 import { useSession } from "./hooks/useSession.js";
 import { colors, fonts, radii } from "./theme.js";
-import { getChains, quote, } from "../modules/api.js";
+import { getChains, quote, registerPlatform, } from "../modules/api.js";
+import { getEnv } from "../utils/env";
 /** 校验是否为合法的充值地址（传入值）：非空且长度满足常见链地址格式 */
 function isValidDepositAddress(v) {
     return typeof v === "string" && v.trim().length >= 20;
@@ -43,8 +44,6 @@ const DefaultCryptoIcons = () => {
             }, children: t.label }, i))) }));
 };
 /* ─── Helpers: derive options from getChains ─── */
-/** Deposit 时不可选 USD1（充值是转入 USD1，源代币为 USDT/USDC 等） */
-const DEPOSIT_EXCLUDED_TOKEN = "USD1";
 function chainsToTokenOptions(chains) {
     const bySymbol = new Map();
     for (const c of chains) {
@@ -54,7 +53,6 @@ function chainsToTokenOptions(chains) {
         }
     }
     return Array.from(bySymbol.entries())
-        .filter(([id]) => id !== DEPOSIT_EXCLUDED_TOKEN)
         .map(([id, { symbol }]) => ({
         id,
         label: symbol,
@@ -88,6 +86,8 @@ function getTokenAddressForChain(chains, chainId, tokenSymbol) {
     const chain = chains.find((c) => c.chain_id === chainId);
     return chain?.tokens.find((t) => t.symbol === tokenSymbol)?.address;
 }
+/* ─── Main Component ─────────────────────────── */
+const FUNDING_TOKEN_SYMBOL = getEnv("FUNDING_TOKEN_SYMBOL");
 export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, chainOptions: chainOptionsProp, depositAddress, minimumDeposit, qrCenterIcon, cryptoIcons, depositAmount, onShowToast, txHash, explorerTxUrl, onTokenSelect, onChainSelect, onCopyAddress, onBuyCrypto, onSignIn, onBack, onClose, }) => {
     const session = useSession();
     const [view, setView] = useState("entry");
@@ -97,10 +97,12 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
     const [loadingChains, setLoadingChains] = useState(false);
     const [loadingQuote, setLoadingQuote] = useState(false);
     const [quoteRefreshKey, setQuoteRefreshKey] = useState(0);
+    const [internalDepositAddress, setInternalDepositAddress] = useState(undefined);
+    const lastEmittedAddressRef = useRef(undefined);
+    const lastEmittedChainRef = useRef(undefined);
     const tokenOptions = useMemo(() => {
-        const excludeUsd1 = (opts) => opts.filter((o) => o.id !== DEPOSIT_EXCLUDED_TOKEN && o.label !== DEPOSIT_EXCLUDED_TOKEN);
         if (tokenOptionsProp?.length)
-            return excludeUsd1(tokenOptionsProp);
+            return tokenOptionsProp;
         if (!apiChains?.length)
             return undefined;
         return chainsToTokenOptions(apiChains);
@@ -112,12 +114,6 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
             return undefined;
         return chainsToChainOptionsForToken(apiChains, token);
     }, [chainOptionsProp, apiChains, token]);
-    // 当前选中的是 USD1 时自动切到第一个可选 token（deposit 不允许选 USD1）
-    useEffect(() => {
-        if (token !== DEPOSIT_EXCLUDED_TOKEN || !tokenOptions?.length || !onTokenSelect)
-            return;
-        onTokenSelect(tokenOptions[0].id);
-    }, [token, tokenOptions, onTokenSelect]);
     // 仅有一个 chain 选项时默认选中
     useEffect(() => {
         if (chainOptions?.length !== 1 || !onChainSelect)
@@ -135,6 +131,25 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
             .then((res) => setApiChains(res?.chains ?? {}))
             .finally(() => setLoadingChains(false));
     }, [view]);
+    // Fetch depositAddress internally when user is signed in and a chain has been selected.
+    useEffect(() => {
+        if (view !== "transfer")
+            return;
+        if (!session?.address || !chain)
+            return;
+        registerPlatform({
+            platform_contract_address: session.address,
+            chain_id: chain,
+        })
+            .then((res) => {
+            if (res?.deposit_address) {
+                setInternalDepositAddress(res.deposit_address);
+            }
+        })
+            .catch(() => {
+            // silent failure; UI will keep placeholder if any
+        });
+    }, [view, chain, session?.address]);
     useEffect(() => {
         if (!apiChains?.length || !token || !chain) {
             setApiQuote(null);
@@ -166,12 +181,25 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
                 rate: "1",
                 chain_id: Number(chain) || 56,
                 deposit_address: "0x" + "0".repeat(39) + "1",
-                usd1_amount: depositAmount ?? "0",
+                dst_token_amount: depositAmount ?? "0",
                 expires_at: new Date(Date.now() + 60000).toISOString(),
             });
         })
             .finally(() => setLoadingQuote(false));
     }, [apiChains, token, chain, depositAmount, quoteRefreshKey, onShowToast]);
+    // Emit resolved address when external prop is provided/changes
+    useEffect(() => {
+        if (!chain)
+            return;
+        if (!depositAddress)
+            return;
+        if (lastEmittedAddressRef.current === depositAddress &&
+            lastEmittedChainRef.current === chain) {
+            return;
+        }
+        lastEmittedAddressRef.current = depositAddress;
+        lastEmittedChainRef.current = chain;
+    }, [depositAddress, chain]);
     const handleQuoteExpired = useCallback(() => {
         setQuoteRefreshKey((k) => k + 1);
     }, []);
@@ -187,8 +215,8 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
         setView("entry");
         onBack?.();
     };
-    const handleCopyAddress = useCallback(() => {
-        onCopyAddress?.();
+    const handleCopyAddress = useCallback((address) => {
+        onCopyAddress?.(address);
         onShowToast?.("Address copied");
         setCopySuccessMessage("Address copied");
     }, [onCopyAddress, onShowToast]);
@@ -211,7 +239,7 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
                     fontWeight: 500,
                     boxShadow: "0 4px 12px rgba(0,0,0,.25)",
                     zIndex: 10,
-                }, children: copySuccessMessage })), view === "entry" ? (_jsx(EntryView, { cryptoIcons: cryptoIcons, onTransferCrypto: () => setView("transfer"), onBuyCrypto: onBuyCrypto })) : (_jsx(TransferView, { token: token, chain: chain, tokenOptions: tokenOptions, chainOptions: chainOptions, depositAddress: depositAddress, minimumDeposit: minimumDeposit, qrCenterIcon: qrCenterIcon, quote: apiQuote, quoteLoading: loadingQuote, txHash: txHash, chainIdForExplorer: chain, explorerTxUrl: explorerTxUrl, loadingChains: loadingChains, onTokenSelect: onTokenSelect, onChainSelect: onChainSelect, onCopyAddress: handleCopyAddress, onQuoteExpired: handleQuoteExpired, onRefreshQuote: () => {
+                }, children: copySuccessMessage })), view === "entry" ? (_jsx(EntryView, { cryptoIcons: cryptoIcons, onTransferCrypto: () => setView("transfer"), onBuyCrypto: onBuyCrypto })) : (_jsx(TransferView, { token: token, chain: chain, tokenOptions: tokenOptions, chainOptions: chainOptions, depositAddress: depositAddress ?? internalDepositAddress, minimumDeposit: minimumDeposit, qrCenterIcon: qrCenterIcon, quote: apiQuote, quoteLoading: loadingQuote, txHash: txHash, chainIdForExplorer: chain, explorerTxUrl: explorerTxUrl, loadingChains: loadingChains, onTokenSelect: onTokenSelect, onChainSelect: onChainSelect, onCopyAddress: handleCopyAddress, onQuoteExpired: handleQuoteExpired, onRefreshQuote: () => {
                     if (!apiChains?.length || !token || !chain)
                         return;
                     const tokenAddress = getTokenAddressForChain(apiChains, chain, token);
@@ -227,7 +255,7 @@ export const DepositModal = ({ token, chain, tokenOptions: tokenOptionsProp, cha
                                 rate: "1",
                                 chain_id: Number(chain) || 56,
                                 deposit_address: "0x" + "0".repeat(39) + "1",
-                                usd1_amount: depositAmount ?? "0",
+                                dst_token_amount: depositAmount ?? "0",
                                 expires_at: new Date(Date.now() + 60000).toISOString(),
                             });
                         })
@@ -302,7 +330,7 @@ const TransferView = ({ token, chain, tokenOptions, chainOptions, depositAddress
                                     display: "flex",
                                     flexDirection: "column",
                                     gap: 8,
-                                }, children: quoteLoading ? (_jsx("span", { style: { fontSize: 13, color: colors.textSecondary }, children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [_jsxs("span", { style: { fontSize: 13, color: colors.textSecondary }, children: ["1 ", quoteData.token_symbol, " = ", quoteData.rate, " USD1"] }), quoteData.expires_at && (_jsx(Countdown, { expiresAt: quoteData.expires_at, isExpired: quoteExpired, onExpired: onQuoteExpired })), quoteExpired && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: { fontSize: 13, color: "#f59e0b" }, children: "Quote expired, please refresh" }), onRefreshQuote && (_jsx("button", { type: "button", onClick: onRefreshQuote, style: {
+                                }, children: quoteLoading ? (_jsx("span", { style: { fontSize: 13, color: colors.textSecondary }, children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [_jsxs("span", { style: { fontSize: 13, color: colors.textSecondary }, children: ["1 ", quoteData.token_symbol, " = ", quoteData.rate, " ", FUNDING_TOKEN_SYMBOL] }), quoteData.expires_at && (_jsx(Countdown, { expiresAt: quoteData.expires_at, isExpired: quoteExpired, onExpired: onQuoteExpired })), quoteExpired && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: { fontSize: 13, color: "#f59e0b" }, children: "Quote expired, please refresh" }), onRefreshQuote && (_jsx("button", { type: "button", onClick: onRefreshQuote, style: {
                                                         padding: "4px 12px",
                                                         fontSize: 12,
                                                         borderRadius: radii.pill,

package/dist/ui/WithdrawModal.d.ts

@@ -1,5 +1,6 @@
 import type { ChangeEventHandler } from "react";
 import { type SelectOption } from "./components/DropdownField.js";
+import { type WithdrawOrderResponseData } from "../modules/api.js";
 export type WithdrawUiStatus = "idle" | "pending" | "success" | "manual_review";
 export interface WithdrawModalProps {
     address?: string;
@@ -18,6 +19,14 @@ export interface WithdrawModalProps {
     useMerchantApi?: boolean;
     /** 创建订单后传入，用于轮询提现订单状态 */
     orderId?: string;
+    /** 提现模式：direct 直接提现，cross_chain 跨链提现 */
+    withdrawMode?: "direct" | "cross_chain";
+    /**
+     * 直接提现模式（无 orderId）下的结果数据；
+     * 将用来构造一个与 getWithdrawOrder 返回值兼容的对象，从而复用“有 orderId”时的全部交互与展示。
+     * 最少建议提供：status、dst_token_amount、target_chain_id、target_address（必要时包含 dst_tx_hash / out_tx_hash、fee）。
+     */
+    withdrawDirectResult?: Partial<WithdrawOrderResponseData>;
     /** 成功页 Fee 展示：优先用订单接口返回的 fee，若后端未返回则用此值（如询价时的 fee），均无则显示 "—" */
     feeDisplay?: string;
     /** 广播后的 funding tx 所在链 id，与 txHash 一起用于展示「查看交易」链接 */
@@ -30,11 +39,12 @@ export interface WithdrawModalProps {
     onChainSelect?: (id: string) => void;
     onAmountChange?: ChangeEventHandler<HTMLInputElement>;
     onMaxClick?: () => void;
-    /** 提交时传入当前表单值（收款地址、金额、所选 token、所选 chain），由调用方执行提现 */
+    /** 提交时传入当前表单值（收款地址、金额、所选 token、链上合约地址、所选 chain），由调用方执行提现 */
     onSubmit?: (payload: {
         toAddress: string;
         amount: string;
         token: string;
+        tokenAddress: string;
         chain: string;
     }) => void;
     /** 提现订单状态变为 completed 时调用，用于调用方刷新余额等 */
@@ -44,4 +54,4 @@ export interface WithdrawModalProps {
     onSignIn?: () => void;
     onClose?: () => void;
 }
-export declare const WithdrawModal: ({ address, token, tokenSymbol, chain, amount, balance, status, receiveAmount: receiveAmountProp, txHash, tokenOptions: tokenOptionsProp, chainOptions: chainOptionsProp, useMerchantApi, orderId, feeDisplay, fundingChainId, explorerTxUrl, onShowToast, onAddressChange, onTokenSelect, onChainSelect, onAmountChange, onMaxClick, onSubmit, onWithdrawCompleted, onStartAnotherWithdrawal, onSignIn, onClose, }: WithdrawModalProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const WithdrawModal: ({ address, token, tokenSymbol, chain, amount, balance, status, receiveAmount: receiveAmountProp, txHash, tokenOptions: tokenOptionsProp, chainOptions: chainOptionsProp, useMerchantApi, orderId, withdrawMode, withdrawDirectResult, feeDisplay, fundingChainId, onShowToast, onAddressChange, onTokenSelect, onChainSelect, onAmountChange, onMaxClick, onSubmit, onWithdrawCompleted, onStartAnotherWithdrawal, onSignIn, onClose, }: WithdrawModalProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/ui/WithdrawModal.js

@@ -8,11 +8,13 @@ import { LoginRequiredOverlay } from "./components/LoginRequiredOverlay.js";
 import { useSession } from "./hooks/useSession.js";
 import { colors, fonts, radii } from "./theme.js";
 import { getChains, quote, getWithdrawOrder, } from "../modules/api.js";
+import { getEnv } from "../utils/env";
 import { getExplorerUrl } from "../utils/explorer.js";
 import { SuccessIcon } from "./components/Success";
 function CopyIcon() {
     return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [_jsx("rect", { x: "5", y: "5", width: "9", height: "9", rx: "1", stroke: "currentColor", strokeWidth: "1.2", fill: "none" }), _jsx("path", { d: "M3 11V3a1 1 0 0 1 1-1h8", stroke: "currentColor", strokeWidth: "1.2", fill: "none" })] }));
 }
+const FUNDING_TOKEN_SYMBOL = getEnv("FUNDING_TOKEN_SYMBOL");
 function chainsToTokenOptions(chains) {
     const bySymbol = new Map();
     for (const c of chains) {
@@ -36,7 +38,7 @@ function getTokenAddressForChain(chains, chainId, tokenSymbol) {
     const chain = chains.find((c) => c.chain_id === chainId);
     return chain?.tokens.find((t) => t.symbol === tokenSymbol)?.address;
 }
-/** 从 balance 字符串解析出数值部分（如 "123.46 USD1" → 123.46） */
+/** 从 balance 字符串解析出数值部分（如 "123.46 xxx" → 123.46） */
 function parseBalanceNumber(balance) {
     const match = balance.trim().match(/^(\d*\.?\d*)/);
     if (!match)
@@ -44,7 +46,7 @@ function parseBalanceNumber(balance) {
     const n = Number(match[1]);
     return Number.isNaN(n) ? null : n;
 }
-/** 将 balance 字符串格式化为小数点后 2 位（如 "123.456789012 USD1" → "123.46 USD1"） */
+/** 将 balance 字符串格式化为小数点后 2 位（如 "123.456789012 xxx" → "123.46 xxx"） */
 function formatBalanceTo2Decimals(balance) {
     const match = balance.trim().match(/^(\d*\.?\d*)(.*)$/);
     if (!match)
@@ -57,7 +59,6 @@ function formatBalanceTo2Decimals(balance) {
     const formatted = n.toFixed(2);
     return formatted + suffix;
 }
-const WEI_PER_ETHER = 1e18;
 /** Wei (string) to ether display string; keeps up to 6 decimal places, strips trailing zeros */
 function weiToEtherDisplay(wei) {
     const s = (wei || "0").trim().replace(/^0+/, "") || "0";
@@ -74,7 +75,7 @@ function weiToEtherDisplay(wei) {
     return fixed;
 }
 const POLL_INTERVAL_MS = 4000;
-export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain, amount = "", balance, status = "idle", receiveAmount: receiveAmountProp, txHash, tokenOptions: tokenOptionsProp, chainOptions: chainOptionsProp, useMerchantApi = false, orderId, feeDisplay, fundingChainId, explorerTxUrl, onShowToast, onAddressChange, onTokenSelect, onChainSelect, onAmountChange, onMaxClick, onSubmit, onWithdrawCompleted, onStartAnotherWithdrawal, onSignIn, onClose, }) => {
+export const WithdrawModal = ({ address = "", token, tokenSymbol, chain, amount = "", balance, status = "idle", receiveAmount: receiveAmountProp, txHash, tokenOptions: tokenOptionsProp, chainOptions: chainOptionsProp, useMerchantApi = false, orderId, withdrawMode, withdrawDirectResult, feeDisplay, fundingChainId, onShowToast, onAddressChange, onTokenSelect, onChainSelect, onAmountChange, onMaxClick, onSubmit, onWithdrawCompleted, onStartAnotherWithdrawal, onSignIn, onClose, }) => {
     const session = useSession();
     const addressInputRef = useRef(null);
     const [addressInputFocused, setAddressInputFocused] = useState(false);
@@ -100,7 +101,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                 : undefined;
         if (!raw?.length)
             return undefined;
-        return raw.filter((o) => o.id !== "USD1" && o.label !== "USD1");
+        return raw;
     }, [tokenOptionsProp, apiChains]);
     const chainOptions = useMemo(() => {
         if (chainOptionsProp?.length)
@@ -109,7 +110,19 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
             return undefined;
         return chainsToChainOptionsForToken(apiChains, token);
     }, [chainOptionsProp, apiChains, token]);
-    const trackingWithdraw = useMemo(() => Boolean(orderId), [orderId]);
+    /** 当前选中的 token + chain 在 getChains 数据中的合约地址（与询价 / quote 使用同一解析方式） */
+    const resolvedTokenAddress = useMemo(() => {
+        if (!apiChains?.length || !token || !chain)
+            return undefined;
+        return getTokenAddressForChain(apiChains, chain, token);
+    }, [apiChains, token, chain]);
+    // direct 模式的内部激活标记（便于“Start another withdrawal”时重置为表单态）
+    const [directActive, setDirectActive] = useState(false);
+    // 当外部把 withdrawMode 设为 direct 且提供 withdrawDirectResut 时，进入“追踪提现”态
+    useEffect(() => {
+        setDirectActive(withdrawMode === "direct" && Boolean(withdrawDirectResult));
+    }, [withdrawMode, withdrawDirectResult]);
+    const trackingWithdraw = useMemo(() => Boolean(orderId) || directActive, [orderId, directActive]);
     // Default focus on recipient address when form is visible; white border while focused, revert on blur
     useEffect(() => {
         if (trackingWithdraw)
@@ -126,10 +139,10 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
             return;
         setLoadingChains(true);
         getChains()
-            .then((res) => setApiChains(res?.chains ?? {}))
+            .then((res) => setApiChains(res?.chains ?? []))
             .finally(() => setLoadingChains(false));
     }, [shouldLoadChains]);
-    // 选中 token + chain 后即询价；未填 amount 时用 1 USD1 获取 rate
+    // 选中 token + chain 后即询价；未填 amount 时用 1 xxx 获取 rate
     useEffect(() => {
         if (!apiChains?.length || !token || !chain) {
             setApiQuote(null);
@@ -147,7 +160,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
             direction: "withdraw",
             chain_id: chain,
             token_address: tokenAddress,
-            usd1_amount: amountWei,
+            dst_token_amount: amountWei,
         })
             .then((q) => setApiQuote(q ?? null))
             .catch(() => {
@@ -183,41 +196,73 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
         order_id: orderId ?? "",
         status: "pending",
         chain_id: "56",
-        usd1_amount: "0",
+        dst_token_amount: "0",
         target_chain_id: chain ?? "1",
         target_address: address ?? "0x",
         created_at: new Date().toISOString(),
         updated_at: new Date().toISOString(),
     }), [orderId, chain, address]);
     useEffect(() => {
-        if (!orderId) {
-            setWithdrawOrder(null);
-            return;
-        }
-        const t = setInterval(() => {
+        // 1) 有 orderId：按原逻辑轮询
+        if (orderId) {
+            const t = setInterval(() => {
+                getWithdrawOrder(orderId)
+                    .then((order) => {
+                    setWithdrawOrder(order);
+                    if (order.status === "completed" && onShowToast) {
+                        onShowToast("Withdrawal completed");
+                    }
+                })
+                    .catch(() => setWithdrawOrder(mockWithdrawOrderState));
+            }, POLL_INTERVAL_MS);
             getWithdrawOrder(orderId)
-                .then((order) => {
-                setWithdrawOrder(order);
-                if (order.status === "completed" && onShowToast) {
-                    onShowToast("Withdrawal completed");
-                }
-            })
+                .then(setWithdrawOrder)
                 .catch(() => setWithdrawOrder(mockWithdrawOrderState));
-        }, POLL_INTERVAL_MS);
-        getWithdrawOrder(orderId)
-            .then(setWithdrawOrder)
-            .catch(() => setWithdrawOrder(mockWithdrawOrderState));
-        return () => clearInterval(t);
-    }, [orderId, onShowToast, mockWithdrawOrderState]);
-    const completedOrderIdRef = useRef(null);
+            return () => clearInterval(t);
+        }
+        // 2) 无 orderId 且 direct 模式：用传入的结果构造一个“伪订单”，以复用已提交/成功页
+        if (!orderId && directActive) {
+            const now = new Date().toISOString();
+            const inferredAmountWei = (() => {
+                if (withdrawDirectResult?.dst_token_amount)
+                    return withdrawDirectResult.dst_token_amount;
+                const n = Number(amount || "0");
+                return String(n > 0 ? BigInt(Math.floor(n * 1e18)) : 0n);
+            })();
+            const synthetic = {
+                order_id: withdrawDirectResult?.order_id ?? `direct-${Date.now()}`,
+                status: withdrawDirectResult?.status ?? "pending",
+                chain_id: withdrawDirectResult?.chain_id ?? String(fundingChainId ?? "3131"),
+                dst_token_amount: inferredAmountWei,
+                fee: withdrawDirectResult?.fee ?? feeDisplay,
+                target_chain_id: withdrawDirectResult?.target_chain_id ?? (chain ?? ""),
+                target_address: withdrawDirectResult?.target_address ?? (address ?? ""),
+                funding_tx_hash: withdrawDirectResult?.funding_tx_hash ?? txHash,
+                dst_tx_hash: withdrawDirectResult?.dst_tx_hash,
+                out_tx_hash: withdrawDirectResult?.out_tx_hash,
+                created_at: withdrawDirectResult?.created_at ?? now,
+                updated_at: withdrawDirectResult?.updated_at ?? now,
+                one_time_address: withdrawDirectResult?.one_time_address,
+            };
+            setWithdrawOrder(synthetic);
+            return;
+        }
+        // 3) 默认：清空订单，显示表单
+        setWithdrawOrder(null);
+    }, [orderId, directActive, withdrawDirectResult, amount, feeDisplay, chain, address, txHash, fundingChainId, onShowToast, mockWithdrawOrderState]);
+    // 订单完成回调：支持 orderId 或 direct 模式
+    const completedKeyRef = useRef(null);
     useEffect(() => {
-        if (withdrawOrder?.status === "completed" && orderId && completedOrderIdRef.current !== orderId) {
-            completedOrderIdRef.current = orderId;
+        if (withdrawOrder?.status !== "completed")
+            return;
+        const key = orderId ?? withdrawOrder.order_id;
+        if (key && completedKeyRef.current !== key) {
+            completedKeyRef.current = key;
             onWithdrawCompleted?.();
         }
-        if (!orderId)
-            completedOrderIdRef.current = null;
-    }, [withdrawOrder?.status, orderId, onWithdrawCompleted]);
+        if (!trackingWithdraw)
+            completedKeyRef.current = null;
+    }, [withdrawOrder?.status, orderId, trackingWithdraw, onWithdrawCompleted]);
     const receiveAmount = useMemo(() => {
         if (receiveAmountProp) {
             const n = Number(receiveAmountProp);
@@ -254,7 +299,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
             direction: "withdraw",
             chain_id: chain,
             token_address: tokenAddress,
-            usd1_amount: amountWei,
+            dst_token_amount: amountWei,
         })
             .then((q) => setApiQuote(q ?? null))
             .catch(() => {
@@ -379,7 +424,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                                                                 flexDirection: "column",
                                                                 gap: 4,
                                                                 width: "100%",
-                                                            }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Amount" }), _jsxs("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: [weiToEtherDisplay(withdrawOrder.usd1_amount), " ", tokenSymbol ?? "USD1"] })] }), _jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Fee" }), _jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: withdrawOrder.fee ?? feeDisplay ?? "—" })] }), _jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Network" }), _jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: targetChainName })] }), destTxHash && (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", minHeight: 38 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Transaction Hash" }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [explorerUrl ? (_jsxs("a", { href: explorerUrl, target: "_blank", rel: "noopener noreferrer", style: { fontSize: 14, color: colors.textPrimary, textDecoration: "underline" }, children: [destTxHash.slice(0, 10), "...", destTxHash.slice(-8)] })) : (_jsxs("span", { style: { fontSize: 14, color: colors.textPrimary }, children: [destTxHash.slice(0, 10), "...", destTxHash.slice(-8)] })), _jsx("button", { type: "button", onClick: copyHash, "aria-label": "Copy hash", style: {
+                                                            }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Amount" }), _jsxs("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: [weiToEtherDisplay(withdrawOrder.dst_token_amount), " ", tokenSymbol] })] }), _jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Fee" }), _jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: withdrawOrder.fee ?? feeDisplay ?? "—" })] }), _jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Network" }), _jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: targetChainName })] }), destTxHash && (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", minHeight: 38 }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textSecondary }, children: "Transaction Hash" }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [explorerUrl ? (_jsxs("a", { href: explorerUrl, target: "_blank", rel: "noopener noreferrer", style: { fontSize: 14, color: colors.textPrimary, textDecoration: "underline" }, children: [destTxHash.slice(0, 10), "...", destTxHash.slice(-8)] })) : (_jsxs("span", { style: { fontSize: 14, color: colors.textPrimary }, children: [destTxHash.slice(0, 10), "...", destTxHash.slice(-8)] })), _jsx("button", { type: "button", onClick: copyHash, "aria-label": "Copy hash", style: {
                                                                                         padding: 0,
                                                                                         border: "none",
                                                                                         background: "transparent",
@@ -390,7 +435,12 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                                                                                         justifyContent: "center",
                                                                                         width: 16,
                                                                                         height: 16,
-                                                                                    }, children: _jsx(CopyIcon, {}) })] })] }))] }), _jsx("div", { style: { paddingTop: 24, width: "100%", display: "flex", justifyContent: "center" }, children: _jsx("button", { type: "button", onClick: () => (onStartAnotherWithdrawal ?? onClose)?.(), style: {
+                                                                                    }, children: _jsx(CopyIcon, {}) })] })] }))] }), _jsx("div", { style: { paddingTop: 24, width: "100%", display: "flex", justifyContent: "center" }, children: _jsx("button", { type: "button", onClick: () => {
+                                                                    // 重置 direct 模式追踪与本地订单，恢复到表单态
+                                                                    setDirectActive(false);
+                                                                    setWithdrawOrder(null);
+                                                                    (onStartAnotherWithdrawal ?? onClose)?.();
+                                                                }, style: {
                                                                     width: 274,
                                                                     padding: "12px 0",
                                                                     borderRadius: radii.full,
@@ -435,7 +485,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                                                         display: "flex",
                                                         flexDirection: "column",
                                                         gap: 8,
-                                                    }, children: loadingQuote ? (_jsx("span", { style: { fontSize: 13, color: colors.textSecondary }, children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [_jsxs("span", { style: { fontSize: 13, color: colors.textSecondary }, children: ["Rate: 1 USD1 = ", apiQuote.rate, " ", apiQuote.token_symbol] }), apiQuote.expires_at && (_jsx(Countdown, { expiresAt: apiQuote.expires_at, isExpired: quoteExpired, onExpired: handleRefreshQuote })), quoteExpired && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: { fontSize: 13, color: "#f59e0b" }, children: "Quote expired, please refresh" }), _jsx("button", { type: "button", onClick: handleRefreshQuote, style: {
+                                                    }, children: loadingQuote ? (_jsx("span", { style: { fontSize: 13, color: colors.textSecondary }, children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [_jsxs("span", { style: { fontSize: 13, color: colors.textSecondary }, children: ["Rate: 1 ", FUNDING_TOKEN_SYMBOL, " = ", apiQuote.rate, " ", apiQuote.token_symbol] }), apiQuote.expires_at && (_jsx(Countdown, { expiresAt: apiQuote.expires_at, isExpired: quoteExpired, onExpired: handleRefreshQuote })), quoteExpired && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: { fontSize: 13, color: "#f59e0b" }, children: "Quote expired, please refresh" }), _jsx("button", { type: "button", onClick: handleRefreshQuote, style: {
                                                                             padding: "4px 12px",
                                                                             fontSize: 12,
                                                                             borderRadius: radii.pill,
@@ -444,7 +494,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                                                                             color: colors.textPrimary,
                                                                             cursor: "pointer",
                                                                             fontFamily: fonts.family,
-                                                                        }, children: "Refresh" })] }))] })) })), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: "Amount" }), balance && (_jsxs("span", { style: { fontSize: 13, lineHeight: 1.2, color: colors.textSecondary }, children: ["Balance: \u00A0", formatBalanceTo2Decimals(balance)] }))] }), _jsxs("div", { style: {
+                                                                        }, children: "Refresh" })] }))] })) })), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [_jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: "Amount" }), balance && (_jsxs("span", { style: { fontSize: 13, lineHeight: 1.2, color: colors.textSecondary }, children: ["Balance: \u00A0", formatBalanceTo2Decimals(balance), " ", FUNDING_TOKEN_SYMBOL] }))] }), _jsxs("div", { style: {
                                                                     display: "flex",
                                                                     alignItems: "center",
                                                                     justifyContent: "space-between",
@@ -463,23 +513,18 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                                                                             fontFamily: fonts.family,
                                                                             lineHeight: 1.4,
                                                                             padding: 0,
-                                                                        } }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: {
-                                                                                    fontSize: 14,
-                                                                                    lineHeight: 1.4,
-                                                                                    color: colors.textSecondary,
-                                                                                    fontFamily: fonts.family,
-                                                                                }, children: "USD1" }), _jsx("button", { type: "button", onClick: onMaxClick, style: {
-                                                                                    background: colors.textPrimary,
-                                                                                    border: "none",
-                                                                                    borderRadius: radii.pill,
-                                                                                    padding: "2px 8px",
-                                                                                    fontSize: 12,
-                                                                                    lineHeight: 1.4,
-                                                                                    fontWeight: 400,
-                                                                                    color: "#15181D",
-                                                                                    fontFamily: fonts.family,
-                                                                                    cursor: "pointer",
-                                                                                }, children: "Max" })] })] })] }) })] }) })] })] })] }), _jsxs("div", { style: { padding: "20px 20px 0", display: "flex", flexDirection: "column", gap: 10, alignItems: "center" }, id: "WithdrawModalReceiveAmount", children: [!trackingWithdraw && amount && Number(amount) > 0 && (_jsxs("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: ["You will receive : ", receiveAmount] })), orderInProgress && withdrawOrder && (() => {
+                                                                        } }), _jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: _jsx("button", { type: "button", onClick: onMaxClick, style: {
+                                                                                background: colors.textPrimary,
+                                                                                border: "none",
+                                                                                borderRadius: radii.pill,
+                                                                                padding: "2px 8px",
+                                                                                fontSize: 12,
+                                                                                lineHeight: 1.4,
+                                                                                fontWeight: 400,
+                                                                                color: "#15181D",
+                                                                                fontFamily: fonts.family,
+                                                                                cursor: "pointer",
+                                                                            }, children: "Max" }) })] })] }) })] }) })] })] })] }), _jsxs("div", { style: { padding: "20px 20px 0", display: "flex", flexDirection: "column", gap: 10, alignItems: "center" }, id: "WithdrawModalReceiveAmount", children: [!trackingWithdraw && amount && Number(amount) > 0 && (_jsxs("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary }, children: ["You will receive : ", receiveAmount] })), orderInProgress && withdrawOrder && (() => {
                         const fundingHash = txHash ?? withdrawOrder?.funding_tx_hash;
                         const showFundingLink = fundingHash && fundingChainId;
                         try {
@@ -500,6 +545,7 @@ export const WithdrawModal = ({ address = "", token, tokenSymbol = "USDT", chain
                             toAddress: address,
                             amount: amount ?? "",
                             token: token ?? "",
+                            tokenAddress: resolvedTokenAddress ?? apiQuote?.token_address ?? "",
                             chain: chain ?? "",
                         }) }))] })] }));
 };

package/dist/ui/components/DepositDetailsPanel.d.ts

@@ -3,6 +3,6 @@ export interface DepositDetailsPanelProps {
     address: string;
     tokenIcon?: ReactNode;
     minimumDeposit?: string;
-    onCopyAddress?: () => void;
+    onCopyAddress?: (address: string) => void;
 }
 export declare const DepositDetailsPanel: ({ address, tokenIcon, minimumDeposit, onCopyAddress, }: DepositDetailsPanelProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/ui/components/DepositDetailsPanel.js

@@ -56,9 +56,32 @@ const StyledQR = ({ data }) => {
 const CopyIcon = () => (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: [_jsx("rect", { x: "4.5", y: "4.5", width: "7", height: "7", rx: "1.5", stroke: colors.textPrimary, strokeWidth: "1.2" }), _jsx("path", { d: "M9.5 4.5V3.5C9.5 2.67 8.83 2 8 2H3.5C2.67 2 2 2.67 2 3.5V8C2 8.83 2.67 9.5 3.5 9.5H4.5", stroke: colors.textPrimary, strokeWidth: "1.2" })] }));
 /* ─── Main ──────────────────────────────────── */
 export const DepositDetailsPanel = ({ address, tokenIcon, minimumDeposit, onCopyAddress, }) => {
-    const handleCopy = () => {
-        navigator.clipboard?.writeText(address);
-        onCopyAddress?.();
+    const canCopy = typeof address === "string" && address.trim().length > 0;
+    const handleCopy = async () => {
+        if (!canCopy)
+            return;
+        try {
+            if (navigator.clipboard && typeof navigator.clipboard.writeText === "function") {
+                await navigator.clipboard.writeText(address);
+            }
+            else {
+                const el = document.createElement("textarea");
+                el.value = address;
+                el.setAttribute("readonly", "");
+                el.style.position = "absolute";
+                el.style.left = "-9999px";
+                document.body.appendChild(el);
+                el.select();
+                try {
+                    document.execCommand("copy");
+                }
+                catch { }
+                document.body.removeChild(el);
+            }
+        }
+        finally {
+            onCopyAddress?.(address);
+        }
     };
     return (_jsxs("div", { style: {
             display: "flex",
@@ -95,7 +118,7 @@ export const DepositDetailsPanel = ({ address, tokenIcon, minimumDeposit, onCopy
                     display: "flex",
                     justifyContent: "space-between",
                     fontSize: 13,
-                }, children: [_jsx("span", { style: { color: colors.textSecondary }, children: "Minimum deposit" }), _jsx("span", { style: { color: colors.textPrimary, fontWeight: 500 }, children: minimumDeposit })] })), _jsxs("button", { type: "button", onClick: handleCopy, style: {
+                }, children: [_jsx("span", { style: { color: colors.textSecondary }, children: "Minimum deposit" }), _jsx("span", { style: { color: colors.textPrimary, fontWeight: 500 }, children: minimumDeposit })] })), _jsxs("button", { type: "button", onClick: handleCopy, disabled: !canCopy, style: {
                     display: "flex",
                     alignItems: "center",
                     gap: 6,
@@ -106,10 +129,13 @@ export const DepositDetailsPanel = ({ address, tokenIcon, minimumDeposit, onCopy
                     color: colors.textPrimary,
                     fontSize: 14,
                     fontWeight: 500,
-                    cursor: "pointer",
+                    cursor: canCopy ? "pointer" : "not-allowed",
+                    opacity: canCopy ? 1 : 0.6,
                     fontFamily: fonts.family,
                     transition: "background .15s",
                 }, onMouseEnter: (e) => {
+                    if (!canCopy)
+                        return;
                     e.currentTarget.style.background = "rgba(255,255,255,0.06)";
                 }, onMouseLeave: (e) => {
                     e.currentTarget.style.background = "transparent";

package/dist/ui/signInTypes.d.ts

@@ -16,6 +16,9 @@ export interface SignInUiConfig {
     socialProviders?: SocialProvider[];
     wallets?: WalletItem[];
     initialVisibleCount?: number;
+    /**
+     * @deprecated Ignored by `SignInModal` / `useSignInModalController`: social login creates the session without `window.confirm`.
+     */
     sessionConfirmation?: {
         enabled?: boolean;
         title?: string;