@unifold/ui-react 0.1.42 → 0.1.44

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, SupportedDestinationTokensResponse, VerifyAddressResponse } 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';
@@ -14,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)
@@ -50,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 {
@@ -224,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;
@@ -250,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;
@@ -425,8 +447,36 @@ 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, }: ConfirmingViewProps): react_jsx_runtime.JSX.Element;
+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 */
@@ -517,34 +567,6 @@ declare function useAddressBalance(params: {
     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 function detectBrowserWallet(chainType: string, senderAddress?: string): Promise<DetectedWallet | null>;
-
 interface WithdrawFormProps {
     publishableKey: string;
     externalUserId: string;
@@ -559,13 +581,9 @@ interface WithdrawFormProps {
     estimatedProcessingTime: number | null;
     maxSlippagePercent: number | null;
     priceImpactPercent: number | null;
-    /** Detected browser wallet with provider ref — used for SDK-native sends */
-    detectedWallet: DetectedWallet | null;
+    senderAddress: string;
     sourceChainId: string;
     sourceTokenAddress: string;
-    isWalletMatch: boolean;
-    connectedWalletName: string | null;
-    canWithdraw: boolean;
     onWithdraw?: (txInfo: WithdrawTransactionInfo) => void | Promise<void>;
     onWithdrawError?: (error: {
         message: string;
@@ -587,7 +605,7 @@ interface WithdrawFormProps {
     /** Optional element rendered on the left side of the footer row (e.g. tracker link) */
     footerLeft?: React.ReactNode;
 }
-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;
+declare function WithdrawForm({ publishableKey, externalUserId, sourceChainType, selectedToken, selectedChain, sourceTokenSymbol, recipientAddressProp, balanceData, isLoadingBalance, minimumWithdrawAmountUsd, estimatedProcessingTime, maxSlippagePercent, priceImpactPercent, senderAddress, sourceChainId, sourceTokenAddress, onWithdraw, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, footerLeft, }: WithdrawFormProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawExecutionItemProps {
     execution: AutoSwapResponse;
@@ -603,6 +621,46 @@ interface WithdrawConfirmingViewProps {
 }
 declare function WithdrawConfirmingView({ txInfo, executions, onClose, onViewTracker, }: WithdrawConfirmingViewProps): react_jsx_runtime.JSX.Element;
 
+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 CurrencyListItemProps {
     currency: FiatCurrency;
     isSelected: boolean;
@@ -723,6 +781,42 @@ 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;
@@ -1066,4 +1160,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, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, 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, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useSourceTokenValidation, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
+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 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, SupportedDestinationTokensResponse, VerifyAddressResponse } 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';
@@ -14,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)
@@ -50,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 {
@@ -224,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;
@@ -250,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;
@@ -425,8 +447,36 @@ 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, }: ConfirmingViewProps): react_jsx_runtime.JSX.Element;
+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 */
@@ -517,34 +567,6 @@ declare function useAddressBalance(params: {
     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 function detectBrowserWallet(chainType: string, senderAddress?: string): Promise<DetectedWallet | null>;
-
 interface WithdrawFormProps {
     publishableKey: string;
     externalUserId: string;
@@ -559,13 +581,9 @@ interface WithdrawFormProps {
     estimatedProcessingTime: number | null;
     maxSlippagePercent: number | null;
     priceImpactPercent: number | null;
-    /** Detected browser wallet with provider ref — used for SDK-native sends */
-    detectedWallet: DetectedWallet | null;
+    senderAddress: string;
     sourceChainId: string;
     sourceTokenAddress: string;
-    isWalletMatch: boolean;
-    connectedWalletName: string | null;
-    canWithdraw: boolean;
     onWithdraw?: (txInfo: WithdrawTransactionInfo) => void | Promise<void>;
     onWithdrawError?: (error: {
         message: string;
@@ -587,7 +605,7 @@ interface WithdrawFormProps {
     /** Optional element rendered on the left side of the footer row (e.g. tracker link) */
     footerLeft?: React.ReactNode;
 }
-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;
+declare function WithdrawForm({ publishableKey, externalUserId, sourceChainType, selectedToken, selectedChain, sourceTokenSymbol, recipientAddressProp, balanceData, isLoadingBalance, minimumWithdrawAmountUsd, estimatedProcessingTime, maxSlippagePercent, priceImpactPercent, senderAddress, sourceChainId, sourceTokenAddress, onWithdraw, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, footerLeft, }: WithdrawFormProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawExecutionItemProps {
     execution: AutoSwapResponse;
@@ -603,6 +621,46 @@ interface WithdrawConfirmingViewProps {
 }
 declare function WithdrawConfirmingView({ txInfo, executions, onClose, onViewTracker, }: WithdrawConfirmingViewProps): react_jsx_runtime.JSX.Element;
 
+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 CurrencyListItemProps {
     currency: FiatCurrency;
     isSelected: boolean;
@@ -723,6 +781,42 @@ 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;
@@ -1066,4 +1160,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, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, 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, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useSourceTokenValidation, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
+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 };