@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/esm/hooks/useTokenBalances.js

@@ -1,129 +1,112 @@
-import { useMemo } from 'react';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js';
-import { useSettings } from '../stores/settings/useSettings.js';
-import { HiddenUI } from '../types/widget.js';
-import { formatTokenPrice } from '../utils/format.js';
-import { isSearchMatch, processTokenBalances } from '../utils/tokenList.js';
-import { useAccountsBalancesData } from './useAccountsBalancesData.js';
-import { useTokenBalancesQueries } from './useTokenBalancesQueries.js';
-import { useTokens } from './useTokens.js';
-export const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
-    const { hiddenUI } = useWidgetConfig();
-    const { allTokens, isLoading: isTokensLoading, isSearchLoading, } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId);
-    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 { smallBalanceThreshold } = useSettings(['smallBalanceThreshold']);
-    const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens);
-    const isBalanceLoading = (isBalanceQueriesLoading || isAccountsLoading) &&
-        !allTokensWithBalances?.length;
-    // Create function to check if token is pinned
-    const isPinnedToken = useMemo(() => {
-        if (isAllNetworks) {
-            // For all networks, check all pinned tokens
-            const allPinned = [];
-            Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {
-                const chainId = Number.parseInt(chainIdStr, 10);
-                addresses.forEach((address) => {
-                    allPinned.push({ chainId, tokenAddress: address });
-                });
-            });
-            const pinnedSet = new Set(allPinned.map((p) => `${p.chainId}-${p.tokenAddress.toLowerCase()}`));
-            return (chainId, tokenAddress) => {
-                const key = `${chainId}-${tokenAddress.toLowerCase()}`;
-                return pinnedSet.has(key);
-            };
-        }
-        else if (selectedChainId) {
-            // For single chain, check only selected chain
-            const chainPinnedTokens = pinnedTokens[selectedChainId] || [];
-            const pinnedSet = new Set(chainPinnedTokens.map((addr) => addr.toLowerCase()));
-            return (chainId, tokenAddress) => {
-                return (chainId === selectedChainId &&
-                    pinnedSet.has(tokenAddress.toLowerCase()));
-            };
-        }
-        return undefined;
-    }, [isAllNetworks, selectedChainId, pinnedTokens]);
-    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()}`) || []);
-        const hideSmallBalances = !!smallBalanceThreshold && !hiddenUI?.includes(HiddenUI.HideSmallBalances);
-        const threshold = hideSmallBalances
-            ? Number.parseFloat(smallBalanceThreshold)
-            : undefined;
-        if (!balancesByChain) {
-            return undefined;
-        }
-        return balancesByChain.reduce((acc, 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);
-            // Filter: only include tokens that match our criteria
-            if (!isInDisplayedList && !matchesSearch) {
-                return acc;
-            }
-            // Apply small balance threshold transformation if enabled
-            let processedToken = token;
-            if (hideSmallBalances &&
-                threshold !== undefined &&
-                threshold >= 0 &&
-                token.amount) {
-                const balanceUSD = formatTokenPrice(token.amount, token.priceUSD, token.decimals);
-                if (balanceUSD < threshold) {
-                    processedToken = {
-                        ...token,
-                        amount: 0n,
-                    };
-                }
-            }
-            acc.push(processedToken);
-            return acc;
-        }, []);
-    }, [
-        allTokensWithBalances,
-        displayedTokensList,
-        search,
-        selectedChainId,
-        isAllNetworks,
-        smallBalanceThreshold,
-        hiddenUI,
-    ]);
-    const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {
-        return processTokenBalances(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
-    }, [
-        isBalanceLoading,
-        isAllNetworks,
-        configTokens,
-        selectedChainId,
-        displayedTokensList,
-        displayedTokensWithBalances,
-        search,
-        isPinnedToken,
-    ]);
-    return {
-        tokens: processedTokens ?? [],
-        withCategories,
-        withPinnedTokens,
-        isTokensLoading,
-        isSearchLoading,
-        isBalanceLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../types/widget.js";
+import { formatTokenPrice } from "../utils/format.js";
+import { useSettings } from "../stores/settings/useSettings.js";
+import { useTokens } from "./useTokens.js";
+import { usePinnedTokensStore } from "../stores/pinnedTokens/PinnedTokensStore.js";
+import { isSearchMatch, processTokenBalances } from "../utils/tokenList.js";
+import { useAccountsBalancesData } from "./useAccountsBalancesData.js";
+import { useTokenBalancesQueries } from "./useTokenBalancesQueries.js";
+import { useMemo } from "react";
+//#region src/hooks/useTokenBalances.ts
+const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
+	const { hiddenUI } = useWidgetConfig();
+	const { allTokens, isLoading: isTokensLoading, isSearchLoading } = useTokens(formType, search, isAllNetworks ? void 0 : selectedChainId);
+	const { data: accountsWithAllTokens, isLoading: isAccountsLoading } = useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens);
+	const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } = useTokenBalancesQueries(accountsWithAllTokens, Boolean(accountsWithAllTokens) && !isAccountsLoading);
+	const { tokens: configTokens } = useWidgetConfig();
+	const { smallBalanceThreshold } = useSettings(["smallBalanceThreshold"]);
+	const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens);
+	const isBalanceLoading = (isBalanceQueriesLoading || isAccountsLoading) && !allTokensWithBalances?.length;
+	const isPinnedToken = useMemo(() => {
+		if (isAllNetworks) {
+			const allPinned = [];
+			Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {
+				const chainId = Number.parseInt(chainIdStr, 10);
+				addresses.forEach((address) => {
+					allPinned.push({
+						chainId,
+						tokenAddress: address
+					});
+				});
+			});
+			const pinnedSet = new Set(allPinned.map((p) => `${p.chainId}-${p.tokenAddress.toLowerCase()}`));
+			return (chainId, tokenAddress) => {
+				const key = `${chainId}-${tokenAddress.toLowerCase()}`;
+				return pinnedSet.has(key);
+			};
+		} else if (selectedChainId) {
+			const chainPinnedTokens = pinnedTokens[selectedChainId] || [];
+			const pinnedSet = new Set(chainPinnedTokens.map((addr) => addr.toLowerCase()));
+			return (chainId, tokenAddress) => {
+				return chainId === selectedChainId && pinnedSet.has(tokenAddress.toLowerCase());
+			};
+		}
+	}, [
+		isAllNetworks,
+		selectedChainId,
+		pinnedTokens
+	]);
+	const displayedTokensList = useMemo(() => {
+		return (isAllNetworks ? Object.values(allTokens ?? {}).flat() : selectedChainId ? allTokens?.[selectedChainId] : void 0)?.filter((t) => isSearchMatch(t, search)) ?? [];
+	}, [
+		allTokens,
+		isAllNetworks,
+		selectedChainId,
+		search
+	]);
+	const displayedTokensWithBalances = useMemo(() => {
+		const balancesByChain = isAllNetworks ? allTokensWithBalances : selectedChainId ? allTokensWithBalances?.filter((t) => t.chainId === selectedChainId) : void 0;
+		const displayedTokensSet = new Set(displayedTokensList?.map((t) => `${t.chainId}-${t.address.toLowerCase()}`) || []);
+		const hideSmallBalances = !!smallBalanceThreshold && !hiddenUI?.includes(HiddenUI.HideSmallBalances);
+		const threshold = hideSmallBalances ? Number.parseFloat(smallBalanceThreshold) : void 0;
+		if (!balancesByChain) return;
+		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;
+			let processedToken = token;
+			if (hideSmallBalances && threshold !== void 0 && threshold >= 0 && token.amount) {
+				if (formatTokenPrice(token.amount, token.priceUSD, token.decimals) < threshold) processedToken = {
+					...token,
+					amount: 0n
+				};
+			}
+			acc.push(processedToken);
+			return acc;
+		}, []);
+	}, [
+		allTokensWithBalances,
+		displayedTokensList,
+		search,
+		selectedChainId,
+		isAllNetworks,
+		smallBalanceThreshold,
+		hiddenUI
+	]);
+	const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {
+		return processTokenBalances(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
+	}, [
+		isBalanceLoading,
+		isAllNetworks,
+		configTokens,
+		selectedChainId,
+		displayedTokensList,
+		displayedTokensWithBalances,
+		search,
+		isPinnedToken
+	]);
+	return {
+		tokens: processedTokens ?? [],
+		withCategories,
+		withPinnedTokens,
+		isTokensLoading,
+		isSearchLoading,
+		isBalanceLoading
+	};
 };
+//#endregion
+export { useTokenBalances };
+
 //# 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","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 { usePinnedTokensStore } from '../stores/pinnedTokens/PinnedTokensStore.js'\nimport { useSettings } from '../stores/settings/useSettings.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { HiddenUI } from '../types/widget.js'\nimport { formatTokenPrice } from '../utils/format.js'\nimport { isSearchMatch, processTokenBalances } from '../utils/tokenList.js'\nimport { useAccountsBalancesData } from './useAccountsBalancesData.js'\nimport { useTokenBalancesQueries } from './useTokenBalancesQueries.js'\nimport { useTokens } from './useTokens.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 } = useWidgetConfig()\n  const {\n    allTokens,\n    isLoading: isTokensLoading,\n    isSearchLoading,\n  } = useTokens(formType, search, isAllNetworks ? undefined : selectedChainId)\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 { tokens: configTokens } = useWidgetConfig()\n  const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n\n  const pinnedTokens = usePinnedTokensStore((state) => state.pinnedTokens)\n\n  const isBalanceLoading =\n    (isBalanceQueriesLoading || isAccountsLoading) &&\n    !allTokensWithBalances?.length\n\n  // Create function to check if token is pinned\n  const isPinnedToken = useMemo(() => {\n    if (isAllNetworks) {\n      // For all networks, check all pinned tokens\n      const allPinned: Array<{ chainId: number; tokenAddress: string }> = []\n      Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n        const chainId = Number.parseInt(chainIdStr, 10)\n        addresses.forEach((address) => {\n          allPinned.push({ chainId, tokenAddress: address })\n        })\n      })\n      const pinnedSet = new Set(\n        allPinned.map((p) => `${p.chainId}-${p.tokenAddress.toLowerCase()}`)\n      )\n      return (chainId: number, tokenAddress: string) => {\n        const key = `${chainId}-${tokenAddress.toLowerCase()}`\n        return pinnedSet.has(key)\n      }\n    } else if (selectedChainId) {\n      // For single chain, check only selected chain\n      const chainPinnedTokens = pinnedTokens[selectedChainId] || []\n      const pinnedSet = new Set(\n        chainPinnedTokens.map((addr) => addr.toLowerCase())\n      )\n      return (chainId: number, tokenAddress: string) => {\n        return (\n          chainId === selectedChainId &&\n          pinnedSet.has(tokenAddress.toLowerCase())\n        )\n      }\n    }\n    return undefined\n  }, [isAllNetworks, selectedChainId, pinnedTokens])\n\n  const displayedTokensList = useMemo(() => {\n    const tokensByChain = isAllNetworks\n      ? Object.values(allTokens ?? {}).flat()\n      : selectedChainId\n        ? allTokens?.[selectedChainId]\n        : undefined\n    return tokensByChain?.filter((t) => isSearchMatch(t, search)) ?? []\n  }, [allTokens, isAllNetworks, selectedChainId, search])\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?.includes(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 processTokenBalances(\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":"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"}

package/dist/esm/hooks/useTokenBalancesQueries.js

@@ -1,76 +1,63 @@
-import { getTokenBalances } from '@lifi/sdk';
-import { useQueries } from '@tanstack/react-query';
-import { useMemo, useRef } from 'react';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-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 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,
-                keepPreviousData: true,
-            };
-        }));
-    }, [accountsWithTokens, isBalanceLoadingEnabled, keyPrefix, sdkClient]);
-    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;
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getTokenBalances } from "@lifi/sdk";
+import { useMemo, useRef } from "react";
+import { useQueries } from "@tanstack/react-query";
+//#region src/hooks/useTokenBalancesQueries.ts
+const defaultRefetchInterval = 32e3;
+const useTokenBalancesQueries = (accountsWithTokens, isBalanceLoadingEnabled) => {
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const firstLoadStartRef = useRef(null);
+	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,
+					keepPreviousData: true
+				};
+			}));
+		}, [
+			accountsWithTokens,
+			isBalanceLoadingEnabled,
+			keyPrefix,
+			sdkClient
+		]),
+		combine: (results) => {
+			const now = Date.now();
+			if (results.some((result) => result.isLoading) && firstLoadStartRef.current === null) firstLoadStartRef.current = now;
+			const allComplete = results.every((result) => result.isSuccess || result.isError);
+			if (allComplete) firstLoadStartRef.current = null;
+			const timeSinceStart = firstLoadStartRef.current ? now - firstLoadStartRef.current : 0;
+			if (allComplete || timeSinceStart >= 500) return {
+				data: results.flatMap((result) => result.data || []).filter((token) => token.amount),
+				isLoading: !allComplete,
+				isError: results.some((result) => result.isError)
+			};
+			return {
+				data: void 0,
+				isLoading: true,
+				isError: false
+			};
+		}
+	});
 };
+//#endregion
+export { useTokenBalancesQueries };
+
 //# sourceMappingURL=useTokenBalancesQueries.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenBalancesQueries.js","sourceRoot":"","sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTokenBalancesQueries.js","names":[],"sources":["../../../src/hooks/useTokenBalancesQueries.ts"],"sourcesContent":["import { getTokenBalances, type TokenExtended } from '@lifi/sdk'\nimport { 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\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            keepPreviousData: true,\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 if all complete OR if 500ms have passed since first query started\n      const shouldReturnResults = allComplete || timeSinceStart >= 500\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;AAE/B,MAAa,2BACX,oBACA,4BAKG;CACH,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,YAAY,cAAc;CAChC,MAAM,oBAAoB,OAAsB,KAAK;AA8ErD,QA9Ce,WAAW;EACxB,SA/BkB,cAAc;AAChC,OAAI,CAAC,mBACH,QAAO,EAAE;AAEX,UAAO,OAAO,QAAQ,mBAAmB,CAAC,SACvC,CAAC,gBAAgB,iBAChB,OAAO,QAAQ,YAAY,CAAC,KAAK,CAAC,YAAY,YAAY;IACxD,MAAM,UAAU,OAAO,WAAW;AAClC,WAAO;KACL,UAAU;MACR,YAAY,kBAAkB,UAAU;MACxC;MACA;MACA,OAAO;MACR;KACD,SAAS,YAA4C;AACnD,UAAI,CAAC,kBAAkB,CAAC,OACtB,QAAO,EAAE;AAEX,aAAO,MAAM,iBAAiB,WAAW,gBAAgB,OAAO;;KAElE,SAAS;KACT,iBAAiB;KACjB,WAAW;KACX,kBAAkB;KACnB;KACD,CACL;KACA;GAAC;GAAoB;GAAyB;GAAW;GAAU,CAAC;EAIrE,UAAU,YAAY;GACpB,MAAM,MAAM,KAAK,KAAK;AAGtB,OAD0B,QAAQ,MAAM,WAAW,OAAO,UAAU,IAC3C,kBAAkB,YAAY,KACrD,mBAAkB,UAAU;GAG9B,MAAM,cAAc,QAAQ,OACzB,WAAW,OAAO,aAAa,OAAO,QACxC;AAGD,OAAI,YACF,mBAAkB,UAAU;GAI9B,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,kBAAkB,UACxB;AAKJ,OAF4B,eAAe,kBAAkB,IAM3D,QAAO;IACL,MAJ0B,QACzB,SAAS,WAAW,OAAO,QAAQ,EAAE,CAAC,CACtC,QAAQ,UAAU,MAAM,OAAO;IAGhC,WAAW,CAAC;IACZ,SAAS,QAAQ,MAAM,WAAW,OAAO,QAAQ;IAClD;AAGH,UAAO;IACL,MAAM,KAAA;IACN,WAAW;IACX,SAAS;IACV;;EAEJ,CAAC"}

package/dist/esm/hooks/useTokenRateText.js

@@ -0,0 +1,36 @@
+import { formatUnits } from "@lifi/sdk";
+import { create } from "zustand";
+import { useTranslation } from "react-i18next";
+//#region src/hooks/useTokenRateText.ts
+const useTokenRateStore = create((set) => ({
+	isForward: true,
+	toggleIsForward: () => set((state) => ({ isForward: !state.isForward }))
+}));
+function useTokenRateText(route) {
+	const { t } = useTranslation();
+	const { isForward, toggleIsForward } = useTokenRateStore();
+	const lastStep = route.steps.at(-1);
+	const fromToken = {
+		...route.fromToken,
+		amount: BigInt(route.fromAmount)
+	};
+	const toToken = {
+		...lastStep?.execution?.toToken ?? lastStep?.action.toToken ?? route.toToken,
+		amount: lastStep?.execution?.toAmount ? BigInt(lastStep.execution.toAmount) : BigInt(route.toAmount)
+	};
+	const fromToRate = Number.parseFloat(formatUnits(toToken.amount, toToken.decimals)) / Number.parseFloat(formatUnits(fromToken.amount, fromToken.decimals));
+	const toFromRate = Number.parseFloat(formatUnits(fromToken.amount, fromToken.decimals)) / Number.parseFloat(formatUnits(toToken.amount, toToken.decimals));
+	const rateText = isForward ? `1 ${fromToken.symbol} ≈ ${t("format.tokenAmount", { value: fromToRate })} ${toToken.symbol}` : `1 ${toToken.symbol} ≈ ${t("format.tokenAmount", { value: toFromRate })} ${fromToken.symbol}`;
+	const toggleRate = (e) => {
+		e.stopPropagation();
+		toggleIsForward();
+	};
+	return {
+		rateText,
+		toggleRate
+	};
+}
+//#endregion
+export { useTokenRateText };
+
+//# sourceMappingURL=useTokenRateText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenRateText.js","names":[],"sources":["../../../src/hooks/useTokenRateText.ts"],"sourcesContent":["import { formatUnits, type RouteExtended } from '@lifi/sdk'\nimport type { MouseEventHandler } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { create } from 'zustand'\n\ninterface TokenRateState {\n  isForward: boolean\n  toggleIsForward(): void\n}\n\nconst useTokenRateStore = create<TokenRateState>((set) => ({\n  isForward: true,\n  toggleIsForward: () => set((state) => ({ isForward: !state.isForward })),\n}))\n\nexport function useTokenRateText(route: RouteExtended): {\n  rateText: string\n  toggleRate: MouseEventHandler\n} {\n  const { t } = useTranslation()\n  const { isForward, toggleIsForward } = useTokenRateStore()\n\n  const lastStep = route.steps.at(-1)\n\n  const fromToken = {\n    ...route.fromToken,\n    amount: BigInt(route.fromAmount),\n  }\n  const toToken = {\n    ...(lastStep?.execution?.toToken ??\n      lastStep?.action.toToken ??\n      route.toToken),\n    amount: lastStep?.execution?.toAmount\n      ? BigInt(lastStep.execution.toAmount)\n      : BigInt(route.toAmount),\n  }\n\n  const fromToRate =\n    Number.parseFloat(formatUnits(toToken.amount!, toToken.decimals)) /\n    Number.parseFloat(formatUnits(fromToken.amount!, fromToken.decimals))\n  const toFromRate =\n    Number.parseFloat(formatUnits(fromToken.amount!, fromToken.decimals)) /\n    Number.parseFloat(formatUnits(toToken.amount!, toToken.decimals))\n\n  const rateText = isForward\n    ? `1 ${fromToken.symbol} ≈ ${t('format.tokenAmount', { value: fromToRate })} ${toToken.symbol}`\n    : `1 ${toToken.symbol} ≈ ${t('format.tokenAmount', { value: toFromRate })} ${fromToken.symbol}`\n\n  const toggleRate: MouseEventHandler = (e) => {\n    e.stopPropagation()\n    toggleIsForward()\n  }\n\n  return { rateText: rateText, toggleRate: toggleRate }\n}\n"],"mappings":";;;;AAUA,MAAM,oBAAoB,QAAwB,SAAS;CACzD,WAAW;CACX,uBAAuB,KAAK,WAAW,EAAE,WAAW,CAAC,MAAM,WAAW,EAAE;CACzE,EAAE;AAEH,SAAgB,iBAAiB,OAG/B;CACA,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,WAAW,oBAAoB,mBAAmB;CAE1D,MAAM,WAAW,MAAM,MAAM,GAAG,GAAG;CAEnC,MAAM,YAAY;EAChB,GAAG,MAAM;EACT,QAAQ,OAAO,MAAM,WAAW;EACjC;CACD,MAAM,UAAU;EACd,GAAI,UAAU,WAAW,WACvB,UAAU,OAAO,WACjB,MAAM;EACR,QAAQ,UAAU,WAAW,WACzB,OAAO,SAAS,UAAU,SAAS,GACnC,OAAO,MAAM,SAAS;EAC3B;CAED,MAAM,aACJ,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,SAAS,CAAC,GACjE,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,SAAS,CAAC;CACvE,MAAM,aACJ,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,SAAS,CAAC,GACrE,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,SAAS,CAAC;CAEnE,MAAM,WAAW,YACb,KAAK,UAAU,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,YAAY,CAAC,CAAC,GAAG,QAAQ,WACrF,KAAK,QAAQ,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,YAAY,CAAC,CAAC,GAAG,UAAU;CAEzF,MAAM,cAAiC,MAAM;AAC3C,IAAE,iBAAiB;AACnB,mBAAiB;;AAGnB,QAAO;EAAY;EAAsB;EAAY"}

package/dist/esm/hooks/useTokenSearch.js

@@ -1,55 +1,48 @@
-import { getToken, } from '@lifi/sdk';
-import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { useSDKClient } from '../providers/SDKClientProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { getConfigItemSets, isFormItemAllowed } from '../utils/item.js';
-import { getQueryKey } from '../utils/queries.js';
-export const useTokenSearch = (chainId, tokenQuery, enabled, formType) => {
-    const queryClient = useQueryClient();
-    const { tokens: configTokens, keyPrefix } = useWidgetConfig();
-    const sdkClient = useSDKClient();
-    const { data, isLoading } = useQuery({
-        queryKey: [getQueryKey('token-search', keyPrefix), chainId, tokenQuery],
-        queryFn: async ({ queryKey: [, chainId, tokenQuery], signal }) => {
-            const token = await getToken(sdkClient, chainId, tokenQuery, {
-                signal,
-            });
-            if (token) {
-                // Filter config tokens by chain before checking if token is allowed
-                const filteredConfigTokens = getConfigItemSets(configTokens, (tokens) => new Set(tokens
-                    .filter((t) => t.chainId === token.chainId)
-                    .map((t) => t.address.toLowerCase())), formType);
-                // Return undefined if the token is denied
-                if (!isFormItemAllowed(token, filteredConfigTokens, formType, (t) => t.address.toLowerCase())) {
-                    return null;
-                }
-                // Add token to main tokens cache
-                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;
-                    }
-                    // Mark token from search as unverified
-                    return {
-                        ...data,
-                        [chainId]: [
-                            ...(chainTokens ?? []),
-                            { ...token, verified: false },
-                        ],
-                    };
-                });
-            }
-            return token;
-        },
-        enabled: Boolean(chainId && tokenQuery && enabled),
-        retry: false,
-    });
-    return {
-        token: data || undefined,
-        isLoading,
-    };
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { getConfigItemSets, isFormItemAllowed } from "../utils/item.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getToken } from "@lifi/sdk";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/hooks/useTokenSearch.ts
+const useTokenSearch = (chainId, tokenQuery, enabled, formType) => {
+	const queryClient = useQueryClient();
+	const { tokens: configTokens, keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { data, isLoading } = useQuery({
+		queryKey: [
+			getQueryKey("token-search", keyPrefix),
+			chainId,
+			tokenQuery
+		],
+		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;
+				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
+						}]
+					};
+				});
+			}
+			return token;
+		},
+		enabled: Boolean(chainId && tokenQuery && enabled),
+		retry: false
+	});
+	return {
+		token: data || void 0,
+		isLoading
+	};
 };
+//#endregion
+export { useTokenSearch };
+
 //# sourceMappingURL=useTokenSearch.js.map