@unifold/ui-react 0.1.64 → 0.1.66

package/dist/index.d.mts

@@ -229,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;
@@ -244,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" */
@@ -752,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;
@@ -779,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

@@ -229,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;
@@ -244,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" */
@@ -752,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;
@@ -779,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>;