@lifi/widget 0.0.0-preview-6cc63bac

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

@@ -0,0 +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":";;;;;;;;;;AAYA,MAAa,oBACX,iBACA,UACA,eACA,WAQG;CACH,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,EACJ,WACA,WAAW,iBACX,oBACE,UAAU,UAAU,QAAQ,gBAAgB,KAAA,IAAY,eAAe;CAE3E,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,QAAQ,iBAAiB,gBAAgB;CACjD,MAAM,EAAE,0BAA0B,YAAY,CAAC,uBAAuB,CAAC;CAEvE,MAAM,eAAe,sBAAsB,UAAU,MAAM,YAAY;CAEvE,MAAM,oBACH,2BAA2B,sBAC5B,CAAC,uBAAuB;CAG1B,MAAM,gBAAgB,cAAc;EAClC,IAAI,eAAe;GAEjB,MAAM,YAA8D,CAAC;GACrE,OAAO,QAAQ,YAAY,EAAE,SAAS,CAAC,YAAY,eAAe;IAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;IAC9C,UAAU,SAAS,YAAY;KAC7B,UAAU,KAAK;MAAE;MAAS,cAAc;KAAQ,CAAC;IACnD,CAAC;GACH,CAAC;GACD,MAAM,YAAY,IAAI,IACpB,UAAU,KAAK,MAAM,GAAG,EAAE,QAAQ,GAAG,EAAE,aAAa,YAAY,GAAG,CACrE;GACA,QAAQ,SAAiB,iBAAyB;IAChD,MAAM,MAAM,GAAG,QAAQ,GAAG,aAAa,YAAY;IACnD,OAAO,UAAU,IAAI,GAAG;GAC1B;EACF,OAAO,IAAI,iBAAiB;GAE1B,MAAM,oBAAoB,aAAa,oBAAoB,CAAC;GAC5D,MAAM,YAAY,IAAI,IACpB,kBAAkB,KAAK,SAAS,KAAK,YAAY,CAAC,CACpD;GACA,QAAQ,SAAiB,iBAAyB;IAChD,OACE,YAAY,mBACZ,UAAU,IAAI,aAAa,YAAY,CAAC;GAE5C;EACF;CAEF,GAAG;EAAC;EAAe;EAAiB;CAAY,CAAC;CAEjD,MAAM,sBAAsB,cAAc;EAMxC,QALsB,gBAClB,OAAO,OAAO,aAAa,CAAC,CAAC,EAAE,KAAK,IACpC,kBACE,YAAY,mBACZ,KAAA,IACgB,QAAQ,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;CACpE,GAAG;EAAC;EAAW;EAAe;EAAiB;CAAM,CAAC;CAEtD,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,qBACL,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/useTokenBalancesQueries.js

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1 @@
+{"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,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,oBAAoB,OAAsB,IAAI;CA8EpD,OA9Ce,WAAW;EACxB,SA/BkB,cAAc;GAChC,IAAI,CAAC,oBACH,OAAO,CAAC;GAEV,OAAO,OAAO,QAAQ,kBAAkB,EAAE,SACvC,CAAC,gBAAgB,iBAChB,OAAO,QAAQ,WAAW,EAAE,KAAK,CAAC,YAAY,YAAY;IACxD,MAAM,UAAU,OAAO,UAAU;IACjC,OAAO;KACL,UAAU;MACR,YAAY,kBAAkB,SAAS;MACvC;MACA;MACA,OAAO;KACT;KACA,SAAS,YAA4C;MACnD,IAAI,CAAC,kBAAkB,CAAC,QACtB,OAAO,CAAC;MAEV,OAAO,MAAM,iBAAiB,WAAW,gBAAgB,MAAM;KACjE;KACA,SAAS;KACT,iBAAiB;KACjB,WAAW;KACX,kBAAkB;IACpB;GACF,CAAC,CACL;EACF,GAAG;GAAC;GAAoB;GAAyB;GAAW;EAAS,CAGhD;EACnB,UAAU,YAAY;GACpB,MAAM,MAAM,KAAK,IAAI;GAGrB,IAD0B,QAAQ,MAAM,WAAW,OAAO,SACtC,KAAK,kBAAkB,YAAY,MACrD,kBAAkB,UAAU;GAG9B,MAAM,cAAc,QAAQ,OACzB,WAAW,OAAO,aAAa,OAAO,OACzC;GAGA,IAAI,aACF,kBAAkB,UAAU;GAI9B,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,kBAAkB,UACxB;GAKJ,IAF4B,eAAe,kBAAkB,KAM3D,OAAO;IACL,MAJ0B,QACzB,SAAS,WAAW,OAAO,QAAQ,CAAC,CAAC,EACrC,QAAQ,UAAU,MAAM,MAEtB;IACH,WAAW,CAAC;IACZ,SAAS,QAAQ,MAAM,WAAW,OAAO,OAAO;GAClD;GAGF,OAAO;IACL,MAAM,KAAA;IACN,WAAW;IACX,SAAS;GACX;EACF;CACF,CAEY;AACd"}

