@lifi/widget 3.29.0 → 3.30.0

package/dist/esm/hooks/useTokenAddressBalance.js

@@ -1,20 +1,16 @@
-import { useMemo } from 'react';
-import { useTokenBalances } from './useTokenBalances.js';
+import { useAccount } from '@lifi/wallet-management';
+import { useChain } from './useChain.js';
+import { useToken } from './useToken.js';
+import { useTokenBalance } from './useTokenBalance.js';
 export const useTokenAddressBalance = (chainId, tokenAddress) => {
-    const { tokens, tokensWithBalance, chain, isBalanceLoading, refetch } = useTokenBalances(chainId);
-    const token = useMemo(() => {
-        if (tokenAddress && chainId) {
-            let token = tokensWithBalance?.find((token) => token.address === tokenAddress && token.chainId === chainId);
-            if (!token) {
-                token = tokens?.find((token) => token.address === tokenAddress && token.chainId === chainId);
-            }
-            return token;
-        }
-    }, [chainId, tokenAddress, tokens, tokensWithBalance]);
+    const { chain, isLoading: isChainLoading } = useChain(chainId);
+    const { account } = useAccount({ chainType: chain?.chainType });
+    const { token, isLoading: isTokenLoading } = useToken(chainId, tokenAddress);
+    const { token: tokenBalance, isLoading: isBalanceLoading, refetch, } = useTokenBalance(account?.address, token);
     return {
-        token,
+        token: tokenBalance,
         chain,
-        isLoading: isBalanceLoading,
+        isLoading: isBalanceLoading || isChainLoading || isTokenLoading,
         refetch,
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenAddressBalance.js","sourceRoot":"","sources":["../../../src/hooks/useTokenAddressBalance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAgB,EAChB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACnE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE3B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,YAAY,IAAI,OAAO,EAAE,CAAC;YAC5B,IAAI,KAAK,GAAG,iBAAiB,EAAE,IAAI,CACjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CACvE,CAAA;YACD,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,KAAK,GAAG,MAAM,EAAE,IAAI,CAClB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CACvE,CAAA;YACH,CAAC;YACD,OAAO,KAAoB,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEtD,OAAO;QACL,KAAK;QACL,KAAK;QACL,SAAS,EAAE,gBAAgB;QAC3B,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useTokenAddressBalance.js","sourceRoot":"","sources":["../../../src/hooks/useTokenAddressBalance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAgB,EAChB,YAAqB,EACrB,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IAC/D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE5E,MAAM,EACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,gBAAgB,EAC3B,OAAO,GACR,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAE5C,OAAO;QACL,KAAK,EAAE,YAAY;QACnB,KAAK;QACL,SAAS,EAAE,gBAAgB,IAAI,cAAc,IAAI,cAAc;QAC/D,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,11 +1,8 @@
-import type { TokenAmount } from '../types/token.js';
-export declare const useTokenBalances: (selectedChainId?: number) => {
-    tokens: import("@lifi/sdk").Token[] | undefined;
-    tokensWithBalance: TokenAmount[] | undefined;
-    featuredTokens: TokenAmount[] | undefined;
-    popularTokens: TokenAmount[] | undefined;
-    chain: import("@lifi/sdk").ExtendedChain | undefined;
-    isLoading: boolean;
+import type { FormType } from '../stores/form/types.js';
+export declare const useTokenBalances: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
+    tokens: (import("../index.js").TokenAmount | import("@lifi/sdk").TokenExtended)[];
+    withCategories: boolean;
+    isTokensLoading: boolean;
+    isSearchLoading: boolean;
     isBalanceLoading: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<TokenAmount[], Error>>;
 };

package/dist/esm/hooks/useTokenBalances.js

@@ -1,78 +1,63 @@
-import { getTokenBalances } from '@lifi/sdk';
-import { useAccount } from '@lifi/wallet-management';
-import { useQuery } from '@tanstack/react-query';
-import { formatUnits } from 'viem';
+import { useMemo } from 'react';
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getQueryKey } from '../utils/queries.js';
+import { isSearchMatch, processTokenBalances } from '../utils/tokenList.js';
+import { useAccountsBalancesData } from './useAccountsBalancesData.js';
+import { useTokenBalancesQueries } from './useTokenBalancesQueries.js';
 import { useTokens } from './useTokens.js';
-const defaultRefetchInterval = 32000;
-export const useTokenBalances = (selectedChainId) => {
-    const { tokens, featuredTokens, popularTokens, chain, isLoading } = useTokens(selectedChainId);
-    const { account } = useAccount({ chainType: chain?.chainType });
-    const { keyPrefix } = useWidgetConfig();
-    const isBalanceLoadingEnabled = Boolean(account.address) &&
-        Boolean(tokens?.length) &&
-        Boolean(selectedChainId);
-    const { data: tokensWithBalance, isLoading: isBalanceLoading, refetch, } = useQuery({
-        queryKey: [
-            getQueryKey('token-balances', keyPrefix),
-            account.address,
-            selectedChainId,
-            tokens?.length,
-        ],
-        queryFn: async ({ queryKey: [, accountAddress] }) => {
-            const tokensWithBalance = await getTokenBalances(accountAddress, tokens);
-            if (!tokensWithBalance?.length) {
-                return tokens;
-            }
-            const sortFn = (a, b) => Number.parseFloat(formatUnits(b.amount ?? 0n, b.decimals)) *
-                Number.parseFloat(b.priceUSD ?? '0') -
-                Number.parseFloat(formatUnits(a.amount ?? 0n, a.decimals)) *
-                    Number.parseFloat(a.priceUSD ?? '0');
-            const featuredTokens = [];
-            const tokensWithAmount = [];
-            const popularTokens = [];
-            const allTokens = [];
-            tokensWithBalance.forEach((token) => {
-                if (token.amount) {
-                    token.featured = false;
-                    token.popular = false;
-                }
-                if (token.featured) {
-                    featuredTokens.push(token);
-                }
-                else if (token.amount) {
-                    tokensWithAmount.push(token);
-                }
-                else if (token.popular) {
-                    popularTokens.push(token);
-                }
-                else {
-                    allTokens.push(token);
-                }
-            });
-            tokensWithAmount.sort(sortFn);
-            const result = [
-                ...featuredTokens,
-                ...tokensWithAmount,
-                ...popularTokens,
-                ...allTokens,
-            ];
-            return result;
-        },
-        enabled: isBalanceLoadingEnabled,
-        refetchInterval: defaultRefetchInterval,
-        staleTime: defaultRefetchInterval,
-    });
+export const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
+    const { allTokens, isLoading: isTokensLoading, isSearchLoading, } = useTokens(formType, search);
+    const { data: accountsWithAllTokens, isLoading: isAccountsLoading } = useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens);
+    const isBalanceLoadingEnabled = Boolean(accountsWithAllTokens) && !isAccountsLoading;
+    const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } = useTokenBalancesQueries(accountsWithAllTokens, isBalanceLoadingEnabled);
+    const { tokens: configTokens } = useWidgetConfig();
+    const isBalanceLoading = (isBalanceQueriesLoading || isAccountsLoading) &&
+        !allTokensWithBalances?.length;
+    const displayedTokensList = useMemo(() => {
+        const tokensByChain = isAllNetworks
+            ? Object.values(allTokens ?? {}).flat()
+            : selectedChainId
+                ? allTokens?.[selectedChainId]
+                : undefined;
+        return tokensByChain?.filter((t) => isSearchMatch(t, search)) ?? [];
+    }, [allTokens, isAllNetworks, selectedChainId, search]);
+    const displayedTokensWithBalances = useMemo(() => {
+        const balancesByChain = isAllNetworks
+            ? allTokensWithBalances
+            : selectedChainId
+                ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId)
+                : undefined;
+        const displayedTokensSet = new Set(displayedTokensList?.map((t) => `${t.chainId}-${t.address.toLowerCase()}`) || []);
+        return balancesByChain?.filter((token) => {
+            const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`;
+            // Check if token is in displayed list and has amount
+            const isInDisplayedList = displayedTokensSet.has(tokenKey) && token.amount;
+            // Check if it matches search (for cached appended tokens)
+            const matchesSearch = isSearchMatch(token, search);
+            return isInDisplayedList || matchesSearch;
+        });
+    }, [
+        allTokensWithBalances,
+        displayedTokensList,
+        search,
+        selectedChainId,
+        isAllNetworks,
+    ]);
+    const { processedTokens, withCategories } = useMemo(() => {
+        return processTokenBalances(isBalanceLoading, isAllNetworks ?? false, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances);
+    }, [
+        isBalanceLoading,
+        isAllNetworks,
+        configTokens,
+        selectedChainId,
+        displayedTokensList,
+        displayedTokensWithBalances,
+    ]);
     return {
-        tokens,
-        tokensWithBalance,
-        featuredTokens,
-        popularTokens,
-        chain,
-        isLoading,
-        isBalanceLoading: isBalanceLoading && isBalanceLoadingEnabled,
-        refetch,
+        tokens: processedTokens ?? [],
+        withCategories,
+        isTokensLoading,
+        isSearchLoading,
+        isBalanceLoading,
     };
 };
 //# sourceMappingURL=useTokenBalances.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalances.js","sourceRoot":"","sources":["../../../src/hooks/useTokenBalances.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTokenBalances.js","sourceRoot":"","sources":["../../../src/hooks/useTokenBalances.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,eAAwB,EACxB,QAAmB,EACnB,aAAuB,EACvB,MAAe,EACf,EAAE;IACF,MAAM,EACJ,SAAS,EACT,SAAS,EAAE,eAAe,EAC1B,eAAe,GAChB,GAAG,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE/B,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAE,iBAAiB,EAAE,GACjE,uBAAuB,CAAC,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;IAE9E,MAAM,uBAAuB,GAC3B,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,iBAAiB,CAAA;IAEtD,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAE,uBAAuB,EAAE,GACvE,uBAAuB,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,CAAA;IAEzE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAElD,MAAM,gBAAgB,GACpB,CAAC,uBAAuB,IAAI,iBAAiB,CAAC;QAC9C,CAAC,qBAAqB,EAAE,MAAM,CAAA;IAEhC,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,aAAa,GAAG,aAAa;YACjC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YACvC,CAAC,CAAC,eAAe;gBACf,CAAC,CAAC,SAAS,EAAE,CAAC,eAAe,CAAC;gBAC9B,CAAC,CAAC,SAAS,CAAA;QACf,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAA;IACrE,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvD,MAAM,2BAA2B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,eAAe,GAAG,aAAa;YACnC,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,eAAe;gBACf,CAAC,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,eAAe,CAAC;gBACrE,CAAC,CAAC,SAAS,CAAA;QACf,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAChC,mBAAmB,EAAE,GAAG,CACtB,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CACjD,IAAI,EAAE,CACR,CAAA;QACD,OAAO,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAA;YAClE,qDAAqD;YACrD,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAA;YAC1E,0DAA0D;YAC1D,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YAClD,OAAO,iBAAiB,IAAI,aAAa,CAAA;QAC3C,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE;QACD,qBAAqB;QACrB,mBAAmB;QACnB,MAAM;QACN,eAAe;QACf,aAAa;KACd,CAAC,CAAA;IAEF,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACvD,OAAO,oBAAoB,CACzB,gBAAgB,EAChB,aAAa,IAAI,KAAK,EACtB,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,2BAA2B,CAC5B,CAAA;IACH,CAAC,EAAE;QACD,gBAAgB;QAChB,aAAa;QACb,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,2BAA2B;KAC5B,CAAC,CAAA;IAEF,OAAO;QACL,MAAM,EAAE,eAAe,IAAI,EAAE;QAC7B,cAAc;QACd,eAAe;QACf,eAAe;QACf,gBAAgB;KACjB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+import { type TokenExtended } from '@lifi/sdk';
+import type { TokenAmount } from '../types/token.js';
+export declare const useTokenBalancesQueries: (accountsWithTokens?: Record<string, Record<number, TokenExtended[]>>, isBalanceLoadingEnabled?: boolean) => {
+    data: TokenAmount[];
+    isLoading: boolean;
+    isError: boolean;
+} | {
+    data: undefined;
+    isLoading: boolean;
+    isError: boolean;
+};

package/dist/esm/hooks/useTokenBalancesQueries.js

@@ -0,0 +1,74 @@
+import { getTokenBalances } from '@lifi/sdk';
+import { useQueries } from '@tanstack/react-query';
+import { useMemo, useRef } from 'react';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { getQueryKey } from '../utils/queries.js';
+const defaultRefetchInterval = 32000;
+export const useTokenBalancesQueries = (accountsWithTokens, isBalanceLoadingEnabled) => {
+    const { keyPrefix } = useWidgetConfig();
+    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(accountAddress, tokens);
+                },
+                enabled: isBalanceLoadingEnabled,
+                refetchInterval: defaultRefetchInterval,
+                staleTime: defaultRefetchInterval,
+                keepPreviousData: true,
+            };
+        }));
+    }, [accountsWithTokens, isBalanceLoadingEnabled, keyPrefix]);
+    const result = useQueries({
+        queries: queryConfig,
+        combine: (results) => {
+            const now = Date.now();
+            const hasLoadingQueries = results.some((result) => result.isLoading);
+            if (hasLoadingQueries && firstLoadStartRef.current === null) {
+                firstLoadStartRef.current = now;
+            }
+            const allComplete = results.every((result) => result.isSuccess || result.isError);
+            // Reset the start time when all queries complete
+            if (allComplete) {
+                firstLoadStartRef.current = null;
+            }
+            // Calculate time since first load started
+            const timeSinceStart = firstLoadStartRef.current
+                ? now - firstLoadStartRef.current
+                : 0;
+            // Return results if all complete OR if 500ms have passed since first query started
+            const shouldReturnResults = allComplete || timeSinceStart >= 500;
+            if (shouldReturnResults) {
+                const data = results
+                    .flatMap((result) => result.data || [])
+                    .filter((token) => token.amount);
+                return {
+                    data,
+                    isLoading: !allComplete,
+                    isError: results.some((result) => result.isError),
+                };
+            }
+            return {
+                data: undefined,
+                isLoading: true,
+                isError: false,
+            };
+        },
+    });
+    return result;
+};
+//# sourceMappingURL=useTokenBalancesQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenBalancesQueries.js","sourceRoot":"","sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import type { TokenAmount } from '../types/token.js';
-export declare const useTokens: (selectedChainId?: number) => {
-    tokens: import("@lifi/sdk").Token[] | undefined;
-    featuredTokens: TokenAmount[] | undefined;
-    popularTokens: TokenAmount[] | undefined;
-    chain: import("@lifi/sdk").ExtendedChain | undefined;
+import type { FormType } from '../stores/form/types.js';
+export declare const useTokens: (formType?: FormType, search?: string) => {
+    allTokens: {
+        [chainId: number]: import("@lifi/sdk").TokenExtended[];
+    } | undefined;
     isLoading: boolean;
+    isSearchLoading: boolean;
 };

package/dist/esm/hooks/useTokens.js

@@ -1,88 +1,96 @@
 import { ChainType, getTokens } from '@lifi/sdk';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useMemo } from 'react';
 import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { isItemAllowed } from '../utils/item.js';
 import { getQueryKey } from '../utils/queries.js';
-import { useChains } from './useChains.js';
-export const useTokens = (selectedChainId) => {
-    const { tokens: configTokens, keyPrefix } = useWidgetConfig();
+import { filterAllowedTokens } from '../utils/token.js';
+export const useTokens = (formType, search) => {
+    const { tokens: configTokens, chains: chainsConfig, keyPrefix, } = useWidgetConfig();
+    const { isLoading: isSearchLoading } = useBackgroundTokenSearch(search);
     const { data, isLoading } = useQuery({
         queryKey: [getQueryKey('tokens', keyPrefix)],
-        queryFn: () => getTokens({
-            chainTypes: [
+        queryFn: async ({ signal }) => {
+            const chainTypes = [
                 ChainType.EVM,
                 ChainType.SVM,
                 ChainType.UTXO,
                 ChainType.MVM,
-            ],
-            orderBy: 'volumeUSD24H',
-            limit: 1000,
-        }),
+            ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
+            const tokensResponse = await getTokens({
+                chainTypes,
+                orderBy: 'volumeUSD24H',
+                extended: true,
+                limit: 1000,
+            }, { signal });
+            return tokensResponse;
+        },
         refetchInterval: 300000,
         staleTime: 300000,
     });
-    const { chains, isLoading: isSupportedChainsLoading, getChainById, } = useChains();
-    const filteredData = useMemo(() => {
-        if (isSupportedChainsLoading || !data) {
-            return;
-        }
-        const chain = getChainById(selectedChainId, chains);
-        const chainAllowed = selectedChainId && chain;
-        if (!chainAllowed) {
-            return;
-        }
-        let filteredTokens = data.tokens?.[selectedChainId] || [];
-        const includedTokens = configTokens?.include?.filter((token) => token.chainId === selectedChainId);
-        if (includedTokens?.length) {
-            filteredTokens = [...includedTokens, ...filteredTokens];
-        }
-        const filteredTokensMap = new Map(filteredTokens.map((token) => [token.address, token]));
-        const [popularTokens, featuredTokens] = ['popular', 'featured'].map((tokenType) => {
-            const typedConfigTokens = configTokens?.[tokenType]?.filter((token) => token.chainId === selectedChainId);
-            const populatedConfigTokens = typedConfigTokens?.map((token) => {
-                // Mark token as popular
-                ;
-                token[tokenType] = true;
-                // Check if this token exists in the filteredTokensMap and add priceUSD if it does
-                const matchingFilteredToken = filteredTokensMap.get(token.address);
-                if (matchingFilteredToken?.priceUSD) {
-                    ;
-                    token.priceUSD = matchingFilteredToken.priceUSD;
-                }
-                if (!token.logoURI && matchingFilteredToken) {
-                    ;
-                    token.logoURI = matchingFilteredToken.logoURI;
-                }
-                return token;
-            });
-            if (populatedConfigTokens?.length) {
-                const configTokenAddresses = new Set(populatedConfigTokens?.map((token) => token.address));
-                filteredTokens = filteredTokens.filter((token) => !configTokenAddresses.has(token.address));
-                populatedConfigTokens.push(...filteredTokens);
-                filteredTokens = populatedConfigTokens;
-            }
-            return populatedConfigTokens;
-        });
-        return {
-            tokens: filteredTokens,
-            featuredTokens,
-            popularTokens,
-            chain,
-        };
-    }, [
-        chains,
-        configTokens,
-        data,
-        getChainById,
-        isSupportedChainsLoading,
-        selectedChainId,
-    ]);
+    const allTokens = useMemo(() => {
+        return filterAllowedTokens(data?.tokens, configTokens, chainsConfig, formType);
+    }, [data?.tokens, configTokens, chainsConfig, formType]);
     return {
-        tokens: filteredData?.tokens,
-        featuredTokens: filteredData?.featuredTokens,
-        popularTokens: filteredData?.popularTokens,
-        chain: filteredData?.chain,
+        allTokens,
         isLoading,
+        isSearchLoading,
+    };
+};
+// This hook is used to search for tokens in the background.
+// It updates the main tokens cache with the search results,
+// if any of the tokens are not already in the cache.
+const useBackgroundTokenSearch = (search) => {
+    const { chains: chainsConfig, keyPrefix } = useWidgetConfig();
+    const queryClient = useQueryClient();
+    const { isLoading: isSearchLoading } = useQuery({
+        queryKey: [getQueryKey('tokens-search', keyPrefix), search],
+        queryFn: async ({ queryKey: [, searchQuery], signal }) => {
+            const chainTypes = [
+                ChainType.EVM,
+                ChainType.SVM,
+                ChainType.UTXO,
+                ChainType.MVM,
+            ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
+            const tokensResponse = await getTokens({
+                chainTypes,
+                orderBy: 'volumeUSD24H',
+                extended: true,
+                search: searchQuery,
+                limit: 1000,
+            }, { signal });
+            // Merge search results into main tokens cache
+            if (searchQuery) {
+                queryClient.setQueriesData({ queryKey: [getQueryKey('tokens', keyPrefix)] }, (data) => {
+                    if (!data) {
+                        return data;
+                    }
+                    const clonedData = { ...data, tokens: { ...data.tokens } };
+                    Object.entries(tokensResponse.tokens).forEach(([chainId, searchTokens]) => {
+                        const chainIdNum = Number(chainId);
+                        const existingTokens = clonedData.tokens[chainIdNum] || [];
+                        const existingTokenAddresses = new Set(existingTokens.map((token) => token.address.toLowerCase()));
+                        // Find tokens in search results that don't exist in the main list
+                        const newTokens = searchTokens.filter((searchToken) => !existingTokenAddresses.has(searchToken.address.toLowerCase()));
+                        // Add new tokens to the main list
+                        if (newTokens.length > 0) {
+                            clonedData.tokens[chainIdNum] = [
+                                ...existingTokens,
+                                ...newTokens,
+                            ];
+                        }
+                    });
+                    return clonedData;
+                });
+            }
+            return tokensResponse;
+        },
+        enabled: !!search,
+        refetchInterval: 300000,
+        staleTime: 300000,
+    });
+    return {
+        isLoading: isSearchLoading,
     };
 };
 //# sourceMappingURL=useTokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../../../src/hooks/useTokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTokens.js","sourceRoot":"","sources":["../../../src/hooks/useTokens.ts"],"names":[],"mappings":"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"}

package/dist/esm/i18n/bn.json

@@ -212,6 +212,7 @@
         "slippage": ""
     },
     "main": {
+        "allNetworks": "",
         "allTokens": "",
         "bridgeStepDetails": "",
         "checkoutStepDetails": "",
@@ -310,10 +311,9 @@
         "tokenOnChainAmount": "",
         "tokenSearch": "",
         "valueLoss": "মান ক্ষতি",
-        "searchChain": "",
-        "searchChains": "",
         "searchBridges": "",
-        "searchExchanges": ""
+        "searchExchanges": "",
+        "searchNetwork": ""
     },
     "settings": {
         "appearance": "",

package/dist/esm/i18n/de.json

@@ -212,6 +212,7 @@
         "slippage": ""
     },
     "main": {
+        "allNetworks": "",
         "allTokens": "",
         "bridgeStepDetails": "",
         "checkoutStepDetails": "",
@@ -310,10 +311,9 @@
         "tokenOnChainAmount": "",
         "tokenSearch": "",
         "valueLoss": "Wertverlust",
-        "searchChain": "",
-        "searchChains": "",
         "searchBridges": "",
-        "searchExchanges": ""
+        "searchExchanges": "",
+        "searchNetwork": ""
     },
     "settings": {
         "appearance": "",

package/dist/esm/i18n/en.json

@@ -212,6 +212,7 @@
         "slippage": "The maximum percentage difference between the expected price, and the actual price at which a transfer is executed. This value can be changed in settings."
     },
     "main": {
+        "allNetworks": "All networks",
         "allTokens": "All tokens",
         "bridgeStepDetails": "Bridge from {{from}} to {{to}} via {{tool}}",
         "checkoutStepDetails": "Purchase via {{tool}}",
@@ -310,10 +311,9 @@
         "tokenOnChainAmount": "{{amount, numberExt}} {{tokenSymbol}} on {{chainName}}",
         "tokenSearch": "Search by token or address",
         "valueLoss": "Value loss",
-        "searchChain": "Search chain",
-        "searchChains": "Search by chain name",
         "searchBridges": "Search by bridge name",
-        "searchExchanges": "Search by exchange name"
+        "searchExchanges": "Search by exchange name",
+        "searchNetwork": "Search network"
     },
     "settings": {
         "appearance": "Appearance",

package/dist/esm/i18n/es.json

@@ -212,6 +212,7 @@
         "slippage": "El porcentaje máximo de diferencia entre el precio esperado, y el precio real al que se ejecuta una transferencia. Este valor puede cambiarse en ajustes."
     },
     "main": {
+        "allNetworks": "",
         "allTokens": "Todos los tokens",
         "bridgeStepDetails": "Puente de {{from}} a {{to}} vía {{tool}}",
         "checkoutStepDetails": "Comprar a través de {{tool}}",
@@ -310,10 +311,9 @@
         "tokenOnChainAmount": "",
         "tokenSearch": "",
         "valueLoss": "Valor perdido",
-        "searchChain": "",
-        "searchChains": "Buscar por nombre de cadena",
         "searchBridges": "Buscar por nombre de puente",
-        "searchExchanges": "Buscar por nombre de intercambio"
+        "searchExchanges": "Buscar por nombre de intercambio",
+        "searchNetwork": ""
     },
     "settings": {
         "appearance": "",