@lifi/widget 4.7.1 → 4.9.0

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 { isAddressQuery } from '../utils/address.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.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  /** The search is a contract address, so only the token at that address matches. */\n  isAddressSearch: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    keyPrefix,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromTokenAddress } = useChainTypeFromAddress()\n  // A pasted address often carries a trailing space or newline, which the\n  // API rejects. Trim once so the key, the requests and the checks agree.\n  const trimmedSearch = search?.trim()\n  // Keep this memoized, and out of any per-token loop: a provider validates by\n  // parsing, which costs microseconds per call rather than nanoseconds.\n  const isAddressSearch = useMemo(\n    () => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress),\n    [trimmedSearch, getChainTypeFromTokenAddress]\n  )\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        ChainType.STL,\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      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: 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: [\n      getQueryKey('tokens-search', keyPrefix),\n      trimmedSearch,\n      chainId,\n      isAddressSearch,\n    ] as const,\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId, addressSearch] = queryKey\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\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      // Fallback: fetch a single token from the /token endpoint when the\n      // search did not deliver one. Look it up on the selected chain, or\n      // without one on the default chain of the address format.\n      if (searchQuery) {\n        const chainType = getChainTypeFromTokenAddress(searchQuery)\n        const lookupChainId =\n          searchChainId ??\n          (chainType ? defaultChainIdsByType[chainType] : undefined)\n        if (lookupChainId) {\n          const existingTokens = tokensResponse.tokens[lookupChainId] ?? []\n          // The search index also matches names, so for an address query\n          // impersonators that embed the address can fill the list while the\n          // token at that address is missing. Without a selected chain the\n          // token can sit on any chain of the response.\n          const hasTokenAtAddress = () => {\n            const address = searchQuery.toLowerCase()\n            const candidates = searchChainId\n              ? [existingTokens]\n              : Object.values(tokensResponse.tokens)\n            return candidates.some((tokens) =>\n              tokens.some((token) => token.address?.toLowerCase() === address)\n            )\n          }\n          const isTokenMissing = addressSearch\n            ? !hasTokenAtAddress()\n            : !existingTokens.length\n          if (isTokenMissing) {\n            try {\n              const token = await getToken(\n                sdkClient,\n                lookupChainId,\n                searchQuery,\n                { signal }\n              )\n              if (token) {\n                tokensResponse.tokens[lookupChainId] = [\n                  ...existingTokens,\n                  token,\n                ]\n              }\n            } catch (error) {\n              // A guessed chain may not hold the token (HTTP 400). Keep the\n              // search results instead of failing the whole query.\n              if (signal.aborted) {\n                throw error\n              }\n            }\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!trimmedSearch,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\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(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n    isAddressSearch,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTokens.js","names":[],"sources":["../../../src/hooks/useTokens.ts"],"sourcesContent":["import {\n  ChainType,\n  getToken,\n  getTokens,\n  type TokenExtended,\n  type TokensExtendedResponse,\n} from '@lifi/sdk'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport { isAddressQuery } from '../utils/address.js'\nimport { defaultChainIdsByType } from '../utils/chainType.js'\nimport { isItemAllowed } from '../utils/item.js'\nimport { getQueryKey } from '../utils/queries.js'\nimport {\n  filterAllowedTokens,\n  getNativeTokenAddresses,\n  mergeVerifiedWithSearchTokens,\n} from '../utils/token.js'\nimport { useAvailableChains } from './useAvailableChains.js'\n\nconst refetchInterval = 300_000\n\n// The main list and the search send the same list parameters.\nconst tokenListParams = {\n  orderBy: 'volumeUSD24H',\n  extended: true,\n  limit: 1100,\n  minPriceUSD: 0.000001,\n} as const\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  /** The search is a contract address, so only the token at that address matches. */\n  isAddressSearch: boolean\n} => {\n  const {\n    tokens: configTokens,\n    chains: chainsConfig,\n    storageScopeKey,\n  } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n  const { getChainTypeFromTokenAddress } = useChainTypeFromAddress()\n  // A pasted address often carries a trailing space or newline, which the\n  // API rejects. Trim once so the key, the requests and the checks agree.\n  const trimmedSearch = search?.trim()\n  // Keep this memoized, and out of any per-token loop: a provider validates by\n  // parsing, which costs microseconds per call rather than nanoseconds.\n  const isAddressSearch = useMemo(\n    () => isAddressQuery(trimmedSearch, getChainTypeFromTokenAddress),\n    [trimmedSearch, getChainTypeFromTokenAddress]\n  )\n\n  // Main tokens cache - verified tokens from API\n  const { data: verifiedTokens, isLoading } = useQuery({\n    queryKey: [getQueryKey('tokens', storageScopeKey)],\n    queryFn: async ({ signal }) => {\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        { ...tokenListParams, chainTypes },\n        { signal }\n      )\n\n      // `listed` tells a main-list token from a searched one\n      const tokens: TokensByChain = Object.fromEntries(\n        Object.entries(tokensResponse.tokens).map(([chainId, tokens]) => [\n          chainId,\n          tokens.map((token) => ({ ...token, listed: 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: [\n      getQueryKey('tokens-search', storageScopeKey),\n      trimmedSearch,\n      chainId,\n      isAddressSearch,\n    ] as const,\n    queryFn: async ({ queryKey, signal }) => {\n      const [, searchQuery, searchChainId, addressSearch] = queryKey\n      const chainTypes = [\n        ChainType.EVM,\n        ChainType.SVM,\n        ChainType.UTXO,\n        ChainType.MVM,\n        ChainType.TVM,\n        ChainType.STL,\n      ].filter((chainType) => isItemAllowed(chainType, chainsConfig?.types))\n\n      const tokensResponse: TokensExtendedResponse = await getTokens(\n        sdkClient,\n        {\n          ...tokenListParams,\n          chainTypes,\n          search: searchQuery,\n        },\n        { signal }\n      )\n\n      // Fallback: fetch a single token from the /token endpoint when the\n      // search did not deliver one. Look it up on the selected chain, or\n      // without one on the default chain of the address format.\n      if (searchQuery) {\n        const chainType = getChainTypeFromTokenAddress(searchQuery)\n        const lookupChainId =\n          searchChainId ??\n          (chainType ? defaultChainIdsByType[chainType] : undefined)\n        if (lookupChainId) {\n          const existingTokens = tokensResponse.tokens[lookupChainId] ?? []\n          // The search index also matches names, so for an address query\n          // impersonators that embed the address can fill the list while the\n          // token at that address is missing. Without a selected chain the\n          // token can sit on any chain of the response.\n          const hasTokenAtAddress = () => {\n            const address = searchQuery.toLowerCase()\n            const candidates = searchChainId\n              ? [existingTokens]\n              : Object.values(tokensResponse.tokens)\n            return candidates.some((tokens) =>\n              tokens.some((token) => token.address?.toLowerCase() === address)\n            )\n          }\n          const isTokenMissing = addressSearch\n            ? !hasTokenAtAddress()\n            : !existingTokens.length\n          if (isTokenMissing) {\n            try {\n              const token = await getToken(\n                sdkClient,\n                lookupChainId,\n                searchQuery,\n                { signal }\n              )\n              if (token) {\n                tokensResponse.tokens[lookupChainId] = [\n                  ...existingTokens,\n                  token,\n                ]\n              }\n            } catch (error) {\n              // A guessed chain may not hold the token (HTTP 400). Keep the\n              // search results instead of failing the whole query.\n              if (signal.aborted) {\n                throw error\n              }\n            }\n          }\n        }\n      }\n\n      return tokensResponse.tokens as TokensByChain\n    },\n    enabled: !!trimmedSearch,\n    refetchInterval,\n    staleTime: refetchInterval,\n  })\n\n  const { chains } = useAvailableChains()\n  const nativeTokenAddresses = useMemo(\n    () => getNativeTokenAddresses(chains),\n    [chains]\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(\n      merged,\n      configTokens,\n      chainsConfig,\n      formType,\n      nativeTokenAddresses\n    )\n  }, [\n    verifiedTokens,\n    searchTokens,\n    configTokens,\n    chainsConfig,\n    formType,\n    nativeTokenAddresses,\n  ])\n\n  return {\n    allTokens,\n    isLoading,\n    isSearchLoading,\n    isAddressSearch,\n  }\n}\n"],"mappings":"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"}

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

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

