@lifi/widget 4.3.1 → 4.5.0

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/useTokens.js.map

@@ -1 +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;GAC7B,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,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;GAKvC,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,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,EAAA,CACvC,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,CAAC,CAAC,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"}
+{"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;GAC7B,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,SAAS;IACT,UAAU;IACV,OAAO;IACP,aAAa;GACf,GACA,EAAE,OAAO,CACX;GAUA,OAP8B,OAAO,YACnC,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,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;GAKvC,MAAM,aAAa;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;GACZ,CAAC,CAAC,QAAQ,cAAc,cAAc,WAAW,cAAc,KAAK,CAAC;GAErE,MAAM,iBAAyC,MAAM,UACnD,WACA;IACE;IACA,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,aAEV;QAAA,EADmB,eAAe,OAAO,aAAa,CAAC,EAAA,CACvC,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,CAAC,CAAC,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.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"}

package/dist/esm/i18n/en.json

@@ -31,7 +31,11 @@
     "dark": "Dark",
     "delete": "Delete",
     "deposit": "Deposit",
+    "depositWithCash": "Deposit with cash",
+    "pay": "Pay",
     "depositReview": "Review deposit",
+    "connectExchange": "Connect exchange",
+    "transferCrypto": "Transfer crypto",
     "disconnect": "Disconnect",
     "done": "Done",
     "exchange": "Exchange",
@@ -41,10 +45,16 @@
     "max": "MAX",
     "ok": "Ok",
     "options": "Options",
+    "requestRefund": "Request refund",
     "reset": "Reset",
     "resetSettings": "Reset settings",
+    "resumeTransaction": "Resume transaction",
     "review": "Review",
     "seeDetails": "See details",
+    "topUp": "Top up",
+    "viewRefund": "View refund",
+    "viewRefundStatus": "View refund status",
+    "viewTransferDetails": "View transfer details",
     "showAll": "Show all",
     "startBridging": "Start bridging",
     "startSwapping": "Start swapping",
@@ -63,8 +73,13 @@
     "checkout": "Checkout",
     "checkoutDetails": "Checkout details",
     "deposit": "Deposit",
+    "depositWithCash": "Deposit with cash",
+    "depositAddress": "Deposit address",
     "depositDetails": "Deposit details",
     "depositTo": "Deposit to",
+    "connectExchange": "Connect exchange",
+    "transferCrypto": "Transfer crypto",
+    "currency": "Currency",
     "exchange": "Exchange",
     "from": "Exchange from",
     "gas": "Gas",
@@ -330,6 +345,7 @@
     "tokenSearch": "Search by token or address",
     "valueLoss": "Value loss",
     "searchBridges": "Search by bridge name",
+    "searchCurrency": "Search currency",
     "searchExchanges": "Search by exchange name",
     "searchNetwork": "Search network"
   },
@@ -381,5 +397,310 @@
     "contractAddress": "Contract address",
     "marketCap": "Market cap",
     "volume24h": "Volume 24h"
