@unifold/ui-react 0.1.63 → 0.1.65

package/dist/index.d.mts

@@ -27,6 +27,15 @@ interface UseDepositPollingOptions {
     depositConfirmationMode?: DepositConfirmationMode;
     /** Deposit wallet ID used to trigger the backend poll endpoint */
     depositWalletId?: string;
+    /**
+     * Multiple deposit wallet IDs to nudge `/poll` for. Used when the deposit chain
+     * isn't known up front (e.g. the mobile redirect flow, where the user may
+     * deposit on any supported chain) — we iterate the wallets from
+     * `/deposit_addresses` and poll each. Detection itself is via the single
+     * `/query` by `external_user_id` (which already spans all chains). Takes
+     * precedence over `depositWalletId` when non-empty.
+     */
+    depositWalletIds?: string[];
     enabled?: boolean;
     onDepositSuccess?: (data: {
         message: string;
@@ -55,7 +64,7 @@ interface UseDepositPollingResult {
     /** Call this when user clicks "I've made the deposit" (manual mode) */
     handleIveDeposited: () => void;
 }
-declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
+declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, depositWalletIds, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
 
 declare global {
     interface Window {
@@ -220,8 +229,15 @@ interface DepositModalProps {
     hideOverlay?: boolean;
     /** First screen when the modal opens. Default `main` (deposit menu). */
     initialScreen?: DepositModalInitialScreen;
+    /**
+     * Main menu layout.
+     * - `"stacked"` (default): all deposit options are stacked in a single list.
+     * - `"tabs"`: options are grouped under "Use Crypto" / "Use Cash" tabs to keep
+     *   the menu compact and mobile-friendly.
+     */
+    displayMode?: "stacked" | "tabs";
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;
@@ -235,7 +251,7 @@ interface DepositHeaderProps {
     };
     showBalance?: boolean;
     balanceAddress?: string;
-    balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl" | "cardano";
+    balanceChainType?: ChainType;
     balanceChainId?: string;
     balanceTokenAddress?: string;
     /** Project name for balance label e.g. "{projectName} Balance: $0.00" */
@@ -743,6 +759,8 @@ declare function WithdrawConfirmingView({ txInfo, executions, onClose, onViewTra
 
 declare const HYPERCORE_CHAIN_ID = "1337";
 
+declare function isHypercoreChain(chainId: string): boolean;
+
 type DetectedWallet = {
     name: string;
     address: string;
@@ -770,14 +788,12 @@ declare function sendSolanaWithdraw(params: {
     publishableKey: string;
 }): Promise<string>;
 
-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>;
 

package/dist/index.d.ts

@@ -27,6 +27,15 @@ interface UseDepositPollingOptions {
     depositConfirmationMode?: DepositConfirmationMode;
     /** Deposit wallet ID used to trigger the backend poll endpoint */
     depositWalletId?: string;
+    /**
+     * Multiple deposit wallet IDs to nudge `/poll` for. Used when the deposit chain
+     * isn't known up front (e.g. the mobile redirect flow, where the user may
+     * deposit on any supported chain) — we iterate the wallets from
+     * `/deposit_addresses` and poll each. Detection itself is via the single
+     * `/query` by `external_user_id` (which already spans all chains). Takes
+     * precedence over `depositWalletId` when non-empty.
+     */
+    depositWalletIds?: string[];
     enabled?: boolean;
     onDepositSuccess?: (data: {
         message: string;
@@ -55,7 +64,7 @@ interface UseDepositPollingResult {
     /** Call this when user clicks "I've made the deposit" (manual mode) */
     handleIveDeposited: () => void;
 }
-declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
+declare function useDepositPolling({ userId, publishableKey, clientSecret, depositConfirmationMode, depositWalletId, depositWalletIds, enabled, immediateDirectPolling, onDepositSuccess, onDepositError, }: UseDepositPollingOptions): UseDepositPollingResult;
 
 declare global {
     interface Window {
@@ -220,8 +229,15 @@ interface DepositModalProps {
     hideOverlay?: boolean;
     /** First screen when the modal opens. Default `main` (deposit menu). */
     initialScreen?: DepositModalInitialScreen;
+    /**
+     * Main menu layout.
+     * - `"stacked"` (default): all deposit options are stacked in a single list.
+     * - `"tabs"`: options are grouped under "Use Crypto" / "Use Cash" tabs to keep
+     *   the menu compact and mobile-friendly.
+     */
+    displayMode?: "stacked" | "tabs";
 }
-declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
+declare function DepositModal({ open, onOpenChange, userId, publishableKey, modalTitle, destinationTokenSymbol, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, contractCalls, defaultSourceChainType, defaultSourceChainId, defaultSourceTokenAddress, defaultSourceSymbol, hideDepositTracker, showBalanceHeader, transferInputVariant, depositConfirmationMode, enableTransferCrypto, enableConnectWallet, browserWalletAmountQuickSelect, enablePayWithExchange, enableFiatOnramp, enableConnectExchange, enableCashApp, hideDepositFlowInfo, hideDisplayDescription, onDepositSuccess, onDepositError, onEvent, theme, hideOverlay, initialScreen, displayMode, transferCryptoTitle, depositWithCardTitle, payWithExchangeTitle, depositTrackerTitle, depositTrackerSubTitle, }: DepositModalProps): react_jsx_runtime.JSX.Element;
 
 interface DepositHeaderProps {
     title: string;
@@ -235,7 +251,7 @@ interface DepositHeaderProps {
     };
     showBalance?: boolean;
     balanceAddress?: string;
-    balanceChainType?: "ethereum" | "solana" | "bitcoin" | "algorand" | "xrpl" | "cardano";
+    balanceChainType?: ChainType;
     balanceChainId?: string;
     balanceTokenAddress?: string;
     /** Project name for balance label e.g. "{projectName} Balance: $0.00" */
@@ -743,6 +759,8 @@ declare function WithdrawConfirmingView({ txInfo, executions, onClose, onViewTra
 
 declare const HYPERCORE_CHAIN_ID = "1337";
 
+declare function isHypercoreChain(chainId: string): boolean;
+
 type DetectedWallet = {
     name: string;
     address: string;
@@ -770,14 +788,12 @@ declare function sendSolanaWithdraw(params: {
     publishableKey: string;
 }): Promise<string>;
 
-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>;