package/dist/esm/hooks/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,UAAU,EAAE;AACzE,EAAE;AAEF,SAAgB,iBAAiB,OAG/B;CACA,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,WAAW,oBAAoB,kBAAkB;CAEzD,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE;CAElC,MAAM,YAAY;EAChB,GAAG,MAAM;EACT,QAAQ,OAAO,MAAM,UAAU;CACjC;CACA,MAAM,UAAU;EACd,GAAI,UAAU,WAAW,WACvB,UAAU,OAAO,WACjB,MAAM;EACR,QAAQ,UAAU,WAAW,WACzB,OAAO,SAAS,UAAU,QAAQ,IAClC,OAAO,MAAM,QAAQ;CAC3B;CAEA,MAAM,aACJ,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,QAAQ,CAAC,IAChE,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,QAAQ,CAAC;CACtE,MAAM,aACJ,OAAO,WAAW,YAAY,UAAU,QAAS,UAAU,QAAQ,CAAC,IACpE,OAAO,WAAW,YAAY,QAAQ,QAAS,QAAQ,QAAQ,CAAC;CAElE,MAAM,WAAW,YACb,KAAK,UAAU,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,WAAW,CAAC,EAAE,GAAG,QAAQ,WACrF,KAAK,QAAQ,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,WAAW,CAAC,EAAE,GAAG,UAAU;CAEzF,MAAM,cAAiC,MAAM;EAC3C,EAAE,gBAAgB;EAClB,gBAAgB;CAClB;CAEA,OAAO;EAAY;EAAsB;CAAW;AACtD"}

package/dist/esm/hooks/useTokenSearch.js

@@ -0,0 +1,48 @@
+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

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

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

package/dist/esm/hooks/useTokens.js

@@ -0,0 +1,100 @@
+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,
+					ChainType.TVM
+				].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,
+					ChainType.TVM
+				].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

