@compass-labs/widgets 0.1.47 → 0.1.49

package/dist/index.d.mts

@@ -478,12 +478,14 @@ interface EarnAccountProps {
     chain?: string;
     /** Fixed height for the widget container @default '600px' */
     height?: string;
+    /** Minimum TVL in USD for vault filtering (server-side). @default 1_000_000 */
+    minTvlUsd?: number;
 }
 
 /**
  * EarnAccount widget - A beautiful banking-style USDC savings account.
  */
-declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, tokenSymbols, chain: chainProp, height, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
+declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, tokenSymbols, chain: chainProp, height, minTvlUsd, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
 
 interface CreditAccountProps {
     /** Custom title for the header @default "Credit Account" */
@@ -658,6 +660,12 @@ declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQu
     refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<SwapQuote | null, Error>>;
 };
 
+declare function useRefreshBalances(): {
+    refreshBalances: () => void;
+    refreshPositions: () => void;
+    refreshAll: () => void;
+};
+
 /**
  * Theme Presets for Compass Embeddable Widgets
  *
@@ -1014,4 +1022,4 @@ interface ChainConfig {
 }
 declare const CHAINS: Record<SupportedChainId, ChainConfig>;
 
-export { AccountBalancesModal, type AccountBalancesModalProps, type AccountSummary, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, type CollateralPosition, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, CopyableAddress, type CopyableAddressProps, CreditAccount, type CreditAccountContextValue, CreditAccountGuard, type CreditAccountProps, type CreditPositionsResponse, type TokenBalance as CreditTokenBalance, type DebtPosition, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type FundWalletParams, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SendTransactionParams, type SupportedChain, type SupportedChainId, SwapForm, type SwapFormProps, type SwapQuote, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance$1 as TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useCreditAccount, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useSwapQuote, useTheme };
+export { AccountBalancesModal, type AccountBalancesModalProps, type AccountSummary, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, type CollateralPosition, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, CopyableAddress, type CopyableAddressProps, CreditAccount, type CreditAccountContextValue, CreditAccountGuard, type CreditAccountProps, type CreditPositionsResponse, type TokenBalance as CreditTokenBalance, type DebtPosition, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type FundWalletParams, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SendTransactionParams, type SupportedChain, type SupportedChainId, SwapForm, type SwapFormProps, type SwapQuote, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance$1 as TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useCreditAccount, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useRefreshBalances, useSwapQuote, useTheme };

package/dist/index.d.ts

@@ -478,12 +478,14 @@ interface EarnAccountProps {
     chain?: string;
     /** Fixed height for the widget container @default '600px' */
     height?: string;
+    /** Minimum TVL in USD for vault filtering (server-side). @default 1_000_000 */
+    minTvlUsd?: number;
 }
 
 /**
  * EarnAccount widget - A beautiful banking-style USDC savings account.
  */
-declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, tokenSymbols, chain: chainProp, height, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
+declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, tokenSymbols, chain: chainProp, height, minTvlUsd, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
 
 interface CreditAccountProps {
     /** Custom title for the header @default "Credit Account" */
@@ -658,6 +660,12 @@ declare function useSwapQuote({ fromToken, toToken, amount, enabled }: UseSwapQu
     refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<SwapQuote | null, Error>>;
 };
 
+declare function useRefreshBalances(): {
+    refreshBalances: () => void;
+    refreshPositions: () => void;
+    refreshAll: () => void;
+};
+
 /**
  * Theme Presets for Compass Embeddable Widgets
  *
@@ -1014,4 +1022,4 @@ interface ChainConfig {
 }
 declare const CHAINS: Record<SupportedChainId, ChainConfig>;
 
-export { AccountBalancesModal, type AccountBalancesModalProps, type AccountSummary, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, type CollateralPosition, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, CopyableAddress, type CopyableAddressProps, CreditAccount, type CreditAccountContextValue, CreditAccountGuard, type CreditAccountProps, type CreditPositionsResponse, type TokenBalance as CreditTokenBalance, type DebtPosition, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type FundWalletParams, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SendTransactionParams, type SupportedChain, type SupportedChainId, SwapForm, type SwapFormProps, type SwapQuote, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance$1 as TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useCreditAccount, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useSwapQuote, useTheme };
+export { AccountBalancesModal, type AccountBalancesModalProps, type AccountSummary, ActionModal, ApiProvider, CHAINS, type ChainConfig, ChainSwitcher, type CollateralPosition, CompassEarnWidget, type CompassEarnWidgetProps, CompassProvider, type CompassProviderProps, type CompassTheme, CopyableAddress, type CopyableAddressProps, CreditAccount, type CreditAccountContextValue, CreditAccountGuard, type CreditAccountProps, type CreditPositionsResponse, type TokenBalance as CreditTokenBalance, type DebtPosition, DepositWithdrawForm, EarnAccount, EarnAccountBalance, type EarnAccountBalanceProps, type EarnAccountContextValue, EarnAccountGuard, type EarnAccountProps, type FeaturePreset, type FundWalletParams, type IdleBalance, PnLSummary, type PortfolioPosition, type PortfolioState, type RebalanceAction, type RebalanceActionType, type RebalancePlan, RebalancingWidget, type RebalancingWidgetProps, type SendTransactionParams, type SupportedChain, type SupportedChainId, SwapForm, type SwapFormProps, type SwapQuote, type TabConfig, type TabId, type TargetAllocation, type ThemeInput, type ThemeMode, type ThemePresetName, ThemeProvider, type TokenBalance$1 as TokenBalance, TransactionHistory, type TypedDataToSign, type VenueType$1 as VenueType, type WalletAdapter, WalletStatus, themePresets, useChain, useCompassApi, useCompassChain, useCompassWallet, useCreditAccount, useEarnAccount, useEmbeddableApi, useEmbeddableWallet, useRebalancingData, useRefreshBalances, useSwapQuote, useTheme };

package/dist/index.js

@@ -4349,6 +4349,27 @@ function WidgetFooter() {
     }
   );
 }
+var CHAINS = {
+  ethereum: {
+    id: "ethereum",
+    name: "Ethereum",
+    viemChain: chains.mainnet,
+    icon: "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png"
+  },
+  base: {
+    id: "base",
+    name: "Base",
+    viemChain: chains.base,
+    icon: "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png"
+  },
+  arbitrum: {
+    id: "arbitrum",
+    name: "Arbitrum",
+    viemChain: chains.arbitrum,
+    icon: "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png"
+  }
+};
+var DEFAULT_MIN_TVL_USD = 1e6;
 function getTypeLabel(type) {
   switch (type) {
     case "aave":
@@ -4376,7 +4397,7 @@ function MarketSelector({
 }) {
   const [isExpanded, setIsExpanded] = react.useState(false);
   const filteredMarkets = react.useMemo(() => {
-    return markets.filter((m) => m.type === "aave" || m.type === "pendle" || m.tvl >= 1e3).sort((a, b) => b.apy - a.apy);
+    return [...markets].sort((a, b) => b.apy - a.apy);
   }, [markets]);
   const otherMarkets = selectedMarket ? filteredMarkets.filter((m) => m.id !== selectedMarket.id) : filteredMarkets;
   if (isLoading) {
@@ -4964,7 +4985,8 @@ function EarnAccount({
   allowedFixedMarkets,
   tokenSymbols,
   chain: chainProp,
-  height = "600px"
+  height = "600px",
+  minTvlUsd = DEFAULT_MIN_TVL_USD
 }) {
   const { address, isConnected, login, logout, signTypedData, switchChain, walletChainId, fundWallet, hasExternalWallet, sendTransaction } = useEmbeddableWallet();
   const { isDeployed, earnAccountAddress } = useEarnAccount();
@@ -5165,9 +5187,9 @@ function EarnAccount({
     staleTime: 60 * 1e3
   });
   const vaultsQuery = reactQuery.useQuery({
-    queryKey: ["morphoVaults", CHAIN_ID],
+    queryKey: ["morphoVaults", CHAIN_ID, minTvlUsd],
     queryFn: async () => {
-      const response = await fetch(`/api/compass/vaults?chain=${CHAIN_ID}&limit=200&orderBy=apy_7d&direction=desc`);
+      const response = await fetch(`/api/compass/vaults?chain=${CHAIN_ID}&limit=200&orderBy=apy_7d&direction=desc&minTvlUsd=${minTvlUsd}`);
       if (!response.ok) {
         console.warn("[EarnAccount] Morpho vaults fetch failed:", response.status, response.statusText);
         return [];
@@ -10775,7 +10797,7 @@ function useRebalancingData(chainOverride) {
     queryKey: ["rebalancing", "venues", chainId],
     queryFn: async () => {
       const [vaultsRes, aaveRes, pendleRes] = await Promise.all([
-        fetch(`/api/compass/vaults?chain=${chainId}&orderBy=apy_7d&direction=desc&limit=200`),
+        fetch(`/api/compass/vaults?chain=${chainId}&orderBy=apy_7d&direction=desc&limit=200&minTvlUsd=${DEFAULT_MIN_TVL_USD}`),
         fetch(`/api/compass/aave/markets?chain=${chainId}`),
         fetch(`/api/compass/pendle/markets?chain=${chainId}&orderBy=implied_apy&direction=desc&limit=200`)
       ]);
@@ -12588,26 +12610,41 @@ function CompassEarnWidget({
     ] })
   ] });
 }
-var CHAINS = {
-  ethereum: {
-    id: "ethereum",
-    name: "Ethereum",
-    viemChain: chains.mainnet,
-    icon: "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png"
-  },
-  base: {
-    id: "base",
-    name: "Base",
-    viemChain: chains.base,
-    icon: "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png"
-  },
-  arbitrum: {
-    id: "arbitrum",
-    name: "Arbitrum",
-    viemChain: chains.arbitrum,
-    icon: "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png"
-  }
-};
+var BALANCE_QUERY_KEYS = [
+  ["earnAccountBalances"],
+  ["eoaBalances"],
+  ["walletBalance"],
+  ["walletTokenBalance"],
+  ["creditBalances"],
+  ["earnAccountTokenBalance"],
+  ["embeddedWalletBalance"]
+];
+var POSITION_QUERY_KEYS = [
+  ["allEarnPositions"],
+  ["earnAccountAllPositions"],
+  ["creditPositions"],
+  ["rebalancing"]
+];
+var ALL_QUERY_KEYS = [...BALANCE_QUERY_KEYS, ...POSITION_QUERY_KEYS];
+function useRefreshBalances() {
+  const queryClient = reactQuery.useQueryClient();
+  const refreshBalances = react.useCallback(() => {
+    for (const key of BALANCE_QUERY_KEYS) {
+      queryClient.invalidateQueries({ queryKey: key });
+    }
+  }, [queryClient]);
+  const refreshPositions = react.useCallback(() => {
+    for (const key of POSITION_QUERY_KEYS) {
+      queryClient.invalidateQueries({ queryKey: key });
+    }
+  }, [queryClient]);
+  const refreshAll = react.useCallback(() => {
+    for (const key of ALL_QUERY_KEYS) {
+      queryClient.invalidateQueries({ queryKey: key });
+    }
+  }, [queryClient]);
+  return { refreshBalances, refreshPositions, refreshAll };
+}
 
 exports.AccountBalancesModal = AccountBalancesModal;
 exports.ActionModal = ActionModal;
@@ -12639,6 +12676,7 @@ exports.useEarnAccount = useEarnAccount;
 exports.useEmbeddableApi = useEmbeddableApi;
 exports.useEmbeddableWallet = useEmbeddableWallet;
 exports.useRebalancingData = useRebalancingData;
+exports.useRefreshBalances = useRefreshBalances;
 exports.useSwapQuote = useSwapQuote;
 exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map