@lifi/widget 4.5.0 → 4.7.0

package/dist/esm/hooks/useToken.d.ts

@@ -1,9 +1,8 @@
 import { TokenExtended } from "@lifi/sdk";
 //#region src/hooks/useToken.d.ts
-declare const useToken: (chainId?: number, tokenAddress?: string, latest?: boolean) => {
+export declare const useToken: (chainId?: number, tokenAddress?: string, latest?: boolean) => {
   token: TokenExtended | undefined;
   isLoading: boolean;
 };
 //#endregion
-export { useToken };
 //# sourceMappingURL=useToken.d.ts.map

package/dist/esm/hooks/useToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToken.d.ts","names":[],"sources":["../../../src/hooks/useToken.ts"],"mappings":";;cAKa,WACX,kBACA,uBACA;EAEA,OAAO;EACP"}
+{"version":3,"file":"useToken.d.ts","names":[],"sources":["../../../src/hooks/useToken.ts"],"mappings":";;qBAKa,WACX,kBACA,uBACA;EAEA,OAAO;EACP"}

package/dist/esm/hooks/useTokenAddressBalance.d.ts

@@ -1,11 +1,10 @@
 import { ExtendedChain, TokenAmount } from "@lifi/sdk";
 //#region src/hooks/useTokenAddressBalance.d.ts
-declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
+export declare const useTokenAddressBalance: (chainId?: number, tokenAddress?: string) => {
   token: TokenAmount;
   chain: ExtendedChain | undefined;
   isLoading: boolean;
   refetch: () => void;
 };
 //#endregion
-export { useTokenAddressBalance };
 //# sourceMappingURL=useTokenAddressBalance.d.ts.map

package/dist/esm/hooks/useTokenAddressBalance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenAddressBalance.d.ts","names":[],"sources":["../../../src/hooks/useTokenAddressBalance.ts"],"mappings":";;cAMa,yBACX,kBACA;EAEA,OAAO;EACP,OAAO;EACP;EACA"}
+{"version":3,"file":"useTokenAddressBalance.d.ts","names":[],"sources":["../../../src/hooks/useTokenAddressBalance.ts"],"mappings":";;qBAMa,yBACX,kBACA;EAEA,OAAO;EACP,OAAO;EACP;EACA"}

package/dist/esm/hooks/useTokenBalances.d.ts

@@ -1,14 +1,15 @@
 import { FormType } from "../stores/form/types.js";
 import { TokenAmount } from "../types/token.js";
 //#region src/hooks/useTokenBalances.d.ts
-declare const useTokenBalances: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
+export declare const useTokenBalances: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
   tokens: TokenAmount[];
   withCategories: boolean;
   withPinnedTokens: boolean;
   isTokensLoading: boolean;
   isSearchLoading: boolean;
   isBalanceLoading: boolean;
+  /** Always set; optional so hand-built results of this public shape stay valid. */
+  nativeHoisted?: boolean;
 };
 //#endregion
-export { useTokenBalances };
 //# sourceMappingURL=useTokenBalances.d.ts.map

package/dist/esm/hooks/useTokenBalances.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalances.d.ts","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"mappings":";;;cAWa,mBACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA;EACA"}
+{"version":3,"file":"useTokenBalances.d.ts","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"mappings":";;;qBAea,mBACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA;EACA;;EAEA"}

package/dist/esm/hooks/useTokenBalances.js

@@ -1,7 +1,7 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { formatTokenPrice } from "../utils/format.js";
 import { useSettings } from "../stores/settings/useSettings.js";
-import { isSearchMatch, processTokenList } from "../utils/tokenList.js";
+import { hoistNativeToken, isHoistableNative, processTokenList } from "../utils/tokenList.js";
 import { useAccountsBalancesData } from "./useAccountsBalancesData.js";
 import { useDisplayedTokens } from "./useDisplayedTokens.js";
 import { useTokenBalancesQueries } from "./useTokenBalancesQueries.js";
@@ -9,7 +9,7 @@ import { useMemo } from "react";
 //#region src/hooks/useTokenBalances.ts
 const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 	const { hiddenUI, tokens: configTokens } = useWidgetConfig();
-	const { allTokens, displayedTokensList, isPinnedToken, isTokensLoading, isSearchLoading } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search);
+	const { allTokens, displayedTokensList, isPinnedToken, matchesSearch, isTokensLoading, isSearchLoading } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search);
 	const { data: accountsWithAllTokens, isLoading: isAccountsLoading } = useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens);
 	const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } = useTokenBalancesQueries(accountsWithAllTokens, Boolean(accountsWithAllTokens) && !isAccountsLoading);
 	const { smallBalanceThreshold } = useSettings(["smallBalanceThreshold"]);
