@compass-labs/widgets 0.1.32 → 0.1.34

package/dist/index.d.mts

@@ -436,60 +436,8 @@ interface EarnAccountProps {
  */
 declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, showTrustBadge, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, chain: chainProp, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
 
-type SwapLayout = 'compact' | 'full';
-interface SwapQuote {
-    inputAmount: string;
-    outputAmount: string;
-    rate: string;
-}
-/** Default tokens available for swapping */
-declare const DEFAULT_SWAP_TOKENS: readonly ["USDC", "ETH", "WETH", "WBTC", "DAI", "USDT", "AUSD", "SBC"];
-/**
- * Props for the SwapWidget.
- *
- * Sensible defaults are applied automatically:
- * - Full layout for maximum usability
- * - ETH → USDC as default pair (most common swap)
- * - Reverse button enabled for easy direction switching
- * - Popular DeFi tokens pre-configured
- */
-interface SwapWidgetProps {
-    /** Widget layout size @default 'full' */
-    layout?: SwapLayout;
-    /** Initial "from" token @default 'ETH' */
-    defaultFromToken?: string;
-    /** Initial "to" token @default 'USDC' */
-    defaultToToken?: string;
-    /** Tokens available for selection @default ['USDC', 'ETH', 'WETH', 'WBTC', 'DAI', 'USDT', 'AUSD', 'SBC'] */
-    allowedTokens?: string[];
-    /** Show swap direction button @default true */
-    showReverseButton?: boolean;
-    /** Show settings panel @default false */
-    showSettings?: boolean;
-    /** Callback after successful swap */
-    onSwapSuccess?: (fromToken: string, toToken: string, fromAmount: string, toAmount: string, txHash: string) => void;
-    /** Callback on swap error */
-    onSwapError?: (error: Error) => void;
-}
-
-declare function SwapWidget({ layout, defaultFromToken, defaultToToken, allowedTokens, showReverseButton, showSettings, onSwapSuccess, onSwapError, }: SwapWidgetProps): react_jsx_runtime.JSX.Element;
-
-interface UseSwapQuoteOptions {
-    fromToken: string;
-    toToken: string;
-    amount: string;
-    enabled?: boolean;
-}
-declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQuoteOptions): {
-    quote: SwapQuote | null | undefined;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<SwapQuote | null, Error>>;
-};
-
-type TabId = 'swap' | 'positions' | 'rebalance';
-type FeaturePreset = 'full' | 'swap-only';
+type TabId = 'positions' | 'rebalance';
+type FeaturePreset = 'full';
 interface TabConfig {
     id: TabId;
     label: string;
@@ -500,7 +448,6 @@ interface TabConfig {
  */
 interface CompassEarnWidgetProps {
     preset?: FeaturePreset;
-    enableSwap?: boolean;
     enablePositions?: boolean;
     enableRebalance?: boolean;
     defaultTab?: TabId;
@@ -509,7 +456,7 @@ interface CompassEarnWidgetProps {
     onTabChange?: (tab: TabId) => void;
 }
 
-declare function CompassEarnWidget({ preset, enableSwap, enablePositions, enableRebalance, defaultTab, showHeader, showPnL, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
+declare function CompassEarnWidget({ preset, enablePositions, enableRebalance, defaultTab, showHeader, showPnL, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
 
 type VenueType$1 = 'vault' | 'aave' | 'pendle_pt';
 interface PortfolioPosition {
@@ -618,6 +565,25 @@ declare function useRebalancingData(chainOverride?: string): {
     refetch: () => void;
 };
 
+interface SwapQuote {
+    inputAmount: string;
+    outputAmount: string;
+    rate: string;
+}
+interface UseSwapQuoteOptions {
+    fromToken: string;
+    toToken: string;
+    amount: string;
+    enabled?: boolean;
+}
+declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQuoteOptions): {
+    quote: SwapQuote | null | undefined;
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<SwapQuote | null, Error>>;
+};
+
 /**
  * Theme Presets for Compass Embeddable Widgets
  *
@@ -737,6 +703,18 @@ declare function useEarnAccount(): EarnAccountContextValue;
 
 declare function ChainSwitcher(): react_jsx_runtime.JSX.Element;
 
+interface CopyableAddressProps {
+    /** The full address to copy */
+    address: string;
+    /** Label shown above the address (e.g., "Wallet", "Product Account") */
+    label?: string;
+    /** Show truncated address (default: true) */
+    truncate?: boolean;
+    /** Text size class (default: 'text-xs') */
+    textSize?: string;
+}
+declare function CopyableAddress({ address, label, truncate, textSize, }: CopyableAddressProps): react_jsx_runtime.JSX.Element;
+
 interface WalletStatusProps {
     /** Show full address or truncated */
     showFullAddress?: boolean;
@@ -846,8 +824,27 @@ interface AccountBalancesModalProps {
     totalUsdValue: string;
     isLoading?: boolean;
     earnAccountAddress?: string;
+    walletAddress?: string;
+}
+declare function AccountBalancesModal({ isOpen, onClose, balances, totalUsdValue, isLoading, earnAccountAddress, walletAddress, }: AccountBalancesModalProps): react_jsx_runtime.JSX.Element;
+
+interface SwapFormProps {
+    /** Tokens the user holds (shown in "from" dropdown) */
+    availableFromTokens: string[];
+    /** Extra tokens to include in "to" dropdown beyond from tokens */
+    availableToTokens?: string[];
+    /** Token balances keyed by symbol (human-readable amounts) */
+    balances?: Record<string, string>;
+    /** Initial "from" token */
+    defaultFromToken?: string;
+    /** Initial "to" token */
+    defaultToToken?: string;
+    /** Callback after successful swap */
+    onSwapSuccess?: (fromToken: string, toToken: string, amountIn: string, amountOut: string, txHash: string) => void;
+    /** Callback on swap error */
+    onSwapError?: (error: Error) => void;
 }
-declare function AccountBalancesModal({ isOpen, onClose, balances, totalUsdValue, isLoading, earnAccountAddress, }: AccountBalancesModalProps): react_jsx_runtime.JSX.Element | null;
+declare function SwapForm({ availableFromTokens, availableToTokens, balances, defaultFromToken, defaultToToken, onSwapSuccess, onSwapError, }: SwapFormProps): react_jsx_runtime.JSX.Element;
 
 type SupportedChainId = 'ethereum' | 'base' | 'arbitrum';
 interface ChainConfig {
@@ -859,4 +856,4 @@ interface ChainConfig {
 }
 declare const CHAINS: Record<SupportedChainId, ChainConfig>;
 
-export { AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, DEFAULT_SWAP_TOKENS, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SupportedChain, type SupportedChainId, type SwapLayout, type SwapQuote, SwapWidget, type SwapWidgetProps, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useSwapQuote, useTheme };
+export { AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, CopyableAddress, type CopyableAddressProps, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SupportedChain, type SupportedChainId, SwapForm, type SwapFormProps, type SwapQuote, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useSwapQuote, useTheme };

package/dist/index.d.ts

@@ -436,60 +436,8 @@ interface EarnAccountProps {
  */
 declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, showTrustBadge, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, chain: chainProp, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
 
-type SwapLayout = 'compact' | 'full';
-interface SwapQuote {
-    inputAmount: string;
-    outputAmount: string;
-    rate: string;
-}
-/** Default tokens available for swapping */
-declare const DEFAULT_SWAP_TOKENS: readonly ["USDC", "ETH", "WETH", "WBTC", "DAI", "USDT", "AUSD", "SBC"];
-/**
- * Props for the SwapWidget.
- *
- * Sensible defaults are applied automatically:
- * - Full layout for maximum usability
- * - ETH → USDC as default pair (most common swap)
- * - Reverse button enabled for easy direction switching
- * - Popular DeFi tokens pre-configured
- */
-interface SwapWidgetProps {
-    /** Widget layout size @default 'full' */
-    layout?: SwapLayout;
-    /** Initial "from" token @default 'ETH' */
-    defaultFromToken?: string;
-    /** Initial "to" token @default 'USDC' */
-    defaultToToken?: string;
-    /** Tokens available for selection @default ['USDC', 'ETH', 'WETH', 'WBTC', 'DAI', 'USDT', 'AUSD', 'SBC'] */
-    allowedTokens?: string[];
-    /** Show swap direction button @default true */
-    showReverseButton?: boolean;
-    /** Show settings panel @default false */
-    showSettings?: boolean;
-    /** Callback after successful swap */
-    onSwapSuccess?: (fromToken: string, toToken: string, fromAmount: string, toAmount: string, txHash: string) => void;
-    /** Callback on swap error */
-    onSwapError?: (error: Error) => void;
-}
-
-declare function SwapWidget({ layout, defaultFromToken, defaultToToken, allowedTokens, showReverseButton, showSettings, onSwapSuccess, onSwapError, }: SwapWidgetProps): react_jsx_runtime.JSX.Element;
-
-interface UseSwapQuoteOptions {
-    fromToken: string;
-    toToken: string;
-    amount: string;
-    enabled?: boolean;
-}
-declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQuoteOptions): {
-    quote: SwapQuote | null | undefined;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<SwapQuote | null, Error>>;
-};
-
-type TabId = 'swap' | 'positions' | 'rebalance';
-type FeaturePreset = 'full' | 'swap-only';
+type TabId = 'positions' | 'rebalance';
+type FeaturePreset = 'full';
 interface TabConfig {
     id: TabId;
     label: string;
@@ -500,7 +448,6 @@ interface TabConfig {
  */
 interface CompassEarnWidgetProps {
     preset?: FeaturePreset;
-    enableSwap?: boolean;
     enablePositions?: boolean;
     enableRebalance?: boolean;
     defaultTab?: TabId;
@@ -509,7 +456,7 @@ interface CompassEarnWidgetProps {
     onTabChange?: (tab: TabId) => void;
 }
 
-declare function CompassEarnWidget({ preset, enableSwap, enablePositions, enableRebalance, defaultTab, showHeader, showPnL, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
+declare function CompassEarnWidget({ preset, enablePositions, enableRebalance, defaultTab, showHeader, showPnL, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
 
 type VenueType$1 = 'vault' | 'aave' | 'pendle_pt';
 interface PortfolioPosition {
@@ -618,6 +565,25 @@ declare function useRebalancingData(chainOverride?: string): {
     refetch: () => void;
 };
 
+interface SwapQuote {
+    inputAmount: string;
+    outputAmount: string;
+    rate: string;
+}
+interface UseSwapQuoteOptions {
+    fromToken: string;
+    toToken: string;
+    amount: string;
+    enabled?: boolean;
+}
+declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQuoteOptions): {
+    quote: SwapQuote | null | undefined;
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<SwapQuote | null, Error>>;
+};
+
 /**
  * Theme Presets for Compass Embeddable Widgets
  *
@@ -737,6 +703,18 @@ declare function useEarnAccount(): EarnAccountContextValue;
 
 declare function ChainSwitcher(): react_jsx_runtime.JSX.Element;
 
+interface CopyableAddressProps {
+    /** The full address to copy */
+    address: string;
+    /** Label shown above the address (e.g., "Wallet", "Product Account") */
+    label?: string;
+    /** Show truncated address (default: true) */
+    truncate?: boolean;
+    /** Text size class (default: 'text-xs') */
+    textSize?: string;
+}
+declare function CopyableAddress({ address, label, truncate, textSize, }: CopyableAddressProps): react_jsx_runtime.JSX.Element;
+
 interface WalletStatusProps {
     /** Show full address or truncated */
     showFullAddress?: boolean;
@@ -846,8 +824,27 @@ interface AccountBalancesModalProps {
     totalUsdValue: string;
     isLoading?: boolean;
     earnAccountAddress?: string;
+    walletAddress?: string;
+}
+declare function AccountBalancesModal({ isOpen, onClose, balances, totalUsdValue, isLoading, earnAccountAddress, walletAddress, }: AccountBalancesModalProps): react_jsx_runtime.JSX.Element;
+
+interface SwapFormProps {
+    /** Tokens the user holds (shown in "from" dropdown) */
+    availableFromTokens: string[];
+    /** Extra tokens to include in "to" dropdown beyond from tokens */
+    availableToTokens?: string[];
+    /** Token balances keyed by symbol (human-readable amounts) */
+    balances?: Record<string, string>;
+    /** Initial "from" token */
+    defaultFromToken?: string;
+    /** Initial "to" token */
+    defaultToToken?: string;
+    /** Callback after successful swap */
+    onSwapSuccess?: (fromToken: string, toToken: string, amountIn: string, amountOut: string, txHash: string) => void;
+    /** Callback on swap error */
+    onSwapError?: (error: Error) => void;
 }
-declare function AccountBalancesModal({ isOpen, onClose, balances, totalUsdValue, isLoading, earnAccountAddress, }: AccountBalancesModalProps): react_jsx_runtime.JSX.Element | null;
+declare function SwapForm({ availableFromTokens, availableToTokens, balances, defaultFromToken, defaultToToken, onSwapSuccess, onSwapError, }: SwapFormProps): react_jsx_runtime.JSX.Element;
 
 type SupportedChainId = 'ethereum' | 'base' | 'arbitrum';
 interface ChainConfig {
@@ -859,4 +856,4 @@ interface ChainConfig {
 }
 declare const CHAINS: Record<SupportedChainId, ChainConfig>;
 
-export { AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, DEFAULT_SWAP_TOKENS, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SupportedChain, type SupportedChainId, type SwapLayout, type SwapQuote, SwapWidget, type SwapWidgetProps, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useSwapQuote, useTheme };
+export { AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, CopyableAddress, type CopyableAddressProps, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SupportedChain, type SupportedChainId, SwapForm, type SwapFormProps, type SwapQuote, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useSwapQuote, useTheme };