@unifold/ui-react 0.1.21 → 0.1.23

package/dist/index.d.mts

@@ -20,6 +20,8 @@ interface DepositModalProps {
     destinationChainId?: string;
     destinationTokenAddress?: string;
     hideDepositTracker?: boolean;
+    /** Show balance in deposit modal header. Defaults to false */
+    showBalanceHeader?: boolean;
     /** Input variant for Transfer Crypto view: "single_input" or "double_input" (default) */
     transferInputVariant?: "single_input" | "double_input";
     onDepositSuccess?: (data: {
@@ -34,7 +36,7 @@ interface DepositModalProps {
     }) => void;
     theme?: "light" | "dark" | "auto";
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, 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, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;
@@ -45,8 +47,14 @@ interface DepositHeaderProps {
     badge?: {
         count: number;
     };
-}
-declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
+    showBalance?: boolean;
+    balanceAddress?: string;
+    balanceChainType?: "ethereum" | "solana" | "bitcoin";
+    balanceChainId?: string;
+    balanceTokenAddress?: string;
+    publishableKey?: string;
+}
+declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoSingleInputProps {
     userId: string;
@@ -550,5 +558,18 @@ declare function ThemeProvider({ children, mode, accentColor, theme, fontFamily,
 declare function useTheme(): ThemeContextValue;
 
 declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Format estimated processing time in human-readable format
+ * @param seconds - Time in seconds (can be null/undefined)
+ * @returns Formatted string like "< 30 secs", "< 5 mins", "< 1 hr 30 mins", or empty string if no value
+ */
+/**
+ * Truncate a blockchain address to show first and last N characters
+ * @param address - Full address string
+ * @param startChars - Number of characters to show at the start (default 10)
+ * @param endChars - Number of characters to show at the end (default 8)
+ * @returns Truncated address like "0x1234...abcd" or full address if shorter than total chars
+ */
+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, 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, 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 };

package/dist/index.d.ts

@@ -20,6 +20,8 @@ interface DepositModalProps {
     destinationChainId?: string;
     destinationTokenAddress?: string;
     hideDepositTracker?: boolean;
+    /** Show balance in deposit modal header. Defaults to false */
+    showBalanceHeader?: boolean;
     /** Input variant for Transfer Crypto view: "single_input" or "double_input" (default) */
     transferInputVariant?: "single_input" | "double_input";
     onDepositSuccess?: (data: {
@@ -34,7 +36,7 @@ interface DepositModalProps {
     }) => void;
     theme?: "light" | "dark" | "auto";
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, hideDepositTracker, 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, onDepositSuccess, onDepositError, theme, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;
@@ -45,8 +47,14 @@ interface DepositHeaderProps {
     badge?: {
         count: number;
     };
-}
-declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
+    showBalance?: boolean;
+    balanceAddress?: string;
+    balanceChainType?: "ethereum" | "solana" | "bitcoin";
+    balanceChainId?: string;
+    balanceTokenAddress?: string;
+    publishableKey?: string;
+}
+declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, showBalance, balanceAddress, balanceChainType, balanceChainId, balanceTokenAddress, publishableKey, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface TransferCryptoSingleInputProps {
     userId: string;
@@ -550,5 +558,18 @@ declare function ThemeProvider({ children, mode, accentColor, theme, fontFamily,
 declare function useTheme(): ThemeContextValue;
 
 declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Format estimated processing time in human-readable format
+ * @param seconds - Time in seconds (can be null/undefined)
+ * @returns Formatted string like "< 30 secs", "< 5 mins", "< 1 hr 30 mins", or empty string if no value
+ */
+/**
+ * Truncate a blockchain address to show first and last N characters
+ * @param address - Full address string
+ * @param startChars - Number of characters to show at the start (default 10)
+ * @param endChars - Number of characters to show at the end (default 8)
+ * @returns Truncated address like "0x1234...abcd" or full address if shorter than total chars
+ */
+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, 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, 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 };