package/dist/esm/hooks/useTools.js

@@ -2,38 +2,37 @@ import { getConfigItemSets, isItemAllowedForSets } from "../utils/item.js";
 import { useSettingsStoreContext } from "../stores/settings/SettingsStore.js";
 import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
 import { useSDKClient } from "../providers/SDKClientProvider.js";
-import { getQueryKey } from "../utils/queries.js";
-import { getTools } from "@lifi/sdk";
+import { getToolsQueryOptions } from "../queries/getTools.js";
+import { useCallback, useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 //#region src/hooks/useTools.ts
+const refetchInterval = 18e4;
 const useTools = () => {
-	const { bridges, exchanges, keyPrefix } = useWidgetConfig();
+	const { bridges, exchanges, queryScopeKey } = 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
-	});
+	const selectAllowedTools = useCallback((tools) => {
+		const bridgeSets = getConfigItemSets(bridges, (keys) => new Set(keys));
+		const exchangeSets = getConfigItemSets(exchanges, (keys) => new Set(keys));
+		return {
+			bridges: tools.bridges.filter((bridge) => isItemAllowedForSets(bridge.key, bridgeSets)),
+			exchanges: tools.exchanges.filter((exchange) => isItemAllowedForSets(exchange.key, exchangeSets))
+		};
+	}, [bridges, exchanges]);
+	const { data } = useQuery(getToolsQueryOptions(sdkClient, {
+		scopeKey: queryScopeKey,
+		query: {
+			refetchInterval,
+			staleTime: refetchInterval,
+			select: selectAllowedTools
+		}
+	}));
+	useEffect(() => {
+		if (!data) return;
+		const { initializeTools } = settingsStore.getState();
+		initializeTools("Bridges", data.bridges.map((bridge) => bridge.key));
+		initializeTools("Exchanges", data.exchanges.map((exchange) => exchange.key));
+	}, [data, settingsStore]);
 	return { tools: data };
 };
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"useTools.js","names":[],"sources":["../../../src/hooks/useTools.ts"],"sourcesContent":["import type { ToolsResponse } from '@lifi/sdk'\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useEffect } from 'react'\nimport { useSDKClient } from '../providers/SDKClientProvider.js'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { getToolsQueryOptions } from '../queries/getTools.js'\nimport { useSettingsStoreContext } from '../stores/settings/SettingsStore.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../utils/item.js'\n\nconst refetchInterval = 180_000\n\nexport const useTools = (): { tools: ToolsResponse | undefined } => {\n  const { bridges, exchanges, queryScopeKey } = useWidgetConfig()\n  const settingsStore = useSettingsStoreContext()\n  const sdkClient = useSDKClient()\n\n  const selectAllowedTools = useCallback(\n    (tools: ToolsResponse): ToolsResponse => {\n      const bridgeSets = getConfigItemSets(bridges, (keys) => new Set(keys))\n      const exchangeSets = getConfigItemSets(exchanges, (keys) => new Set(keys))\n      return {\n        bridges: tools.bridges.filter((bridge) =>\n          isItemAllowedForSets(bridge.key, bridgeSets)\n        ),\n        exchanges: tools.exchanges.filter((exchange) =>\n          isItemAllowedForSets(exchange.key, exchangeSets)\n        ),\n      }\n    },\n    [bridges, exchanges]\n  )\n\n  const { data } = useQuery(\n    getToolsQueryOptions(sdkClient, {\n      scopeKey: queryScopeKey,\n      query: {\n        refetchInterval,\n        staleTime: refetchInterval,\n        select: selectAllowedTools,\n      },\n    })\n  )\n\n  // A host may fill the shared entry, so seed from the data, not in a queryFn.\n  useEffect(() => {\n    if (!data) {\n      return\n    }\n    const { initializeTools } = settingsStore.getState()\n    initializeTools(\n      'Bridges',\n      data.bridges.map((bridge) => bridge.key)\n    )\n    initializeTools(\n      'Exchanges',\n      data.exchanges.map((exchange) => exchange.key)\n    )\n  }, [data, settingsStore])\n\n  return { tools: data }\n}\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB;AAExB,MAAa,iBAAuD;CAClE,MAAM,EAAE,SAAS,WAAW,kBAAkB,gBAAgB;CAC9D,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,YAAY,aAAa;CAE/B,MAAM,qBAAqB,aACxB,UAAwC;EACvC,MAAM,aAAa,kBAAkB,UAAU,SAAS,IAAI,IAAI,IAAI,CAAC;EACrE,MAAM,eAAe,kBAAkB,YAAY,SAAS,IAAI,IAAI,IAAI,CAAC;EACzE,OAAO;GACL,SAAS,MAAM,QAAQ,QAAQ,WAC7B,qBAAqB,OAAO,KAAK,UAAU,CAC7C;GACA,WAAW,MAAM,UAAU,QAAQ,aACjC,qBAAqB,SAAS,KAAK,YAAY,CACjD;EACF;CACF,GACA,CAAC,SAAS,SAAS,CACrB;CAEA,MAAM,EAAE,SAAS,SACf,qBAAqB,WAAW;EAC9B,UAAU;EACV,OAAO;GACL;GACA,WAAW;GACX,QAAQ;EACV;CACF,CAAC,CACH;CAGA,gBAAgB;EACd,IAAI,CAAC,MACH;EAEF,MAAM,EAAE,oBAAoB,cAAc,SAAS;EACnD,gBACE,WACA,KAAK,QAAQ,KAAK,WAAW,OAAO,GAAG,CACzC;EACA,gBACE,aACA,KAAK,UAAU,KAAK,aAAa,SAAS,GAAG,CAC/C;CACF,GAAG,CAAC,MAAM,aAAa,CAAC;CAExB,OAAO,EAAE,OAAO,KAAK;AACvB"}