+  },
+  "tags": {
+    "connected": "Connected",
+    "getStarted": "Get Started",
+    "installed": "Installed",
+    "multichain": "Multichain",
+    "qrCode": "QR Code"
+  },
+  "checkout": {
+    "closeConfirmation": {
+      "title": "Leave checkout?",
+      "body": "Closing won't cancel your deposit. You can come back to check on it here anytime.",
+      "confirm": "Close checkout",
+      "cancel": "Cancel"
+    },
+    "abandonConfirmation": {
+      "title": "Cancel this transfer?",
+      "body": "Your deposit details will be discarded. Don't send funds to this address after cancelling.",
+      "confirm": "Cancel transfer",
+      "cancel": "Keep transfer"
+    },
+    "activity": {
+      "title": "Activity",
+      "deposit": "Deposit",
+      "amountOnChain": "{{amount}} {{symbol}} on {{chain}}",
+      "depositInProgress": "Deposit in progress",
+      "refundInProgress": "Refund in progress",
+      "couldNotComplete": "Couldn't complete",
+      "singleFailed": "Deposit failed. Please resolve",
+      "dismiss": "Dismiss"
+    },
+    "transak": {
+      "forceClose": {
+        "tooltip": "Close (transaction won't resume)"
+      }
+    },
+    "legal": {
+      "termsDisclaimer": "By continuing, you agree to LI.FI's <terms>Terms of Service</terms>."
+    },
+    "resume": {
+      "notFoundToast": "We couldn't find your transaction. Start over or contact support if you think this is a mistake."
+    },
+    "transferDeposit": {
+      "warning": "Send at least <b>{{amount}} {{symbol}}</b> on <b>{{chain}}</b>. Wrong token or chain may be unrecoverable.",
+      "expiresIn": "Deposit address expires in {{minutes}}:{{seconds}}",
+      "addressLabel": "Deposit address",
+      "copyAddress": "Copy address",
+      "addressCopied": "Copied!",
+      "regenerate": "Generate new deposit address",
+      "expired": "This deposit window expired. Generate a new one to continue.",
+      "polling": "Watching for your deposit…",
+      "detailsTitle": "Deposit details",
+      "table": {
+        "required": "Required",
+        "received": "Received",
+        "minRefundable": "Min. refundable",
+        "remaining": "Remaining",
+        "excess": "Excess",
+        "timeRemaining": "Time remaining"
+      },
+      "errors": {
+        "unexpected": {
+          "title": "Unexpected deposit",
+          "description": "We received a deposit that doesn't match a supported route. Contact support for next steps."
+        },
+        "amountLowThreshold": {
+          "title": "Deposit incomplete",
+          "description": "Top up to complete your order, or to enable a refund."
+        },
+        "amountLowTopUp": {
+          "title": "Deposit incomplete",
+          "description": "Send the remaining before the deposit window closes."
+        },
+        "amountLowExpired": {
+          "title": "Deposit incomplete",
+          "description": "The deposit window has expired. You can request a refund for the amount received."
+        },
+        "excessHeld": {
+          "title": "Excess held",
+          "description": "Your order is processing. The excess is held — request a refund to retrieve it."
+        },
+        "lateArrival": {
+          "title": "Deposit arrived late",
+          "description": "Your funds reached us after the deposit window closed. You can reactivate to continue, or request a refund."
+        },
+        "addressExpired": {
+          "title": "Deposit address expired",
+          "description": "The deposit address has expired without receiving funds. You can try again with a new deposit address."
+        },
+        "marketMoved": {
+          "title": "Transaction failed",
+          "description": "The exchange rate moved before your order could complete. Your funds are safe — a refund has been started."
+        },
+        "refunding": {
+          "title": "Transaction failed — refunding",
+          "description": "We couldn't complete the transfer after several attempts. Your funds are being refunded to the wallet that sent them."
+        }
+      }
+    },
+    "fiatCurrency": {
+      "label": "Pay with"
+    },
+    "cashCurrency": {
+      "error": "Unable to load currencies right now. Try again."
+    },
+    "cashQuote": {
+      "totalFeesLabel": "Total fees",
+      "feeFallback": "Fee {{index}}",
+      "guaranteedMinimum": "Guaranteed minimum",
+      "refundNote": "You'll receive at least {{value}}, or a full refund.",
+      "error": "Unable to refresh the quote right now. Try again."
+    },
+    "cashHandoff": {
+      "title": "You'll finish paying in Transak",
+      "body": "Your payment passes through a temporary deposit address we created for this purchase, not your personal wallet. That's expected, and it happens automatically.",
+      "addressLabel": "Deposit address",
+      "addressHint": "You'll see this same address in Transak.",
+      "continue": "Continue to Transak",
+      "goBack": "Go back"
+    },
+    "paymentMethod": {
+      "label": "Payment method"
+    },
+    "flowSummary": {
+      "wallet": "From your wallet",
+      "transfer": "Transfer crypto",
+      "exchange": "From an exchange",
+      "cash": "Buy with cash"
+    },
+    "transactionStatus": {
+      "detailsTitle": "Transaction details",
+      "watching": "Watching for transaction",
+      "executing": "Processing transaction",
+      "success": "Transaction successful",
+      "seeDetails": "See details",
+      "steps": {
+        "transferInitiated": "Transfer initiated",
+        "receive": {
+          "upcoming": "Receive {{symbol}}",
+          "loading": "Receiving {{symbol}}",
+          "done": "{{symbol}} received"
+        },
+        "swap": {
+          "upcoming": "Swap to {{symbol}}",
+          "loading": "Swapping to {{symbol}}",
+          "done": "Swapped to {{symbol}}"
+        },
+        "bridge": {
+          "upcoming": "Bridge to {{chain}}",
+          "loading": "Bridging to {{chain}}",
+          "done": "Bridged to {{chain}}"
+        }
+      }
+    },
+    "chooseFundingSource": "Choose funding source",
+    "whereToSendIt": "Where to send it",
+    "sendingTo": "Sending to",
+    "required": "Required",
+    "addWalletToReceive": "Add a wallet to receive your {{token}}",
+    "walletAddressOrEns": "Wallet address or ENS name",
+    "insufficientFunds": "Insufficient funds — You don't have enough {{symbol}} on {{chain}}. Select a different token to try again.",
+    "routeNotFound": {
+      "title": "Can't buy this token here",
+      "description": "This token isn't available through the payment method you selected. Try a different token, or pay from a connected wallet."
+    },
+    "useYourTokens": "Use your tokens",
+    "buyTokens": "Buy tokens",
+    "or": "or",
+    "payFromWallet": "Pay from Wallet",
+    "payFromWalletSubtitle": "Connect a browser wallet",
+    "payFromWalletConnectedSubtitle": "Select token & amount",
+    "transferCrypto": "Transfer Crypto",
+    "transferCryptoSubtitle": "From any wallet",
+    "connectExchange": "Connect Exchange",
+    "connectExchangeSubtitle": "Link your exchange account",
+    "payWithExchange": "Pay with {{exchange}}",
+    "reuseExchangeSubtitle": "Continue with your linked account",
+    "depositWithCash": "Deposit with Cash",
+    "depositWithCashSubtitle": "Debit or credit card",
+    "connectWallet": "Connect wallet",
+    "useAnotherWallet": "Use another wallet",
+    "moreWallets": "More",
+    "progress": {
+      "title": "Purchase in progress",
+      "description": "We're processing your purchase. This may take a few minutes."
+    },
+    "onramp": {
+      "dialogTitle": "Deposit with {{providerName}}",
+      "close": "Close",
+      "errors": {
+        "MISSING_API_URL": "{{providerName}} is not configured: set sdkConfig.apiUrl on the checkout.",
+        "MISSING_API_KEY": "{{providerName}} is not configured: set widget apiKey to call checkout sessions.",
+        "TARGET_NOT_CONFIGURED": "{{providerName}} destination is not configured: set widget.toChain and widget.toToken.",
+        "INVALID_RESPONSE": "Invalid response from {{providerName}} session API.",
+        "NETWORK_ERROR": "Network error starting {{providerName}} session.",
+        "SESSION_HTTP": "Could not start {{providerName}} session ({{status}}). Try again later.",
+        "generic": "Something went wrong. Try again later."
+      },
+      "failure": {
+        "connectionTitle": "Connection failed",
+        "connectionDescription": "We couldn't connect to {{providerName}}. Try again or contact support.",
+        "withdrawalTitle": "Withdrawal failed",
+        "withdrawalDescription": "{{providerName}} couldn't process your withdrawal. Your funds remain in your account.",
+        "transferTitle": "Transaction failed - refunding",
+        "transferDescription": "We couldn't complete the transfer after several attempts. Your funds are being refunded to the wallet that sent them."
+      }
+    },
+    "status": {
+      "successCompleted": {
+        "title": "Transaction successful",
+        "description": "Your transaction has been completed successfully."
+      },
+      "successPartial": {
+        "title": "Partially completed",
+        "description": "Your transaction completed, but some of the received tokens are not the requested destination tokens. Open the details to see what you received."
+      },
+      "successRefund": {
+        "title": "Refund complete",
+        "description": "Your transaction could not be completed and your funds have been refunded."
+      },
+      "pendingDefault": {
+        "title": "Processing transaction",
+        "description": "Your transaction is being processed. This may take a few minutes."
+      },
+      "pendingRefund": {
+        "title": "Refund in progress",
+        "description": "We're sending your funds back. This usually takes a few minutes.",
+        "sentTo": "Sent to:"
+      },
+      "pendingRetrying": {
+        "title": "Retrying transaction",
+        "description": "We encountered an issue and are automatically retrying your transaction."
+      },
+      "errorExpired": {
+        "title": "Transaction expired",
+        "description": "The transaction window has expired. Please try again."
+      },
+      "errorFailed": {
+        "title": "Transaction failed",
+        "description": "We couldn't complete your transaction. Try again or contact support."
+      },
+      "errorConnection": {
+        "title": "Connection failed",
+        "description": "We couldn't connect to the payment provider. Try again or contact support.",
+        "exchange": {
+          "title": "Exchange connection failed",
+          "description": "We couldn't connect to your exchange account. Try again or contact support."
+        }
+      },
+      "errorWithdrawal": {
+        "title": "Withdrawal failed",
+        "description": "The payment provider couldn't process your withdrawal. Your funds remain in your account.",
+        "cash": {
+          "title": "Payment didn't complete",
+          "description": "Your payment didn't go through. No funds were taken."
+        },
+        "exchange": {
+          "title": "Exchange withdrawal failed",
+          "description": "Your exchange couldn't process the withdrawal. Your funds remain in your exchange account."
+        }
+      },
+      "errorCancelled": {
+        "title": "Transaction cancelled",
+        "description": "Your transaction was cancelled. You can try again whenever you're ready.",
+        "cash": {
+          "title": "Payment cancelled",
+          "description": "You closed the payment window. Your order wasn't placed."
+        }
+      },
+      "errorUnavailable": {
+        "title": "Service unavailable",
+        "description": "The payment provider is temporarily unavailable. Please try again later or contact support.",
+        "cash": {
+          "title": "Card payment unavailable",
+          "description": "Card payments are temporarily unavailable. Try again later or use a different method."
+        }
+      },
+      "walletDisconnected": {
+        "title": "Wallet disconnected",
+        "description": "Your wallet was disconnected during the transaction. Reconnect and try again."
+      },
+      "walletErrorFailed": {
+        "title": "Transaction failed",
+        "description": "We couldn't complete your transaction. View the details or try again."
+      },
+      "walletErrorExpired": {
+        "title": "Order expired",
+        "description": "The transaction window expired before your order could be processed. Please try again."
+      },
+      "walletPendingRefund": {
+        "title": "Refund in progress",
+        "description": "We're sending your funds back to the wallet you paid from. This usually takes a few minutes.",
+        "sentToWallet": "Sent to wallet:"
+      },
+      "walletSuccessRefund": {
+        "title": "Refund complete",
+        "description": "Your transaction could not be completed and your funds have been refunded to your wallet."
+      }
+    },
+    "refund": {
+      "title": "Refund",
+      "inProgressDescription": "Your {{amount}} {{symbol}} on {{chain}} is being returned to your wallet. This usually takes a few minutes.",
+      "completeDescription": "Your {{amount}} {{symbol}} on {{chain}} was returned to your wallet.",
+      "viewTransaction": "View transaction"
+    }
   }
 }

