@lifi/widget 4.3.1 → 4.4.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { FormType } from "../stores/form/types.js";
+import { TokenAmount } from "../types/token.js";
+//#region src/hooks/useTokenBalances.d.ts
+declare const useTokenBalances: (selectedChainId?: number, formType?: FormType, isAllNetworks?: boolean, search?: string) => {
+  tokens: TokenAmount[];
+  withCategories: boolean;
+  withPinnedTokens: boolean;
+  isTokensLoading: boolean;
+  isSearchLoading: boolean;
+  isBalanceLoading: boolean;
+};
+//#endregion
+export { useTokenBalances };
+//# sourceMappingURL=useTokenBalances.d.ts.map

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

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

package/dist/esm/hooks/useTokenBalances.js

@@ -1,59 +1,19 @@
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.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 { isSearchMatch, processTokenList } from "../utils/tokenList.js";
 import { useAccountsBalancesData } from "./useAccountsBalancesData.js";
+import { useDisplayedTokens } from "./useDisplayedTokens.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 { hiddenUI, tokens: configTokens } = useWidgetConfig();
+	const { allTokens, displayedTokensList, isPinnedToken, isTokensLoading, isSearchLoading } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search);
 	const { data: accountsWithAllTokens, isLoading: isAccountsLoading } = useAccountsBalancesData(selectedChainId, formType, isAllNetworks, allTokens);
 	const { data: allTokensWithBalances, isLoading: isBalanceQueriesLoading } = useTokenBalancesQueries(accountsWithAllTokens, Boolean(accountsWithAllTokens) && !isAccountsLoading);
