@compass-labs/widgets 0.1.43 → 0.1.45

package/dist/index.d.mts

@@ -465,6 +465,11 @@ interface EarnAccountProps {
      * Pass an empty array to hide all fixed markets.
      */
     allowedFixedMarkets?: string[];
+    /**
+     * Filter markets by underlying token symbol (e.g., ['USDC', 'USDT']).
+     * Case-insensitive. If undefined or empty, all markets are shown.
+     */
+    tokenSymbols?: string[];
     /**
      * Lock the widget to a specific chain.
      * When provided, the chain selector is hidden and the widget uses this chain.
@@ -478,7 +483,7 @@ interface EarnAccountProps {
 /**
  * EarnAccount widget - A beautiful banking-style USDC savings account.
  */
-declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, 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, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
 
 interface CreditAccountProps {
     /** Custom title for the header @default "Credit Account" */

package/dist/index.d.ts

@@ -465,6 +465,11 @@ interface EarnAccountProps {
      * Pass an empty array to hide all fixed markets.
      */
     allowedFixedMarkets?: string[];
+    /**
+     * Filter markets by underlying token symbol (e.g., ['USDC', 'USDT']).
+     * Case-insensitive. If undefined or empty, all markets are shown.
+     */
+    tokenSymbols?: string[];
     /**
      * Lock the widget to a specific chain.
      * When provided, the chain selector is hidden and the widget uses this chain.
@@ -478,7 +483,7 @@ interface EarnAccountProps {
 /**
  * EarnAccount widget - A beautiful banking-style USDC savings account.
  */
-declare function EarnAccount({ showHeader, showInterestRate, showTopUpButton, compact, title, onDeposit, onWithdraw, defaultMarketTab, allowedVariableMarkets, allowedFixedMarkets, 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, }: EarnAccountProps): react_jsx_runtime.JSX.Element;
 
 interface CreditAccountProps {
     /** Custom title for the header @default "Credit Account" */

package/dist/index.js

@@ -4962,6 +4962,7 @@ function EarnAccount({
   defaultMarketTab = "variable",
   allowedVariableMarkets,
   allowedFixedMarkets,
+  tokenSymbols,
   chain: chainProp,
   height = "600px"
 }) {
@@ -5195,7 +5196,11 @@ function EarnAccount({
     ...pendleMarketsQuery.data || [],
     ...vaultsQuery.data || []
   ];
-  const filteredTabMarkets = allMarkets.filter((m) => {
+  const tokenFilteredMarkets = tokenSymbols && tokenSymbols.length > 0 ? (() => {
+    const allowed = new Set(tokenSymbols.map((s) => s.toUpperCase()));
+    return allMarkets.filter((m) => allowed.has(m.underlyingToken.toUpperCase()));
+  })() : allMarkets;
+  const filteredTabMarkets = tokenFilteredMarkets.filter((m) => {
     if (marketTab === "variable") {
       if (m.type === "pendle") return false;
       if (allowedVariableMarkets && !allowedVariableMarkets.includes(m.id)) return false;