@@ -0,0 +1 @@
+{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\n\nconst refetchInterval = 300_000\n\nexport const useTokens = (\n  formType?: FormType,\n  search?: string,\n  chainId?: number\n): {\n  allTokens: Record<number, TokenExtended[]> | undefined\n  isLoading: boolean\n  isSearchLoading: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', keyPrefix)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // Mark all tokens as verified\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, verified: true })),\n        ])\n      )\n\n      return tokens\n    },\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Search tokens cache - unverified tokens from search\n  const { data: searchTokens, isLoading: isSearchLoading } = useQuery({\n    queryKey: [getQueryKey('tokens-search', keyPrefix), search, chainId],\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId] = queryKey as [\n        string,\n        string,\n        number,\n      ]\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          chainTypes,\n          orderBy: 'volumeUSD24H',\n          extended: true,\n          search: searchQuery,\n          limit: 1000,\n          minPriceUSD: 0.000001,\n        },\n        { signal }\n      )\n\n      // If the chainId is not provided, try to get it from the search query\n      let _chainId = searchChainId\n      if (!_chainId) {\n        const chainType = getChainTypeFromAddress(searchQuery)\n        if (chainType && chainType in defaultChainIdsByType) {\n          _chainId = defaultChainIdsByType[chainType]\n        }\n      }\n\n      // Fallback: If the main search returned no tokens for the specific chainId,\n      // fetch a single token using the /token endpoint\n      if (_chainId && searchQuery) {\n        const existingTokens = tokensResponse.tokens[_chainId] || []\n        if (!existingTokens.length) {\n          const token = await getToken(sdkClient, _chainId, searchQuery, {\n            signal,\n          })\n          if (token) {\n            tokensResponse.tokens[_chainId] = [token]\n          }\n        }\n      }\n\n      // Mark all search tokens as unverified\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, verified: false })),\n        ])\n      )\n\n      return tokens\n    },\n    enabled: !!search,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  // Merge tokens at read time - single place where caches are combined\n  const allTokens = useMemo(() => {\n    const merged = mergeVerifiedWithSearchTokens(verifiedTokens, searchTokens)\n    return filterAllowedTokens(merged, configTokens, chainsConfig, formType)\n  }, [verifiedTokens, searchTokens, configTokens, chainsConfig, formType])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,kBAAkB;AAExB,MAAa,aACX,UACA,QACA,YAKG;CACH,MAAM,EACJ,QAAQ,cACR,QAAQ,cACR,cACE,gBAAgB;CACpB,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,4BAA4B,wBAAwB;CAG5D,MAAM,EAAE,MAAM,gBAAgB,cAAc,SAAS;EACnD,UAAU,CAAC,YAAY,UAAU,SAAS,CAAC;EAC3C,SAAS,OAAO,EAAE,aAAa;GAS7B,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,YAXe;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;IACZ,EAAE,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAKvD;IACT,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,EAAE,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;GAAK,EAAE,CACtD,CAAC,CAGS;EACd;EACA;EACA,WAAW;CACb,CAAC;CAGD,MAAM,EAAE,MAAM,cAAc,WAAW,oBAAoB,SAAS;EAClE,UAAU;GAAC,YAAY,iBAAiB,SAAS;GAAG;GAAQ;EAAO;EACnE,SAAS,OAAO,EAAE,UAAU,aAAa;GACvC,MAAM,GAAG,aAAa,iBAAiB;GAavC,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE,YAXe;KACjB,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;KACV,UAAU;IACZ,EAAE,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAKvD;IACT,SAAS;IACT,UAAU;IACV,QAAQ;IACR,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAGA,IAAI,WAAW;GACf,IAAI,CAAC,UAAU;IACb,MAAM,YAAY,wBAAwB,WAAW;IACrD,IAAI,aAAa,aAAa,uBAC5B,WAAW,sBAAsB;GAErC;GAIA,IAAI,YAAY;QAEV,EADmB,eAAe,OAAO,aAAa,CAAC,GACvC,QAAQ;KAC1B,MAAM,QAAQ,MAAM,SAAS,WAAW,UAAU,aAAa,EAC7D,OACF,CAAC;KACD,IAAI,OACF,eAAe,OAAO,YAAY,CAAC,KAAK;IAE5C;;GAWF,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,EAAE,KAAK,CAAC,SAAS,YAAY,CAC/D,SACA,OAAO,KAAK,WAAW;IAAE,GAAG;IAAO,UAAU;GAAM,EAAE,CACvD,CAAC,CAGS;EACd;EACA,SAAS,CAAC,CAAC;EACX;EACA,WAAW;CACb,CAAC;CAQD,OAAO;EACL,WANgB,cAAc;GAE9B,OAAO,oBADQ,8BAA8B,gBAAgB,YAC7B,GAAG,cAAc,cAAc,QAAQ;EACzE,GAAG;GAAC;GAAgB;GAAc;GAAc;GAAc;EAAQ,CAG5D;EACR;EACA;CACF;AACF"}

package/dist/esm/hooks/useTools.js

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1 @@
+{"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,gBAAgB;CAC1D,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,YAAY,aAAa;CAE/B,MAAM,EAAE,SAAS,SAAS;EACxB,UAAU;GACR,YAAY,SAAS,SAAS;GAC9B,SAAS;GACT,SAAS;GACT,WAAW;GACX,WAAW;EACb;EACA,SAAS,YAAoC;GAC3C,MAAM,QAAQ,MAAM,SAAS,SAAS;GACtC,MAAM,oBAAoB,kBACxB,UACC,YAAY,IAAI,IAAI,OAAO,CAC9B;GACA,MAAM,sBAAsB,kBAC1B,YACC,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,MAAM,SAAS;IACb,SAAS,MAAM,QAAQ,QAAQ,WAC7B,qBAAqB,OAAO,KAAK,iBAAiB,CACpD;IACA,WAAW,MAAM,UAAU,QAAQ,aACjC,qBAAqB,SAAS,KAAK,mBAAmB,CACxD;GACF;GACA,MAAM,EAAE,oBAAoB,cAAc,SAAS;GACnD,gBACE,WACA,OAAO,QAAQ,KAAK,WAAW,OAAO,GAAG,CAC3C;GACA,gBACE,aACA,OAAO,UAAU,KAAK,aAAa,SAAS,GAAG,CACjD;GACA,OAAO;EACT;EACA,iBAAiB;EACjB,WAAW;CACb,CAAC;CAED,OAAO,EAAE,OAAO,KAAK;AACvB"}

package/dist/esm/hooks/useTransactionDetails.js

@@ -0,0 +1,49 @@
+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

@@ -0,0 +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,GAAG,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,GACC,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/useTransactionHistory.js

@@ -0,0 +1,68 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useSDKClient } from "../providers/SDKClientProvider.js";
+import { getQueryKey } from "../utils/queries.js";
+import { getSourceTxHash } from "../stores/routes/utils.js";
+import { useRouteExecutionStoreContext } from "../stores/routes/RouteExecutionStore.js";
+import { useTools } from "./useTools.js";
+import { buildRouteFromTxHistory } from "../utils/converters.js";
+import { getTransactionHistory } from "@lifi/sdk";
+import { useEffect, useMemo } from "react";
+import { useQueries } from "@tanstack/react-query";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useTransactionHistory.ts
+const useTransactionHistory = () => {
+	const store = useRouteExecutionStoreContext();
+	const { accounts } = useAccount();
+	const { keyPrefix } = useWidgetConfig();
+	const sdkClient = useSDKClient();
+	const { tools } = useTools();
+	const { data: routeExecutions, isLoading } = useQueries({
+		queries: accounts.map((account) => ({
+			queryKey: [getQueryKey("transaction-history", keyPrefix), account.address],
+			queryFn: (async ({ queryKey: [, accountAddress], signal }) => {
+				if (!accountAddress) return [];
+				const date = /* @__PURE__ */ new Date();
+				date.setFullYear(date.getFullYear() - 10);
+				return (await getTransactionHistory(sdkClient, {
+					wallet: accountAddress,
+					fromTimestamp: Math.floor(date.getTime() / 1e3),
+					toTimestamp: Math.floor(Date.now() / 1e3)
+				}, { signal })).transfers;
+			}),
+			refetchInterval: 3e5,
+			enabled: Boolean(account.address)
+		})),
+		combine: (results) => {
+			const uniqueTransactions = /* @__PURE__ */ new Map();
+			results.forEach((result) => {
+				if (result.data) result.data.forEach((transaction) => {
+					if (transaction?.transactionId && transaction?.receiving?.chainId && transaction?.sending.chainId) uniqueTransactions.set(transaction.transactionId, transaction);
+				});
+			});
+			return {
+				data: Array.from(uniqueTransactions.values()).flatMap((transaction) => {
+					const routeExecution = buildRouteFromTxHistory(transaction, tools);
+					return routeExecution ? [routeExecution] : [];
+				}),
+				isLoading: results.some((result) => result.isLoading)
+			};
+		}
+	});
+	const apiTxHashes = useMemo(() => new Set(routeExecutions.map((r) => getSourceTxHash(r.route))), [routeExecutions]);
+	useEffect(() => {
+		if (!apiTxHashes.size) return;
+		const { routes, deleteRoute } = store.getState();
+		for (const [id, routeExecution] of Object.entries(routes)) {
+			const txHash = getSourceTxHash(routeExecution?.route);
+			if (txHash && apiTxHashes.has(txHash)) deleteRoute(id);
+		}
+	}, [apiTxHashes, store]);
+	return {
+		data: routeExecutions,
+		isLoading
+	};
+};
+//#endregion
+export { useTransactionHistory };
+
+//# sourceMappingURL=useTransactionHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransactionHistory.js","names":[],"sources":["../../../src/hooks/useTransactionHistory.ts"],"sourcesContent":["import type { FullStatusData, StatusResponse } from '@lifi/sdk'\nimport { getTransactionHistory } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport type { QueryFunction } from '@tanstack/react-query'\nimport { useQueries } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStoreContext } from '../stores/routes/RouteExecutionStore.js'\nimport type {\n  RouteExecution,\n  RouteExecutionState,\n} from '../stores/routes/types.js'\nimport { getSourceTxHash } from '../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../utils/converters.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport { useTools } from './useTools.js'\n\nexport const useTransactionHistory = (): {\n  data: RouteExecution[]\n  isLoading: boolean\n} => {\n  const store = useRouteExecutionStoreContext()\n  const { accounts } = useAccount()\n  const { keyPrefix } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { tools } = useTools()\n\n  const { data: routeExecutions, isLoading } = useQueries({\n    queries: accounts.map((account) => ({\n      queryKey: [\n        getQueryKey('transaction-history', keyPrefix),\n        account.address,\n      ],\n      queryFn: (async ({ queryKey: [, accountAddress], signal }) => {\n        if (!accountAddress) {\n          return []\n        }\n        const date = new Date()\n        date.setFullYear(date.getFullYear() - 10)\n\n        const response = await getTransactionHistory(\n          sdkClient,\n          {\n            wallet: accountAddress,\n            fromTimestamp: Math.floor(date.getTime() / 1000),\n            toTimestamp: Math.floor(Date.now() / 1000),\n          },\n          { signal }\n        )\n\n        return response.transfers\n      }) as QueryFunction<StatusResponse[], (string | undefined)[], never>,\n      refetchInterval: 300_000,\n      enabled: Boolean(account.address),\n    })),\n    combine: (results) => {\n      const uniqueTransactions = new Map<string, StatusResponse>()\n      results.forEach((result) => {\n        if (result.data) {\n          result.data.forEach((transaction) => {\n            if (\n              (transaction as FullStatusData)?.transactionId &&\n              (transaction as FullStatusData)?.receiving?.chainId &&\n              transaction?.sending.chainId\n            ) {\n              uniqueTransactions.set(\n                (transaction as FullStatusData).transactionId,\n                transaction\n              )\n            }\n          })\n        }\n      })\n      // Convert raw API transactions into RouteExecution objects.\n      const data = Array.from(uniqueTransactions.values()).flatMap(\n        (transaction) => {\n          const routeExecution = buildRouteFromTxHistory(\n            transaction as FullStatusData,\n            tools\n          )\n          return routeExecution ? [routeExecution] : []\n        }\n      )\n      return {\n        data,\n        isLoading: results.some((result) => result.isLoading),\n      }\n    },\n  })\n\n  // Stable Set — only recreated when data actually changes (TanStack Query structural sharing).\n  const apiTxHashes = useMemo(\n    () => new Set(routeExecutions.map((r) => getSourceTxHash(r.route))),\n    [routeExecutions]\n  )\n\n  // Remove local store routes already indexed by the API to avoid duplicates.\n  // Must be in an effect — combine runs during render, so store mutations there\n  // would trigger \"Cannot update a component while rendering\" in concurrent mode.\n  useEffect(() => {\n    if (!apiTxHashes.size) {\n      return\n    }\n    const { routes, deleteRoute } = store.getState() as RouteExecutionState\n    for (const [id, routeExecution] of Object.entries(routes)) {\n      const txHash = getSourceTxHash(\n        (routeExecution as RouteExecution | undefined)?.route\n      )\n      if (txHash && apiTxHashes.has(txHash)) {\n        deleteRoute(id)\n      }\n    }\n  }, [apiTxHashes, store])\n\n  return {\n    data: routeExecutions,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,8BAGR;CACH,MAAM,QAAQ,8BAA8B;CAC5C,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,YAAY,aAAa;CAC/B,MAAM,EAAE,UAAU,SAAS;CAE3B,MAAM,EAAE,MAAM,iBAAiB,cAAc,WAAW;EACtD,SAAS,SAAS,KAAK,aAAa;GAClC,UAAU,CACR,YAAY,uBAAuB,SAAS,GAC5C,QAAQ,OACV;GACA,UAAU,OAAO,EAAE,UAAU,GAAG,iBAAiB,aAAa;IAC5D,IAAI,CAAC,gBACH,OAAO,CAAC;IAEV,MAAM,uBAAO,IAAI,KAAK;IACtB,KAAK,YAAY,KAAK,YAAY,IAAI,EAAE;IAYxC,QAAO,MAVgB,sBACrB,WACA;KACE,QAAQ;KACR,eAAe,KAAK,MAAM,KAAK,QAAQ,IAAI,GAAI;KAC/C,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI;IAC3C,GACA,EAAE,OAAO,CACX,GAEgB;GAClB;GACA,iBAAiB;GACjB,SAAS,QAAQ,QAAQ,OAAO;EAClC,EAAE;EACF,UAAU,YAAY;GACpB,MAAM,qCAAqB,IAAI,IAA4B;GAC3D,QAAQ,SAAS,WAAW;IAC1B,IAAI,OAAO,MACT,OAAO,KAAK,SAAS,gBAAgB;KACnC,IACG,aAAgC,iBAChC,aAAgC,WAAW,WAC5C,aAAa,QAAQ,SAErB,mBAAmB,IAChB,YAA+B,eAChC,WACF;IAEJ,CAAC;GAEL,CAAC;GAWD,OAAO;IACL,MAVW,MAAM,KAAK,mBAAmB,OAAO,CAAC,EAAE,SAClD,gBAAgB;KACf,MAAM,iBAAiB,wBACrB,aACA,KACF;KACA,OAAO,iBAAiB,CAAC,cAAc,IAAI,CAAC;IAC9C,CAGG;IACH,WAAW,QAAQ,MAAM,WAAW,OAAO,SAAS;GACtD;EACF;CACF,CAAC;CAGD,MAAM,cAAc,cACZ,IAAI,IAAI,gBAAgB,KAAK,MAAM,gBAAgB,EAAE,KAAK,CAAC,CAAC,GAClE,CAAC,eAAe,CAClB;CAKA,gBAAgB;EACd,IAAI,CAAC,YAAY,MACf;EAEF,MAAM,EAAE,QAAQ,gBAAgB,MAAM,SAAS;EAC/C,KAAK,MAAM,CAAC,IAAI,mBAAmB,OAAO,QAAQ,MAAM,GAAG;GACzD,MAAM,SAAS,gBACZ,gBAA+C,KAClD;GACA,IAAI,UAAU,YAAY,IAAI,MAAM,GAClC,YAAY,EAAE;EAElB;CACF,GAAG,CAAC,aAAa,KAAK,CAAC;CAEvB,OAAO;EACL,MAAM;EACN;CACF;AACF"}

package/dist/esm/hooks/useTransactionList.js

@@ -0,0 +1,57 @@
+import { hasEnumFlag } from "../utils/enum.js";
+import { getSourceTxHash } from "../stores/routes/utils.js";
+import { useRouteExecutionStore } from "../stores/routes/RouteExecutionStore.js";
+import { useTransactionHistory } from "./useTransactionHistory.js";
+import { useMemo } from "react";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/hooks/useTransactionList.ts
+const routesSelector = (state) => state.routes;
+const useTransactionList = () => {
+	const { accounts } = useAccount();
+	const accountAddresses = useMemo(() => accounts.map((account) => account.address), [accounts]);
+	const { data: apiRouteExecutions, isLoading } = useTransactionHistory();
+	const routes = useRouteExecutionStore(routesSelector);
+	return {
+		items: useMemo(() => {
+			const apiTxHashes = new Set(apiRouteExecutions.map((r) => getSourceTxHash(r.route)));
+			const activeItems = [];
+			const localItems = [];
+			for (const r of Object.values(routes)) {
+				if (!accountAddresses.includes(r.route.fromAddress)) continue;
+				if (apiTxHashes.has(getSourceTxHash(r.route))) continue;
+				const startedAt = r.route.steps[0]?.execution?.startedAt ?? 0;
+				if (r.status === 2 || r.status === 8) activeItems.push({
+					type: "active",
+					routeId: r.route.id,
+					startedAt
+				});
+				else if (hasEnumFlag(r.status, 4)) localItems.push({
+					type: "local",
+					routeExecution: r,
+					txHash: getSourceTxHash(r.route) ?? "",
+					startedAt
+				});
+			}
+			const historyItems = apiRouteExecutions.map((routeExecution) => ({
+				type: "history",
+				routeExecution,
+				txHash: getSourceTxHash(routeExecution.route) ?? "",
+				startedAt: routeExecution.route.steps[0]?.execution?.startedAt ?? 0
+			}));
+			return [
+				...activeItems,
+				...localItems,
+				...historyItems
+			].sort((a, b) => b.startedAt - a.startedAt);
+		}, [
+			accountAddresses,
+			apiRouteExecutions,
+			routes
+		]),
+		isLoading
+	};
+};
+//#endregion
+export { useTransactionList };
+
+//# sourceMappingURL=useTransactionList.js.map

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

@@ -0,0 +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,IAAI,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,IAAI,WAAW,aAAa;GACpE,EACF;GAEA,OAAO;IAAC,GAAG;IAAa,GAAG;IAAY,GAAG;GAAY,EAAE,MACrD,GAAG,MAAM,EAAE,YAAY,EAAE,SAC5B;EACF,GAAG;GAAC;GAAkB;GAAoB;EAAM,CAEnC;EAAG;CAAU;AAC5B"}

package/dist/esm/hooks/useWideVariant.js

@@ -0,0 +1,13 @@
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { useMediaQuery } from "@mui/material";
+//#region src/hooks/useWideVariant.ts
+const defaultExpandableWidth = 852;
+const useWideVariant = () => {
+	const { variant, showSingleRoute } = useWidgetConfig();
+	const expandableAllowed = useMediaQuery((theme) => theme.breakpoints.up(defaultExpandableWidth));
+	return variant === "wide" && expandableAllowed && !showSingleRoute;
+};
+//#endregion
+export { useWideVariant };
+
+//# sourceMappingURL=useWideVariant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWideVariant.js","names":[],"sources":["../../../src/hooks/useWideVariant.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { useMediaQuery } from '@mui/material'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\n\nconst defaultExpandableWidth = 852\n\nexport const useWideVariant = (): boolean => {\n  const { variant, showSingleRoute } = useWidgetConfig()\n  const expandableAllowed = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.up(defaultExpandableWidth)\n  )\n  return variant === 'wide' && expandableAllowed && !showSingleRoute\n}\n"],"mappings":";;;AAIA,MAAM,yBAAyB;AAE/B,MAAa,uBAAgC;CAC3C,MAAM,EAAE,SAAS,oBAAoB,gBAAgB;CACrD,MAAM,oBAAoB,eAAe,UACvC,MAAM,YAAY,GAAG,sBAAsB,CAC7C;CACA,OAAO,YAAY,UAAU,qBAAqB,CAAC;AACrD"}

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

@@ -0,0 +1,12 @@
+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;
+  getChainById: (chainId?: number, chains?: ExtendedChain[]) => ExtendedChain | undefined;
+  isLoading: boolean;
+};
+//#endregion
+export { useWidgetChains };
+//# sourceMappingURL=useWidgetChains.d.ts.map

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

@@ -0,0 +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"}

package/dist/esm/hooks/useWidgetChains.js

@@ -0,0 +1,9 @@
+import { useAvailableChains } from "./useAvailableChains.js";
+//#region src/hooks/useWidgetChains.ts
+const useWidgetChains = (widgetConfig) => {
+	return useAvailableChains(void 0, widgetConfig);
+};
+//#endregion
+export { useWidgetChains };
+
+//# sourceMappingURL=useWidgetChains.js.map