package/dist/esm/hooks/useTransactionDetails.js

@@ -9,9 +9,9 @@ import { useAccount } from "@lifi/wallet-management";
 const useTransactionDetails = (transactionHash) => {
 	const { account, accounts } = useAccount();
 	const queryClient = useQueryClient();
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
-	const transactionHistoryQueryKey = useMemo(() => getQueryKey("transaction-history", keyPrefix), [keyPrefix]);
+	const transactionHistoryQueryKey = useMemo(() => getQueryKey("transaction-history", storageScopeKey), [storageScopeKey]);
 	const { data, isLoading } = useQuery({
 		queryKey: [transactionHistoryQueryKey, transactionHash],
 		queryFn: async ({ queryKey: [, transactionHash], signal }) => {

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) => (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"}
+{"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 { storageScopeKey } = useWidgetConfig()\n  const sdkClient = useSDKClient()\n\n  const transactionHistoryQueryKey = useMemo(\n    () => getQueryKey('transaction-history', storageScopeKey),\n    [storageScopeKey]\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,oBAAoB,gBAAgB;CAC5C,MAAM,YAAY,aAAa;CAE/B,MAAM,6BAA6B,cAC3B,YAAY,uBAAuB,eAAe,GACxD,CAAC,eAAe,CAClB;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/useTransactionHistory.js

@@ -1,8 +1,8 @@
 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 { getQueryKey } from "../utils/queries.js";
 import { useTools } from "./useTools.js";
 import { buildRouteFromTxHistory } from "../utils/converters.js";
 import { getTransactionHistory } from "@lifi/sdk";
@@ -13,12 +13,12 @@ import { useAccount } from "@lifi/wallet-management";
 const useTransactionHistory = () => {
 	const store = useRouteExecutionStoreContext();
 	const { accounts } = useAccount();
-	const { keyPrefix } = useWidgetConfig();
+	const { storageScopeKey } = useWidgetConfig();
 	const sdkClient = useSDKClient();
 	const { tools } = useTools();
 	const { data: routeExecutions, isLoading } = useQueries({
 		queries: accounts.map((account) => ({
-			queryKey: [getQueryKey("transaction-history", keyPrefix), account.address],
+			queryKey: [getQueryKey("transaction-history", storageScopeKey), account.address],
 			queryFn: (async ({ queryKey: [, accountAddress], signal }) => {
 				if (!accountAddress) return [];
 				const date = /* @__PURE__ */ new Date();

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

@@ -1 +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,EAAA,CAEgB;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,CAAC,CAAC,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"}
+{"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 { storageScopeKey } = 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', storageScopeKey),\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,oBAAoB,gBAAgB;CAC5C,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,eAAe,GAClD,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,EAAA,CAEgB;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,CAAC,CAAC,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/i18n/bn.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "",
       "walletAddressRequired": "ওয়ালেট ঠিকানা প্রয়োজন।",
       "walletChainTypeInvalid": "",
-      "walletMismatch": ""
+      "walletMismatch": "",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/de.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "",
       "walletAddressRequired": "Wallet-Adresse ist erforderlich.",
       "walletChainTypeInvalid": "",
-      "walletMismatch": ""
+      "walletMismatch": "",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/en.json

@@ -227,7 +227,8 @@
       "walletAddressInvalid_chain": "Wallet address or domain name is invalid for selected destination chain {{chainName}}",
       "walletAddressRequired": "Wallet address is required.",
       "walletChainTypeInvalid": "Wallet address doesn't match the selected destination chain {{chainName}}",
-      "walletMismatch": "Wallet address mismatch"
+      "walletMismatch": "Wallet address mismatch",
+      "zcashAddressInvalid": "Enter a transparent Zcash address (t1 or t3) or a unified address (u1) with an Orchard receiver. Sapling (zs1) and TEX addresses are not supported."
     }
   },
   "tooltip": {

package/dist/esm/i18n/es.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "La dirección de la billetera o nombre de dominio no es válida para la cadena de destino seleccionada {{chainName}}",
       "walletAddressRequired": "Dirección de billetera es requerida.",
       "walletChainTypeInvalid": "La dirección de la billetera no coincide con la cadena de destino seleccionada {{chainName}}",
-      "walletMismatch": "La dirección de la billetera no coincide"
+      "walletMismatch": "La dirección de la billetera no coincide",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/fr.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "L'adresse du portefeuille ou le nom de domaine est invalide pour la chaîne de destination sélectionnée {{chainName}}",
       "walletAddressRequired": "L'adresse du portefeuille est nécessaire.",
       "walletChainTypeInvalid": "L'adresse du portefeuille ne correspond pas à la chaîne de destination sélectionnée - {{chainName}}",
-      "walletMismatch": "Incompatibilité de l'adresse du portefeuille"
+      "walletMismatch": "Incompatibilité de l'adresse du portefeuille",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/hi.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "",
       "walletAddressRequired": "",
       "walletChainTypeInvalid": "",
-      "walletMismatch": ""
+      "walletMismatch": "",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/id.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "Alamat dompet atau nama domain tidak valid untuk jaringan tujuan yang dipilih {{chainName}}",
       "walletAddressRequired": "Alamat dompet diperlukan.",
       "walletChainTypeInvalid": "Alamat dompet tidak cocok dengan jaringan tujuan yang dipilih {{chainName}}",
-      "walletMismatch": "Alamat dompet tidak cocok"
+      "walletMismatch": "Alamat dompet tidak cocok",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/it.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "",
       "walletAddressRequired": "L'indirizzo è un campo obbligatorio.",
       "walletChainTypeInvalid": "",
-      "walletMismatch": ""
+      "walletMismatch": "",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/ja.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "選択された宛先チェーン {{chainName}} のウォレットアドレスまたはドメイン名が無効です",
       "walletAddressRequired": "ウォレットアドレスは必須項目です。",
       "walletChainTypeInvalid": "選択された宛先チェーン {{chainName}} のウォレットアドレスが一致しません",
-      "walletMismatch": "ウォレットアドレスが一致しません"
+      "walletMismatch": "ウォレットアドレスが一致しません",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/ko.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "",
       "walletAddressRequired": "지갑 주소가 필요합니다.",
       "walletChainTypeInvalid": "",
-      "walletMismatch": ""
+      "walletMismatch": "",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/pl.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "",
       "walletAddressRequired": "",
       "walletChainTypeInvalid": "",
-      "walletMismatch": ""
+      "walletMismatch": "",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/pt.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "O endereço da carteira ou o nome de domínio é inválido para a rede de destino selecionada {{chainName}}",
       "walletAddressRequired": "Endereço da carteira é necessário.",
       "walletChainTypeInvalid": "O endereço da carteira não corresponde à rede de destino selecionada - {{chainName}}",
-      "walletMismatch": "Incompatibilidade de endereço da carteira"
+      "walletMismatch": "Incompatibilidade de endereço da carteira",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/th.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "ที่อยู่กระเป๋าเงินหรือชื่อโดเมนไม่ถูกต้องสำหรับเครือข่ายปลายทางที่เลือก {{chainName}}",
       "walletAddressRequired": "กรุณากรอกที่อยู่กระเป๋าเงิน.",
       "walletChainTypeInvalid": "ที่อยู่กระเป๋าเงินหรือชื่อโดเมนไม่ถูกต้องสำหรับเครือข่ายปลายทางที่เลือก {{chainName}}",
-      "walletMismatch": "ที่อยู่ของกระเป๋าเงินไม่ตรงกัน"
+      "walletMismatch": "ที่อยู่ของกระเป๋าเงินไม่ตรงกัน",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/tr.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "Cüzdan adresi ya da domain adı {{chainName}} hedef ağında geçerli değil",
       "walletAddressRequired": "Cüzdan adresi gereklidir.",
       "walletChainTypeInvalid": "Cüzdan adresi ile {{chainName}} hedef ağ eşleşmiyor",
-      "walletMismatch": "Cüzdan adresi uyuşmazlığı"
+      "walletMismatch": "Cüzdan adresi uyuşmazlığı",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/uk.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "Адреса гаманця не відповідає обраному чейну призначення - {{chainName}}",
       "walletAddressRequired": "Необхідно вказати адресу гаманця.",
       "walletChainTypeInvalid": "Адреса гаманця не відповідає обраному чейну призначення - {{chainName}}",
-      "walletMismatch": "Невідповідність адреси гаманця"
+      "walletMismatch": "Невідповідність адреси гаманця",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/vi.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "Địa chỉ ví hoặc tên miền không hợp lệ đối với chuỗi đích đã chọn {{chainName}}",
       "walletAddressRequired": "Yêu cầu địa chỉ ví.",
       "walletChainTypeInvalid": "Địa chỉ ví không khớp với chuỗi đích đã chọn {{chainName}}",
-      "walletMismatch": "Địa chỉ ví không khớp"
+      "walletMismatch": "Địa chỉ ví không khớp",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/i18n/zh.json

@@ -195,7 +195,8 @@
       "walletAddressInvalid_chain": "钱包地址或者域名在所选中的 {{chainName}} 链无效",
       "walletAddressRequired": "请输入钱包地址。",
       "walletChainTypeInvalid": "钱包地址与所选中目标的 {{chainName}} 链不匹配",
-      "walletMismatch": "钱包地址不匹配"
+      "walletMismatch": "钱包地址不匹配",
+      "zcashAddressInvalid": ""
     }
   },
   "tooltip": {

package/dist/esm/index.d.ts

@@ -14,6 +14,10 @@ import { useWidgetChains } from "./hooks/useWidgetChains.js";
 import { navigationRoutes } from "./utils/navigationRoutes.js";
 import { ChainPinned, ChainTokenSelected, ContactSupport, FormFieldChanged, LowAddressActivityConfirmed, NavigationTabChanged, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteSelected, SettingUpdated, TokenSearch, WidgetEvent, WidgetEvents } from "./types/events.js";
 import { WidgetEventEmitter, useWidgetEvents, widgetEvents } from "./hooks/useWidgetEvents.js";
+import { QueryParameter, ScopeKeyParameter } from "./queries/types.js";
+import { GetChainsOptions, GetChainsQueryFnData, GetChainsQueryKey, GetChainsQueryKeyParameters, GetChainsQueryOptions, getChainsQueryKey, getChainsQueryOptions, supportedChainTypes } from "./queries/getChains.js";
+import { GetToolsOptions, GetToolsQueryFnData, GetToolsQueryKey, GetToolsQueryKeyParameters, GetToolsQueryOptions, getToolsQueryKey, getToolsQueryOptions } from "./queries/getTools.js";
+import "./queries/index.js";
 import { Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore } from "./stores/bookmarks/types.js";
 import { useFieldActions } from "./stores/form/useFieldActions.js";
 import { useFieldValues } from "./stores/form/useFieldValues.js";
@@ -31,4 +35,4 @@ import { getPriceImpact } from "./utils/getPriceImpact.js";
 import { percentFormatter } from "./utils/percentFormatter.js";
 import { ChainId, ChainType, CoinKey } from "@lifi/sdk";
 export type * from "@lifi/sdk";
-export { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore, CalculateFeeParams, ChainId, ChainPinned, ChainTokenSelected, ChainType, CoinKey, ContactSupport, CustomMode, DefaultFieldValues, DefaultUI, DefaultValues, DisabledUIConfig, ExpansionType, ExplorerUrl, ExtractValueType, FieldNames, FieldValues, FormActions, FormFieldArray, FormFieldChanged, FormFieldNames, FormFieldOptions, FormKeyHelper, FormProps, FormRef, FormRefProps, FormState, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, HiddenUIConfig, InternalNavigationTabKey, InternalWidgetMode, ItemPrice, ItemPriceProps, App as LiFiWidget, LowAddressActivityConfirmed, ModeOptions, NFT, NFTBase, NFTBaseProps, NFTOwner, NFTProps, NavigationProps, NavigationTabChanged, NavigationTabKey, PoweredByType, RequiredUIConfig, ResetOptions, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteLabel, RouteLabelRule, RouteSelected, SetFieldValueFunction, SetOptions, SettingUpdated, SplitMode, SplitModeOptions, SplitNavigationTabKey, ToAddress, type TokenAmount, TokenSearch, TouchedFields, ValidationActions, ValidationProps, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, type WidgetDrawer, WidgetDrawerProps, WidgetEvent, type WidgetEventEmitter, WidgetEvents, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetSkeleton, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getPriceImpact, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };
+export { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore, CalculateFeeParams, ChainId, ChainPinned, ChainTokenSelected, ChainType, CoinKey, ContactSupport, CustomMode, DefaultFieldValues, DefaultUI, DefaultValues, DisabledUIConfig, ExpansionType, ExplorerUrl, ExtractValueType, FieldNames, FieldValues, FormActions, FormFieldArray, FormFieldChanged, FormFieldNames, FormFieldOptions, FormKeyHelper, FormProps, FormRef, FormRefProps, FormState, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, type GetChainsOptions, type GetChainsQueryFnData, type GetChainsQueryKey, type GetChainsQueryKeyParameters, type GetChainsQueryOptions, type GetToolsOptions, type GetToolsQueryFnData, type GetToolsQueryKey, type GetToolsQueryKeyParameters, type GetToolsQueryOptions, HiddenUIConfig, InternalNavigationTabKey, InternalWidgetMode, ItemPrice, ItemPriceProps, App as LiFiWidget, LowAddressActivityConfirmed, ModeOptions, NFT, NFTBase, NFTBaseProps, NFTOwner, NFTProps, NavigationProps, NavigationTabChanged, NavigationTabKey, PoweredByType, type QueryParameter, RequiredUIConfig, ResetOptions, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteLabel, RouteLabelRule, RouteSelected, type ScopeKeyParameter, SetFieldValueFunction, SetOptions, SettingUpdated, SplitMode, SplitModeOptions, SplitNavigationTabKey, ToAddress, type TokenAmount, TokenSearch, TouchedFields, ValidationActions, ValidationProps, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, type WidgetDrawer, WidgetDrawerProps, WidgetEvent, type WidgetEventEmitter, WidgetEvents, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetSkeleton, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getChainsQueryKey, getChainsQueryOptions, getPriceImpact, getToolsQueryKey, getToolsQueryOptions, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, supportedChainTypes, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };

package/dist/esm/index.js

@@ -4,11 +4,13 @@ import { defaultMaxHeight } from "./config/constants.js";
 import { ExpansionType } from "./types/widget.js";
 import { navigationRoutes } from "./utils/navigationRoutes.js";
 import { name, version } from "./config/version.js";
+import { getChainsQueryKey, getChainsQueryOptions, supportedChainTypes } from "./queries/getChains.js";
 import { useFieldActions } from "./stores/form/useFieldActions.js";
 import { formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, priceToTokenAmount, usdDecimals, wrapLongWords } from "./utils/format.js";
 import { FormKeyHelper } from "./stores/form/types.js";
 import { useFieldValues } from "./stores/form/useFieldValues.js";
 import { getPriceImpact } from "./utils/getPriceImpact.js";
+import { getToolsQueryKey, getToolsQueryOptions } from "./queries/getTools.js";
 import { compactNumberFormatter } from "./utils/compactNumberFormatter.js";
 import { currencyExtendedFormatter } from "./utils/currencyExtendedFormatter.js";
 import { percentFormatter } from "./utils/percentFormatter.js";
@@ -25,4 +27,4 @@ import { jumperTheme } from "./themes/jumper.js";
 import { watermelonLightTheme } from "./themes/watermelonLight.js";
 import { windows95Theme } from "./themes/windows95.js";
 import { ChainId, ChainType, CoinKey } from "@lifi/sdk";
-export { ChainId, ChainType, CoinKey, ExpansionType, FormKeyHelper, ItemPrice, App as LiFiWidget, NFT, NFTBase, WidgetEvent, WidgetSkeleton, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getPriceImpact, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };
+export { ChainId, ChainType, CoinKey, ExpansionType, FormKeyHelper, ItemPrice, App as LiFiWidget, NFT, NFTBase, WidgetEvent, WidgetSkeleton, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getChainsQueryKey, getChainsQueryOptions, getPriceImpact, getToolsQueryKey, getToolsQueryOptions, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, supportedChainTypes, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };

package/dist/esm/pages/RoutesPage/RoutesPage.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.style.d.ts","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"mappings":";;;cAGa,SAAO,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"RoutesPage.style.d.ts","names":["Stack","MuiStack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"mappings":";;;cAGaA,SAAO,MAAM,GAAG,MAAM,sBAAsBC"}

package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js

@@ -37,7 +37,8 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 		return {
 			name: nameValue,
 			address: validationResult.address,
-			chainType: validationResult.chainType
+			chainType: validationResult.chainType,
+			chainId: validationResult.chainId
 		};
 	};
 	const validateWithValidatedWallet = (validatedWallet) => {
@@ -45,7 +46,8 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 		return {
 			name: nameValue,
 			address: validatedWallet.address,
-			chainType: validatedWallet.chainType
+			chainType: validatedWallet.chainType,
+			chainId: validatedWallet.chainId
 		};
 	};
 	const handleBookmark = async () => {
@@ -78,7 +80,8 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 			onAddBookmark({
 				name: validatedBookmark.name,
 				address: validatedBookmark.address,
-				chainType: validatedBookmark.chainType
+				chainType: validatedBookmark.chainType,
+				chainId: validatedBookmark.chainId
 			});
 		}
 	};
@@ -136,7 +139,7 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 						placeholder: t("sendToWallet.enterAddress", { context: "long" }),
 						"aria-label": t("sendToWallet.enterAddress", { context: "long" }),
 						maxRows: 2,
-						inputProps: { maxLength: 128 },
+						inputProps: { maxLength: 512 },
 						multiline: true
 					})
 				}),

package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, JSX, Ref, RefObject } from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet = ({\n  validatedWallet,\n  onAddBookmark,\n  ref,\n}: BookmarkAddressProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const { t } = useTranslation()\n  const [name, setName] = useState('')\n  const [address, setAddress] = useState('')\n  const [error, setError] = useState<BookmarkError>()\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { getBookmark } = useBookmarkActions()\n\n  const nameValue = name.trim() || validatedWallet?.name || ''\n  const addressValue = address || validatedWallet?.address || ''\n\n  const handleCancel = () => {\n    setError(undefined)\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  const validateWithAddressFromInput = async () => {\n    const validationResult = await validateAddress({ value: address })\n    if (!validationResult.isValid) {\n      setError({ type: 'address', message: validationResult.error })\n      return\n    }\n\n    return {\n      name: nameValue,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n    }\n  }\n\n  const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n    if (error) {\n      setError(undefined)\n    }\n    return {\n      name: nameValue,\n      address: validatedWallet.address,\n      chainType: validatedWallet.chainType,\n    }\n  }\n\n  const handleBookmark = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!nameValue) {\n      setError({\n        type: 'name',\n        message: t('error.title.bookmarkNameRequired'),\n      })\n      return\n    }\n    if (!addressValue) {\n      setError({\n        type: 'address',\n        message: t('error.title.walletAddressRequired'),\n      })\n      return\n    }\n\n    //  If the validatedWallet is supplied as a prop then we should assume\n    //  the address has already been validated\n    const validatedBookmark = validatedWallet\n      ? validateWithValidatedWallet(validatedWallet)\n      : await validateWithAddressFromInput()\n\n    if (validatedBookmark) {\n      const existingBookmark = getBookmark(validatedBookmark.address)\n      if (existingBookmark) {\n        setError({\n          type: 'address',\n          message: t('error.title.bookmarkAlreadyExists', {\n            name: existingBookmark.name,\n          }),\n        })\n        return\n      }\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n      onAddBookmark({\n        name: validatedBookmark.name,\n        address: validatedBookmark.address,\n        chainType: validatedBookmark.chainType,\n      })\n    }\n  }\n\n  const handleAddressInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setAddress((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleNameInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setName((e.target as HTMLInputElement).value)\n  }\n\n  const resetValues = () => {\n    setName('')\n    setAddress('')\n  }\n\n  return (\n    <BottomSheet ref={ref} onClose={resetValues}>\n      <SendToWalletSheetContainer>\n        <IconContainer>\n          <TurnedIn sx={{ fontSize: 40 }} />\n        </IconContainer>\n        <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n        {validatedWallet ? (\n          <SheetAddressContainer>\n            {validatedWallet?.name ? (\n              <Typography\n                sx={{\n                  fontWeight: 600,\n                  mb: 0.5,\n                }}\n              >\n                {validatedWallet?.name}\n              </Typography>\n            ) : null}\n            <Typography>{validatedWallet?.address}</Typography>\n          </SheetAddressContainer>\n        ) : null}\n        <BookmarkInputFields>\n          <SendToWalletCard type={error?.type === 'name' ? 'error' : 'default'}>\n            <Input\n              size=\"small\"\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck=\"false\"\n              onChange={handleNameInputChange}\n              value={name}\n              placeholder={validatedWallet?.name || t('sendToWallet.enterName')}\n              aria-label={validatedWallet?.name || t('sendToWallet.enterName')}\n              inputProps={{ maxLength: 128 }}\n            />\n          </SendToWalletCard>\n          {!validatedWallet && (\n            <SendToWalletCard\n              type={error?.type === 'address' ? 'error' : 'default'}\n            >\n              <AddressInput\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleAddressInputChange}\n                value={address}\n                placeholder={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                aria-label={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                maxRows={2}\n                inputProps={{ maxLength: 128 }}\n                multiline\n              />\n            </SendToWalletCard>\n          )}\n          {error ? (\n            <ValidationAlert icon={<ErrorIcon />}>\n              {error.message}\n            </ValidationAlert>\n          ) : null}\n        </BookmarkInputFields>\n        <AlertMessage\n          title={\n            <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n              {t('warning.message.fundsLossPrevention')}\n            </Typography>\n          }\n          icon={<WarningRounded />}\n        />\n        <SendToWalletButtonRow>\n          <Button variant=\"text\" onClick={handleCancel} fullWidth>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={handleBookmark}\n            loading={isValidating}\n            loadingPosition=\"center\"\n            fullWidth\n            focusRipple\n          >\n            {t('button.bookmark')}\n          </Button>\n        </SendToWalletButtonRow>\n      </SendToWalletSheetContainer>\n    </BottomSheet>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAa,wBAAwB,EACnC,iBACA,eACA,UAGiB;CACjB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,SAAS,cAAc,SAAS,EAAE;CACzC,MAAM,CAAC,OAAO,YAAY,SAAwB;CAClD,MAAM,EAAE,iBAAiB,iBAAiB,qBAAqB;CAC/D,MAAM,EAAE,gBAAgB,mBAAmB;CAE3C,MAAM,YAAY,KAAK,KAAK,KAAK,iBAAiB,QAAQ;CAC1D,MAAM,eAAe,WAAW,iBAAiB,WAAW;CAE5D,MAAM,qBAAqB;EACzB,SAAS,KAAA,CAAS;EACjB,IAAoC,SAAS,MAAM;CACtD;CAEA,MAAM,+BAA+B,YAAY;EAC/C,MAAM,mBAAmB,MAAM,gBAAgB,EAAE,OAAO,QAAQ,CAAC;EACjE,IAAI,CAAC,iBAAiB,SAAS;GAC7B,SAAS;IAAE,MAAM;IAAW,SAAS,iBAAiB;GAAM,CAAC;GAC7D;EACF;EAEA,OAAO;GACL,MAAM;GACN,SAAS,iBAAiB;GAC1B,WAAW,iBAAiB;EAC9B;CACF;CAEA,MAAM,+BAA+B,oBAA8B;EACjE,IAAI,OACF,SAAS,KAAA,CAAS;EAEpB,OAAO;GACL,MAAM;GACN,SAAS,gBAAgB;GACzB,WAAW,gBAAgB;EAC7B;CACF;CAEA,MAAM,iBAAiB,YAAY;EACjC,IAAI,cACF;EAEF,IAAI,CAAC,WAAW;GACd,SAAS;IACP,MAAM;IACN,SAAS,EAAE,kCAAkC;GAC/C,CAAC;GACD;EACF;EACA,IAAI,CAAC,cAAc;GACjB,SAAS;IACP,MAAM;IACN,SAAS,EAAE,mCAAmC;GAChD,CAAC;GACD;EACF;EAIA,MAAM,oBAAoB,kBACtB,4BAA4B,eAAe,IAC3C,MAAM,6BAA6B;EAEvC,IAAI,mBAAmB;GACrB,MAAM,mBAAmB,YAAY,kBAAkB,OAAO;GAC9D,IAAI,kBAAkB;IACpB,SAAS;KACP,MAAM;KACN,SAAS,EAAE,qCAAqC,EAC9C,MAAM,iBAAiB,KACzB,CAAC;IACH,CAAC;IACD;GACF;GACC,IAAoC,SAAS,MAAM;GAEpD,cAAc;IACZ,MAAM,kBAAkB;IACxB,SAAS,kBAAkB;IAC3B,WAAW,kBAAkB;GAC/B,CAAC;EACH;CACF;CAEA,MAAM,4BAA4B,MAAmB;EACnD,IAAI,OACF,SAAS,KAAA,CAAS;EAEpB,WAAY,EAAE,OAA4B,MAAM,KAAK,CAAC;CACxD;CAEA,MAAM,yBAAyB,MAAmB;EAChD,IAAI,OACF,SAAS,KAAA,CAAS;EAEpB,QAAS,EAAE,OAA4B,KAAK;CAC9C;CAEA,MAAM,oBAAoB;EACxB,QAAQ,EAAE;EACV,WAAW,EAAE;CACf;CAEA,OACE,oBAAC,aAAD;EAAkB;EAAK,SAAS;EAC9B,UAAA,qBAAC,4BAAD,EAAA,UAAA;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,UAAD,EAAU,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,EACpB,CAAA;GACf,oBAAC,YAAD,EAAA,UAAa,EAAE,6BAA6B,EAAc,CAAA;GACzD,kBACC,qBAAC,uBAAD,EAAA,UAAA,CACG,iBAAiB,OAChB,oBAAC,YAAD;IACE,IAAI;KACF,YAAY;KACZ,IAAI;IACN;IAEC,UAAA,iBAAiB;GACR,CAAA,IACV,MACJ,oBAAC,YAAD,EAAA,UAAa,iBAAiB,QAAoB,CAAA,CAC7B,EAAA,CAAA,IACrB;GACJ,qBAAC,qBAAD,EAAA,UAAA;IACE,oBAAC,kBAAD;KAAkB,MAAM,OAAO,SAAS,SAAS,UAAU;KACzD,UAAA,oBAAC,OAAD;MACE,MAAK;MACL,cAAa;MACb,aAAY;MACZ,gBAAe;MACf,YAAW;MACX,UAAU;MACV,OAAO;MACP,aAAa,iBAAiB,QAAQ,EAAE,wBAAwB;MAChE,cAAY,iBAAiB,QAAQ,EAAE,wBAAwB;MAC/D,YAAY,EAAE,WAAW,IAAI;KAC9B,CAAA;IACe,CAAA;IACjB,CAAC,mBACA,oBAAC,kBAAD;KACE,MAAM,OAAO,SAAS,YAAY,UAAU;KAE5C,UAAA,oBAAC,cAAD;MACE,MAAK;MACL,cAAa;MACb,aAAY;MACZ,gBAAe;MACf,YAAW;MACX,UAAU;MACV,OAAO;MACP,aAAa,EAAE,6BAA6B,EAC1C,SAAS,OACX,CAAC;MACD,cAAY,EAAE,6BAA6B,EACzC,SAAS,OACX,CAAC;MACD,SAAS;MACT,YAAY,EAAE,WAAW,IAAI;MAC7B,WAAA;KACD,CAAA;IACe,CAAA;IAEnB,QACC,oBAAC,iBAAD;KAAiB,MAAM,oBAAC,WAAD,CAAY,CAAA;KAChC,UAAA,MAAM;IACQ,CAAA,IACf;GACe,EAAA,CAAA;GACrB,oBAAC,cAAD;IACE,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,eAAe;KACrD,UAAA,EAAE,qCAAqC;IAC9B,CAAA;IAEd,MAAM,oBAAC,gBAAD,CAAiB,CAAA;GACxB,CAAA;GACD,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAc,WAAA;IAC3C,UAAA,EAAE,eAAe;GACZ,CAAA,GACR,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,SAAS;IACT,iBAAgB;IAChB,WAAA;IACA,aAAA;IAEC,UAAA,EAAE,iBAAiB;GACd,CAAA,CACa,EAAA,CAAA;EACG,EAAA,CAAA;CACjB,CAAA;AAEjB"}
+{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, JSX, Ref, RefObject } from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { addressInputMaxLength } from '../../config/constants.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet = ({\n  validatedWallet,\n  onAddBookmark,\n  ref,\n}: BookmarkAddressProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const { t } = useTranslation()\n  const [name, setName] = useState('')\n  const [address, setAddress] = useState('')\n  const [error, setError] = useState<BookmarkError>()\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { getBookmark } = useBookmarkActions()\n\n  const nameValue = name.trim() || validatedWallet?.name || ''\n  const addressValue = address || validatedWallet?.address || ''\n\n  const handleCancel = () => {\n    setError(undefined)\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  const validateWithAddressFromInput = async () => {\n    const validationResult = await validateAddress({ value: address })\n    if (!validationResult.isValid) {\n      setError({ type: 'address', message: validationResult.error })\n      return\n    }\n\n    return {\n      name: nameValue,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n      chainId: validationResult.chainId,\n    }\n  }\n\n  const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n    if (error) {\n      setError(undefined)\n    }\n    return {\n      name: nameValue,\n      address: validatedWallet.address,\n      chainType: validatedWallet.chainType,\n      chainId: validatedWallet.chainId,\n    }\n  }\n\n  const handleBookmark = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!nameValue) {\n      setError({\n        type: 'name',\n        message: t('error.title.bookmarkNameRequired'),\n      })\n      return\n    }\n    if (!addressValue) {\n      setError({\n        type: 'address',\n        message: t('error.title.walletAddressRequired'),\n      })\n      return\n    }\n\n    //  If the validatedWallet is supplied as a prop then we should assume\n    //  the address has already been validated\n    const validatedBookmark = validatedWallet\n      ? validateWithValidatedWallet(validatedWallet)\n      : await validateWithAddressFromInput()\n\n    if (validatedBookmark) {\n      const existingBookmark = getBookmark(validatedBookmark.address)\n      if (existingBookmark) {\n        setError({\n          type: 'address',\n          message: t('error.title.bookmarkAlreadyExists', {\n            name: existingBookmark.name,\n          }),\n        })\n        return\n      }\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n      onAddBookmark({\n        name: validatedBookmark.name,\n        address: validatedBookmark.address,\n        chainType: validatedBookmark.chainType,\n        chainId: validatedBookmark.chainId,\n      })\n    }\n  }\n\n  const handleAddressInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setAddress((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleNameInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setName((e.target as HTMLInputElement).value)\n  }\n\n  const resetValues = () => {\n    setName('')\n    setAddress('')\n  }\n\n  return (\n    <BottomSheet ref={ref} onClose={resetValues}>\n      <SendToWalletSheetContainer>\n        <IconContainer>\n          <TurnedIn sx={{ fontSize: 40 }} />\n        </IconContainer>\n        <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n        {validatedWallet ? (\n          <SheetAddressContainer>\n            {validatedWallet?.name ? (\n              <Typography\n                sx={{\n                  fontWeight: 600,\n                  mb: 0.5,\n                }}\n              >\n                {validatedWallet?.name}\n              </Typography>\n            ) : null}\n            <Typography>{validatedWallet?.address}</Typography>\n          </SheetAddressContainer>\n        ) : null}\n        <BookmarkInputFields>\n          <SendToWalletCard type={error?.type === 'name' ? 'error' : 'default'}>\n            <Input\n              size=\"small\"\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck=\"false\"\n              onChange={handleNameInputChange}\n              value={name}\n              placeholder={validatedWallet?.name || t('sendToWallet.enterName')}\n              aria-label={validatedWallet?.name || t('sendToWallet.enterName')}\n              inputProps={{ maxLength: 128 }}\n            />\n          </SendToWalletCard>\n          {!validatedWallet && (\n            <SendToWalletCard\n              type={error?.type === 'address' ? 'error' : 'default'}\n            >\n              <AddressInput\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleAddressInputChange}\n                value={address}\n                placeholder={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                aria-label={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                maxRows={2}\n                inputProps={{ maxLength: addressInputMaxLength }}\n                multiline\n              />\n            </SendToWalletCard>\n          )}\n          {error ? (\n            <ValidationAlert icon={<ErrorIcon />}>\n              {error.message}\n            </ValidationAlert>\n          ) : null}\n        </BookmarkInputFields>\n        <AlertMessage\n          title={\n            <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n              {t('warning.message.fundsLossPrevention')}\n            </Typography>\n          }\n          icon={<WarningRounded />}\n        />\n        <SendToWalletButtonRow>\n          <Button variant=\"text\" onClick={handleCancel} fullWidth>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={handleBookmark}\n            loading={isValidating}\n            loadingPosition=\"center\"\n            fullWidth\n            focusRipple\n          >\n            {t('button.bookmark')}\n          </Button>\n        </SendToWalletButtonRow>\n      </SendToWalletSheetContainer>\n    </BottomSheet>\n  )\n}\n"],"mappings":"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"}