-	const { 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()}`) || []);
@@ -85,7 +45,7 @@ const useTokenBalances = (selectedChainId, formType, isAllNetworks, search) => {
 		hiddenUI
 	]);
 	const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => {
-		return processTokenBalances(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
+		return processTokenList(isBalanceLoading, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, displayedTokensWithBalances, isPinnedToken);
 	}, [
 		isBalanceLoading,
 		isAllNetworks,

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

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

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

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

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

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

package/dist/esm/hooks/useTokenList.js

@@ -0,0 +1,31 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { processTokenList } from "../utils/tokenList.js";
+import { useDisplayedTokens } from "./useDisplayedTokens.js";
+import { useMemo } from "react";
+//#region src/hooks/useTokenList.ts
+/**
+* Token-selection list without wallet balances - No accounts are resolved and no balance queries are fired.
+*/
+const useTokenList = (selectedChainId, formType, isAllNetworks, search) => {
+	const { tokens: configTokens } = useWidgetConfig();
+	const { displayedTokensList, isPinnedToken, isTokensLoading, isSearchLoading } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search);
+	const { processedTokens, withCategories, withPinnedTokens } = useMemo(() => processTokenList(true, isAllNetworks || !!search, configTokens, selectedChainId, displayedTokensList, void 0, isPinnedToken), [
+		isAllNetworks,
+		search,
+		configTokens,
+		selectedChainId,
+		displayedTokensList,
+		isPinnedToken
+	]);
+	return {
+		tokens: processedTokens ?? [],
+		withCategories,
+		withPinnedTokens,
+		isTokensLoading,
+		isSearchLoading
+	};
+};
+//#endregion
+export { useTokenList };
+
+//# sourceMappingURL=useTokenList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenList.js","names":[],"sources":["../../../src/hooks/useTokenList.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokenAmount } from '../types/token.js'\nimport { processTokenList } from '../utils/tokenList.js'\nimport { useDisplayedTokens } from './useDisplayedTokens.js'\n\n/**\n * Token-selection list without wallet balances - No accounts are resolved and no balance queries are fired.\n */\nexport const useTokenList = (\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} => {\n  const { tokens: configTokens } = useWidgetConfig()\n  const {\n    displayedTokensList,\n    isPinnedToken,\n    isTokensLoading,\n    isSearchLoading,\n  } = useDisplayedTokens(selectedChainId, formType, isAllNetworks, search)\n\n  const { processedTokens, withCategories, withPinnedTokens } = useMemo(\n    () =>\n      processTokenList(\n        /* withoutBalances */ true,\n        isAllNetworks || !!search,\n        configTokens,\n        selectedChainId,\n        displayedTokensList,\n        undefined,\n        isPinnedToken\n      ),\n    [\n      isAllNetworks,\n      search,\n      configTokens,\n      selectedChainId,\n      displayedTokensList,\n      isPinnedToken,\n    ]\n  )\n\n  return {\n    tokens: processedTokens ?? [],\n    withCategories,\n    withPinnedTokens,\n    isTokensLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,gBACX,iBACA,UACA,eACA,WAOG;CACH,MAAM,EAAE,QAAQ,iBAAiB,gBAAgB;CACjD,MAAM,EACJ,qBACA,eACA,iBACA,oBACE,mBAAmB,iBAAiB,UAAU,eAAe,MAAM;CAEvE,MAAM,EAAE,iBAAiB,gBAAgB,qBAAqB,cAE1D,iBACwB,MACtB,iBAAiB,CAAC,CAAC,QACnB,cACA,iBACA,qBACA,KAAA,GACA,aACF,GACF;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OAAO;EACL,QAAQ,mBAAmB,CAAC;EAC5B;EACA;EACA;EACA;CACF;AACF"}

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

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

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

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

package/dist/esm/hooks/useTransactionDetails.js

@@ -22,9 +22,7 @@ const useTransactionDetails = (transactionHash) => {
 				}
 				const transaction = await getStatus(sdkClient, { txHash: transactionHash }, { signal });
 				const fromAddress = transaction?.fromAddress;
-				if (fromAddress) queryClient.setQueryData([transactionHistoryQueryKey, fromAddress], (data) => {
-					return [...data, transaction];
-				});
+				if (fromAddress) queryClient.setQueryData([transactionHistoryQueryKey, fromAddress], (data) => data ? [...data, transaction] : [transaction]);
 				return transaction;
 			}
 		},

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

@@ -1 +1 @@
-{"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,WAAW;CACzC,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAE/B,MAAM,6BAA6B,cAC3B,YAAY,uBAAuB,SAAS,GAClD,CAAC,SAAS,CACZ;CAEA,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU,CAAC,4BAA4B,eAAe;EACtD,SAAS,OAAO,EAAE,UAAU,GAAG,kBAAkB,aAAa;GAC5D,IAAI,iBAAiB;IACnB,KAAK,MAAM,WAAW,UAAU;KAM9B,MAAM,cALgB,YAAY,aAA+B,CAC/D,4BACA,QAAQ,OACV,CAEgC,CAAC,EAAE,MAChC,MAAM,EAAE,QAAQ,WAAW,eAC9B;KAEA,IAAI,aACF,OAAO;IAEX;IAEA,MAAM,cAAc,MAAM,UACxB,WACA,EACE,QAAQ,gBACV,GACA,EAAE,OAAO,CACX;IAEA,MAAM,cAAe,aAAgC;IAErD,IAAI,aACF,YAAY,aACV,CAAC,4BAA4B,WAAW,IACvC,SAAS;KACR,OAAO,CAAC,GAAG,MAAO,WAAY;IAChC,CACF;IAGF,OAAO;GACT;EACF;EACA,iBAAiB;EACjB,SAAS,QAAQ,eAAe,QAAQ,eAAe;EACvD,mBAAmB;GACjB,KAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,cAAc,YACjB,aAA+B,CAC9B,4BACA,QAAQ,OACV,CAAC,CAAC,EACA,MAAM,MAAM,EAAE,QAAQ,WAAW,eAAe;IACpD,IAAI,aACF,OAAO;GAEX;EACF;EACA,iBAAiB;CACnB,CAAC;CAED,OAAO;EACL,aAAa;EACb;CACF;AACF"}
+{"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) => (data ? [...data, transaction!] : [transaction!])\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,WAAW;CACzC,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAE/B,MAAM,6BAA6B,cAC3B,YAAY,uBAAuB,SAAS,GAClD,CAAC,SAAS,CACZ;CAEA,MAAM,EAAE,MAAM,cAAc,SAAS;EACnC,UAAU,CAAC,4BAA4B,eAAe;EACtD,SAAS,OAAO,EAAE,UAAU,GAAG,kBAAkB,aAAa;GAC5D,IAAI,iBAAiB;IACnB,KAAK,MAAM,WAAW,UAAU;KAM9B,MAAM,cALgB,YAAY,aAA+B,CAC/D,4BACA,QAAQ,OACV,CAEgC,CAAC,EAAE,MAChC,MAAM,EAAE,QAAQ,WAAW,eAC9B;KAEA,IAAI,aACF,OAAO;IAEX;IAEA,MAAM,cAAc,MAAM,UACxB,WACA,EACE,QAAQ,gBACV,GACA,EAAE,OAAO,CACX;IAEA,MAAM,cAAe,aAAgC;IAErD,IAAI,aACF,YAAY,aACV,CAAC,4BAA4B,WAAW,IACvC,SAAU,OAAO,CAAC,GAAG,MAAM,WAAY,IAAI,CAAC,WAAY,CAC3D;IAGF,OAAO;GACT;EACF;EACA,iBAAiB;EACjB,SAAS,QAAQ,eAAe,QAAQ,eAAe;EACvD,mBAAmB;GACjB,KAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,cAAc,YACjB,aAA+B,CAC9B,4BACA,QAAQ,OACV,CAAC,CAAC,EACA,MAAM,MAAM,EAAE,QAAQ,WAAW,eAAe;IACpD,IAAI,aACF,OAAO;GAEX;EACF;EACA,iBAAiB;CACnB,CAAC;CAED,OAAO;EACL,aAAa;EACb;CACF;AACF"}

package/dist/esm/hooks/useTransactionList.js

@@ -1,4 +1,5 @@
 import { hasEnumFlag } from "../utils/enum.js";
+import "../stores/routes/types.js";
 import { getSourceTxHash } from "../stores/routes/utils.js";
 import { useRouteExecutionStore } from "../stores/routes/RouteExecutionStore.js";
 import { useTransactionHistory } from "./useTransactionHistory.js";

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

@@ -1 +1 @@
-{"version":3,"file":"useTransactionList.js","names":[],"sources":["../../../src/hooks/useTransactionList.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport type {\n  ActiveItem,\n  HistoryItem,\n  LocalItem,\n  TransactionListItem,\n} from '../pages/ActivitiesPage/types.js'\nimport { useRouteExecutionStore } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { hasEnumFlag } from '../utils/enum.js'\nimport { useTransactionHistory } from './useTransactionHistory.js'\n\nconst routesSelector = (state: RouteExecutionState) => state.routes\n\nexport const useTransactionList = (): {\n  items: TransactionListItem[]\n  isLoading: boolean\n} => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n\n  const { data: apiRouteExecutions, isLoading } = useTransactionHistory()\n  const routes = useRouteExecutionStore(routesSelector)\n\n  const items = useMemo<TransactionListItem[]>(() => {\n    const apiTxHashes = new Set(\n      apiRouteExecutions.map((r) => getSourceTxHash(r.route))\n    )\n\n    const activeItems: ActiveItem[] = []\n    const localItems: LocalItem[] = []\n\n    for (const r of Object.values(routes) as RouteExecution[]) {\n      if (!accountAddresses.includes(r.route.fromAddress)) {\n        continue\n      }\n      // Guard against duplicates on the render before the store deletion\n      // from useTransactionHistory's combine propagates.\n      if (apiTxHashes.has(getSourceTxHash(r.route))) {\n        continue\n      }\n      const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0\n      if (\n        r.status === RouteExecutionStatus.Pending ||\n        r.status === RouteExecutionStatus.Failed\n      ) {\n        activeItems.push({ type: 'active', routeId: r.route.id, startedAt })\n      } else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) {\n        localItems.push({\n          type: 'local',\n          routeExecution: r,\n          txHash: getSourceTxHash(r.route) ?? '',\n          // store startedAt is already in ms\n          startedAt,\n        })\n      }\n    }\n\n    const historyItems: HistoryItem[] = apiRouteExecutions.map(\n      (routeExecution) => ({\n        type: 'history',\n        routeExecution,\n        txHash: getSourceTxHash(routeExecution.route) ?? '',\n        startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0,\n      })\n    )\n\n    return [...activeItems, ...localItems, ...historyItems].sort(\n      (a, b) => b.startedAt - a.startedAt\n    )\n  }, [accountAddresses, apiRouteExecutions, routes])\n\n  return { items, isLoading }\n}\n"],"mappings":";;;;;;;AAkBA,MAAM,kBAAkB,UAA+B,MAAM;AAE7D,MAAa,2BAGR;CACH,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CAEA,MAAM,EAAE,MAAM,oBAAoB,cAAc,sBAAsB;CACtE,MAAM,SAAS,uBAAuB,cAAc;CAkDpD,OAAO;EAAE,OAhDK,cAAqC;GACjD,MAAM,cAAc,IAAI,IACtB,mBAAmB,KAAK,MAAM,gBAAgB,EAAE,KAAK,CAAC,CACxD;GAEA,MAAM,cAA4B,CAAC;GACnC,MAAM,aAA0B,CAAC;GAEjC,KAAK,MAAM,KAAK,OAAO,OAAO,MAAM,GAAuB;IACzD,IAAI,CAAC,iBAAiB,SAAS,EAAE,MAAM,WAAW,GAChD;IAIF,IAAI,YAAY,IAAI,gBAAgB,EAAE,KAAK,CAAC,GAC1C;IAEF,MAAM,YAAY,EAAE,MAAM,MAAM,EAAE,EAAE,WAAW,aAAa;IAC5D,IACE,EAAE,WAAA,KACF,EAAE,WAAA,GAEF,YAAY,KAAK;KAAE,MAAM;KAAU,SAAS,EAAE,MAAM;KAAI;IAAU,CAAC;SAC9D,IAAI,YAAY,EAAE,QAAA,CAAiC,GACxD,WAAW,KAAK;KACd,MAAM;KACN,gBAAgB;KAChB,QAAQ,gBAAgB,EAAE,KAAK,KAAK;KAEpC;IACF,CAAC;GAEL;GAEA,MAAM,eAA8B,mBAAmB,KACpD,oBAAoB;IACnB,MAAM;IACN;IACA,QAAQ,gBAAgB,eAAe,KAAK,KAAK;IACjD,WAAW,eAAe,MAAM,MAAM,EAAE,EAAE,WAAW,aAAa;GACpE,EACF;GAEA,OAAO;IAAC,GAAG;IAAa,GAAG;IAAY,GAAG;GAAY,CAAC,CAAC,MACrD,GAAG,MAAM,EAAE,YAAY,EAAE,SAC5B;EACF,GAAG;GAAC;GAAkB;GAAoB;EAAM,CAEnC;EAAG;CAAU;AAC5B"}
+{"version":3,"file":"useTransactionList.js","names":[],"sources":["../../../src/hooks/useTransactionList.ts"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useMemo } from 'react'\nimport type {\n  ActiveItem,\n  HistoryItem,\n  LocalItem,\n  TransactionListItem,\n} from '../pages/ActivitiesPage/types.js'\nimport { useRouteExecutionStore } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { RouteExecutionStatus } from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { hasEnumFlag } from '../utils/enum.js'\nimport { useTransactionHistory } from './useTransactionHistory.js'\n\nconst routesSelector = (state: RouteExecutionState) => state.routes\n\nexport const useTransactionList = (): {\n  items: TransactionListItem[]\n  isLoading: boolean\n} => {\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n\n  const { data: apiRouteExecutions, isLoading } = useTransactionHistory()\n  const routes = useRouteExecutionStore(routesSelector)\n\n  const items = useMemo<TransactionListItem[]>(() => {\n    const apiTxHashes = new Set(\n      apiRouteExecutions.map((r) => getSourceTxHash(r.route))\n    )\n\n    const activeItems: ActiveItem[] = []\n    const localItems: LocalItem[] = []\n\n    for (const r of Object.values(routes) as RouteExecution[]) {\n      if (!accountAddresses.includes(r.route.fromAddress)) {\n        continue\n      }\n      // Guard against duplicates on the render before the store deletion\n      // from useTransactionHistory's combine propagates.\n      if (apiTxHashes.has(getSourceTxHash(r.route))) {\n        continue\n      }\n      const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0\n      if (\n        r.status === RouteExecutionStatus.Pending ||\n        r.status === RouteExecutionStatus.Failed\n      ) {\n        activeItems.push({ type: 'active', routeId: r.route.id, startedAt })\n      } else if (hasEnumFlag(r.status, RouteExecutionStatus.Done)) {\n        localItems.push({\n          type: 'local',\n          routeExecution: r,\n          txHash: getSourceTxHash(r.route) ?? '',\n          // store startedAt is already in ms\n          startedAt,\n        })\n      }\n    }\n\n    const historyItems: HistoryItem[] = apiRouteExecutions.map(\n      (routeExecution) => ({\n        type: 'history',\n        routeExecution,\n        txHash: getSourceTxHash(routeExecution.route) ?? '',\n        startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0,\n      })\n    )\n\n    return [...activeItems, ...localItems, ...historyItems].sort(\n      (a, b) => b.startedAt - a.startedAt\n    )\n  }, [accountAddresses, apiRouteExecutions, routes])\n\n  return { items, isLoading }\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,kBAAkB,UAA+B,MAAM;AAE7D,MAAa,2BAGR;CACH,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CAEA,MAAM,EAAE,MAAM,oBAAoB,cAAc,sBAAsB;CACtE,MAAM,SAAS,uBAAuB,cAAc;CAkDpD,OAAO;EAAE,OAhDK,cAAqC;GACjD,MAAM,cAAc,IAAI,IACtB,mBAAmB,KAAK,MAAM,gBAAgB,EAAE,KAAK,CAAC,CACxD;GAEA,MAAM,cAA4B,CAAC;GACnC,MAAM,aAA0B,CAAC;GAEjC,KAAK,MAAM,KAAK,OAAO,OAAO,MAAM,GAAuB;IACzD,IAAI,CAAC,iBAAiB,SAAS,EAAE,MAAM,WAAW,GAChD;IAIF,IAAI,YAAY,IAAI,gBAAgB,EAAE,KAAK,CAAC,GAC1C;IAEF,MAAM,YAAY,EAAE,MAAM,MAAM,EAAE,EAAE,WAAW,aAAa;IAC5D,IACE,EAAE,WAAA,KACF,EAAE,WAAA,GAEF,YAAY,KAAK;KAAE,MAAM;KAAU,SAAS,EAAE,MAAM;KAAI;IAAU,CAAC;SAC9D,IAAI,YAAY,EAAE,QAAA,CAAiC,GACxD,WAAW,KAAK;KACd,MAAM;KACN,gBAAgB;KAChB,QAAQ,gBAAgB,EAAE,KAAK,KAAK;KAEpC;IACF,CAAC;GAEL;GAEA,MAAM,eAA8B,mBAAmB,KACpD,oBAAoB;IACnB,MAAM;IACN;IACA,QAAQ,gBAAgB,eAAe,KAAK,KAAK;IACjD,WAAW,eAAe,MAAM,MAAM,EAAE,EAAE,WAAW,aAAa;GACpE,EACF;GAEA,OAAO;IAAC,GAAG;IAAa,GAAG;IAAY,GAAG;GAAY,CAAC,CAAC,MACrD,GAAG,MAAM,EAAE,YAAY,EAAE,SAC5B;EACF,GAAG;GAAC;GAAkB;GAAoB;EAAM,CAEnC;EAAG;CAAU;AAC5B"}

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

@@ -1,6 +1,5 @@
 import { WidgetConfig } from "../types/widget.js";
 import { ExtendedChain } from "@lifi/sdk";
-
 //#region src/hooks/useWidgetChains.d.ts
 declare const useWidgetChains: (widgetConfig: WidgetConfig) => {
   chains: ExtendedChain[] | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;;cAIa,eAAA,GACX,YAAA,EAAc,YAAA;EAEd,MAAA,EAAQ,aAAA;EACR,YAAA,GACE,OAAA,WACA,MAAA,GAAS,aAAA,OACN,aAAA;EACL,SAAA;AAAA"}
+{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;cAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}

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

@@ -1,6 +1,5 @@
 import { WidgetEvents } from "../types/events.js";
 import EventEmitter from "eventemitter3";
-
 //#region src/hooks/useWidgetEvents.d.ts
 type WidgetEventEmitter = EventEmitter<WidgetEvents>;
 declare const widgetEvents: WidgetEventEmitter;

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;;KAGY,kBAAA,GAAqB,YAAA,CAAa,YAAA;AAAA,cAEjC,YAAA,EAAc,kBAAA;AAAA,cAEd,eAAA,QAAsB,kBAAA"}
+{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;KAGY,qBAAqB,aAAa;cAEjC,cAAc;cAEd,uBAAsB"}