@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.6

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenSearch.js","sourceRoot":"","sources":["../../../src/hooks/useTokenSearch.ts"],"names":[],"mappings":"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"}
+{"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,gBAAgB;CACpC,MAAM,EAAE,QAAQ,cAAc,cAAc,iBAAiB;CAC7D,MAAM,YAAY,cAAc;CAEhC,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU;GAAC,YAAY,gBAAgB,UAAU;GAAE;GAAS;GAAW;EACvE,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS,aAAa,aAAa;GAChE,MAAM,QAAQ,MAAM,SAClB,WACA,SACA,YACA,EACE,QACD,CACF;AAED,OAAI,OAAO;AAcT,QACE,CAAC,kBAAkB,OAbQ,kBAC3B,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,EAAE,YAAY,MAAM,QAAQ,CAC1C,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACvC,EACH,SACD,EAIiD,WAAW,MACzD,EAAE,QAAQ,aAAa,CACxB,CAED,QAAO;AAIT,gBAAY,eACV,EAAE,UAAU,CAAC,YAAY,UAAU,UAAU,CAAC,EAAE,GAC/C,SAAS;AACR,SAAI,CAAC,KACH,QAAO;KAET,MAAM,cAAc,KAAK;AACzB,SACE,aAAa,MACV,MAAM,EAAE,QAAQ,aAAa,KAAK,MAAM,QAAQ,aAAa,CAC/D,CAED,QAAO;AAGT,YAAO;MACL,GAAG;OACF,UAAoB,CACnB,GAAI,eAAe,EAAE,EACrB;OAAE,GAAG;OAAO,UAAU;OAAO,CAC9B;MACF;MAEJ;;AAEH,UAAO;;EAGT,SAAS,QAAQ,WAAW,cAAc,QAAQ;EAClD,OAAO;EACR,CAAC;AACF,QAAO;EACL,OAAO,QAAQ,KAAA;EACf;EACD"}

package/dist/esm/hooks/useTokens.js

