@unifold/ui-react 0.1.41 → 0.1.43

package/dist/index.d.mts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork } from '@unifold/core';
+import { AutoSwapResponse, ChainType, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, VerifyAddressResponse } from '@unifold/core';
 export { ChainType } from '@unifold/core';
+import * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
+import * as React$1 from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -13,6 +14,11 @@ type DepositConfirmationMode = "auto_ui" | "auto_silent" | "manual";
 interface UseDepositPollingOptions {
     userId: string | undefined;
     publishableKey: string;
+    /**
+     * When provided, polls executions via the payment-intent-scoped endpoint
+     * instead of the user-scoped queryExecutions endpoint.
+     */
+    clientSecret?: string;
     /** Controls when polling starts and whether a waiting UI is shown.
      *  - "auto_ui": After 10s, starts polling and shows "Processing..." card (default)
      *  - "auto_silent": After 10s, starts polling silently (no waiting UI)
@@ -49,7 +55,7 @@ interface UseDepositPollingResult {
     /** Call this when user clicks "I've made the deposit" (manual mode) */
     handleIveDeposited: () => void;
 }
-declare function useDepositPolling({ userId, publishableKey, depositConfirmationMode, depositWalletId, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
+declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
 
 declare global {
     interface Window {
@@ -92,6 +98,36 @@ interface EthereumProvider {
 
 /** Quick amount chips on the browser wallet "Enter amount" step */
 type BrowserWalletAmountQuickSelect = "usd" | "percentage";
+interface SolanaWalletProvider {
+    isPhantom?: boolean;
+    isConnected?: boolean;
+    publicKey?: {
+        toString(): string;
+    };
+    connect(opts?: {
+        onlyIfTrusted?: boolean;
+    }): Promise<{
+        publicKey: {
+            toString(): string;
+        };
+    }>;
+    disconnect(): Promise<void>;
+    signTransaction(transaction: any): Promise<any>;
+    on(event: string, callback: (...args: unknown[]) => void): void;
+    off(event: string, callback: (...args: unknown[]) => void): void;
+}
+interface EvmWalletProvider {
+    isMetaMask?: boolean;
+    isPhantom?: boolean;
+    isCoinbaseWallet?: boolean;
+    selectedAddress?: string;
+    request(args: {
+        method: string;
+        params?: unknown[];
+    }): Promise<unknown>;
+    on(event: string, callback: (...args: unknown[]) => void): void;
+    removeListener(event: string, callback: (...args: unknown[]) => void): void;
+}
 
 type DepositModalInitialScreen = "main" | "transfer" | "card" | "tracker";
 interface DepositModalProps {
@@ -193,6 +229,8 @@ declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, o
 interface TransferCryptoSingleInputProps {
     userId: string;
     publishableKey: string;
+    /** When provided, polls executions via the payment-intent-scoped endpoint instead of user-scoped. */
+    clientSecret?: string;
     recipientAddress?: string;
     destinationChainType?: ChainType;
     destinationChainId?: string;
@@ -219,8 +257,23 @@ interface TransferCryptoSingleInputProps {
         code?: string;
     }) => void;
     wallets?: Wallet[];
+    /** Called when the user changes the selected source token/chain. */
+    onSourceTokenChange?: (info: {
+        symbol: string;
+        chainType: string;
+        chainId: string;
+        tokenAddress: string;
+        minimumDepositAmountUsd: number;
+    }) => void;
+    /** Checkout mode: estimated source amount to send (from /public/quotes). Shown above the QR code. */
+    checkoutQuote?: {
+        sourceAmount: string;
+        sourceTokenDecimals: number;
+        sourceTokenSymbol: string;
+        sourceAmountUsd: string | null;
+    } | null;
 }
-declare function TransferCryptoSingleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoSingleInput({ userId, publishableKey, clientSecret, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, onSourceTokenChange, checkoutQuote, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoDoubleInputProps {
     userId: string;
@@ -367,8 +420,10 @@ interface DepositDetailContentProps {
     execution: AutoSwapResponse;
     /** Merged into root (e.g. wider horizontal padding in embedded deposit details). */
     className?: string;
+    /** Use "withdraw" to show "Withdrawal Tx" instead of "Deposit Tx" in details. */
+    variant?: "deposit" | "withdraw";
 }
-declare function DepositDetailContent({ execution, className, }: DepositDetailContentProps): react_jsx_runtime.JSX.Element;
+declare function DepositDetailContent({ execution, className, variant, }: DepositDetailContentProps): react_jsx_runtime.JSX.Element;
 
 interface DepositPollingUiProps {
     depositConfirmationMode: DepositConfirmationMode;
@@ -392,8 +447,223 @@ interface ConfirmingViewProps {
     onClose: () => void;
     executions?: AutoSwapResponse[];
     isPolling?: boolean;
+    onNewDeposit?: () => void;
+    onDone?: () => void;
+    paymentIntentStatus?: string;
+    /** Live amount_received_usd from the payment intent (updates via polling). */
+    amountReceivedUsd?: string;
+    /** Snapshot of amount_received_usd taken when the transaction was submitted. */
+    amountReceivedUsdAtSubmission?: string | null;
+}
+declare function ConfirmingView({ isConfirming, onClose, executions, isPolling, onNewDeposit, onDone, paymentIntentStatus, amountReceivedUsd, amountReceivedUsdAtSubmission, }: ConfirmingViewProps): react_jsx_runtime.JSX.Element;
+
+interface CheckoutModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    clientSecret: string;
+    publishableKey: string;
+    modalTitle?: string;
+    /** Enable browser wallet connection option. Defaults to false */
+    enableConnectWallet?: boolean;
+    theme?: "light" | "dark" | "auto";
+    onCheckoutSuccess?: (data: {
+        paymentIntentId: string;
+        status: string;
+    }) => void;
+    onCheckoutError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+}
+declare function CheckoutModal({ open, onOpenChange, clientSecret, publishableKey, modalTitle, enableConnectWallet, theme, onCheckoutSuccess, onCheckoutError, }: CheckoutModalProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawTransactionInfo {
+    /** Source (sending) chain type */
+    sourceChainType: ChainType;
+    /** Source (sending) chain ID */
+    sourceChainId: string;
+    /** Source token contract address — the token being sent */
+    sourceTokenAddress: string;
+    /** Source token symbol */
+    sourceTokenSymbol: string;
+    /** Destination (receiving) chain type */
+    destinationChainType: string;
+    /** Destination (receiving) chain ID */
+    destinationChainId: string;
+    /** Destination token contract address */
+    destinationTokenAddress: string;
+    /** Destination token symbol */
+    destinationTokenSymbol: string;
+    amount: string;
+    amountBaseUnit: string;
+    /** The Unifold deposit wallet address to send funds to */
+    withdrawIntentAddress: string;
+    /** The user-provided final destination address */
+    recipientAddress: string;
+}
+interface WithdrawModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    publishableKey: string;
+    modalTitle?: string;
+    externalUserId: string;
+    sourceChainType: ChainType;
+    sourceChainId: string;
+    sourceTokenAddress: string;
+    sourceTokenSymbol?: string;
+    recipientAddress?: string;
+    senderAddress: string;
+    onWithdraw?: (txInfo: WithdrawTransactionInfo) => void | Promise<void>;
+    onWithdrawSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+    }) => void;
+    onWithdrawError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+    theme?: "light" | "dark" | "auto";
+    hideOverlay?: boolean;
+}
+declare function WithdrawModal({ open, onOpenChange, publishableKey, modalTitle, externalUserId, sourceChainType, sourceChainId, sourceTokenAddress, sourceTokenSymbol, recipientAddress: recipientAddressProp, senderAddress, onWithdraw, onWithdrawSuccess, onWithdrawError, theme, hideOverlay, }: WithdrawModalProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawTokenSelectorProps {
+    tokens: DestinationToken[];
+    onSelect: (token: DestinationToken, chain: DestinationTokenChain) => void;
+    onBack: () => void;
+}
+declare function WithdrawTokenSelector({ tokens, onSelect, onBack, }: WithdrawTokenSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawDoubleInputProps {
+    tokens: DestinationToken[];
+    selectedTokenSymbol: string | null;
+    selectedChainKey: string | null;
+    onTokenChange: (symbol: string) => void;
+    onChainChange: (chainKey: string) => void;
+    isLoading?: boolean;
+}
+declare function WithdrawDoubleInput({ tokens, selectedTokenSymbol, selectedChainKey, onTokenChange, onChainChange, isLoading, }: WithdrawDoubleInputProps): react_jsx_runtime.JSX.Element;
+
+interface AddressBalanceResult {
+    balanceBaseUnit: string;
+    balanceHuman: string;
+    balanceUsd: string | null;
+    exchangeRate: string | null;
+    decimals: number;
+    symbol: string;
+}
+/**
+ * Hook to fetch a token balance for a given address.
+ * Uses React Query for caching and deduplication.
+ */
+declare function useAddressBalance(params: {
+    address?: string;
+    chainType?: ChainType;
+    chainId?: string;
+    tokenAddress?: string;
+    publishableKey: string;
+    enabled?: boolean;
+}): _tanstack_react_query.UseQueryResult<AddressBalanceResult | null, Error>;
+
+type DetectedWallet = {
+    name: string;
+    address: string;
+} & ({
+    chainFamily: "evm";
+    provider: EvmWalletProvider;
+} | {
+    chainFamily: "solana";
+    provider: SolanaWalletProvider;
+});
+declare function sendEvmWithdraw(params: {
+    provider: EvmWalletProvider;
+    fromAddress: string;
+    depositWalletAddress: string;
+    sourceTokenAddress: string;
+    sourceChainId: string;
+    amountBaseUnit: string;
+}): Promise<string>;
+declare function sendSolanaWithdraw(params: {
+    provider: SolanaWalletProvider;
+    fromAddress: string;
+    depositWalletAddress: string;
+    sourceTokenAddress: string;
+    amountBaseUnit: string;
+    publishableKey: string;
+}): Promise<string>;
+declare const HYPERCORE_CHAIN_ID = "1337";
+declare function isHypercoreChain(chainId: string): boolean;
+declare function sendHypercoreWithdraw(params: {
+    provider: EvmWalletProvider;
+    fromAddress: string;
+    depositWalletAddress: string;
+    sourceTokenAddress: string;
+    amount: string;
+    tokenSymbol: string;
+    publishableKey: string;
+}): Promise<void>;
+
+declare function detectBrowserWallet(chainType: string, senderAddress?: string): Promise<DetectedWallet | null>;
+
+interface WithdrawFormProps {
+    publishableKey: string;
+    externalUserId: string;
+    sourceChainType: ChainType;
+    selectedToken: DestinationToken | null;
+    selectedChain: DestinationTokenChain | null;
+    sourceTokenSymbol?: string;
+    recipientAddressProp?: string;
+    balanceData: AddressBalanceResult | null;
+    isLoadingBalance: boolean;
+    minimumWithdrawAmountUsd: number | null;
+    estimatedProcessingTime: number | null;
+    maxSlippagePercent: number | null;
+    priceImpactPercent: number | null;
+    /** Detected browser wallet with provider ref — used for SDK-native sends */
+    detectedWallet: DetectedWallet | null;
+    sourceChainId: string;
+    sourceTokenAddress: string;
+    isWalletMatch: boolean;
+    connectedWalletName: string | null;
+    canWithdraw: boolean;
+    onWithdraw?: (txInfo: WithdrawTransactionInfo) => void | Promise<void>;
+    onWithdrawError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+    /** Creates the deposit wallet and starts polling. Returns the wallet address + id. */
+    onDepositWalletCreation: (params: {
+        destinationChainType: string;
+        destinationChainId: string;
+        destinationTokenAddress: string;
+        recipientAddress: string;
+    }) => Promise<{
+        id: string;
+        address: string;
+    }>;
+    /** Called after a successful withdraw submit — navigates to confirming view */
+    onWithdrawSubmitted?: (txInfo: WithdrawTransactionInfo) => void;
+    /** Optional element rendered on the left side of the footer row (e.g. tracker link) */
+    footerLeft?: React.ReactNode;
 }
-declare function ConfirmingView({ isConfirming, onClose, executions, isPolling, }: ConfirmingViewProps): react_jsx_runtime.JSX.Element;
+declare 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, }: WithdrawFormProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawExecutionItemProps {
+    execution: AutoSwapResponse;
+    onClick?: () => void;
+}
+declare function WithdrawExecutionItem({ execution, onClick, }: WithdrawExecutionItemProps): react_jsx_runtime.JSX.Element;
+
+interface WithdrawConfirmingViewProps {
+    txInfo: WithdrawTransactionInfo;
+    executions: AutoSwapResponse[];
+    onClose: () => void;
+    onViewTracker: () => void;
+}
+declare function WithdrawConfirmingView({ txInfo, executions, onClose, onViewTracker, }: WithdrawConfirmingViewProps): react_jsx_runtime.JSX.Element;
 
 interface CurrencyListItemProps {
     currency: FiatCurrency;
@@ -414,17 +684,17 @@ declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     /** Render inline without portal, overlay, or close button (for embedded/inline mode) */
     hideOverlay?: boolean;
     /**
@@ -437,30 +707,30 @@ interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof Dialo
     /** Merged into `DialogOverlay` (e.g. z-index above in-app layers such as deposit toasts). */
     overlayClassName?: string;
 }
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 /**
  * Tooltip wrapper that supports both hover (desktop) and tap-to-toggle (mobile).
  *
@@ -468,13 +738,13 @@ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
  * This wrapper adds controlled open state so the trigger's onClick can toggle it,
  * while preserving the default hover behavior on desktop.
  */
-declare function Tooltip({ children, ...props }: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, ...props }: React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
 /**
  * Tooltip trigger that adds click-to-toggle for mobile/touch support.
  * On desktop, hover still works as usual via Radix's built-in behavior.
  */
-declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * Result of the useAllowedCountry hook
@@ -515,6 +785,109 @@ interface AllowedCountryResult {
  */
 declare function useAllowedCountry(publishableKey: string): AllowedCountryResult;
 
+interface UsePaymentIntentParams {
+    clientSecret: string;
+    publishableKey: string;
+    /** Whether the query should execute. Defaults to true. */
+    enabled?: boolean;
+    /** Polling interval in ms. Defaults to 5000 (5s). Set to 0 to disable. */
+    pollingInterval?: number;
+}
+/**
+ * Hook to retrieve and poll a payment intent via react-query.
+ *
+ * Fetches the payment intent on mount and polls at the configured interval
+ * so `amount_received_usd` and `status` stay up-to-date in the UI.
+ */
+declare function usePaymentIntent(params: UsePaymentIntentParams): _tanstack_react_query.UseQueryResult<PaymentIntent, Error>;
+
+interface UseDepositQuoteParams {
+    publishableKey: string;
+    sourceChainType: string;
+    sourceChainId: string;
+    sourceTokenAddress: string;
+    destinationAmount: string;
+    destinationChainType: string;
+    destinationChainId: string;
+    destinationTokenAddress: string;
+    enabled?: boolean;
+}
+/**
+ * Hook to fetch a deposit quote via react-query.
+ *
+ * Returns the estimated source token amount needed to receive a specific
+ * destination amount, accounting for bridge fees and slippage.
+ * Server-side cached for 1 minute; client re-fetches on param change.
+ */
+declare function useDepositQuote(params: UseDepositQuoteParams): _tanstack_react_query.UseQueryResult<DepositQuote, Error>;
+
+interface UseWithdrawPollingOptions {
+    userId: string | undefined;
+    publishableKey: string;
+    depositWalletId?: string;
+    enabled?: boolean;
+    onWithdrawSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+    }) => void;
+    onWithdrawError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+}
+interface UseWithdrawPollingResult {
+    executions: AutoSwapResponse[];
+    isPolling: boolean;
+}
+declare function useWithdrawPolling({ userId, publishableKey, depositWalletId, enabled, onWithdrawSuccess, onWithdrawError, }: UseWithdrawPollingOptions): UseWithdrawPollingResult;
+
+/**
+ * Hook to fetch supported destination tokens with caching and deduplication via react-query.
+ * Used in the withdraw flow to show available tokens the user can withdraw to.
+ *
+ * @param publishableKey - Publishable key for API calls
+ * @param enabled - Whether to fetch (defaults to true)
+ */
+declare function useSupportedDestinationTokens(publishableKey: string, enabled?: boolean): _tanstack_react_query.UseQueryResult<SupportedDestinationTokensResponse, Error>;
+
+interface UseVerifyRecipientAddressParams {
+    chainType?: string;
+    chainId?: string;
+    tokenAddress?: string;
+    recipientAddress?: string;
+    publishableKey: string;
+    enabled?: boolean;
+}
+/**
+ * Hook to verify a recipient address via React Query.
+ * Debounced by the caller — only fires when all params are present and enabled is true.
+ * Caches results by the full (chain + token + address) tuple.
+ */
+declare function useVerifyRecipientAddress(params: UseVerifyRecipientAddressParams): _tanstack_react_query.UseQueryResult<VerifyAddressResponse, Error>;
+
+interface SourceTokenValidationResult {
+    isSupported: boolean;
+    minimumAmountUsd: number | null;
+    estimatedProcessingTime: number | null;
+    maxSlippagePercent: number | null;
+    priceImpactPercent: number | null;
+    errorMessage: string | null;
+}
+/**
+ * Hook to validate that a source token is supported for withdrawal
+ * by checking it against /supported_deposit_tokens.
+ */
+declare function useSourceTokenValidation(params: {
+    sourceChainType?: string;
+    sourceChainId?: string;
+    sourceTokenAddress?: string;
+    sourceTokenSymbol?: string;
+    publishableKey: string;
+    enabled?: boolean;
+}): _tanstack_react_query.UseQueryResult<SourceTokenValidationResult, Error>;
+
 /**
  * Unifold color palette for React (Web)
  * Matches the React Native theme colors
@@ -757,7 +1130,7 @@ interface ThemeContextValue {
     isDark: boolean;
 }
 interface ThemeProviderProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Force a specific theme mode, or 'auto' to use system preference */
     mode?: ThemeMode | "auto";
     /** Simple accent/primary color override (applies to both light and dark) */
@@ -791,4 +1164,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
 
-export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositPollingUi, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type FontConfig, type HeaderTokens, type InputTokens, type ListTokens, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, buttonVariants, cn, colors, defaultColors, getColors, mergeColors, resolveComponentTokens, truncateAddress, useAllowedCountry, useDepositPolling, useTheme };
+export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckoutModal, type CheckoutModalProps, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositPollingUi, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };