@unifold/ui-react 0.1.7 → 0.1.8

package/dist/index.d.mts

@@ -61,6 +61,12 @@ declare function getApiBaseUrl(): string;
  * like "http://localhost:3002/api/public/icons/networks/ethereum.svg"
  */
 declare function getIconUrl(iconPath: string): string;
+/**
+ * Build an icon URL using a custom CDN base URL
+ * Converts relative paths like "/icons/networks/ethereum.svg" to full CDN URLs
+ * Falls back to getIconUrl if no CDN URL is provided
+ */
+declare function getIconUrlWithCdn(iconPath: string, assetCdnUrl?: string): string;
 interface Wallet {
     id: string;
     chain_type: "ethereum" | "solana" | "bitcoin";
@@ -121,6 +127,7 @@ interface AutoSwapResponse {
     destination_chain_id: string;
     destination_token_address: string;
     source_amount_base_unit: string;
+    source_amount_usd?: string;
     destination_amount_base_unit: string;
     provider_metadata: unknown;
     created_at?: string;
@@ -132,6 +139,9 @@ interface AutoSwapResponse {
     source_token_metadata?: {
         icon_url: string;
     };
+    destination_token_metadata?: {
+        icon_url: string;
+    };
 }
 declare const SOLANA_USDC_ADDRESS = "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v";
 interface QueryExecutionsRequest {
@@ -347,8 +357,9 @@ interface BuyWithCardProps {
     }) => void;
     themeClass?: string;
     wallets?: Wallet[];
+    assetCdnUrl?: string;
 }
-declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, wallets: externalWallets, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
+declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, wallets: externalWallets, assetCdnUrl, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
 
 interface CurrencyModalProps {
     open: boolean;
@@ -370,9 +381,10 @@ interface DepositSuccessToastProps {
     completionExplorerUrl?: string;
     status: ExecutionStatus;
     tokenIconUrl?: string;
+    sourceAmountBaseUnit?: string;
     onClose: () => void;
 }
-declare function DepositSuccessToast({ depositTx, completionTx, orderSubmittedAt, orderFilledAt, explorerUrl, completionExplorerUrl, status, tokenIconUrl, onClose, }: DepositSuccessToastProps): react_jsx_runtime.JSX.Element;
+declare function DepositSuccessToast({ depositTx, orderSubmittedAt, status, tokenIconUrl, sourceAmountBaseUnit, onClose, }: DepositSuccessToastProps): react_jsx_runtime.JSX.Element;
 
 interface DepositsModalProps {
     open: boolean;
@@ -419,10 +431,17 @@ declare function DepositTrackerButton({ onClick, title, subtitle, badge, }: Depo
 
 interface DepositExecutionItemProps {
     execution: AutoSwapResponse;
-    showCloseButton?: boolean;
-    onClose?: () => void;
+    onClick?: () => void;
+}
+declare function DepositExecutionItem({ execution, onClick, }: DepositExecutionItemProps): react_jsx_runtime.JSX.Element;
+
+interface DepositDetailModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    execution: AutoSwapResponse | null;
+    themeClass?: string;
 }
-declare function DepositExecutionItem({ execution, showCloseButton, onClose, }: DepositExecutionItemProps): react_jsx_runtime.JSX.Element;
+declare function DepositDetailModal({ open, onOpenChange, execution, themeClass, }: DepositDetailModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface CurrencyListItemProps {
     currency: FiatCurrency;
@@ -583,4 +602,4 @@ declare const i18n: {
 };
 type I18nStrings = typeof i18n;
 
-export { type AutoSwapRequest, type AutoSwapResponse, Button, type ButtonProps, BuyWithCard, type CreateEOARequest, CurrencyListItem, CurrencyListSection, CurrencyModal, DepositExecutionItem, DepositHeader, DepositModal, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EOAResponse, ExecutionStatus, type FiatCurrenciesResponse, type FiatCurrency, type I18nStrings, type MeldQuote, type MeldQuotesRequest, type MeldQuotesResponse, type MeldSessionRequest, type MeldSessionResponse, type QueryExecutionsRequest, type QueryExecutionsResponse, SOLANA_USDC_ADDRESS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StyledQRCode, type SupportedChain, type SupportedDepositTokensResponse, type SupportedToken, ThemeProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCrypto, TransferCrypto2, TransferCryptoBase, TransferCryptoButton, type UserIpInfo, type Wallet, buttonVariants, cn, createEOA, createMeldSession, getApiBaseUrl, getFiatCurrencies, getIconUrl, getMeldQuotes, getSupportedDepositTokens, getWalletByChainType, i18n, queryExecutions, setApiConfig, useTheme, useUserIp };
+export { type AutoSwapRequest, type AutoSwapResponse, Button, type ButtonProps, BuyWithCard, type CreateEOARequest, CurrencyListItem, CurrencyListSection, CurrencyModal, DepositDetailModal, DepositExecutionItem, DepositHeader, DepositModal, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EOAResponse, ExecutionStatus, type FiatCurrenciesResponse, type FiatCurrency, type I18nStrings, type MeldQuote, type MeldQuotesRequest, type MeldQuotesResponse, type MeldSessionRequest, type MeldSessionResponse, type QueryExecutionsRequest, type QueryExecutionsResponse, SOLANA_USDC_ADDRESS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StyledQRCode, type SupportedChain, type SupportedDepositTokensResponse, type SupportedToken, ThemeProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCrypto, TransferCrypto2, TransferCryptoBase, TransferCryptoButton, type UserIpInfo, type Wallet, buttonVariants, cn, createEOA, createMeldSession, getApiBaseUrl, getFiatCurrencies, getIconUrl, getIconUrlWithCdn, getMeldQuotes, getSupportedDepositTokens, getWalletByChainType, i18n, queryExecutions, setApiConfig, useTheme, useUserIp };

package/dist/index.d.ts

@@ -61,6 +61,12 @@ declare function getApiBaseUrl(): string;
  * like "http://localhost:3002/api/public/icons/networks/ethereum.svg"
  */
 declare function getIconUrl(iconPath: string): string;
+/**
+ * Build an icon URL using a custom CDN base URL
+ * Converts relative paths like "/icons/networks/ethereum.svg" to full CDN URLs
+ * Falls back to getIconUrl if no CDN URL is provided
+ */
+declare function getIconUrlWithCdn(iconPath: string, assetCdnUrl?: string): string;
 interface Wallet {
     id: string;
     chain_type: "ethereum" | "solana" | "bitcoin";
@@ -121,6 +127,7 @@ interface AutoSwapResponse {
     destination_chain_id: string;
     destination_token_address: string;
     source_amount_base_unit: string;
+    source_amount_usd?: string;
     destination_amount_base_unit: string;
     provider_metadata: unknown;
     created_at?: string;
@@ -132,6 +139,9 @@ interface AutoSwapResponse {
     source_token_metadata?: {
         icon_url: string;
     };
+    destination_token_metadata?: {
+        icon_url: string;
+    };
 }
 declare const SOLANA_USDC_ADDRESS = "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v";
 interface QueryExecutionsRequest {
@@ -347,8 +357,9 @@ interface BuyWithCardProps {
     }) => void;
     themeClass?: string;
     wallets?: Wallet[];
+    assetCdnUrl?: string;
 }
-declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, wallets: externalWallets, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
+declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, wallets: externalWallets, assetCdnUrl, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
 
 interface CurrencyModalProps {
     open: boolean;
@@ -370,9 +381,10 @@ interface DepositSuccessToastProps {
     completionExplorerUrl?: string;
     status: ExecutionStatus;
     tokenIconUrl?: string;
+    sourceAmountBaseUnit?: string;
     onClose: () => void;
 }
-declare function DepositSuccessToast({ depositTx, completionTx, orderSubmittedAt, orderFilledAt, explorerUrl, completionExplorerUrl, status, tokenIconUrl, onClose, }: DepositSuccessToastProps): react_jsx_runtime.JSX.Element;
+declare function DepositSuccessToast({ depositTx, orderSubmittedAt, status, tokenIconUrl, sourceAmountBaseUnit, onClose, }: DepositSuccessToastProps): react_jsx_runtime.JSX.Element;
 
 interface DepositsModalProps {
     open: boolean;
@@ -419,10 +431,17 @@ declare function DepositTrackerButton({ onClick, title, subtitle, badge, }: Depo
 
 interface DepositExecutionItemProps {
     execution: AutoSwapResponse;
-    showCloseButton?: boolean;
-    onClose?: () => void;
+    onClick?: () => void;
+}
+declare function DepositExecutionItem({ execution, onClick, }: DepositExecutionItemProps): react_jsx_runtime.JSX.Element;
+
+interface DepositDetailModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    execution: AutoSwapResponse | null;
+    themeClass?: string;
 }
-declare function DepositExecutionItem({ execution, showCloseButton, onClose, }: DepositExecutionItemProps): react_jsx_runtime.JSX.Element;
+declare function DepositDetailModal({ open, onOpenChange, execution, themeClass, }: DepositDetailModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface CurrencyListItemProps {
     currency: FiatCurrency;
@@ -583,4 +602,4 @@ declare const i18n: {
 };
 type I18nStrings = typeof i18n;
 
-export { type AutoSwapRequest, type AutoSwapResponse, Button, type ButtonProps, BuyWithCard, type CreateEOARequest, CurrencyListItem, CurrencyListSection, CurrencyModal, DepositExecutionItem, DepositHeader, DepositModal, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EOAResponse, ExecutionStatus, type FiatCurrenciesResponse, type FiatCurrency, type I18nStrings, type MeldQuote, type MeldQuotesRequest, type MeldQuotesResponse, type MeldSessionRequest, type MeldSessionResponse, type QueryExecutionsRequest, type QueryExecutionsResponse, SOLANA_USDC_ADDRESS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StyledQRCode, type SupportedChain, type SupportedDepositTokensResponse, type SupportedToken, ThemeProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCrypto, TransferCrypto2, TransferCryptoBase, TransferCryptoButton, type UserIpInfo, type Wallet, buttonVariants, cn, createEOA, createMeldSession, getApiBaseUrl, getFiatCurrencies, getIconUrl, getMeldQuotes, getSupportedDepositTokens, getWalletByChainType, i18n, queryExecutions, setApiConfig, useTheme, useUserIp };
+export { type AutoSwapRequest, type AutoSwapResponse, Button, type ButtonProps, BuyWithCard, type CreateEOARequest, CurrencyListItem, CurrencyListSection, CurrencyModal, DepositDetailModal, DepositExecutionItem, DepositHeader, DepositModal, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EOAResponse, ExecutionStatus, type FiatCurrenciesResponse, type FiatCurrency, type I18nStrings, type MeldQuote, type MeldQuotesRequest, type MeldQuotesResponse, type MeldSessionRequest, type MeldSessionResponse, type QueryExecutionsRequest, type QueryExecutionsResponse, SOLANA_USDC_ADDRESS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StyledQRCode, type SupportedChain, type SupportedDepositTokensResponse, type SupportedToken, ThemeProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCrypto, TransferCrypto2, TransferCryptoBase, TransferCryptoButton, type UserIpInfo, type Wallet, buttonVariants, cn, createEOA, createMeldSession, getApiBaseUrl, getFiatCurrencies, getIconUrl, getIconUrlWithCdn, getMeldQuotes, getSupportedDepositTokens, getWalletByChainType, i18n, queryExecutions, setApiConfig, useTheme, useUserIp };