@@ -1,105 +1,98 @@
-import { ChainType, getToken, getTokens, } from '@lifi/sdk';
-import { useChainTypeFromAddress } from '@lifi/widget-provider';
-import { useQuery } from '@tanstack/react-query';
-import { useMemo } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { defaultChainIdsByType } from '../utils/chainType.js';
-import { isItemAllowed } from '../utils/item.js';
-import { getQueryKey } from '../utils/queries.js';
-import { filterAllowedTokens, mergeVerifiedWithSearchTokens, } from '../utils/token.js';
-const refetchInterval = 300000;
-export const useTokens = (formType, search, chainId) => {
-    const { tokens: configTokens, chains: chainsConfig, keyPrefix, } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const { getChainTypeFromAddress } = useChainTypeFromAddress();
-    // Main tokens cache - verified tokens from API
-    const { data: verifiedTokens, isLoading } = useQuery({
-        queryKey: [getQueryKey('tokens', keyPrefix)],
-        queryFn: async ({ signal }) => {
-            const chainTypes = [
-                ChainType.EVM,
-                ChainType.SVM,
-                ChainType.UTXO,
-                ChainType.MVM,
-            ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
-            const tokensResponse = await getTokens(sdkClient, {
-                chainTypes,
-                orderBy: 'volumeUSD24H',
-                extended: true,
-                limit: 1000,
-                minPriceUSD: 0.000001,
-            }, { signal });
-            // Mark all tokens as verified
-            const tokens = Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [
-                chainId,
-                tokens.map((token) => ({ ...token, verified: true })),
-            ]));
-            return tokens;
-        },
-        refetchInterval,
-        staleTime: refetchInterval,
-    });
-    // Search tokens cache - unverified tokens from search
-    const { data: searchTokens, isLoading: isSearchLoading } = useQuery({
-        queryKey: [getQueryKey('tokens-search', keyPrefix), search, chainId],
-        queryFn: async ({ queryKey, signal }) => {
-            const [, searchQuery, searchChainId] = queryKey;
-            const chainTypes = [
-                ChainType.EVM,
-                ChainType.SVM,
-                ChainType.UTXO,
-                ChainType.MVM,
-            ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types));
-            const tokensResponse = await getTokens(sdkClient, {
-                chainTypes,
-                orderBy: 'volumeUSD24H',
-                extended: true,
-                search: searchQuery,
-                limit: 1000,
-                minPriceUSD: 0.000001,
-            }, { signal });
-            // If the chainId is not provided, try to get it from the search query
-            let _chainId = searchChainId;
-            if (!_chainId) {
-                const chainType = getChainTypeFromAddress(searchQuery);
-                if (chainType && chainType in defaultChainIdsByType) {
-                    _chainId = defaultChainIdsByType[chainType];
-                }
-            }
-            // Fallback: If the main search returned no tokens for the specific chainId,
-            // fetch a single token using the /token endpoint
-            if (_chainId && searchQuery) {
-                const existingTokens = tokensResponse.tokens[_chainId] || [];
-                if (!existingTokens.length) {
-                    const token = await getToken(sdkClient, _chainId, searchQuery, {
-                        signal,
-                    });
-                    if (token) {
-                        tokensResponse.tokens[_chainId] = [token];
-                    }
-                }
-            }
-            // Mark all search tokens as unverified
-            const tokens = Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [
-                chainId,
-                tokens.map((token) => ({ ...token, verified: false })),
-            ]));
-            return tokens;
-        },
-        enabled: !!search,
-        refetchInterval,
-        staleTime: refetchInterval,
-    });
-    // Merge tokens at read time - single place where caches are combined
-    const allTokens = useMemo(() => {
-        const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens);
-        return filterAllowedTokens(merged, configTokens, chainsConfig, formType);
-    }, [verifiedTokens, searchTokens, configTokens, chainsConfig, formType]);
-    return {
-        allTokens,
-        isLoading,
-        isSearchLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { isItemAllowed } from "../utils/item.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { filterAllowedTokens, mergeVerifiedWithSearchTokens } from "../utils/token.js";
+import { defaultChainIdsByType } from "../utils/chainType.js";
+import { ChainType, getToken, getTokens } from "@lifi/sdk";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useChainTypeFromAddress } from "@lifi/widget-provider";
+//#region src/hooks/useTokens.ts
+const refetchInterval = 3e5;
+const useTokens = (formType, search, chainId) => {
+	const { tokens: configTokens, chains: chainsConfig, keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { getChainTypeFromAddress } = useChainTypeFromAddress();
+	const { data: verifiedTokens, isLoading } = useQuery({
+		queryKey: [getQueryKey("tokens", keyPrefix)],
+		queryFn: async ({ signal }) => {
+			const tokensResponse = await getTokens(sdkClient, {
+				chainTypes: [
+					ChainType.EVM,
+					ChainType.SVM,
+					ChainType.UTXO,
+					ChainType.MVM
+				].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types)),
+				orderBy: "volumeUSD24H",
+				extended: true,
+				limit: 1e3,
+				minPriceUSD: 1e-6
+			}, { signal });
+			return Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [chainId, tokens.map((token) => ({
+				...token,
+				verified: true
+			}))]));
+		},
+		refetchInterval,
+		staleTime: refetchInterval
+	});
+	const { data: searchTokens, isLoading: isSearchLoading } = useQuery({
+		queryKey: [
+			getQueryKey("tokens-search", keyPrefix),
+			search,
+			chainId
+		],
+		queryFn: async ({ queryKey, signal }) => {
+			const [, searchQuery, searchChainId] = queryKey;
+			const tokensResponse = await getTokens(sdkClient, {
+				chainTypes: [
+					ChainType.EVM,
+					ChainType.SVM,
+					ChainType.UTXO,
+					ChainType.MVM
+				].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types)),
+				orderBy: "volumeUSD24H",
+				extended: true,
+				search: searchQuery,
+				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];
+				}
+			}
+			return Object.fromEntries(Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [chainId, tokens.map((token) => ({
+				...token,
+				verified: false
+			}))]));
+		},
+		enabled: !!search,
+		refetchInterval,
+		staleTime: refetchInterval
+	});
+	return {
+		allTokens: useMemo(() => {
+			return filterAllowedTokens(mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens), configTokens, chainsConfig, formType);
+		}, [
+			verifiedTokens,
+			searchTokens,
+			configTokens,
+			chainsConfig,
+			formType
+		]),
+		isLoading,
+		isSearchLoading
+	};
 };
+//#endregion
+export { useTokens };
+
 //# 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","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      ].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      ].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,iBAAiB;CACrB,MAAM,YAAY,cAAc;CAChC,MAAM,EAAE,4BAA4B,yBAAyB;CAG7D,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,UAAU,CAAC;EAC5C,SAAS,OAAO,EAAE,aAAa;GAQ7B,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,YAVe;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACX,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,MAAM,CAAC;IAMlE,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;IACd,EACD,EAAE,QAAQ,CACX;AAUD,UAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,OAAO,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;IAAM,EAAE,CACtD,CAAC,CACH;;EAIH;EACA,WAAW;EACZ,CAAC;CAGF,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GAAC,YAAY,iBAAiB,UAAU;GAAE;GAAQ;GAAQ;EACpE,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,iBAAiB;GAYvC,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,YAVe;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACX,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,MAAM,CAAC;IAMlE,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;IACd,EACD,EAAE,QAAQ,CACX;GAGD,IAAI,WAAW;AACf,OAAI,CAAC,UAAU;IACb,MAAM,YAAY,wBAAwB,YAAY;AACtD,QAAI,aAAa,aAAa,sBAC5B,YAAW,sBAAsB;;AAMrC,OAAI,YAAY;QAEV,EADmB,eAAe,OAAO,aAAa,EAAE,EACxC,QAAQ;KAC1B,MAAM,QAAQ,MAAM,SAAS,WAAW,UAAU,aAAa,EAC7D,QACD,CAAC;AACF,SAAI,MACF,gBAAe,OAAO,YAAY,CAAC,MAAM;;;AAa/C,UAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,OAAO,CAAC,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;IAAO,EAAE,CACvD,CAAC,CACH;;EAIH,SAAS,CAAC,CAAC;EACX;EACA,WAAW;EACZ,CAAC;AAQF,QAAO;EACL,WANgB,cAAc;AAE9B,UAAO,oBADQ,8BAA8B,gBAAgB,aAAa,EACvC,cAAc,cAAc,SAAS;KACvE;GAAC;GAAgB;GAAc;GAAc;GAAc;GAAS,CAAC;EAItE;EACA;EACD"}

package/dist/esm/hooks/useTools.js

@@ -1,38 +1,42 @@
-import { getTools } from '@lifi/sdk';
-import { useQuery } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { useSettingsStoreContext } from '../stores/settings/SettingsStore.js';
-import { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js';
-import { getQueryKey } from '../utils/queries.js';
-export const useTools = () => {
-    const { bridges, exchanges, keyPrefix } = useWidgetConfig();
-    const settingsStore = useSettingsStoreContext();
-    const sdkClient = useSDKClient();
-    const { data } = useQuery({
-        queryKey: [
-            getQueryKey('tools', keyPrefix),
-            bridges?.allow,
-            bridges?.deny,
-            exchanges?.allow,
-            exchanges?.deny,
-        ],
-        queryFn: async () => {
-            const tools = await getTools(sdkClient);
-            const bridgesConfigSets = getConfigItemSets(bridges, (bridges) => new Set(bridges));
-            const exchangesConfigSets = getConfigItemSets(exchanges, (exchanges) => new Set(exchanges));
-            const result = {
-                bridges: tools.bridges.filter((bridge) => isItemAllowedForSets(bridge.key, bridgesConfigSets)),
-                exchanges: tools.exchanges.filter((exchange) => isItemAllowedForSets(exchange.key, exchangesConfigSets)),
-            };
-            const { initializeTools } = settingsStore.getState();
-            initializeTools('Bridges', result.bridges.map((bridge) => bridge.key));
-            initializeTools('Exchanges', result.exchanges.map((exchange) => exchange.key));
-            return result;
-        },
-        refetchInterval: 180000,
-        staleTime: 180000,
-    });
-    return { tools: data };
+import { useSettingsStoreContext } from "../stores/settings/SettingsStore.js";
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getTools } from "@lifi/sdk";
+import { useQuery } from "@tanstack/react-query";
+//#region src/hooks/useTools.ts
+const useTools = () => {
+	const { bridges, exchanges, keyPrefix } = useWidgetConfig();
+	const settingsStore = useSettingsStoreContext();
+	const sdkClient = useSDKClient();
+	const { data } = useQuery({
+		queryKey: [
+			getQueryKey("tools", keyPrefix),
+			bridges?.allow,
+			bridges?.deny,
+			exchanges?.allow,
+			exchanges?.deny
+		],
+		queryFn: async () => {
+			const tools = await getTools(sdkClient);
+			const bridgesConfigSets = getConfigItemSets(bridges, (bridges) => new Set(bridges));
+			const exchangesConfigSets = getConfigItemSets(exchanges, (exchanges) => new Set(exchanges));
+			const result = {
+				bridges: tools.bridges.filter((bridge) => isItemAllowedForSets(bridge.key, bridgesConfigSets)),
+				exchanges: tools.exchanges.filter((exchange) => isItemAllowedForSets(exchange.key, exchangesConfigSets))
+			};
+			const { initializeTools } = settingsStore.getState();
+			initializeTools("Bridges", result.bridges.map((bridge) => bridge.key));
+			initializeTools("Exchanges", result.exchanges.map((exchange) => exchange.key));
+			return result;
+		},
+		refetchInterval: 18e4,
+		staleTime: 18e4
+	});
+	return { tools: data };
 };
+//#endregion
+export { useTools };
+
 //# sourceMappingURL=useTools.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTools.js","sourceRoot":"","sources":["../../../src/hooks/useTools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAC7E,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,aAAa,GAAG,uBAAuB,EAAE,CAAA;IAC/C,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACxB,QAAQ,EAAE;YACR,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC;YAC/B,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,IAAI;SAChB;QACD,OAAO,EAAE,KAAK,IAA4B,EAAE;YAC1C,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;YACvC,MAAM,iBAAiB,GAAG,iBAAiB,CACzC,OAAO,EACP,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,CAC9B,CAAA;YACD,MAAM,mBAAmB,GAAG,iBAAiB,CAC3C,SAAS,EACT,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAClC,CAAA;YACD,MAAM,MAAM,GAAG;gBACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACvC,oBAAoB,CAAC,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,CACpD;gBACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAC7C,oBAAoB,CAAC,QAAQ,CAAC,GAAG,EAAE,mBAAmB,CAAC,CACxD;aACF,CAAA;YACD,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAA;YACpD,eAAe,CACb,SAAS,EACT,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAA;YACD,eAAe,CACb,WAAW,EACX,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CACjD,CAAA;YACD,OAAO,MAAM,CAAA;QACf,CAAC;QACD,eAAe,EAAE,MAAO;QACxB,SAAS,EAAE,MAAO;KACnB,CAAC,CAAA;IAEF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useTools.js","names":[],"sources":["../../../src/hooks/useTools.ts"],"sourcesContent":["import { getTools, type ToolsResponse } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStoreContext } from '../stores/settings/SettingsStore.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport const useTools = (): { tools: ToolsResponse | undefined } => {\n  const { bridges, exchanges, keyPrefix } = useWidgetConfig()\n  const settingsStore = useSettingsStoreContext()\n  const sdkClient = useSDKClient()\n\n  const { data } = useQuery({\n    queryKey: [\n      getQueryKey('tools', keyPrefix),\n      bridges?.allow,\n      bridges?.deny,\n      exchanges?.allow,\n      exchanges?.deny,\n    ],\n    queryFn: async (): Promise<ToolsResponse> => {\n      const tools = await getTools(sdkClient)\n      const bridgesConfigSets = getConfigItemSets(\n        bridges,\n        (bridges) => new Set(bridges)\n      )\n      const exchangesConfigSets = getConfigItemSets(\n        exchanges,\n        (exchanges) => new Set(exchanges)\n      )\n      const result = {\n        bridges: tools.bridges.filter((bridge) =>\n          isItemAllowedForSets(bridge.key, bridgesConfigSets)\n        ),\n        exchanges: tools.exchanges.filter((exchange) =>\n          isItemAllowedForSets(exchange.key, exchangesConfigSets)\n        ),\n      }\n      const { initializeTools } = settingsStore.getState()\n      initializeTools(\n        'Bridges',\n        result.bridges.map((bridge) => bridge.key)\n      )\n      initializeTools(\n        'Exchanges',\n        result.exchanges.map((exchange) => exchange.key)\n      )\n      return result\n    },\n    refetchInterval: 180_000,\n    staleTime: 180_000,\n  })\n\n  return { tools: data }\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,iBAAuD;CAClE,MAAM,EAAE,SAAS,WAAW,cAAc,iBAAiB;CAC3D,MAAM,gBAAgB,yBAAyB;CAC/C,MAAM,YAAY,cAAc;CAEhC,MAAM,EAAE,SAAS,SAAS;EACxB,UAAU;GACR,YAAY,SAAS,UAAU;GAC/B,SAAS;GACT,SAAS;GACT,WAAW;GACX,WAAW;GACZ;EACD,SAAS,YAAoC;GAC3C,MAAM,QAAQ,MAAM,SAAS,UAAU;GACvC,MAAM,oBAAoB,kBACxB,UACC,YAAY,IAAI,IAAI,QAAQ,CAC9B;GACD,MAAM,sBAAsB,kBAC1B,YACC,cAAc,IAAI,IAAI,UAAU,CAClC;GACD,MAAM,SAAS;IACb,SAAS,MAAM,QAAQ,QAAQ,WAC7B,qBAAqB,OAAO,KAAK,kBAAkB,CACpD;IACD,WAAW,MAAM,UAAU,QAAQ,aACjC,qBAAqB,SAAS,KAAK,oBAAoB,CACxD;IACF;GACD,MAAM,EAAE,oBAAoB,cAAc,UAAU;AACpD,mBACE,WACA,OAAO,QAAQ,KAAK,WAAW,OAAO,IAAI,CAC3C;AACD,mBACE,aACA,OAAO,UAAU,KAAK,aAAa,SAAS,IAAI,CACjD;AACD,UAAO;;EAET,iBAAiB;EACjB,WAAW;EACZ,CAAC;AAEF,QAAO,EAAE,OAAO,MAAM"}

package/dist/esm/hooks/useTransactionDetails.js

@@ -1,62 +1,49 @@
-import { getStatus } from '@lifi/sdk';
-import { useAccount } from '@lifi/wallet-management';
-import { keepPreviousData, useQuery, useQueryClient, } from '@tanstack/react-query';
-import { useMemo } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getQueryKey } from '../utils/queries.js';
-export const useTransactionDetails = (transactionHash) => {
-    const { account, accounts } = useAccount();
-    const queryClient = useQueryClient();
-    const { keyPrefix } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const transactionHistoryQueryKey = useMemo(() => getQueryKey('transaction-history', keyPrefix), [keyPrefix]);
-    const { data, isLoading } = useQuery({
-        queryKey: [transactionHistoryQueryKey, transactionHash],
-        queryFn: async ({ queryKey: [, transactionHash], signal }) => {
-            if (transactionHash) {
-                for (const account of accounts) {
-                    const cachedHistory = queryClient.getQueryData([
-                        transactionHistoryQueryKey,
-                        account.address,
-                    ]);
-                    const transaction = cachedHistory?.find((t) => t.sending.txHash === transactionHash);
-                    if (transaction) {
-                        return transaction;
-                    }
-                }
-                const transaction = await getStatus(sdkClient, {
-                    txHash: transactionHash,
-                }, { signal });
-                const fromAddress = transaction?.fromAddress;
-                if (fromAddress) {
-                    queryClient.setQueryData([transactionHistoryQueryKey, fromAddress], (data) => {
-                        return [...data, transaction];
-                    });
-                }
-                return transaction;
-            }
-        },
-        refetchInterval: 300000,
-        enabled: account.isConnected && Boolean(transactionHash),
-        initialData: () => {
-            for (const account of accounts) {
-                const transaction = queryClient
-                    .getQueryData([
-                    transactionHistoryQueryKey,
-                    account.address,
-                ])
-                    ?.find((t) => t.sending.txHash === transactionHash);
-                if (transaction) {
-                    return transaction;
-                }
-            }
-        },
-        placeholderData: keepPreviousData,
-    });
-    return {
-        transaction: data,
-        isLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getStatus } from "@lifi/sdk";
+import { useMemo } from "react";
+import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useTransactionDetails.ts
+const useTransactionDetails = (transactionHash) => {
+	const { account, accounts } = useAccount();
+	const queryClient = useQueryClient();
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const transactionHistoryQueryKey = useMemo(() => getQueryKey("transaction-history", keyPrefix), [keyPrefix]);
+	const { data, isLoading } = useQuery({
+		queryKey: [transactionHistoryQueryKey, transactionHash],
+		queryFn: async ({ queryKey: [, transactionHash], signal }) => {
+			if (transactionHash) {
+				for (const account of accounts) {
+					const transaction = queryClient.getQueryData([transactionHistoryQueryKey, account.address])?.find((t) => t.sending.txHash === transactionHash);
+					if (transaction) return transaction;
+				}
+				const transaction = await getStatus(sdkClient, { txHash: transactionHash }, { signal });
+				const fromAddress = transaction?.fromAddress;
+				if (fromAddress) queryClient.setQueryData([transactionHistoryQueryKey, fromAddress], (data) => {
+					return [...data, transaction];
+				});
+				return transaction;
+			}
+		},
+		refetchInterval: 3e5,
+		enabled: account.isConnected && Boolean(transactionHash),
+		initialData: () => {
+			for (const account of accounts) {
+				const transaction = queryClient.getQueryData([transactionHistoryQueryKey, account.address])?.find((t) => t.sending.txHash === transactionHash);
+				if (transaction) return transaction;
+			}
+		},
+		placeholderData: keepPreviousData
+	});
+	return {
+		transaction: data,
+		isLoading
+	};
 };
+//#endregion
+export { useTransactionDetails };
+
 //# sourceMappingURL=useTransactionDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTransactionDetails.js","sourceRoot":"","sources":["../../../src/hooks/useTransactionDetails.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTransactionDetails.js","names":[],"sources":["../../../src/hooks/useTransactionDetails.ts"],"sourcesContent":["import type { FullStatusData } from '@lifi/sdk'\nimport { getStatus, type StatusResponse } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport {\n  keepPreviousData,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getQueryKey } from '../utils/queries.js'\n\nexport const useTransactionDetails = (\n  transactionHash?: string\n): {\n  transaction: StatusResponse | undefined\n  isLoading: boolean\n} => {\n  const { account, accounts } = useAccount()\n  const queryClient = useQueryClient()\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const transactionHistoryQueryKey = useMemo(\n    () => getQueryKey('transaction-history', keyPrefix),\n    [keyPrefix]\n  )\n\n  const { data, isLoading } = useQuery({\n    queryKey: [transactionHistoryQueryKey, transactionHash],\n    queryFn: async ({ queryKey: [, transactionHash], signal }) => {\n      if (transactionHash) {\n        for (const account of accounts) {\n          const cachedHistory = queryClient.getQueryData<StatusResponse[]>([\n            transactionHistoryQueryKey,\n            account.address,\n          ])\n\n          const transaction = cachedHistory?.find(\n            (t) => t.sending.txHash === transactionHash\n          )\n\n          if (transaction) {\n            return transaction\n          }\n        }\n\n        const transaction = await getStatus(\n          sdkClient,\n          {\n            txHash: transactionHash,\n          },\n          { signal }\n        )\n\n        const fromAddress = (transaction as FullStatusData)?.fromAddress\n\n        if (fromAddress) {\n          queryClient.setQueryData<StatusResponse[]>(\n            [transactionHistoryQueryKey, fromAddress],\n            (data) => {\n              return [...data!, transaction!]\n            }\n          )\n        }\n\n        return transaction\n      }\n    },\n    refetchInterval: 300_000,\n    enabled: account.isConnected && Boolean(transactionHash),\n    initialData: () => {\n      for (const account of accounts) {\n        const transaction = queryClient\n          .getQueryData<StatusResponse[]>([\n            transactionHistoryQueryKey,\n            account.address,\n          ])\n          ?.find((t) => t.sending.txHash === transactionHash)\n        if (transaction) {\n          return transaction\n        }\n      }\n    },\n    placeholderData: keepPreviousData,\n  })\n\n  return {\n    transaction: data,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAaA,MAAa,yBACX,oBAIG;CACH,MAAM,EAAE,SAAS,aAAa,YAAY;CAC1C,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,YAAY,cAAc;CAEhC,MAAM,6BAA6B,cAC3B,YAAY,uBAAuB,UAAU,EACnD,CAAC,UAAU,CACZ;CAED,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU,CAAC,4BAA4B,gBAAgB;EACvD,SAAS,OAAO,EAAE,UAAU,GAAG,kBAAkB,aAAa;AAC5D,OAAI,iBAAiB;AACnB,SAAK,MAAM,WAAW,UAAU;KAM9B,MAAM,cALgB,YAAY,aAA+B,CAC/D,4BACA,QAAQ,QACT,CAAC,EAEiC,MAChC,MAAM,EAAE,QAAQ,WAAW,gBAC7B;AAED,SAAI,YACF,QAAO;;IAIX,MAAM,cAAc,MAAM,UACxB,WACA,EACE,QAAQ,iBACT,EACD,EAAE,QAAQ,CACX;IAED,MAAM,cAAe,aAAgC;AAErD,QAAI,YACF,aAAY,aACV,CAAC,4BAA4B,YAAY,GACxC,SAAS;AACR,YAAO,CAAC,GAAG,MAAO,YAAa;MAElC;AAGH,WAAO;;;EAGX,iBAAiB;EACjB,SAAS,QAAQ,eAAe,QAAQ,gBAAgB;EACxD,mBAAmB;AACjB,QAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,cAAc,YACjB,aAA+B,CAC9B,4BACA,QAAQ,QACT,CAAC,EACA,MAAM,MAAM,EAAE,QAAQ,WAAW,gBAAgB;AACrD,QAAI,YACF,QAAO;;;EAIb,iBAAiB;EAClB,CAAC;AAEF,QAAO;EACL,aAAa;EACb;EACD"}