@unifold/ui-react 0.1.5 → 0.1.7

package/dist/index.d.mts

@@ -45,39 +45,6 @@ interface DepositHeaderProps {
 }
 declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
 
-interface TransferCryptoProps {
-    userId: string;
-    publishableKey: string;
-    recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin";
-    destinationChainId?: string;
-    destinationTokenAddress?: string;
-    copyButtonMode?: "compact" | "fullWidth";
-    onExecutionsChange?: (executions: any[]) => void;
-    onDepositSuccess?: (data: {
-        message: string;
-        transaction?: unknown;
-        executionId?: string;
-    }) => void;
-    onDepositError?: (error: {
-        message: string;
-        error?: unknown;
-        code?: string;
-    }) => void;
-}
-declare function TransferCrypto(props: TransferCryptoProps): react_jsx_runtime.JSX.Element;
-
-interface TransferCrypto2Props {
-    userId: string;
-    publishableKey: string;
-    recipientAddress?: string;
-    destinationChainId?: string;
-    destinationTokenAddress?: string;
-    copyButtonMode?: "compact" | "fullWidth";
-    onExecutionsChange?: (executions: any[]) => void;
-}
-declare function TransferCrypto2(props: TransferCrypto2Props): react_jsx_runtime.JSX.Element;
-
 declare function setApiConfig(config: {
     baseUrl?: string;
     publishableKey?: string;
@@ -267,10 +234,15 @@ interface MeldSessionResponse {
  * @param publishableKey - Optional publishable key, defaults to configured key
  */
 declare function createMeldSession(request: MeldSessionRequest, publishableKey?: string): Promise<MeldSessionResponse>;
+interface IconUrl {
+    url: string;
+    format: "svg" | "png";
+}
 interface FiatCurrency {
     currency_code: string;
     name: string;
     icon_url: string;
+    icon_urls?: IconUrl[];
 }
 interface FiatCurrenciesResponse {
     data: FiatCurrency[];
@@ -281,6 +253,49 @@ interface FiatCurrenciesResponse {
  * @param publishableKey - Optional publishable key, defaults to configured key
  */
 declare function getFiatCurrencies(publishableKey?: string): Promise<FiatCurrenciesResponse>;
+interface FeaturedToken {
+    name: string;
+    position: number;
+    icon_urls: IconUrl[];
+}
+interface PaymentNetwork {
+    name: string;
+    icon_urls: IconUrl[];
+}
+
+interface TransferCryptoProps {
+    userId: string;
+    publishableKey: string;
+    recipientAddress?: string;
+    destinationChainType?: "ethereum" | "solana" | "bitcoin";
+    destinationChainId?: string;
+    destinationTokenAddress?: string;
+    copyButtonMode?: "compact" | "fullWidth";
+    onExecutionsChange?: (executions: any[]) => void;
+    onDepositSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+    }) => void;
+    onDepositError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+    wallets?: Wallet[];
+}
+declare function TransferCrypto(props: TransferCryptoProps): react_jsx_runtime.JSX.Element;
+
+interface TransferCrypto2Props {
+    userId: string;
+    publishableKey: string;
+    recipientAddress?: string;
+    destinationChainId?: string;
+    destinationTokenAddress?: string;
+    copyButtonMode?: "compact" | "fullWidth";
+    onExecutionsChange?: (executions: any[]) => void;
+}
+declare function TransferCrypto2(props: TransferCrypto2Props): react_jsx_runtime.JSX.Element;
 
 type LayoutVariant = "horizontal" | "vertical";
 interface TransferCryptoBaseProps {
@@ -304,8 +319,9 @@ interface TransferCryptoBaseProps {
         error?: unknown;
         code?: string;
     }) => void;
+    wallets?: Wallet[];
 }
-declare function TransferCryptoBase({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, copyButtonMode, layoutVariant, showDetailedDropdowns, onExecutionsChange, onDepositSuccess, onDepositError, }: TransferCryptoBaseProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoBase({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, copyButtonMode, layoutVariant, showDetailedDropdowns, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoBaseProps): react_jsx_runtime.JSX.Element;
 
 interface BuyWithCardProps {
     userId: string;
@@ -330,8 +346,9 @@ interface BuyWithCardProps {
         code?: string;
     }) => void;
     themeClass?: string;
+    wallets?: Wallet[];
 }
-declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
+declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, wallets: externalWallets, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
 
 interface CurrencyModalProps {
     open: boolean;
@@ -380,15 +397,17 @@ interface TransferCryptoButtonProps {
     onClick: () => void;
     title: string;
     subtitle: string;
+    featuredTokens?: FeaturedToken[];
 }
-declare function TransferCryptoButton({ onClick, title, subtitle, }: TransferCryptoButtonProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoButton({ onClick, title, subtitle, featuredTokens, }: TransferCryptoButtonProps): react_jsx_runtime.JSX.Element;
 
 interface DepositWithCardButtonProps {
     onClick: () => void;
     title: string;
     subtitle: string;
+    paymentNetworks?: PaymentNetwork[];
 }
-declare function DepositWithCardButton({ onClick, title, subtitle, }: DepositWithCardButtonProps): react_jsx_runtime.JSX.Element;
+declare function DepositWithCardButton({ onClick, title, subtitle, paymentNetworks, }: DepositWithCardButtonProps): react_jsx_runtime.JSX.Element;
 
 interface DepositTrackerButtonProps {
     onClick: () => void;
@@ -472,19 +491,16 @@ interface UserIpInfo {
 /**
  * Hook to fetch user's IP-based location information
  *
- * Implements a two-tier fallback strategy:
- * 1. Primary: Moonpay IP API (if API key is provided)
- * 2. Fallback: ipapi.co
+ * Uses ipapi.co to detect the user's country and state.
  *
  * The result is cached in-memory using React Query:
  * - Data persists for the entire browser session
  * - Shared across all components using this hook
  * - Reduces API calls and protects against rate limiting
  *
- * @param moonpayApiKey - Optional Moonpay API key for primary lookup
  * @returns User IP information including country code
  */
-declare function useUserIp(moonpayApiKey?: string): {
+declare function useUserIp(): {
     userIpInfo: UserIpInfo | undefined;
     isLoading: boolean;
     error: Error | null;

package/dist/index.d.ts

@@ -45,39 +45,6 @@ interface DepositHeaderProps {
 }
 declare function DepositHeader({ title, showBack, showClose, onBack, onClose, badge, }: DepositHeaderProps): react_jsx_runtime.JSX.Element;
 
-interface TransferCryptoProps {
-    userId: string;
-    publishableKey: string;
-    recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin";
-    destinationChainId?: string;
-    destinationTokenAddress?: string;
-    copyButtonMode?: "compact" | "fullWidth";
-    onExecutionsChange?: (executions: any[]) => void;
-    onDepositSuccess?: (data: {
-        message: string;
-        transaction?: unknown;
-        executionId?: string;
-    }) => void;
-    onDepositError?: (error: {
-        message: string;
-        error?: unknown;
-        code?: string;
-    }) => void;
-}
-declare function TransferCrypto(props: TransferCryptoProps): react_jsx_runtime.JSX.Element;
-
-interface TransferCrypto2Props {
-    userId: string;
-    publishableKey: string;
-    recipientAddress?: string;
-    destinationChainId?: string;
-    destinationTokenAddress?: string;
-    copyButtonMode?: "compact" | "fullWidth";
-    onExecutionsChange?: (executions: any[]) => void;
-}
-declare function TransferCrypto2(props: TransferCrypto2Props): react_jsx_runtime.JSX.Element;
-
 declare function setApiConfig(config: {
     baseUrl?: string;
     publishableKey?: string;
@@ -267,10 +234,15 @@ interface MeldSessionResponse {
  * @param publishableKey - Optional publishable key, defaults to configured key
  */
 declare function createMeldSession(request: MeldSessionRequest, publishableKey?: string): Promise<MeldSessionResponse>;
+interface IconUrl {
+    url: string;
+    format: "svg" | "png";
+}
 interface FiatCurrency {
     currency_code: string;
     name: string;
     icon_url: string;
+    icon_urls?: IconUrl[];
 }
 interface FiatCurrenciesResponse {
     data: FiatCurrency[];
@@ -281,6 +253,49 @@ interface FiatCurrenciesResponse {
  * @param publishableKey - Optional publishable key, defaults to configured key
  */
 declare function getFiatCurrencies(publishableKey?: string): Promise<FiatCurrenciesResponse>;
+interface FeaturedToken {
+    name: string;
+    position: number;
+    icon_urls: IconUrl[];
+}
+interface PaymentNetwork {
+    name: string;
+    icon_urls: IconUrl[];
+}
+
+interface TransferCryptoProps {
+    userId: string;
+    publishableKey: string;
+    recipientAddress?: string;
+    destinationChainType?: "ethereum" | "solana" | "bitcoin";
+    destinationChainId?: string;
+    destinationTokenAddress?: string;
+    copyButtonMode?: "compact" | "fullWidth";
+    onExecutionsChange?: (executions: any[]) => void;
+    onDepositSuccess?: (data: {
+        message: string;
+        transaction?: unknown;
+        executionId?: string;
+    }) => void;
+    onDepositError?: (error: {
+        message: string;
+        error?: unknown;
+        code?: string;
+    }) => void;
+    wallets?: Wallet[];
+}
+declare function TransferCrypto(props: TransferCryptoProps): react_jsx_runtime.JSX.Element;
+
+interface TransferCrypto2Props {
+    userId: string;
+    publishableKey: string;
+    recipientAddress?: string;
+    destinationChainId?: string;
+    destinationTokenAddress?: string;
+    copyButtonMode?: "compact" | "fullWidth";
+    onExecutionsChange?: (executions: any[]) => void;
+}
+declare function TransferCrypto2(props: TransferCrypto2Props): react_jsx_runtime.JSX.Element;
 
 type LayoutVariant = "horizontal" | "vertical";
 interface TransferCryptoBaseProps {
@@ -304,8 +319,9 @@ interface TransferCryptoBaseProps {
         error?: unknown;
         code?: string;
     }) => void;
+    wallets?: Wallet[];
 }
-declare function TransferCryptoBase({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, copyButtonMode, layoutVariant, showDetailedDropdowns, onExecutionsChange, onDepositSuccess, onDepositError, }: TransferCryptoBaseProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoBase({ userId, publishableKey, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, copyButtonMode, layoutVariant, showDetailedDropdowns, onExecutionsChange, onDepositSuccess, onDepositError, wallets: externalWallets, }: TransferCryptoBaseProps): react_jsx_runtime.JSX.Element;
 
 interface BuyWithCardProps {
     userId: string;
@@ -330,8 +346,9 @@ interface BuyWithCardProps {
         code?: string;
     }) => void;
     themeClass?: string;
+    wallets?: Wallet[];
 }
-declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
+declare function BuyWithCard({ userId, publishableKey, view: externalView, onViewChange, maxAmountUsd, accentColor, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, themeClass, wallets: externalWallets, }: BuyWithCardProps): react_jsx_runtime.JSX.Element;
 
 interface CurrencyModalProps {
     open: boolean;
@@ -380,15 +397,17 @@ interface TransferCryptoButtonProps {
     onClick: () => void;
     title: string;
     subtitle: string;
+    featuredTokens?: FeaturedToken[];
 }
-declare function TransferCryptoButton({ onClick, title, subtitle, }: TransferCryptoButtonProps): react_jsx_runtime.JSX.Element;
+declare function TransferCryptoButton({ onClick, title, subtitle, featuredTokens, }: TransferCryptoButtonProps): react_jsx_runtime.JSX.Element;
 
 interface DepositWithCardButtonProps {
     onClick: () => void;
     title: string;
     subtitle: string;
+    paymentNetworks?: PaymentNetwork[];
 }
-declare function DepositWithCardButton({ onClick, title, subtitle, }: DepositWithCardButtonProps): react_jsx_runtime.JSX.Element;
+declare function DepositWithCardButton({ onClick, title, subtitle, paymentNetworks, }: DepositWithCardButtonProps): react_jsx_runtime.JSX.Element;
 
 interface DepositTrackerButtonProps {
     onClick: () => void;
@@ -472,19 +491,16 @@ interface UserIpInfo {
 /**
  * Hook to fetch user's IP-based location information
  *
- * Implements a two-tier fallback strategy:
- * 1. Primary: Moonpay IP API (if API key is provided)
- * 2. Fallback: ipapi.co
+ * Uses ipapi.co to detect the user's country and state.
  *
  * The result is cached in-memory using React Query:
  * - Data persists for the entire browser session
  * - Shared across all components using this hook
  * - Reduces API calls and protects against rate limiting
  *
- * @param moonpayApiKey - Optional Moonpay API key for primary lookup
  * @returns User IP information including country code
  */
-declare function useUserIp(moonpayApiKey?: string): {
+declare function useUserIp(): {
     userIpInfo: UserIpInfo | undefined;
     isLoading: boolean;
     error: Error | null;