@unifold/ui-react 0.1.25 → 0.1.27

package/dist/index.d.mts

@@ -8,6 +8,42 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { ClassValue } from 'clsx';
 
+type DepositConfirmationMode = "auto_ui" | "auto_silent" | "manual";
+interface UseDepositPollingOptions {
+    userId: string | undefined;
+    publishableKey: 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)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
+    /** Deposit wallet ID used to trigger the backend poll endpoint */
+    depositWalletId?: string;
+    enabled?: boolean;
+    onDepositSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+    }) => void;
+    onDepositError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+}
+interface UseDepositPollingResult {
+    executions: AutoSwapResponse[];
+    isPolling: boolean;
+    /** Whether the backend poll endpoint has been enabled */
+    pollingEnabled: boolean;
+    /** Whether the "Processing deposit transactions" card should be shown */
+    showWaitingUi: boolean;
+    /** Call this when user clicks "I've made the deposit" (manual mode) */
+    handleIveDeposited: () => void;
+}
+declare function useDepositPolling({ userId, publishableKey, depositConfirmationMode, depositWalletId, enabled, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
+
 interface DepositModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -16,7 +52,7 @@ interface DepositModalProps {
     modalTitle?: string;
     destinationTokenSymbol?: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: string;
     hideDepositTracker?: boolean;
@@ -24,6 +60,14 @@ interface DepositModalProps {
     showBalanceHeader?: boolean;
     /** Input variant for Transfer Crypto view: "single_input" or "double_input" (default) */
     transferInputVariant?: "single_input" | "double_input";
+    /** Controls when deposit polling starts and what UI is shown.
+     *  - "auto_ui": After 10s, starts polling and shows "Processing..." card (default)
+     *  - "auto_silent": After 10s, starts polling silently (no waiting UI)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
+    /** Enable browser wallet connection option. Defaults to false */
+    enableConnectWallet?: boolean;
     onDepositSuccess?: (data: {
         message: string;
         transaction?: unknown;
@@ -36,10 +80,11 @@ interface DepositModalProps {
     }) => void;
     theme?: "light" | "dark" | "auto";
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;
+    subtitle?: string;
     showBack?: boolean;
     showClose?: boolean;
     onBack?: () => void;
@@ -49,20 +94,28 @@ interface DepositHeaderProps {
     };
     showBalance?: boolean;
     balanceAddress?: string;
-    balanceChainType?: "ethereum" | "solana" | "bitcoin";
+    balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     balanceChainId?: string;
     balanceTokenAddress?: string;
+    /** Project name for balance label e.g. "{projectName} Balance: $0.00" */
+    projectName?: string;
     publishableKey?: string;
 }
-declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
+declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, projectName, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoSingleInputProps {
     userId: string;
     publishableKey: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: 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)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
     onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
@@ -76,15 +129,21 @@ interface TransferCryptoSingleInputProps {
     }) => void;
     wallets?: Wallet[];
 }
-declare function TransferCryptoSingleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoSingleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoDoubleInputProps {
     userId: string;
     publishableKey: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: 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)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
     onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
@@ -98,7 +157,7 @@ interface TransferCryptoDoubleInputProps {
     }) => void;
     wallets?: Wallet[];
 }
-declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
 
 interface BuyWithCardProps {
     userId: string;
@@ -109,7 +168,7 @@ interface BuyWithCardProps {
     accentColor?: string;
     destinationTokenSymbol?: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: string;
     onDepositSuccess?: (data: {
@@ -199,6 +258,45 @@ interface DepositTrackerButtonProps {
 }
 declare function DepositTrackerButton({ onClick, title, subtitle, badge, }: DepositTrackerButtonProps): react_jsx_runtime.JSX.Element;
 
+declare global {
+    interface Window {
+        phantom?: {
+            solana?: PhantomSolanaProvider;
+            ethereum?: EthereumProvider;
+        };
+        solana?: PhantomSolanaProvider;
+        ethereum?: EthereumProvider;
+    }
+}
+interface PhantomSolanaProvider {
+    isPhantom?: boolean;
+    isConnected?: boolean;
+    publicKey?: {
+        toString(): string;
+    };
+    connect(opts?: {
+        onlyIfTrusted?: boolean;
+    }): Promise<{
+        publicKey: {
+            toString(): string;
+        };
+    }>;
+    disconnect(): Promise<void>;
+    on(event: string, callback: (...args: unknown[]) => void): void;
+    off(event: string, callback: (...args: unknown[]) => void): void;
+}
+interface EthereumProvider {
+    isMetaMask?: boolean;
+    isPhantom?: 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;
+}
+
 interface DepositExecutionItemProps {
     execution: AutoSwapResponse;
     onClick?: () => void;
@@ -210,6 +308,23 @@ interface DepositDetailContentProps {
 }
 declare function DepositDetailContent({ execution }: DepositDetailContentProps): react_jsx_runtime.JSX.Element;
 
+interface DepositPollingUiProps {
+    depositConfirmationMode: DepositConfirmationMode;
+    /** Whether polling has been triggered and waiting UI should be visible */
+    showWaitingUi: boolean;
+    /** Whether at least one execution has been detected (hides the processing card) */
+    hasExecution: boolean;
+    /** Called when user clicks "I've made the deposit" in manual mode */
+    onIveDeposited: () => void;
+}
+/**
+ * Deposit polling UI that renders the correct element based on confirmation mode:
+ * - manual (before click): "I've made the deposit" button
+ * - auto_ui / manual (after click): "Processing deposit transactions" spinner card
+ * - auto_silent: nothing (null)
+ */
+declare function DepositPollingUi({ depositConfirmationMode, showWaitingUi, hasExecution, onIveDeposited, }: DepositPollingUiProps): react_jsx_runtime.JSX.Element | null;
+
 interface CurrencyListItemProps {
     currency: FiatCurrency;
     isSelected: boolean;
@@ -227,7 +342,7 @@ declare function CurrencyListSection({ title, currencies, selectedCurrency, onSe
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -583,4 +698,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
 
-export { type AllowedCountryResult, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type CardTokens, type ComponentConfig, type ComponentOverrides, type ComponentTokens, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, 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, useTheme };
+export { type AllowedCountryResult, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type CardTokens, type ComponentConfig, type ComponentOverrides, type ComponentTokens, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, 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 };

package/dist/index.d.ts

@@ -8,6 +8,42 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { ClassValue } from 'clsx';
 
+type DepositConfirmationMode = "auto_ui" | "auto_silent" | "manual";
+interface UseDepositPollingOptions {
+    userId: string | undefined;
+    publishableKey: 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)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
+    /** Deposit wallet ID used to trigger the backend poll endpoint */
+    depositWalletId?: string;
+    enabled?: boolean;
+    onDepositSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+    }) => void;
+    onDepositError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+}
+interface UseDepositPollingResult {
+    executions: AutoSwapResponse[];
+    isPolling: boolean;
+    /** Whether the backend poll endpoint has been enabled */
+    pollingEnabled: boolean;
+    /** Whether the "Processing deposit transactions" card should be shown */
+    showWaitingUi: boolean;
+    /** Call this when user clicks "I've made the deposit" (manual mode) */
+    handleIveDeposited: () => void;
+}
+declare function useDepositPolling({ userId, publishableKey, depositConfirmationMode, depositWalletId, enabled, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
+
 interface DepositModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -16,7 +52,7 @@ interface DepositModalProps {
     modalTitle?: string;
     destinationTokenSymbol?: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: string;
     hideDepositTracker?: boolean;
@@ -24,6 +60,14 @@ interface DepositModalProps {
     showBalanceHeader?: boolean;
     /** Input variant for Transfer Crypto view: "single_input" or "double_input" (default) */
     transferInputVariant?: "single_input" | "double_input";
+    /** Controls when deposit polling starts and what UI is shown.
+     *  - "auto_ui": After 10s, starts polling and shows "Processing..." card (default)
+     *  - "auto_silent": After 10s, starts polling silently (no waiting UI)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
+    /** Enable browser wallet connection option. Defaults to false */
+    enableConnectWallet?: boolean;
     onDepositSuccess?: (data: {
         message: string;
         transaction?: unknown;
@@ -36,10 +80,11 @@ interface DepositModalProps {
     }) => void;
     theme?: "light" | "dark" | "auto";
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableConnectWallet, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;
+    subtitle?: string;
     showBack?: boolean;
     showClose?: boolean;
     onBack?: () => void;
@@ -49,20 +94,28 @@ interface DepositHeaderProps {
     };
     showBalance?: boolean;
     balanceAddress?: string;
-    balanceChainType?: "ethereum" | "solana" | "bitcoin";
+    balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     balanceChainId?: string;
     balanceTokenAddress?: string;
+    /** Project name for balance label e.g. "{projectName} Balance: $0.00" */
+    projectName?: string;
     publishableKey?: string;
 }
-declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
+declare function DepositHeader({ title, subtitle, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, projectName, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoSingleInputProps {
     userId: string;
     publishableKey: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: 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)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
     onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
@@ -76,15 +129,21 @@ interface TransferCryptoSingleInputProps {
     }) => void;
     wallets?: Wallet[];
 }
-declare function TransferCryptoSingleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoSingleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoSingleInputProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoDoubleInputProps {
     userId: string;
     publishableKey: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: 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)
+     *  - "manual": User must click "I've made the deposit" to start polling
+     */
+    depositConfirmationMode?: DepositConfirmationMode;
     onExecutionsChange?: (executions: AutoSwapResponse[]) => void;
     onDepositSuccess?: (data: {
         message: string;
@@ -98,7 +157,7 @@ interface TransferCryptoDoubleInputProps {
     }) => void;
     wallets?: Wallet[];
 }
-declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoDoubleInput({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, depositConfirmationMode, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoDoubleInputProps): react_jsx_runtime.JSX.Element;
 
 interface BuyWithCardProps {
     userId: string;
@@ -109,7 +168,7 @@ interface BuyWithCardProps {
     accentColor?: string;
     destinationTokenSymbol?: string;
     recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand";
+    destinationChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl";
     destinationChainId?: string;
     destinationTokenAddress?: string;
     onDepositSuccess?: (data: {
@@ -199,6 +258,45 @@ interface DepositTrackerButtonProps {
 }
 declare function DepositTrackerButton({ onClick, title, subtitle, badge, }: DepositTrackerButtonProps): react_jsx_runtime.JSX.Element;
 
+declare global {
+    interface Window {
+        phantom?: {
+            solana?: PhantomSolanaProvider;
+            ethereum?: EthereumProvider;
+        };
+        solana?: PhantomSolanaProvider;
+        ethereum?: EthereumProvider;
+    }
+}
+interface PhantomSolanaProvider {
+    isPhantom?: boolean;
+    isConnected?: boolean;
+    publicKey?: {
+        toString(): string;
+    };
+    connect(opts?: {
+        onlyIfTrusted?: boolean;
+    }): Promise<{
+        publicKey: {
+            toString(): string;
+        };
+    }>;
+    disconnect(): Promise<void>;
+    on(event: string, callback: (...args: unknown[]) => void): void;
+    off(event: string, callback: (...args: unknown[]) => void): void;
+}
+interface EthereumProvider {
+    isMetaMask?: boolean;
+    isPhantom?: 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;
+}
+
 interface DepositExecutionItemProps {
     execution: AutoSwapResponse;
     onClick?: () => void;
@@ -210,6 +308,23 @@ interface DepositDetailContentProps {
 }
 declare function DepositDetailContent({ execution }: DepositDetailContentProps): react_jsx_runtime.JSX.Element;
 
+interface DepositPollingUiProps {
+    depositConfirmationMode: DepositConfirmationMode;
+    /** Whether polling has been triggered and waiting UI should be visible */
+    showWaitingUi: boolean;
+    /** Whether at least one execution has been detected (hides the processing card) */
+    hasExecution: boolean;
+    /** Called when user clicks "I've made the deposit" in manual mode */
+    onIveDeposited: () => void;
+}
+/**
+ * Deposit polling UI that renders the correct element based on confirmation mode:
+ * - manual (before click): "I've made the deposit" button
+ * - auto_ui / manual (after click): "Processing deposit transactions" spinner card
+ * - auto_silent: nothing (null)
+ */
+declare function DepositPollingUi({ depositConfirmationMode, showWaitingUi, hasExecution, onIveDeposited, }: DepositPollingUiProps): react_jsx_runtime.JSX.Element | null;
+
 interface CurrencyListItemProps {
     currency: FiatCurrency;
     isSelected: boolean;
@@ -227,7 +342,7 @@ declare function CurrencyListSection({ title, currencies, selectedCurrency, onSe
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -583,4 +698,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
 
-export { type AllowedCountryResult, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type CardTokens, type ComponentConfig, type ComponentOverrides, type ComponentTokens, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, 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, useTheme };
+export { type AllowedCountryResult, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type CardTokens, type ComponentConfig, type ComponentOverrides, type ComponentTokens, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, 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 };