package/dist/esm/index.d.ts

@@ -21,6 +21,7 @@ import { azureLightTheme } from "./themes/azureLight.js";
 import { createTheme } from "./themes/createTheme.js";
 import { jumperTheme } from "./themes/jumper.js";
 import { palette, paletteDark, paletteLight } from "./themes/palettes.js";
+import "./themes/types.js";
 import { watermelonLightTheme } from "./themes/watermelonLight.js";
 import { windows95Theme } from "./themes/windows95.js";
 import { compactNumberFormatter } from "./utils/compactNumberFormatter.js";

package/dist/esm/pages/ActivitiesPage/ActivitiesPage.js

@@ -1,4 +1,5 @@
 import { PageContainer } from "../../components/PageContainer.js";
+import "../../stores/routes/types.js";
 import { useRouteExecutionStore } from "../../stores/routes/RouteExecutionStore.js";
 import { TransactionCardSkeleton } from "../../components/TransactionCard/TransactionCardSkeleton.js";
 import { useHeader } from "../../hooks/useHeader.js";

package/dist/esm/pages/ActivitiesPage/ActivitiesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitiesPage.js","names":[],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { Box, List } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { type JSX, useCallback, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCardSkeleton } from '../../components/TransactionCard/TransactionCardSkeleton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useTransactionList } from '../../hooks/useTransactionList.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { ActiveTransactionItem } from './ActiveTransactionItem.js'\nimport { ActivitiesPageMenuButton } from './ActivitiesPageMenuButton.js'\nimport { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js'\nimport { TransactionHistoryItem } from './TransactionHistoryItem.js'\n\nconst SKELETON_COUNT = 2\n\nexport const ActivitiesPage = (): JSX.Element => {\n  // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue\n  const parentRef = useRef<HTMLDivElement | null>(null)\n  const { items, isLoading } = useTransactionList()\n\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const hasFailedItems = useRouteExecutionStore(\n    useCallback(\n      (state) =>\n        Object.values(state.routes).some(\n          (r) =>\n            r?.status === RouteExecutionStatus.Failed &&\n            accountAddresses.includes(r.route.fromAddress)\n        ),\n      [accountAddresses]\n    )\n  )\n\n  useHeader(\n    t('header.activities'),\n    hasFailedItems ? <ActivitiesPageMenuButton /> : null\n  )\n\n  const { listHeight } = useListHeight({\n    listParentRef: parentRef,\n  })\n\n  const hasStoreItems = items.length > 0\n  const skeletonCount = isLoading && hasStoreItems ? SKELETON_COUNT : 0\n  const totalCount = items.length + skeletonCount\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      if (index >= items.length) {\n        return `skeleton-${index}`\n      }\n      const item = items[index]\n      if (item.type === 'active') {\n        return `active-${item.routeId}`\n      }\n      return `${item.type}-${item.txHash || item.routeExecution.route.id}`\n    },\n    [items]\n  )\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: hasStoreItems ? totalCount : 0,\n    overscan: 3,\n    paddingEnd: 12,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => (items[index]?.type === 'active' ? 218 : 196),\n    getItemKey,\n  })\n\n  const isEmpty = !items.length && !isLoading\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={parentRef}\n        style={{ height: listHeight }}\n        sx={{ overflow: 'auto', paddingX: 3, paddingTop: 1.5 }}\n      >\n        {isEmpty ? (\n          <TransactionHistoryEmpty />\n        ) : isLoading && !hasStoreItems ? (\n          <List\n            disablePadding\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              marginBottom: 2,\n            }}\n          >\n            {Array.from({ length: SKELETON_COUNT }).map((_, index) => (\n              <TransactionCardSkeleton key={index} />\n            ))}\n          </List>\n        ) : (\n          <List\n            style={{ height: getTotalSize(), position: 'relative' }}\n            disablePadding\n          >\n            {getVirtualItems().map((item) => {\n              const listItem =\n                item.index < items.length ? items[item.index] : null\n              return (\n                <li\n                  key={item.key}\n                  ref={measureElement}\n                  data-index={item.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    paddingBottom: 16,\n                    transform: `translateY(${item.start}px)`,\n                    listStyle: 'none',\n                  }}\n                >\n                  {!listItem ? (\n                    <TransactionCardSkeleton />\n                  ) : listItem.type === 'active' ? (\n                    <ActiveTransactionItem routeId={listItem.routeId} />\n                  ) : (\n                    <TransactionHistoryItem\n                      route={listItem.routeExecution.route}\n                      type={listItem.type}\n                      transactionHash={listItem.txHash}\n                      startedAt={listItem.startedAt}\n                    />\n                  )}\n                </li>\n              )\n            })}\n          </List>\n        )}\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB;AAEvB,MAAa,uBAAoC;CAE/C,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,OAAO,cAAc,mBAAmB;CAEhD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CACA,MAAM,iBAAiB,uBACrB,aACG,UACC,OAAO,OAAO,MAAM,MAAM,CAAC,CAAC,MACzB,MACC,GAAG,WAAA,KACH,iBAAiB,SAAS,EAAE,MAAM,WAAW,CACjD,GACF,CAAC,gBAAgB,CACnB,CACF;CAEA,UACE,EAAE,mBAAmB,GACrB,iBAAiB,oBAAC,0BAAD,CAA2B,CAAA,IAAI,IAClD;CAEA,MAAM,EAAE,eAAe,cAAc,EACnC,eAAe,UACjB,CAAC;CAED,MAAM,gBAAgB,MAAM,SAAS;CACrC,MAAM,gBAAgB,aAAa,gBAAgB,iBAAiB;CACpE,MAAM,aAAa,MAAM,SAAS;CAElC,MAAM,aAAa,aAChB,UAAkB;EACjB,IAAI,SAAS,MAAM,QACjB,OAAO,YAAY;EAErB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,SAAS,UAChB,OAAO,UAAU,KAAK;EAExB,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,UAAU,KAAK,eAAe,MAAM;CAClE,GACA,CAAC,KAAK,CACR;CAEA,MAAM,EAAE,iBAAiB,cAAc,mBAAmB,eAAe;EACvE,OAAO,gBAAgB,aAAa;EACpC,UAAU;EACV,YAAY;EACZ,wBAAwB,UAAU;EAClC,eAAe,UAAW,MAAM,MAAM,EAAE,SAAS,WAAW,MAAM;EAClE;CACF,CAAC;CAED,MAAM,UAAU,CAAC,MAAM,UAAU,CAAC;CAElC,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO,EAAE,QAAQ,WAAW;GAC5B,IAAI;IAAE,UAAU;IAAQ,UAAU;IAAG,YAAY;GAAI;aAEpD,UACC,oBAAC,yBAAD,CAA0B,CAAA,IACxB,aAAa,CAAC,gBAChB,oBAAC,MAAD;IACE,gBAAA;IACA,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,cAAc;IAChB;cAEC,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC,KAAK,GAAG,UAC9C,oBAAC,yBAAD,CAAsC,GAAR,KAAQ,CACvC;GACG,CAAA,IAEN,oBAAC,MAAD;IACE,OAAO;KAAE,QAAQ,aAAa;KAAG,UAAU;IAAW;IACtD,gBAAA;cAEC,gBAAgB,CAAC,CAAC,KAAK,SAAS;KAC/B,MAAM,WACJ,KAAK,QAAQ,MAAM,SAAS,MAAM,KAAK,SAAS;KAClD,OACE,oBAAC,MAAD;MAEE,KAAK;MACL,cAAY,KAAK;MACjB,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,eAAe;OACf,WAAW,cAAc,KAAK,MAAM;OACpC,WAAW;MACb;gBAEC,CAAC,WACA,oBAAC,yBAAD,CAA0B,CAAA,IACxB,SAAS,SAAS,WACpB,oBAAC,uBAAD,EAAuB,SAAS,SAAS,QAAU,CAAA,IAEnD,oBAAC,wBAAD;OACE,OAAO,SAAS,eAAe;OAC/B,MAAM,SAAS;OACf,iBAAiB,SAAS;OAC1B,WAAW,SAAS;MACrB,CAAA;KAED,GAzBG,KAAK,GAyBR;IAER,CAAC;GACG,CAAA;EAEL,CAAA;CACQ,CAAA;AAEnB"}
+{"version":3,"file":"ActivitiesPage.js","names":[],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { Box, List } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { type JSX, useCallback, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCardSkeleton } from '../../components/TransactionCard/TransactionCardSkeleton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useTransactionList } from '../../hooks/useTransactionList.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { ActiveTransactionItem } from './ActiveTransactionItem.js'\nimport { ActivitiesPageMenuButton } from './ActivitiesPageMenuButton.js'\nimport { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js'\nimport { TransactionHistoryItem } from './TransactionHistoryItem.js'\n\nconst SKELETON_COUNT = 2\n\nexport const ActivitiesPage = (): JSX.Element => {\n  // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue\n  const parentRef = useRef<HTMLDivElement | null>(null)\n  const { items, isLoading } = useTransactionList()\n\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const hasFailedItems = useRouteExecutionStore(\n    useCallback(\n      (state) =>\n        Object.values(state.routes).some(\n          (r) =>\n            r?.status === RouteExecutionStatus.Failed &&\n            accountAddresses.includes(r.route.fromAddress)\n        ),\n      [accountAddresses]\n    )\n  )\n\n  useHeader(\n    t('header.activities'),\n    hasFailedItems ? <ActivitiesPageMenuButton /> : null\n  )\n\n  const { listHeight } = useListHeight({\n    listParentRef: parentRef,\n  })\n\n  const hasStoreItems = items.length > 0\n  const skeletonCount = isLoading && hasStoreItems ? SKELETON_COUNT : 0\n  const totalCount = items.length + skeletonCount\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      if (index >= items.length) {\n        return `skeleton-${index}`\n      }\n      const item = items[index]\n      if (item.type === 'active') {\n        return `active-${item.routeId}`\n      }\n      return `${item.type}-${item.txHash || item.routeExecution.route.id}`\n    },\n    [items]\n  )\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: hasStoreItems ? totalCount : 0,\n    overscan: 3,\n    paddingEnd: 12,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => (items[index]?.type === 'active' ? 218 : 196),\n    getItemKey,\n  })\n\n  const isEmpty = !items.length && !isLoading\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={parentRef}\n        style={{ height: listHeight }}\n        sx={{ overflow: 'auto', paddingX: 3, paddingTop: 1.5 }}\n      >\n        {isEmpty ? (\n          <TransactionHistoryEmpty />\n        ) : isLoading && !hasStoreItems ? (\n          <List\n            disablePadding\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              marginBottom: 2,\n            }}\n          >\n            {Array.from({ length: SKELETON_COUNT }).map((_, index) => (\n              <TransactionCardSkeleton key={index} />\n            ))}\n          </List>\n        ) : (\n          <List\n            style={{ height: getTotalSize(), position: 'relative' }}\n            disablePadding\n          >\n            {getVirtualItems().map((item) => {\n              const listItem =\n                item.index < items.length ? items[item.index] : null\n              return (\n                <li\n                  key={item.key}\n                  ref={measureElement}\n                  data-index={item.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    paddingBottom: 16,\n                    transform: `translateY(${item.start}px)`,\n                    listStyle: 'none',\n                  }}\n                >\n                  {!listItem ? (\n                    <TransactionCardSkeleton />\n                  ) : listItem.type === 'active' ? (\n                    <ActiveTransactionItem routeId={listItem.routeId} />\n                  ) : (\n                    <TransactionHistoryItem\n                      route={listItem.routeExecution.route}\n                      type={listItem.type}\n                      transactionHash={listItem.txHash}\n                      startedAt={listItem.startedAt}\n                    />\n                  )}\n                </li>\n              )\n            })}\n          </List>\n        )}\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB;AAEvB,MAAa,uBAAoC;CAE/C,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,OAAO,cAAc,mBAAmB;CAEhD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CACA,MAAM,iBAAiB,uBACrB,aACG,UACC,OAAO,OAAO,MAAM,MAAM,CAAC,CAAC,MACzB,MACC,GAAG,WAAA,KACH,iBAAiB,SAAS,EAAE,MAAM,WAAW,CACjD,GACF,CAAC,gBAAgB,CACnB,CACF;CAEA,UACE,EAAE,mBAAmB,GACrB,iBAAiB,oBAAC,0BAAD,CAA2B,CAAA,IAAI,IAClD;CAEA,MAAM,EAAE,eAAe,cAAc,EACnC,eAAe,UACjB,CAAC;CAED,MAAM,gBAAgB,MAAM,SAAS;CACrC,MAAM,gBAAgB,aAAa,gBAAgB,iBAAiB;CACpE,MAAM,aAAa,MAAM,SAAS;CAElC,MAAM,aAAa,aAChB,UAAkB;EACjB,IAAI,SAAS,MAAM,QACjB,OAAO,YAAY;EAErB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,SAAS,UAChB,OAAO,UAAU,KAAK;EAExB,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,UAAU,KAAK,eAAe,MAAM;CAClE,GACA,CAAC,KAAK,CACR;CAEA,MAAM,EAAE,iBAAiB,cAAc,mBAAmB,eAAe;EACvE,OAAO,gBAAgB,aAAa;EACpC,UAAU;EACV,YAAY;EACZ,wBAAwB,UAAU;EAClC,eAAe,UAAW,MAAM,MAAM,EAAE,SAAS,WAAW,MAAM;EAClE;CACF,CAAC;CAED,MAAM,UAAU,CAAC,MAAM,UAAU,CAAC;CAElC,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO,EAAE,QAAQ,WAAW;GAC5B,IAAI;IAAE,UAAU;IAAQ,UAAU;IAAG,YAAY;GAAI;GAEpD,UAAA,UACC,oBAAC,yBAAD,CAA0B,CAAA,IACxB,aAAa,CAAC,gBAChB,oBAAC,MAAD;IACE,gBAAA;IACA,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,cAAc;IAChB;IAEC,UAAA,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC,KAAK,GAAG,UAC9C,oBAAC,yBAAD,CAAsC,GAAR,KAAQ,CACvC;GACG,CAAA,IAEN,oBAAC,MAAD;IACE,OAAO;KAAE,QAAQ,aAAa;KAAG,UAAU;IAAW;IACtD,gBAAA;IAEC,UAAA,gBAAgB,CAAC,CAAC,KAAK,SAAS;KAC/B,MAAM,WACJ,KAAK,QAAQ,MAAM,SAAS,MAAM,KAAK,SAAS;KAClD,OACE,oBAAC,MAAD;MAEE,KAAK;MACL,cAAY,KAAK;MACjB,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,eAAe;OACf,WAAW,cAAc,KAAK,MAAM;OACpC,WAAW;MACb;MAEC,UAAA,CAAC,WACA,oBAAC,yBAAD,CAA0B,CAAA,IACxB,SAAS,SAAS,WACpB,oBAAC,uBAAD,EAAuB,SAAS,SAAS,QAAU,CAAA,IAEnD,oBAAC,wBAAD;OACE,OAAO,SAAS,eAAe;OAC/B,MAAM,SAAS;OACf,iBAAiB,SAAS;OAC1B,WAAW,SAAS;MACrB,CAAA;KAED,GAzBG,KAAK,GAyBR;IAER,CAAC;GACG,CAAA;EAEL,CAAA;CACQ,CAAA;AAEnB"}

package/dist/esm/pages/ActivitiesPage/ActivitiesPageMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitiesPageMenuButton.js","names":["DeleteOutlineIcon","Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions"],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPageMenuButton.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutlined'\nimport { Button } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { Dialog } from '../../components/Dialog/Dialog.js'\nimport {\n  DialogActions,\n  DialogContainer,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n} from '../../components/Dialog/Dialog.style.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\n\nexport const ActivitiesPageMenuButton: React.FC = () => {\n  const { t } = useTranslation()\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const deleteRoutes = useRouteExecutionStore((store) => store.deleteRoutes)\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.flatMap((account) => account.address ?? []),\n    [accounts]\n  )\n\n  const handleDialogOpen = () => setDialogOpen(true)\n  const handleDialogClose = () => setDialogOpen(false)\n\n  const handleRemoveAllFailed = () => {\n    deleteRoutes('failed', accountAddresses)\n    handleDialogClose()\n  }\n\n  return (\n    <>\n      <ContextMenu\n        buttonSx={{ position: 'static', marginRight: -1.5 }}\n        items={[\n          {\n            icon: <DeleteOutlineIcon />,\n            label: t('button.clearAllFailed'),\n            onClick: handleDialogOpen,\n          },\n        ]}\n      />\n      <Dialog open={dialogOpen} onClose={handleDialogClose}>\n        <DialogContainer>\n          <DialogTitle>\n            {t('warning.title.clearFailedTransactions')}\n          </DialogTitle>\n          <DialogContent>\n            <DialogContentText>\n              {t('warning.message.clearFailedTransactions')}\n            </DialogContentText>\n          </DialogContent>\n          <DialogActions>\n            <Button onClick={handleDialogClose}>{t('button.cancel')}</Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleRemoveAllFailed}\n              autoFocus\n            >\n              {t('button.delete')}\n            </Button>\n          </DialogActions>\n        </DialogContainer>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,iCAA2C;CACtD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,eAAe,wBAAwB,UAAU,MAAM,YAAY;CACzE,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,SAAS,YAAY,QAAQ,WAAW,CAAC,CAAC,GACzD,CAAC,QAAQ,CACX;CAEA,MAAM,yBAAyB,cAAc,IAAI;CACjD,MAAM,0BAA0B,cAAc,KAAK;CAEnD,MAAM,8BAA8B;EAClC,aAAa,UAAU,gBAAgB;EACvC,kBAAkB;CACpB;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD;EACE,UAAU;GAAE,UAAU;GAAU,aAAa;EAAK;EAClD,OAAO,CACL;GACE,MAAM,oBAACA,eAAD,CAAoB,CAAA;GAC1B,OAAO,EAAE,uBAAuB;GAChC,SAAS;EACX,CACF;CACD,CAAA,GACD,oBAACC,UAAD;EAAQ,MAAM;EAAY,SAAS;YACjC,qBAAC,iBAAD,EAAA,UAAA;GACE,oBAACC,eAAD,EAAA,UACG,EAAE,uCAAuC,EAC/B,CAAA;GACb,oBAACC,iBAAD,EAAA,UACE,oBAACC,qBAAD,EAAA,UACG,EAAE,yCAAyC,EAC3B,CAAA,EACN,CAAA;GACf,qBAACC,iBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAS;cAAoB,EAAE,eAAe;GAAU,CAAA,GAChE,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,WAAA;cAEC,EAAE,eAAe;GACZ,CAAA,CACK,EAAA,CAAA;EACA,EAAA,CAAA;CACX,CAAA,CACR,EAAA,CAAA;AAEN"}
+{"version":3,"file":"ActivitiesPageMenuButton.js","names":["DeleteOutlineIcon","Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions"],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPageMenuButton.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutlined'\nimport { Button } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { Dialog } from '../../components/Dialog/Dialog.js'\nimport {\n  DialogActions,\n  DialogContainer,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n} from '../../components/Dialog/Dialog.style.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\n\nexport const ActivitiesPageMenuButton: React.FC = () => {\n  const { t } = useTranslation()\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const deleteRoutes = useRouteExecutionStore((store) => store.deleteRoutes)\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.flatMap((account) => account.address ?? []),\n    [accounts]\n  )\n\n  const handleDialogOpen = () => setDialogOpen(true)\n  const handleDialogClose = () => setDialogOpen(false)\n\n  const handleRemoveAllFailed = () => {\n    deleteRoutes('failed', accountAddresses)\n    handleDialogClose()\n  }\n\n  return (\n    <>\n      <ContextMenu\n        buttonSx={{ position: 'static', marginRight: -1.5 }}\n        items={[\n          {\n            icon: <DeleteOutlineIcon />,\n            label: t('button.clearAllFailed'),\n            onClick: handleDialogOpen,\n          },\n        ]}\n      />\n      <Dialog open={dialogOpen} onClose={handleDialogClose}>\n        <DialogContainer>\n          <DialogTitle>\n            {t('warning.title.clearFailedTransactions')}\n          </DialogTitle>\n          <DialogContent>\n            <DialogContentText>\n              {t('warning.message.clearFailedTransactions')}\n            </DialogContentText>\n          </DialogContent>\n          <DialogActions>\n            <Button onClick={handleDialogClose}>{t('button.cancel')}</Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleRemoveAllFailed}\n              autoFocus\n            >\n              {t('button.delete')}\n            </Button>\n          </DialogActions>\n        </DialogContainer>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,MAAa,iCAA2C;CACtD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,eAAe,wBAAwB,UAAU,MAAM,YAAY;CACzE,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,SAAS,YAAY,QAAQ,WAAW,CAAC,CAAC,GACzD,CAAC,QAAQ,CACX;CAEA,MAAM,yBAAyB,cAAc,IAAI;CACjD,MAAM,0BAA0B,cAAc,KAAK;CAEnD,MAAM,8BAA8B;EAClC,aAAa,UAAU,gBAAgB;EACvC,kBAAkB;CACpB;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD;EACE,UAAU;GAAE,UAAU;GAAU,aAAa;EAAK;EAClD,OAAO,CACL;GACE,MAAM,oBAACA,eAAD,CAAoB,CAAA;GAC1B,OAAO,EAAE,uBAAuB;GAChC,SAAS;EACX,CACF;CACD,CAAA,GACD,oBAACC,UAAD;EAAQ,MAAM;EAAY,SAAS;EACjC,UAAA,qBAAC,iBAAD,EAAA,UAAA;GACE,oBAACC,eAAD,EAAA,UACG,EAAE,uCAAuC,EAC/B,CAAA;GACb,oBAACC,iBAAD,EAAA,UACE,oBAACC,qBAAD,EAAA,UACG,EAAE,yCAAyC,EAC3B,CAAA,EACN,CAAA;GACf,qBAACC,iBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAS;IAAoB,UAAA,EAAE,eAAe;GAAU,CAAA,GAChE,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,WAAA;IAEC,UAAA,EAAE,eAAe;GACZ,CAAA,CACK,EAAA,CAAA;EACA,EAAA,CAAA;CACX,CAAA,CACR,EAAA,CAAA;AAEN"}