@@ -23,8 +23,8 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 		return balancesByChain.reduce((acc, token) => {
 			const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`;
 			const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount;
-			const matchesSearch = isSearchMatch(token, search);
-			if (!isInDisplayedList && !matchesSearch) return acc;
+			const matchesTheSearch = matchesSearch(token);
+			if (!isInDisplayedList && !matchesTheSearch) return acc;
 			let processedToken = token;
 			if (hideSmallBalances && threshold !== void 0 && threshold >= 0 && token.amount) {
 				if (formatTokenPrice(token.amount, token.priceUSD, token.decimals) < threshold) processedToken = {
@@ -38,14 +38,24 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 	}, [
 		allTokensWithBalances,
 		displayedTokensList,
-		search,
+		matchesSearch,
 		selectedChainId,
 		isAllNetworks,
 		smallBalanceThreshold,
 		hiddenUI
 	]);
-	const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {
-		return processTokenList(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
+	const { processedTokens, withCategories, withPinnedTokens, nativeHoisted } = useMemo(() => {
+		const result = processTokenList(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
+		if (isAllNetworks || search) return {
+			...result,
+			nativeHoisted: false
+		};
+		const hoisted = hoistNativeToken(result.processedTokens, selectedChainId);
+		return {
+			...result,
+			processedTokens: hoisted,
+			nativeHoisted: isHoistableNative(hoisted[0], selectedChainId)
+		};
 	}, [
 		isBalanceLoading,
 		isAllNetworks,
@@ -62,7 +72,8 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 		withPinnedTokens,
 		isTokensLoading,
 		isSearchLoading,
-		isBalanceLoading
+		isBalanceLoading,
+		nativeHoisted
 	};
 };
 //#endregion

package/dist/esm/hooks/useTokenBalances.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalances.js","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport { isSearchMatch, processTokenList } from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useDisplayedTokens } from './useDisplayedTokens.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\n\nexport const useTokenBalances = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  tokens: TokenAmount[]\n  withCategories: boolean\n  withPinnedTokens: boolean\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n  isBalanceLoading: boolean\n} => {\n  const { hiddenUI, tokens: configTokens } = useWidgetConfig()\n  const {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    isTokensLoading,\n    isSearchLoading,\n  } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search)\n\n  const { data: accountsWithAllTokens, isLoading: isAccountsLoading } =\n    useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens)\n\n  const isBalanceLoadingEnabled =\n    Boolean(accountsWithAllTokens) && !isAccountsLoading\n\n  const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } =\n    useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled)\n\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n  const isBalanceLoading =\n    (isBalanceQueriesLoading || isAccountsLoading) &&\n    !allTokensWithBalances?.length\n\n  const displayedTokensWithBalances = useMemo(() => {\n    const balancesByChain = isAllNetworks\n      ? allTokensWithBalances\n      : selectedChainId\n        ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)\n        : undefined\n    const displayedTokensSet = new Set(\n      displayedTokensList?.map(\n        (t) => `${t.chainId}-${t.address.toLowerCase()}`\n      ) || []\n    )\n\n    const hideSmallBalances =\n      !!smallBalanceThreshold && !hiddenUI?.hideSmallBalances\n    const threshold = hideSmallBalances\n      ? Number.parseFloat(smallBalanceThreshold)\n      : undefined\n\n    if (!balancesByChain) {\n      return undefined\n    }\n\n    return balancesByChain.reduce<typeof balancesByChain>((acc, token) => {\n      const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n      // Check if token is in displayed list and has amount\n      const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount\n      // Check if it matches search (for cached appended tokens)\n      const matchesSearch = isSearchMatch(token, search)\n\n      // Filter: only include tokens that match our criteria\n      if (!isInDisplayedList && !matchesSearch) {\n        return acc\n      }\n\n      // Apply small balance threshold transformation if enabled\n      let processedToken = token\n      if (\n        hideSmallBalances &&\n        threshold !== undefined &&\n        threshold >= 0 &&\n        token.amount\n      ) {\n        const balanceUSD = formatTokenPrice(\n          token.amount,\n          token.priceUSD,\n          token.decimals\n        )\n        if (balanceUSD < threshold) {\n          processedToken = {\n            ...token,\n            amount: 0n,\n          }\n        }\n      }\n\n      acc.push(processedToken)\n      return acc\n    }, [])\n  }, [\n    allTokensWithBalances,\n    displayedTokensList,\n    search,\n    selectedChainId,\n    isAllNetworks,\n    smallBalanceThreshold,\n    hiddenUI,\n  ])\n\n  const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {\n    return processTokenList(\n      isBalanceLoading,\n      isAllNetworks || !!search,\n      configTokens,\n      selectedChainId,\n      displayedTokensList,\n      displayedTokensWithBalances,\n      isPinnedToken\n    )\n  }, [\n    isBalanceLoading,\n    isAllNetworks,\n    configTokens,\n    selectedChainId,\n    displayedTokensList,\n    displayedTokensWithBalances,\n    search,\n    isPinnedToken,\n  ])\n\n  return {\n    tokens: processedTokens ?? [],\n    withCategories,\n    withPinnedTokens,\n    isTokensLoading,\n    isSearchLoading,\n    isBalanceLoading,\n  }\n}\n"],"mappings":";;;;;;;;;AAWA,MAAa,oBACX,iBACA,UACA,eACA,WAQG;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiB,gBAAgB;CAC3D,MAAM,EACJ,WACA,qBACA,eACA,iBACA,oBACE,mBAAmB,iBAAiB,UAAU,eAAe,MAAM;CAEvE,MAAM,EAAE,MAAM,uBAAuB,WAAW,sBAC9C,wBAAwB,iBAAiB,UAAU,eAAe,SAAS;CAK7E,MAAM,EAAE,MAAM,uBAAuB,WAAW,4BAC9C,wBAAwB,uBAHxB,QAAQ,qBAAqB,KAAK,CAAC,iBAGmC;CAExE,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CAEvE,MAAM,oBACH,2BAA2B,sBAC5B,CAAC,uBAAuB;CAE1B,MAAM,8BAA8B,cAAc;EAChD,MAAM,kBAAkB,gBACpB,wBACA,kBACE,uBAAuB,QAAQ,MAAM,EAAE,YAAY,eAAe,IAClE,KAAA;EACN,MAAM,qBAAqB,IAAI,IAC7B,qBAAqB,KAClB,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,QAAQ,YAAY,GAC/C,KAAK,CAAC,CACR;EAEA,MAAM,oBACJ,CAAC,CAAC,yBAAyB,CAAC,UAAU;EACxC,MAAM,YAAY,oBACd,OAAO,WAAW,qBAAqB,IACvC,KAAA;EAEJ,IAAI,CAAC,iBACH;EAGF,OAAO,gBAAgB,QAAgC,KAAK,UAAU;GACpE,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,YAAY;GAE/D,MAAM,oBAAoB,mBAAmB,IAAI,QAAQ,KAAK,MAAM;GAEpE,MAAM,gBAAgB,cAAc,OAAO,MAAM;GAGjD,IAAI,CAAC,qBAAqB,CAAC,eACzB,OAAO;GAIT,IAAI,iBAAiB;GACrB,IACE,qBACA,cAAc,KAAA,KACd,aAAa,KACb,MAAM,QAEa;QAAA,iBACjB,MAAM,QACN,MAAM,UACN,MAAM,QAEK,IAAI,WACf,iBAAiB;KACf,GAAG;KACH,QAAQ;IACV;GAAA;GAIJ,IAAI,KAAK,cAAc;GACvB,OAAO;EACT,GAAG,CAAC,CAAC;CACP,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,iBAAiB,gBAAgB,qBAAqB,cAAc;EAC1E,OAAO,iBACL,kBACA,iBAAiB,CAAC,CAAC,QACnB,cACA,iBACA,qBACA,6BACA,aACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;EACL,QAAQ,mBAAmB,CAAC;EAC5B;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useTokenBalances.js","names":[],"sources":["../../../src/hooks/useTokenBalances.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport {\n  hoistNativeToken,\n  isHoistableNative,\n  processTokenList,\n} from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useDisplayedTokens } from './useDisplayedTokens.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\n\nexport const useTokenBalances = (\n  selectedChainId?: number,\n  formType?: FormType,\n  isAllNetworks?: boolean,\n  search?: string\n): {\n  tokens: TokenAmount[]\n  withCategories: boolean\n  withPinnedTokens: boolean\n  isTokensLoading: boolean\n  isSearchLoading: boolean\n  isBalanceLoading: boolean\n  /** Always set; optional so hand-built results of this public shape stay valid. */\n  nativeHoisted?: boolean\n} => {\n  const { hiddenUI, tokens: configTokens } = useWidgetConfig()\n  const {\n    allTokens,\n    displayedTokensList,\n    isPinnedToken,\n    matchesSearch,\n    isTokensLoading,\n    isSearchLoading,\n  } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search)\n\n  const { data: accountsWithAllTokens, isLoading: isAccountsLoading } =\n    useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens)\n\n  const isBalanceLoadingEnabled =\n    Boolean(accountsWithAllTokens) && !isAccountsLoading\n\n  const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } =\n    useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled)\n\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n  const isBalanceLoading =\n    (isBalanceQueriesLoading || isAccountsLoading) &&\n    !allTokensWithBalances?.length\n\n  const displayedTokensWithBalances = useMemo(() => {\n    const balancesByChain = isAllNetworks\n      ? allTokensWithBalances\n      : selectedChainId\n        ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)\n        : undefined\n    const displayedTokensSet = new Set(\n      displayedTokensList?.map(\n        (t) => `${t.chainId}-${t.address.toLowerCase()}`\n      ) || []\n    )\n\n    const hideSmallBalances =\n      !!smallBalanceThreshold && !hiddenUI?.hideSmallBalances\n    const threshold = hideSmallBalances\n      ? Number.parseFloat(smallBalanceThreshold)\n      : undefined\n\n    if (!balancesByChain) {\n      return undefined\n    }\n\n    return balancesByChain.reduce<typeof balancesByChain>((acc, token) => {\n      const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n      // Check if token is in displayed list and has amount\n      const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount\n      // Check if it matches search (for cached appended tokens)\n      const matchesTheSearch = matchesSearch(token)\n\n      // Filter: only include tokens that match our criteria\n      if (!isInDisplayedList && !matchesTheSearch) {\n        return acc\n      }\n\n      // Apply small balance threshold transformation if enabled\n      let processedToken = token\n      if (\n        hideSmallBalances &&\n        threshold !== undefined &&\n        threshold >= 0 &&\n        token.amount\n      ) {\n        const balanceUSD = formatTokenPrice(\n          token.amount,\n          token.priceUSD,\n          token.decimals\n        )\n        if (balanceUSD < threshold) {\n          processedToken = {\n            ...token,\n            amount: 0n,\n          }\n        }\n      }\n\n      acc.push(processedToken)\n      return acc\n    }, [])\n  }, [\n    allTokensWithBalances,\n    displayedTokensList,\n    matchesSearch,\n    selectedChainId,\n    isAllNetworks,\n    smallBalanceThreshold,\n    hiddenUI,\n  ])\n\n  const { processedTokens, withCategories, withPinnedTokens, nativeHoisted } =\n    useMemo(() => {\n      const result = processTokenList(\n        isBalanceLoading,\n        isAllNetworks || !!search,\n        configTokens,\n        selectedChainId,\n        displayedTokensList,\n        displayedTokensWithBalances,\n        isPinnedToken\n      )\n      // Search results stay ranked, and All networks has no single native.\n      if (isAllNetworks || search) {\n        return { ...result, nativeHoisted: false }\n      }\n      const hoisted = hoistNativeToken(result.processedTokens, selectedChainId)\n      return {\n        ...result,\n        processedTokens: hoisted,\n        nativeHoisted: isHoistableNative(hoisted[0], selectedChainId),\n      }\n    }, [\n      isBalanceLoading,\n      isAllNetworks,\n      configTokens,\n      selectedChainId,\n      displayedTokensList,\n      displayedTokensWithBalances,\n      search,\n      isPinnedToken,\n    ])\n\n  return {\n    tokens: processedTokens ?? [],\n    withCategories,\n    withPinnedTokens,\n    isTokensLoading,\n    isSearchLoading,\n    isBalanceLoading,\n    nativeHoisted,\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,oBACX,iBACA,UACA,eACA,WAUG;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiB,gBAAgB;CAC3D,MAAM,EACJ,WACA,qBACA,eACA,eACA,iBACA,oBACE,mBAAmB,iBAAiB,UAAU,eAAe,MAAM;CAEvE,MAAM,EAAE,MAAM,uBAAuB,WAAW,sBAC9C,wBAAwB,iBAAiB,UAAU,eAAe,SAAS;CAK7E,MAAM,EAAE,MAAM,uBAAuB,WAAW,4BAC9C,wBAAwB,uBAHxB,QAAQ,qBAAqB,KAAK,CAAC,iBAGmC;CAExE,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CAEvE,MAAM,oBACH,2BAA2B,sBAC5B,CAAC,uBAAuB;CAE1B,MAAM,8BAA8B,cAAc;EAChD,MAAM,kBAAkB,gBACpB,wBACA,kBACE,uBAAuB,QAAQ,MAAM,EAAE,YAAY,eAAe,IAClE,KAAA;EACN,MAAM,qBAAqB,IAAI,IAC7B,qBAAqB,KAClB,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,QAAQ,YAAY,GAC/C,KAAK,CAAC,CACR;EAEA,MAAM,oBACJ,CAAC,CAAC,yBAAyB,CAAC,UAAU;EACxC,MAAM,YAAY,oBACd,OAAO,WAAW,qBAAqB,IACvC,KAAA;EAEJ,IAAI,CAAC,iBACH;EAGF,OAAO,gBAAgB,QAAgC,KAAK,UAAU;GACpE,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,YAAY;GAE/D,MAAM,oBAAoB,mBAAmB,IAAI,QAAQ,KAAK,MAAM;GAEpE,MAAM,mBAAmB,cAAc,KAAK;GAG5C,IAAI,CAAC,qBAAqB,CAAC,kBACzB,OAAO;GAIT,IAAI,iBAAiB;GACrB,IACE,qBACA,cAAc,KAAA,KACd,aAAa,KACb,MAAM,QAEa;QAAA,iBACjB,MAAM,QACN,MAAM,UACN,MAAM,QAEK,IAAI,WACf,iBAAiB;KACf,GAAG;KACH,QAAQ;IACV;GAAA;GAIJ,IAAI,KAAK,cAAc;GACvB,OAAO;EACT,GAAG,CAAC,CAAC;CACP,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,iBAAiB,gBAAgB,kBAAkB,kBACzD,cAAc;EACZ,MAAM,SAAS,iBACb,kBACA,iBAAiB,CAAC,CAAC,QACnB,cACA,iBACA,qBACA,6BACA,aACF;EAEA,IAAI,iBAAiB,QACnB,OAAO;GAAE,GAAG;GAAQ,eAAe;EAAM;EAE3C,MAAM,UAAU,iBAAiB,OAAO,iBAAiB,eAAe;EACxE,OAAO;GACL,GAAG;GACH,iBAAiB;GACjB,eAAe,kBAAkB,QAAQ,IAAI,eAAe;EAC9D;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAEH,OAAO;EACL,QAAQ,mBAAmB,CAAC;EAC5B;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/esm/hooks/useTokenBalancesQueries.js

@@ -11,35 +11,36 @@ const useTokenBalancesQueries = (accountsWithTokens, isBalanceLoadingEnabled) =>
 	const { keyPrefix } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const firstLoadStartRef = useRef(null);
+	const queryConfig = useMemo(() => {
+		if (!accountsWithTokens) return [];
+		return Object.entries(accountsWithTokens).flatMap(([accountAddress, chainTokens]) => Object.entries(chainTokens).map(([chainIdStr, tokens]) => {
+			const chainId = Number(chainIdStr);
+			return {
+				queryKey: [
+					getQueryKey("token-balances", keyPrefix),
+					accountAddress,
+					chainId,
+					tokens.length
+				],
+				queryFn: async () => {
+					if (!accountAddress || !tokens) return [];
+					return await getTokenBalances(sdkClient, accountAddress, tokens);
+				},
+				enabled: isBalanceLoadingEnabled,
+				refetchInterval: defaultRefetchInterval,
+				staleTime: defaultRefetchInterval,
+				placeholderData: keepPreviousData,
+				retry: false
+			};
+		}));
+	}, [
+		accountsWithTokens,
+		isBalanceLoadingEnabled,
+		keyPrefix,
+		sdkClient
+	]);
 	return useQueries({
-		queries: useMemo(() => {
-			if (!accountsWithTokens) return [];
-			return Object.entries(accountsWithTokens).flatMap(([accountAddress, chainTokens]) => Object.entries(chainTokens).map(([chainIdStr, tokens]) => {
-				const chainId = Number(chainIdStr);
-				return {
-					queryKey: [
-						getQueryKey("token-balances", keyPrefix),
-						accountAddress,
-						chainId,
-						tokens.length
-					],
-					queryFn: async () => {
-						if (!accountAddress || !tokens) return [];
-						return await getTokenBalances(sdkClient, accountAddress, tokens);
-					},
-					enabled: isBalanceLoadingEnabled,
-					refetchInterval: defaultRefetchInterval,
-					staleTime: defaultRefetchInterval,
-					placeholderData: keepPreviousData,
-					retry: false
-				};
-			}));
-		}, [
-			accountsWithTokens,
-			isBalanceLoadingEnabled,
-			keyPrefix,
-			sdkClient
-		]),
+		queries: queryConfig,
 		combine: (results) => {
 			const now = Date.now();
 			if (results.some((result) => result.isLoading) && firstLoadStartRef.current === null) firstLoadStartRef.current = now;

package/dist/esm/hooks/useTokenBalancesQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalancesQueries.js","names":[],"sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"sourcesContent":["import { getTokenBalances, type TokenExtended } from '@lifi/sdk'\nimport { keepPreviousData, useQueries } from '@tanstack/react-query'\nimport { useMemo, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { TokenAmount, TokenAmountExtended } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 32_000\n// Max time to hold the skeleton before revealing balances in the multi-chain view.\n// Sits just below the typical full-settle time so the list reveals once, sorted,\n// instead of reordering as each chain streams in.\nconst balanceRevealTimeout = 2_000\n\nexport const useTokenBalancesQueries = (\n  accountsWithTokens?: Record<string, Record<number, TokenExtended[]>>,\n  isBalanceLoadingEnabled?: boolean\n): {\n  data: TokenAmount[] | undefined\n  isLoading: boolean\n  isError: boolean\n} => {\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const firstLoadStartRef = useRef<number | null>(null)\n\n  const queryConfig = useMemo(() => {\n    if (!accountsWithTokens) {\n      return []\n    }\n    return Object.entries(accountsWithTokens).flatMap(\n      ([accountAddress, chainTokens]) =>\n        Object.entries(chainTokens).map(([chainIdStr, tokens]) => {\n          const chainId = Number(chainIdStr)\n          return {\n            queryKey: [\n              getQueryKey('token-balances', keyPrefix),\n              accountAddress,\n              chainId,\n              tokens.length,\n            ],\n            queryFn: async (): Promise<TokenAmountExtended[]> => {\n              if (!accountAddress || !tokens) {\n                return []\n              }\n              return await getTokenBalances(sdkClient, accountAddress, tokens)\n            },\n            enabled: isBalanceLoadingEnabled,\n            refetchInterval: defaultRefetchInterval,\n            staleTime: defaultRefetchInterval,\n            placeholderData: keepPreviousData,\n            // Resolve a failed chain immediately instead of retrying past the reveal\n            // window (retries would pop the chain in late and re-sort the list).\n            retry: false,\n          }\n        })\n    )\n  }, [accountsWithTokens, isBalanceLoadingEnabled, keyPrefix, sdkClient])\n\n  const result = useQueries({\n    queries: queryConfig,\n    combine: (results) => {\n      const now = Date.now()\n\n      const hasLoadingQueries = results.some((result) => result.isLoading)\n      if (hasLoadingQueries && firstLoadStartRef.current === null) {\n        firstLoadStartRef.current = now\n      }\n\n      const allComplete = results.every(\n        (result) => result.isSuccess || result.isError\n      )\n\n      // Reset the start time when all queries complete\n      if (allComplete) {\n        firstLoadStartRef.current = null\n      }\n\n      // Calculate time since first load started\n      const timeSinceStart = firstLoadStartRef.current\n        ? now - firstLoadStartRef.current\n        : 0\n\n      // Return results once all queries complete, or once the reveal timeout elapses\n      const shouldReturnResults =\n        allComplete || timeSinceStart >= balanceRevealTimeout\n\n      if (shouldReturnResults) {\n        const data: TokenAmount[] = results\n          .flatMap((result) => result.data || [])\n          .filter((token) => token.amount)\n        return {\n          data,\n          isLoading: !allComplete,\n          isError: results.some((result) => result.isError),\n        }\n      }\n\n      return {\n        data: undefined,\n        isLoading: true,\n        isError: false,\n      }\n    },\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;AAQA,MAAM,yBAAyB;AAI/B,MAAM,uBAAuB;AAE7B,MAAa,2BACX,oBACA,4BAKG;CACH,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,oBAAoB,OAAsB,IAAI;CAkFpD,OA/Ce,WAAW;EACxB,SAlCkB,cAAc;GAChC,IAAI,CAAC,oBACH,OAAO,CAAC;GAEV,OAAO,OAAO,QAAQ,kBAAkB,CAAC,CAAC,SACvC,CAAC,gBAAgB,iBAChB,OAAO,QAAQ,WAAW,CAAC,CAAC,KAAK,CAAC,YAAY,YAAY;IACxD,MAAM,UAAU,OAAO,UAAU;IACjC,OAAO;KACL,UAAU;MACR,YAAY,kBAAkB,SAAS;MACvC;MACA;MACA,OAAO;KACT;KACA,SAAS,YAA4C;MACnD,IAAI,CAAC,kBAAkB,CAAC,QACtB,OAAO,CAAC;MAEV,OAAO,MAAM,iBAAiB,WAAW,gBAAgB,MAAM;KACjE;KACA,SAAS;KACT,iBAAiB;KACjB,WAAW;KACX,iBAAiB;KAGjB,OAAO;IACT;GACF,CAAC,CACL;EACF,GAAG;GAAC;GAAoB;GAAyB;GAAW;EAAS,CAGhD;EACnB,UAAU,YAAY;GACpB,MAAM,MAAM,KAAK,IAAI;GAGrB,IAD0B,QAAQ,MAAM,WAAW,OAAO,SACtC,KAAK,kBAAkB,YAAY,MACrD,kBAAkB,UAAU;GAG9B,MAAM,cAAc,QAAQ,OACzB,WAAW,OAAO,aAAa,OAAO,OACzC;GAGA,IAAI,aACF,kBAAkB,UAAU;GAI9B,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,kBAAkB,UACxB;GAMJ,IAFE,eAAe,kBAAkB,sBAMjC,OAAO;IACL,MAJ0B,QACzB,SAAS,WAAW,OAAO,QAAQ,CAAC,CAAC,CAAC,CACtC,QAAQ,UAAU,MAAM,MAEtB;IACH,WAAW,CAAC;IACZ,SAAS,QAAQ,MAAM,WAAW,OAAO,OAAO;GAClD;GAGF,OAAO;IACL,MAAM,KAAA;IACN,WAAW;IACX,SAAS;GACX;EACF;CACF,CAEY;AACd"}
+{"version":3,"file":"useTokenBalancesQueries.js","names":[],"sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"sourcesContent":["import { getTokenBalances, type TokenExtended } from '@lifi/sdk'\nimport { keepPreviousData, useQueries } from '@tanstack/react-query'\nimport { useMemo, useRef } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { TokenAmount, TokenAmountExtended } from '../types/token.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nconst defaultRefetchInterval = 32_000\n// Max time to hold the skeleton before revealing balances in the multi-chain view.\n// Sits just below the typical full-settle time so the list reveals once, sorted,\n// instead of reordering as each chain streams in.\nconst balanceRevealTimeout = 2_000\n\nexport const useTokenBalancesQueries = (\n  accountsWithTokens?: Record<string, Record<number, TokenExtended[]>>,\n  isBalanceLoadingEnabled?: boolean\n): {\n  data: TokenAmount[] | undefined\n  isLoading: boolean\n  isError: boolean\n} => {\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const firstLoadStartRef = useRef<number | null>(null)\n\n  const queryConfig = useMemo(() => {\n    if (!accountsWithTokens) {\n      return []\n    }\n    return Object.entries(accountsWithTokens).flatMap(\n      ([accountAddress, chainTokens]) =>\n        Object.entries(chainTokens).map(([chainIdStr, tokens]) => {\n          const chainId = Number(chainIdStr)\n          return {\n            queryKey: [\n              getQueryKey('token-balances', keyPrefix),\n              accountAddress,\n              chainId,\n              tokens.length,\n            ],\n            queryFn: async (): Promise<TokenAmountExtended[]> => {\n              if (!accountAddress || !tokens) {\n                return []\n              }\n              return await getTokenBalances(sdkClient, accountAddress, tokens)\n            },\n            enabled: isBalanceLoadingEnabled,\n            refetchInterval: defaultRefetchInterval,\n            staleTime: defaultRefetchInterval,\n            placeholderData: keepPreviousData,\n            // Resolve a failed chain immediately instead of retrying past the reveal\n            // window (retries would pop the chain in late and re-sort the list).\n            retry: false,\n          }\n        })\n    )\n  }, [accountsWithTokens, isBalanceLoadingEnabled, keyPrefix, sdkClient])\n\n  const result = useQueries({\n    queries: queryConfig,\n    combine: (results) => {\n      const now = Date.now()\n\n      const hasLoadingQueries = results.some((result) => result.isLoading)\n      if (hasLoadingQueries && firstLoadStartRef.current === null) {\n        firstLoadStartRef.current = now\n      }\n\n      const allComplete = results.every(\n        (result) => result.isSuccess || result.isError\n      )\n\n      // Reset the start time when all queries complete\n      if (allComplete) {\n        firstLoadStartRef.current = null\n      }\n\n      // Calculate time since first load started\n      const timeSinceStart = firstLoadStartRef.current\n        ? now - firstLoadStartRef.current\n        : 0\n\n      // Return results once all queries complete, or once the reveal timeout elapses\n      const shouldReturnResults =\n        allComplete || timeSinceStart >= balanceRevealTimeout\n\n      if (shouldReturnResults) {\n        const data: TokenAmount[] = results\n          .flatMap((result) => result.data || [])\n          .filter((token) => token.amount)\n        return {\n          data,\n          isLoading: !allComplete,\n          isError: results.some((result) => result.isError),\n        }\n      }\n\n      return {\n        data: undefined,\n        isLoading: true,\n        isError: false,\n      }\n    },\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;AAQA,MAAM,yBAAyB;AAI/B,MAAM,uBAAuB;AAE7B,MAAa,2BACX,oBACA,4BAKG;CACH,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,oBAAoB,OAAsB,IAAI;CAEpD,MAAM,cAAc,cAAc;EAChC,IAAI,CAAC,oBACH,OAAO,CAAC;EAEV,OAAO,OAAO,QAAQ,kBAAkB,CAAC,CAAC,SACvC,CAAC,gBAAgB,iBAChB,OAAO,QAAQ,WAAW,CAAC,CAAC,KAAK,CAAC,YAAY,YAAY;GACxD,MAAM,UAAU,OAAO,UAAU;GACjC,OAAO;IACL,UAAU;KACR,YAAY,kBAAkB,SAAS;KACvC;KACA;KACA,OAAO;IACT;IACA,SAAS,YAA4C;KACnD,IAAI,CAAC,kBAAkB,CAAC,QACtB,OAAO,CAAC;KAEV,OAAO,MAAM,iBAAiB,WAAW,gBAAgB,MAAM;IACjE;IACA,SAAS;IACT,iBAAiB;IACjB,WAAW;IACX,iBAAiB;IAGjB,OAAO;GACT;EACF,CAAC,CACL;CACF,GAAG;EAAC;EAAoB;EAAyB;EAAW;CAAS,CAAC;CAiDtE,OA/Ce,WAAW;EACxB,SAAS;EACT,UAAU,YAAY;GACpB,MAAM,MAAM,KAAK,IAAI;GAGrB,IAD0B,QAAQ,MAAM,WAAW,OAAO,SACtC,KAAK,kBAAkB,YAAY,MACrD,kBAAkB,UAAU;GAG9B,MAAM,cAAc,QAAQ,OACzB,WAAW,OAAO,aAAa,OAAO,OACzC;GAGA,IAAI,aACF,kBAAkB,UAAU;GAI9B,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,kBAAkB,UACxB;GAMJ,IAFE,eAAe,kBAAkB,sBAMjC,OAAO;IACL,MAJ0B,QACzB,SAAS,WAAW,OAAO,QAAQ,CAAC,CAAC,CAAC,CACtC,QAAQ,UAAU,MAAM,MAEtB;IACH,WAAW,CAAC;IACZ,SAAS,QAAQ,MAAM,WAAW,OAAO,OAAO;GAClD;GAGF,OAAO;IACL,MAAM,KAAA;IACN,WAAW;IACX,SAAS;GACX;EACF;CACF,CAEY;AACd"}

package/dist/esm/hooks/useTokenList.d.ts

@@ -4,7 +4,7 @@ import { TokenAmount } from "../types/token.js";
 /**
  * Token-selection list without wallet balances - No accounts are resolved and no balance queries are fired.
  */
-declare const useTokenList: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
+export declare const useTokenList: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
   tokens: TokenAmount[];
   withCategories: boolean;
   withPinnedTokens: boolean;
@@ -12,5 +12,4 @@ declare const useTokenList: (selectedChainId?: number, formType?: FormType, isAl
   isSearchLoading: boolean;
 };
 //#endregion
-export { useTokenList };
 //# sourceMappingURL=useTokenList.d.ts.map

package/dist/esm/hooks/useTokenList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenList.d.ts","names":[],"sources":["../../../src/hooks/useTokenList.ts"],"mappings":";;;;;;cAUa,eACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA"}
+{"version":3,"file":"useTokenList.d.ts","names":[],"sources":["../../../src/hooks/useTokenList.ts"],"mappings":";;;;;;qBAUa,eACX,0BACA,WAAW,UACX,yBACA;EAEA,QAAQ;EACR;EACA;EACA;EACA"}

package/dist/esm/hooks/useTokenSearch.js

@@ -1,7 +1,8 @@
-import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { isFormItemAllowed } from "../utils/item.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { getQueryKey } from "../utils/queries.js";
+import { getChainTokenAllowSets } from "../utils/token.js";
 import { getToken } from "@lifi/sdk";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/hooks/useTokenSearch.ts
@@ -18,17 +19,15 @@ const useTokenSearch = (chainId, tokenQuery, enabled, formType) => {
 		queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
 			const token = await getToken(sdkClient, chainId, tokenQuery, { signal });
 			if (token) {
-				if (!isFormItemAllowed(token, getConfigItemSets(configTokens, (tokens) => new Set(tokens.filter((t) => t.chainId === token.chainId).map((t) => t.address.toLowerCase())), formType), formType, (t) => t.address.toLowerCase())) return null;
+				const filteredConfigTokens = getChainTokenAllowSets(configTokens, token.chainId, formType);
+				if (!isFormItemAllowed(token, filteredConfigTokens, formType, (t) => t.address.toLowerCase())) return null;
 				queryClient.setQueriesData({ queryKey: [getQueryKey("tokens", keyPrefix)] }, (data) => {
 					if (!data) return data;
 					const chainTokens = data[chainId];
 					if (chainTokens?.some((t) => t.address.toLowerCase() === token.address.toLowerCase())) return data;
 					return {
 						...data,
-						[chainId]: [...chainTokens ?? [], {
-							...token,
-							verified: false
-						}]
+						[chainId]: [...chainTokens ?? [], token]
 					};
 				});
 			}

package/dist/esm/hooks/useTokenSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenSearch.js","names":[],"sources":["../../../src/hooks/useTokenSearch.ts"],"sourcesContent":["import {\n  type BaseToken,\n  type ChainId,\n  getToken,\n  type TokenExtended,\n} from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { getConfigItemSets, isFormItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport const useTokenSearch = (\n  chainId?: number,\n  tokenQuery?: string,\n  enabled?: boolean,\n  formType?: FormType\n): {\n  token: TokenExtended | undefined\n  isLoading: boolean\n} => {\n  const queryClient = useQueryClient()\n  const { tokens: configTokens, keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { data, isLoading } = useQuery({\n    queryKey: [getQueryKey('token-search', keyPrefix), chainId, tokenQuery],\n    queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {\n      const token = await getToken(\n        sdkClient,\n        chainId as ChainId,\n        tokenQuery as string,\n        {\n          signal,\n        }\n      )\n\n      if (token) {\n        // Filter config tokens by chain before checking if token is allowed\n        const filteredConfigTokens = getConfigItemSets(\n          configTokens,\n          (tokens: BaseToken[]) =>\n            new Set(\n              tokens\n                .filter((t) => t.chainId === token.chainId)\n                .map((t) => t.address.toLowerCase())\n            ),\n          formType\n        )\n\n        // Return undefined if the token is denied\n        if (\n          !isFormItemAllowed(token, filteredConfigTokens, formType, (t) =>\n            t.address.toLowerCase()\n          )\n        ) {\n          return null\n        }\n\n        // Add token to main tokens cache\n        queryClient.setQueriesData<TokensByChain>(\n          { queryKey: [getQueryKey('tokens', keyPrefix)] },\n          (data) => {\n            if (!data) {\n              return data\n            }\n            const chainTokens = data[chainId as number]\n            if (\n              chainTokens?.some(\n                (t) => t.address.toLowerCase() === token.address.toLowerCase()\n              )\n            ) {\n              return data\n            }\n            // Mark token from search as unverified\n            return {\n              ...data,\n              [chainId as number]: [\n                ...(chainTokens ?? []),\n                { ...token, verified: false },\n              ],\n            }\n          }\n        )\n      }\n      return token as TokenExtended\n    },\n\n    enabled: Boolean(chainId && tokenQuery && enabled),\n    retry: false,\n  })\n  return {\n    token: data || undefined,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;AAcA,MAAa,kBACX,SACA,YACA,SACA,aAIG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,QAAQ,cAAc,cAAc,gBAAgB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GAAC,YAAY,gBAAgB,SAAS;GAAG;GAAS;EAAU;EACtE,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS,aAAa,aAAa;GAChE,MAAM,QAAQ,MAAM,SAClB,WACA,SACA,YACA,EACE,OACF,CACF;GAEA,IAAI,OAAO;IAcT,IACE,CAAC,kBAAkB,OAbQ,kBAC3B,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,EAAE,YAAY,MAAM,OAAO,CAAC,CAC1C,KAAK,MAAM,EAAE,QAAQ,YAAY,CAAC,CACvC,GACF,QAK6C,GAAG,WAAW,MACzD,EAAE,QAAQ,YAAY,CACxB,GAEA,OAAO;IAIT,YAAY,eACV,EAAE,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC,EAAE,IAC9C,SAAS;KACR,IAAI,CAAC,MACH,OAAO;KAET,MAAM,cAAc,KAAK;KACzB,IACE,aAAa,MACV,MAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,QAAQ,YAAY,CAC/D,GAEA,OAAO;KAGT,OAAO;MACL,GAAG;OACF,UAAoB,CACnB,GAAI,eAAe,CAAC,GACpB;OAAE,GAAG;OAAO,UAAU;MAAM,CAC9B;KACF;IACF,CACF;GACF;GACA,OAAO;EACT;EAEA,SAAS,QAAQ,WAAW,cAAc,OAAO;EACjD,OAAO;CACT,CAAC;CACD,OAAO;EACL,OAAO,QAAQ,KAAA;EACf;CACF;AACF"}
+{"version":3,"file":"useTokenSearch.js","names":[],"sources":["../../../src/hooks/useTokenSearch.ts"],"sourcesContent":["import { type ChainId, getToken, type TokenExtended } from '@lifi/sdk'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isFormItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { getChainTokenAllowSets } from '../utils/token.js'\n\nexport const useTokenSearch = (\n  chainId?: number,\n  tokenQuery?: string,\n  enabled?: boolean,\n  formType?: FormType\n): {\n  token: TokenExtended | undefined\n  isLoading: boolean\n} => {\n  const queryClient = useQueryClient()\n  const { tokens: configTokens, keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const { data, isLoading } = useQuery({\n    queryKey: [getQueryKey('token-search', keyPrefix), chainId, tokenQuery],\n    queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {\n      const token = await getToken(\n        sdkClient,\n        chainId as ChainId,\n        tokenQuery as string,\n        {\n          signal,\n        }\n      )\n\n      if (token) {\n        // Filter config tokens by chain before checking if token is allowed\n        const filteredConfigTokens = getChainTokenAllowSets(\n          configTokens,\n          token.chainId,\n          formType\n        )\n\n        // Return undefined if the token is denied\n        if (\n          !isFormItemAllowed(token, filteredConfigTokens, formType, (t) =>\n            t.address.toLowerCase()\n          )\n        ) {\n          return null\n        }\n\n        // Add token to main tokens cache\n        queryClient.setQueriesData<TokensByChain>(\n          { queryKey: [getQueryKey('tokens', keyPrefix)] },\n          (data) => {\n            if (!data) {\n              return data\n            }\n            const chainTokens = data[chainId as number]\n            if (\n              chainTokens?.some(\n                (t) => t.address.toLowerCase() === token.address.toLowerCase()\n              )\n            ) {\n              return data\n            }\n            return {\n              ...data,\n              [chainId as number]: [...(chainTokens ?? []), token],\n            }\n          }\n        )\n      }\n      return token as TokenExtended\n    },\n\n    enabled: Boolean(chainId && tokenQuery && enabled),\n    retry: false,\n  })\n  return {\n    token: data || undefined,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBACX,SACA,YACA,SACA,aAIG;CACH,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,QAAQ,cAAc,cAAc,gBAAgB;CAC5D,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GAAC,YAAY,gBAAgB,SAAS;GAAG;GAAS;EAAU;EACtE,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS,aAAa,aAAa;GAChE,MAAM,QAAQ,MAAM,SAClB,WACA,SACA,YACA,EACE,OACF,CACF;GAEA,IAAI,OAAO;IAET,MAAM,uBAAuB,uBAC3B,cACA,MAAM,SACN,QACF;IAGA,IACE,CAAC,kBAAkB,OAAO,sBAAsB,WAAW,MACzD,EAAE,QAAQ,YAAY,CACxB,GAEA,OAAO;IAIT,YAAY,eACV,EAAE,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC,EAAE,IAC9C,SAAS;KACR,IAAI,CAAC,MACH,OAAO;KAET,MAAM,cAAc,KAAK;KACzB,IACE,aAAa,MACV,MAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,QAAQ,YAAY,CAC/D,GAEA,OAAO;KAET,OAAO;MACL,GAAG;OACF,UAAoB,CAAC,GAAI,eAAe,CAAC,GAAI,KAAK;KACrD;IACF,CACF;GACF;GACA,OAAO;EACT;EAEA,SAAS,QAAQ,WAAW,cAAc,OAAO;EACjD,OAAO;CACT,CAAC;CACD,OAAO;EACL,OAAO,QAAQ,KAAA;EACf;CACF;AACF"}

package/dist/esm/hooks/useTokens.js

@@ -2,7 +2,9 @@ import { isItemAllowed } from "../utils/item.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
 import { getQueryKey } from "../utils/queries.js";
-import { filterAllowedTokens, mergeVerifiedWithSearchTokens } from "../utils/token.js";
+import { useAvailableChains } from "./useAvailableChains.js";
+import { filterAllowedTokens, getNativeTokenAddresses, mergeVerifiedWithSearchTokens } from "../utils/token.js";
+import { isAddressQuery } from "../utils/address.js";
 import { defaultChainIdsByType } from "../utils/chainType.js";
 import { ChainType, getToken, getTokens } from "@lifi/sdk";
 import { useMemo } from "react";
@@ -13,7 +15,9 @@ const refetchInterval = 3e5;
 const useTokens = (formType, search, chainId) => {
 	const { tokens: configTokens, chains: chainsConfig, keyPrefix } = useWidgetConfig();
 	const sdkClient = useSDKClient();
-	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	const { getChainTypeFromTokenAddress } = useChainTypeFromAddress();
+	const trimmedSearch = search?.trim();
+	const isAddressSearch = useMemo(() => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress), [trimmedSearch, getChainTypeFromTokenAddress]);
 	const { data: verifiedTokens, isLoading } = useQuery({
 		queryKey: [getQueryKey("tokens", keyPrefix)],
 		queryFn: async ({ signal }) => {
@@ -22,7 +26,8 @@ const useTokens = (formType, search, chainId) => {
 				ChainType.SVM,
 				ChainType.UTXO,
 				ChainType.MVM,
-				ChainType.TVM
+				ChainType.TVM,
+				ChainType.STL
 			].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
 			const tokensResponse = await getTokens(sdkClient, {
 				chainTypes,
@@ -33,7 +38,7 @@ const useTokens = (formType, search, chainId) => {
 			}, { signal });
 			return Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [chainId, tokens.map((token) => ({
 				...token,
-				verified: true
+				listed: true
 			}))]));
 		},
 		refetchInterval,
@@ -42,17 +47,19 @@ const useTokens = (formType, search, chainId) => {
 	const { data: searchTokens, isLoading: isSearchLoading } = useQuery({
 		queryKey: [
 			getQueryKey("tokens-search", keyPrefix),
-			search,
-			chainId
+			trimmedSearch,
+			chainId,
+			isAddressSearch
 		],
 		queryFn: async ({ queryKey, signal }) => {
-			const [, searchQuery, searchChainId] = queryKey;
+			const [, searchQuery, searchChainId, addressSearch] = queryKey;
 			const chainTypes = [
 				ChainType.EVM,
 				ChainType.SVM,
 				ChainType.UTXO,
 				ChainType.MVM,
-				ChainType.TVM
+				ChainType.TVM,
+				ChainType.STL
 			].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
 			const tokensResponse = await getTokens(sdkClient, {
 				chainTypes,
@@ -62,38 +69,46 @@ const useTokens = (formType, search, chainId) => {
 				limit: 1e3,
 				minPriceUSD: 1e-6
 			}, { signal });
-			let _chainId = searchChainId;
-			if (!_chainId) {
-				const chainType = getChainTypeFromAddress(searchQuery);
-				if (chainType && chainType in defaultChainIdsByType) _chainId = defaultChainIdsByType[chainType];
-			}
-			if (_chainId && searchQuery) {
-				if (!(tokensResponse.tokens[_chainId] || []).length) {
-					const token = await getToken(sdkClient, _chainId, searchQuery, { signal });
-					if (token) tokensResponse.tokens[_chainId] = [token];
+			if (searchQuery) {
+				const chainType = getChainTypeFromTokenAddress(searchQuery);
+				const lookupChainId = searchChainId ?? (chainType ? defaultChainIdsByType[chainType] : void 0);
+				if (lookupChainId) {
+					const existingTokens = tokensResponse.tokens[lookupChainId] ?? [];
+					const hasTokenAtAddress = () => {
+						const address = searchQuery.toLowerCase();
+						return (searchChainId ? [existingTokens] : Object.values(tokensResponse.tokens)).some((tokens) => tokens.some((token) => token.address?.toLowerCase() === address));
+					};
+					if (addressSearch ? !hasTokenAtAddress() : !existingTokens.length) try {
+						const token = await getToken(sdkClient, lookupChainId, searchQuery, { signal });
+						if (token) tokensResponse.tokens[lookupChainId] = [...existingTokens, token];
+					} catch (error) {
+						if (signal.aborted) throw error;
+					}
 				}
 			}
-			return Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [chainId, tokens.map((token) => ({
-				...token,
-				verified: false
-			}))]));
+			return tokensResponse.tokens;
 		},
-		enabled: !!search,
+		enabled: !!trimmedSearch,
 		refetchInterval,
 		staleTime: refetchInterval
 	});
+	const { chains } = useAvailableChains();
+	const nativeTokenAddresses = useMemo(() => getNativeTokenAddresses(chains), [chains]);
 	return {
 		allTokens: useMemo(() => {
-			return filterAllowedTokens(mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens), configTokens, chainsConfig, formType);
+			const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens);
+			return filterAllowedTokens(merged, configTokens, chainsConfig, formType, nativeTokenAddresses);
 		}, [
 			verifiedTokens,
 			searchTokens,
 			configTokens,
 			chainsConfig,
-			formType
+			formType,
+			nativeTokenAddresses
 		]),
 		isLoading,
-		isSearchLoading
+		isSearchLoading,
+		isAddressSearch
 	};
 };
 //#endregion

package/dist/esm/hooks/useTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', keyPrefix)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // Mark all tokens as verified\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, verified: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [getQueryKey('tokens-search', keyPrefix), search, chainId],\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId] = queryKey as [\n        string,\n        string,\n        number,\n      ]\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          search: searchQuery,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // If the chainId is not provided, try to get it from the search query\n      let _chainId = searchChainId\n      if (!_chainId) {\n        const chainType = getChainTypeFromAddress(searchQuery)\n        if (chainType && chainType in defaultChainIdsByType) {\n          _chainId = defaultChainIdsByType[chainType]\n        }\n      }\n\n      // Fallback: If the main search returned no tokens for the specific chainId,\n      // fetch a single token using the /token endpoint\n      if (_chainId && searchQuery) {\n        const existingTokens = tokensResponse.tokens[_chainId] || []\n        if (!existingTokens.length) {\n          const token = await getToken(sdkClient, _chainId, searchQuery, {\n            signal,\n          })\n          if (token) {\n            tokensResponse.tokens[_chainId] = [token]\n          }\n        }\n      }\n\n      // Mark all search tokens as unverified\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, verified: false })),\n        ])\n      )\n\n      return tokens\n    },\n    enabled: !!search,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(merged, configTokens, chainsConfig, formType)\n  }, [verifiedTokens, searchTokens, configTokens, chainsConfig, formType])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAKG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,gBAAgB;CACpB,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,4BAA4B,wBAAwB;CAG5D,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC;EAC3C,SAAS,OAAO,EAAE,aAAa;GAC7B,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;GAAK,EAAE,CACtD,CAAC,CAGS;EACd;EACA;EACA,WAAW;CACb,CAAC;CAGD,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GAAC,YAAY,iBAAiB,SAAS;GAAG;GAAQ;EAAO;EACnE,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,iBAAiB;GAKvC,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAGA,IAAI,WAAW;GACf,IAAI,CAAC,UAAU;IACb,MAAM,YAAY,wBAAwB,WAAW;IACrD,IAAI,aAAa,aAAa,uBAC5B,WAAW,sBAAsB;GAErC;GAIA,IAAI,YAAY,aAEV;QAAA,EADmB,eAAe,OAAO,aAAa,CAAC,EAAA,CACvC,QAAQ;KAC1B,MAAM,QAAQ,MAAM,SAAS,WAAW,UAAU,aAAa,EAC7D,OACF,CAAC;KACD,IAAI,OACF,eAAe,OAAO,YAAY,CAAC,KAAK;IAE5C;;GAWF,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;GAAM,EAAE,CACvD,CAAC,CAGS;EACd;EACA,SAAS,CAAC,CAAC;EACX;EACA,WAAW;CACb,CAAC;CAQD,OAAO;EACL,WANgB,cAAc;GAE9B,OAAO,oBADQ,8BAA8B,gBAAgB,YAC7B,GAAG,cAAc,cAAc,QAAQ;EACzE,GAAG;GAAC;GAAgB;GAAc;GAAc;GAAc;EAAQ,CAG5D;EACR;EACA;CACF;AACF"}
+{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isAddressQuery } from '../utils/address.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n  /** The search is a contract address, so only the token at that address matches. */\n  isAddressSearch: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromTokenAddress } = useChainTypeFromAddress()\n  // A pasted address often carries a trailing space or newline, which the\n  // API rejects. Trim once so the key, the requests and the checks agree.\n  const trimmedSearch = search?.trim()\n  // Keep this memoized, and out of any per-token loop: a provider validates by\n  // parsing, which costs microseconds per call rather than nanoseconds.\n  const isAddressSearch = useMemo(\n    () => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress),\n    [trimmedSearch, getChainTypeFromTokenAddress]\n  )\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', keyPrefix)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [\n      getQueryKey('tokens-search', keyPrefix),\n      trimmedSearch,\n      chainId,\n      isAddressSearch,\n    ] as const,\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId, addressSearch] = queryKey\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          search: searchQuery,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // Fallback: fetch a single token from the /token endpoint when the\n      // search did not deliver one. Look it up on the selected chain, or\n      // without one on the default chain of the address format.\n      if (searchQuery) {\n        const chainType = getChainTypeFromTokenAddress(searchQuery)\n        const lookupChainId =\n          searchChainId ??\n          (chainType ? defaultChainIdsByType[chainType] : undefined)\n        if (lookupChainId) {\n          const existingTokens = tokensResponse.tokens[lookupChainId] ?? []\n          // The search index also matches names, so for an address query\n          // impersonators that embed the address can fill the list while the\n          // token at that address is missing. Without a selected chain the\n          // token can sit on any chain of the response.\n          const hasTokenAtAddress = () => {\n            const address = searchQuery.toLowerCase()\n            const candidates = searchChainId\n              ? [existingTokens]\n              : Object.values(tokensResponse.tokens)\n            return candidates.some((tokens) =>\n              tokens.some((token) => token.address?.toLowerCase() === address)\n            )\n          }\n          const isTokenMissing = addressSearch\n            ? !hasTokenAtAddress()\n            : !existingTokens.length\n          if (isTokenMissing) {\n            try {\n              const token = await getToken(\n                sdkClient,\n                lookupChainId,\n                searchQuery,\n                { signal }\n              )\n              if (token) {\n                tokensResponse.tokens[lookupChainId] = [\n                  ...existingTokens,\n                  token,\n                ]\n              }\n            } catch (error) {\n              // A guessed chain may not hold the token (HTTP 400). Keep the\n              // search results instead of failing the whole query.\n              if (signal.aborted) {\n                throw error\n              }\n            }\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!trimmedSearch,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\n  )\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n    isAddressSearch,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAOG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,gBAAgB;CACpB,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,iCAAiC,wBAAwB;CAGjE,MAAM,gBAAgB,QAAQ,KAAK;CAGnC,MAAM,kBAAkB,cAChB,eAAe,eAAe,4BAA4B,GAChE,CAAC,eAAe,4BAA4B,CAC9C;CAGA,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC;EAC3C,SAAS,OAAO,EAAE,aAAa;GAC7B,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,QAAQ;GAAK,EAAE,CACpD,CAAC,CAGS;EACd;EACA;EACA,WAAW;CACb,CAAC;CAGD,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GACR,YAAY,iBAAiB,SAAS;GACtC;GACA;GACA;EACF;EACA,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,eAAe,iBAAiB;GACtD,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAKA,IAAI,aAAa;IACf,MAAM,YAAY,6BAA6B,WAAW;IAC1D,MAAM,gBACJ,kBACC,YAAY,sBAAsB,aAAa,KAAA;IAClD,IAAI,eAAe;KACjB,MAAM,iBAAiB,eAAe,OAAO,kBAAkB,CAAC;KAKhE,MAAM,0BAA0B;MAC9B,MAAM,UAAU,YAAY,YAAY;MAIxC,QAHmB,gBACf,CAAC,cAAc,IACf,OAAO,OAAO,eAAe,MAAM,EAAA,CACrB,MAAM,WACtB,OAAO,MAAM,UAAU,MAAM,SAAS,YAAY,MAAM,OAAO,CACjE;KACF;KAIA,IAHuB,gBACnB,CAAC,kBAAkB,IACnB,CAAC,eAAe,QAElB,IAAI;MACF,MAAM,QAAQ,MAAM,SAClB,WACA,eACA,aACA,EAAE,OAAO,CACX;MACA,IAAI,OACF,eAAe,OAAO,iBAAiB,CACrC,GAAG,gBACH,KACF;KAEJ,SAAS,OAAO;MAGd,IAAI,OAAO,SACT,MAAM;KAEV;IAEJ;GACF;GAEA,OAAO,eAAe;EACxB;EACA,SAAS,CAAC,CAAC;EACX;EACA,WAAW;CACb,CAAC;CAED,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,uBAAuB,cACrB,wBAAwB,MAAM,GACpC,CAAC,MAAM,CACT;CAqBA,OAAO;EACL,WAnBgB,cAAc;GAC9B,MAAM,SAAS,8BAA8B,gBAAgB,YAAY;GACzE,OAAO,oBACL,QACA,cACA,cACA,UACA,oBACF;EACF,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;EACF,CAGU;EACR;EACA;EACA;CACF;AACF"}

package/dist/esm/hooks/useTools.d.ts

@@ -1,8 +1,7 @@
 import { ToolsResponse } from "@lifi/sdk";
 //#region src/hooks/useTools.d.ts
-declare const useTools: () => {
+export declare const useTools: () => {
   tools: ToolsResponse | undefined;
 };
 //#endregion
-export { useTools };
 //# sourceMappingURL=useTools.d.ts.map

package/dist/esm/hooks/useTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTools.d.ts","names":[],"sources":["../../../src/hooks/useTools.ts"],"mappings":";;cAQa;EAAiB,OAAO"}
+{"version":3,"file":"useTools.d.ts","names":[],"sources":["../../../src/hooks/useTools.ts"],"mappings":";;qBAQa;EAAiB,OAAO"}

package/dist/esm/hooks/useWideVariant.js

@@ -6,7 +6,8 @@ import { useMediaQuery } from "@mui/material";
 const defaultExpandableWidth = 852;
 const useWideVariant = () => {
 	const config = useWidgetConfig();
-	const variant = getTabVariant(config, useNavigationTabsStore((store) => store.activeTab));
+	const activeTab = useNavigationTabsStore((store) => store.activeTab);
+	const variant = getTabVariant(config, activeTab);
 	const expandableAllowed = useMediaQuery((theme) => theme.breakpoints.up(defaultExpandableWidth));
 	return variant === "wide" && expandableAllowed && !config.showSingleRoute;
 };

package/dist/esm/hooks/useWideVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWideVariant.js","names":[],"sources":["../../../src/hooks/useWideVariant.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { useMediaQuery } from '@mui/material'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useNavigationTabsStore } from '../stores/navigationTabs/useNavigationTabsStore.js'\nimport { getTabVariant } from '../stores/navigationTabs/utils.js'\n\nconst defaultExpandableWidth = 852\n\nexport const useWideVariant = (): boolean => {\n  const config = useWidgetConfig()\n  const activeTab = useNavigationTabsStore((store) => store.activeTab)\n  // The active tab can pin its own variant (e.g. the limit tab is compact),\n  // falling back to the widget config's variant when it doesn't.\n  const variant = getTabVariant(config, activeTab)\n  const expandableAllowed = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.up(defaultExpandableWidth)\n  )\n  return variant === 'wide' && expandableAllowed && !config.showSingleRoute\n}\n"],"mappings":";;;;;AAMA,MAAM,yBAAyB;AAE/B,MAAa,uBAAgC;CAC3C,MAAM,SAAS,gBAAgB;CAI/B,MAAM,UAAU,cAAc,QAHZ,wBAAwB,UAAU,MAAM,SAGZ,CAAC;CAC/C,MAAM,oBAAoB,eAAe,UACvC,MAAM,YAAY,GAAG,sBAAsB,CAC7C;CACA,OAAO,YAAY,UAAU,qBAAqB,CAAC,OAAO;AAC5D"}
+{"version":3,"file":"useWideVariant.js","names":[],"sources":["../../../src/hooks/useWideVariant.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { useMediaQuery } from '@mui/material'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useNavigationTabsStore } from '../stores/navigationTabs/useNavigationTabsStore.js'\nimport { getTabVariant } from '../stores/navigationTabs/utils.js'\n\nconst defaultExpandableWidth = 852\n\nexport const useWideVariant = (): boolean => {\n  const config = useWidgetConfig()\n  const activeTab = useNavigationTabsStore((store) => store.activeTab)\n  // The active tab can pin its own variant (e.g. the limit tab is compact),\n  // falling back to the widget config's variant when it doesn't.\n  const variant = getTabVariant(config, activeTab)\n  const expandableAllowed = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.up(defaultExpandableWidth)\n  )\n  return variant === 'wide' && expandableAllowed && !config.showSingleRoute\n}\n"],"mappings":";;;;;AAMA,MAAM,yBAAyB;AAE/B,MAAa,uBAAgC;CAC3C,MAAM,SAAS,gBAAgB;CAC/B,MAAM,YAAY,wBAAwB,UAAU,MAAM,SAAS;CAGnE,MAAM,UAAU,cAAc,QAAQ,SAAS;CAC/C,MAAM,oBAAoB,eAAe,UACvC,MAAM,YAAY,GAAG,sBAAsB,CAC7C;CACA,OAAO,YAAY,UAAU,qBAAqB,CAAC,OAAO;AAC5D"}

package/dist/esm/hooks/useWidgetChains.d.ts

@@ -1,11 +1,10 @@
 import { WidgetConfig } from "../types/widget.js";
 import { ExtendedChain } from "@lifi/sdk";
 //#region src/hooks/useWidgetChains.d.ts
-declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
+export declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
   chains: ExtendedChain[] | undefined;
   getChainById: (chainId?: number, chains?: ExtendedChain[]) => ExtendedChain | undefined;
   isLoading: boolean;
 };
 //#endregion
-export { useWidgetChains };
 //# sourceMappingURL=useWidgetChains.d.ts.map

package/dist/esm/hooks/useWidgetChains.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;cAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}
+{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;qBAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}

package/dist/esm/hooks/useWidgetEvents.d.ts

@@ -1,9 +1,8 @@
 import { WidgetEvents } from "../types/events.js";
 import EventEmitter from "eventemitter3";
 //#region src/hooks/useWidgetEvents.d.ts
-type WidgetEventEmitter = EventEmitter<WidgetEvents>;
-declare const widgetEvents: WidgetEventEmitter;
-declare const useWidgetEvents: () => WidgetEventEmitter;
+export type WidgetEventEmitter = EventEmitter<WidgetEvents>;
+export declare const widgetEvents: WidgetEventEmitter;
+export declare const useWidgetEvents: () => WidgetEventEmitter;
 //#endregion
-export { WidgetEventEmitter, useWidgetEvents, widgetEvents };
 //# sourceMappingURL=useWidgetEvents.d.ts.map

package/dist/esm/hooks/useWidgetEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;KAGY,qBAAqB,aAAa;cAEjC,cAAc;cAEd,uBAAsB"}
+{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;YAGY,qBAAqB,aAAa;qBAEjC,cAAc;qBAEd,uBAAsB"}