@compass-labs/widgets 0.1.6 → 0.1.8

package/dist/index.d.mts

@@ -546,6 +546,26 @@ declare function useAaveData(options?: UseAaveDataOptions): {
     refetch: () => void;
 };
 
+/**
+ * Props for EarnAccount - same as AaveMarketsListProps but without assetFilter
+ * since this widget is pre-configured to only show USDC markets.
+ */
+interface EarnAccountProps {
+    /** Show profit/loss summary */
+    showPnL?: boolean;
+    /** Show transaction history */
+    showHistory?: boolean;
+    /** Callback after successful supply */
+    onSupply?: (market: AaveMarketData, amount: string, txHash: string) => void;
+    /** Callback after successful withdraw */
+    onWithdraw?: (market: AaveMarketData, amount: string, txHash: string) => void;
+}
+
+/**
+ * EarnAccount widget - A beautiful banking-style USDC savings account.
+ */
+declare function EarnAccount({ showPnL, showHistory, onSupply, onWithdraw, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
+
 type SortOption = 'fixed_apy' | 'tvl' | 'expiry';
 interface PendleMarketData {
     marketAddress: string;
@@ -679,14 +699,32 @@ declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQu
 };
 
 type TabId = 'vaults' | 'aave' | 'pendle' | 'swap' | 'positions';
+type FeaturePreset = 'full' | 'earn-only' | 'swap-only' | 'vaults-only';
+interface TabConfig {
+    id: TabId;
+    label: string;
+    enabled: boolean;
+}
 interface CompassEarnWidgetProps {
-    /** Starting tab (defaults to 'vaults') */
+    preset?: FeaturePreset;
+    enableVaults?: boolean;
+    enableAave?: boolean;
+    enablePendle?: boolean;
+    enableSwap?: boolean;
+    enablePositions?: boolean;
     defaultTab?: TabId;
-    /** Called when user switches tabs */
+    showHeader?: boolean;
+    showApy?: boolean;
+    showTvl?: boolean;
+    showExpiry?: boolean;
+    showUserPosition?: boolean;
+    showPnL?: boolean;
+    showSearch?: boolean;
+    showSort?: boolean;
     onTabChange?: (tab: TabId) => void;
 }
 
-declare function CompassEarnWidget({ defaultTab, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
+declare function CompassEarnWidget({ preset, enableVaults, enableAave, enablePendle, enableSwap, enablePositions, defaultTab, showHeader, showApy, showTvl, showExpiry, showUserPosition, showPnL, showSearch, showSort, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Theme Presets for Compass Embeddable Widgets
@@ -924,4 +962,4 @@ interface ChainConfig {
 }
 declare const CHAINS: Record<SupportedChainId, ChainConfig>;
 
-export { type AaveMarketData, AaveMarketsList, type AaveMarketsListProps, AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, type ApyPeriod, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, DepositWithdrawForm, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type PendleMarketData, PendleMarketsList, type PendleMarketsListProps, type SortOption as PendleSortOption, PnLSummary, type SupportedChain, type SupportedChainId, type SwapLayout, type SwapQuote, SwapWidget, type SwapWidgetProps, type TabId, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type UserAavePosition, type UserPendlePosition, type UserVaultPosition, type VaultData, VaultsList, type VaultsListProps, type SortOption$1 as VaultsSortOption, type WalletAdapter, WalletStatus, themePresets, useAaveData, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, usePendleData, useSwapQuote, useTheme, useVaultsData };
+export { type AaveMarketData, AaveMarketsList, type AaveMarketsListProps, AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, type ApyPeriod, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type PendleMarketData, PendleMarketsList, type PendleMarketsListProps, type SortOption as PendleSortOption, PnLSummary, type SupportedChain, type SupportedChainId, type SwapLayout, type SwapQuote, SwapWidget, type SwapWidgetProps, type TabConfig, type TabId, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type UserAavePosition, type UserPendlePosition, type UserVaultPosition, type VaultData, VaultsList, type VaultsListProps, type SortOption$1 as VaultsSortOption, type WalletAdapter, WalletStatus, themePresets, useAaveData, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, usePendleData, useSwapQuote, useTheme, useVaultsData };

package/dist/index.d.ts

@@ -546,6 +546,26 @@ declare function useAaveData(options?: UseAaveDataOptions): {
     refetch: () => void;
 };
 
+/**
+ * Props for EarnAccount - same as AaveMarketsListProps but without assetFilter
+ * since this widget is pre-configured to only show USDC markets.
+ */
+interface EarnAccountProps {
+    /** Show profit/loss summary */
+    showPnL?: boolean;
+    /** Show transaction history */
+    showHistory?: boolean;
+    /** Callback after successful supply */
+    onSupply?: (market: AaveMarketData, amount: string, txHash: string) => void;
+    /** Callback after successful withdraw */
+    onWithdraw?: (market: AaveMarketData, amount: string, txHash: string) => void;
+}
+
+/**
+ * EarnAccount widget - A beautiful banking-style USDC savings account.
+ */
+declare function EarnAccount({ showPnL, showHistory, onSupply, onWithdraw, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
+
 type SortOption = 'fixed_apy' | 'tvl' | 'expiry';
 interface PendleMarketData {
     marketAddress: string;
@@ -679,14 +699,32 @@ declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQu
 };
 
 type TabId = 'vaults' | 'aave' | 'pendle' | 'swap' | 'positions';
+type FeaturePreset = 'full' | 'earn-only' | 'swap-only' | 'vaults-only';
+interface TabConfig {
+    id: TabId;
+    label: string;
+    enabled: boolean;
+}
 interface CompassEarnWidgetProps {
-    /** Starting tab (defaults to 'vaults') */
+    preset?: FeaturePreset;
+    enableVaults?: boolean;
+    enableAave?: boolean;
+    enablePendle?: boolean;
+    enableSwap?: boolean;
+    enablePositions?: boolean;
     defaultTab?: TabId;
-    /** Called when user switches tabs */
+    showHeader?: boolean;
+    showApy?: boolean;
+    showTvl?: boolean;
+    showExpiry?: boolean;
+    showUserPosition?: boolean;
+    showPnL?: boolean;
+    showSearch?: boolean;
+    showSort?: boolean;
     onTabChange?: (tab: TabId) => void;
 }
 
-declare function CompassEarnWidget({ defaultTab, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
+declare function CompassEarnWidget({ preset, enableVaults, enableAave, enablePendle, enableSwap, enablePositions, defaultTab, showHeader, showApy, showTvl, showExpiry, showUserPosition, showPnL, showSearch, showSort, onTabChange, }: CompassEarnWidgetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Theme Presets for Compass Embeddable Widgets
@@ -924,4 +962,4 @@ interface ChainConfig {
 }
 declare const CHAINS: Record<SupportedChainId, ChainConfig>;
 
-export { type AaveMarketData, AaveMarketsList, type AaveMarketsListProps, AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, type ApyPeriod, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, DepositWithdrawForm, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type PendleMarketData, PendleMarketsList, type PendleMarketsListProps, type SortOption as PendleSortOption, PnLSummary, type SupportedChain, type SupportedChainId, type SwapLayout, type SwapQuote, SwapWidget, type SwapWidgetProps, type TabId, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type UserAavePosition, type UserPendlePosition, type UserVaultPosition, type VaultData, VaultsList, type VaultsListProps, type SortOption$1 as VaultsSortOption, type WalletAdapter, WalletStatus, themePresets, useAaveData, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, usePendleData, useSwapQuote, useTheme, useVaultsData };
+export { type AaveMarketData, AaveMarketsList, type AaveMarketsListProps, AccountBalancesModal, type AccountBalancesModalProps, ActionModal, ApiProvider, type ApyPeriod, CHAINS, type ChainConfig, ChainSwitcher, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type PendleMarketData, PendleMarketsList, type PendleMarketsListProps, type SortOption as PendleSortOption, PnLSummary, type SupportedChain, type SupportedChainId, type SwapLayout, type SwapQuote, SwapWidget, type SwapWidgetProps, type TabConfig, type TabId, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance, TransactionHistory, type TypedDataToSign, type UserAavePosition, type UserPendlePosition, type UserVaultPosition, type VaultData, VaultsList, type VaultsListProps, type SortOption$1 as VaultsSortOption, type WalletAdapter, WalletStatus, themePresets, useAaveData, useChain, useCompassApi, useCompassChain, useCompassWallet, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, usePendleData, useSwapQuote, useTheme, useVaultsData };