@lifi/widget 4.5.0 → 4.7.0

package/dist/esm/utils/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","names":[],"sources":["../../../src/utils/token.ts"],"sourcesContent":["import type { BaseToken, RouteExtended, Token, TokenAmount } from '@lifi/sdk'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain, TokenWithVerified } from '../types/token.js'\nimport type { WidgetChains, WidgetTokens } from '../types/widget.js'\nimport { getConfigItemSets, isFormItemAllowed } from './item.js'\n\n/**\n * Builds per-chain sets of lowercase token addresses from the\n * `tokens.verified` config allowlist.\n */\nexport const getVerifiedTokensSets = (\n  configTokens?: WidgetTokens\n): Map<number, Set<string>> | undefined => {\n  if (!configTokens?.verified?.length) {\n    return undefined\n  }\n  const sets = new Map<number, Set<string>>()\n  for (const token of configTokens.verified) {\n    const chainId = Number(token.chainId)\n    let addresses = sets.get(chainId)\n    if (!addresses) {\n      addresses = new Set()\n      sets.set(chainId, addresses)\n    }\n    addresses.add(token.address.toLowerCase())\n  }\n  return sets\n}\n\n/**\n * Merges verified tokens with search tokens.\n * Verified tokens take priority - search tokens are only added if they don't already exist.\n */\nexport const mergeVerifiedWithSearchTokens = (\n  verifiedTokens?: TokensByChain,\n  searchTokens?: TokensByChain\n): TokensByChain | undefined => {\n  if (!verifiedTokens) {\n    return searchTokens\n  }\n  if (!searchTokens) {\n    return verifiedTokens\n  }\n\n  const result = { ...verifiedTokens }\n\n  for (const [chainId, tokens] of Object.entries(searchTokens)) {\n    const chainIdNum = Number(chainId)\n    const existingTokens = result[chainIdNum] || []\n    const existingAddresses = new Set(\n      existingTokens.map((t) => t.address.toLowerCase())\n    )\n\n    const newTokens = tokens.filter(\n      (t) => !existingAddresses.has(t.address.toLowerCase())\n    )\n\n    if (newTokens.length) {\n      result[chainIdNum] = [...existingTokens, ...newTokens]\n    }\n  }\n\n  return result\n}\n\n/**\n * Updates a token in the cache by chainId and address.\n * Returns a new cache object with the token updated, or the original if not found.\n */\nexport const updateTokenInCache = (\n  data: TokensByChain | undefined,\n  token: Token\n): TokensByChain | undefined => {\n  if (!data) {\n    return data\n  }\n  const chainTokens = data[token.chainId]\n  if (!chainTokens) {\n    return data\n  }\n  const index = chainTokens.findIndex((t) => t.address === token.address)\n  if (index < 0) {\n    return data\n  }\n  return {\n    ...data,\n    [token.chainId]: chainTokens.map((t, i) =>\n      i === index ? { ...t, ...token } : t\n    ),\n  }\n}\n\nexport const filterAllowedTokens = (\n  dataTokens: TokensByChain | undefined,\n  configTokens?: WidgetTokens,\n  chainsConfig?: WidgetChains,\n  formType?: FormType\n): TokensByChain | undefined => {\n  if (!dataTokens) {\n    return\n  }\n\n  const includedTokens = configTokens?.include || []\n  const allChainIds = Array.from(\n    new Set([\n      ...includedTokens.map((t) => t.chainId),\n      ...Object.keys(dataTokens),\n    ])\n  ).map((chainId) => Number(chainId))\n\n  const configChainIdsSet = getConfigItemSets(\n    chainsConfig,\n    (chainIds: number[]) => new Set(chainIds),\n    formType\n  )\n\n  const allowedChainIds = configChainIdsSet\n    ? allChainIds.filter((chainId) =>\n        isFormItemAllowed(chainId, configChainIdsSet, formType)\n      )\n    : allChainIds\n\n  const verifiedTokensSets = getVerifiedTokensSets(configTokens)\n\n  const allowedTokensByChain: TokensByChain = {}\n  for (const chainId of allowedChainIds) {\n    const chainIncludedTokens = includedTokens.filter(\n      (t) => Number(t.chainId) === chainId\n    )\n    const includedAddresses = new Set(\n      chainIncludedTokens.map((t) => t.address.toLowerCase())\n    )\n\n    const allowedAddresses = getConfigItemSets(\n      configTokens,\n      (tokens: BaseToken[]) =>\n        new Set(\n          tokens\n            .filter((t) => Number(t.chainId) === chainId)\n            .map((t) => t.address.toLowerCase())\n        ),\n      formType\n    )\n\n    const verifiedAddresses = verifiedTokensSets?.get(chainId)\n\n    const chainTokens: TokenWithVerified[] = [\n      ...(dataTokens[chainId] ?? []),\n      ...chainIncludedTokens,\n    ]\n\n    const filtered: TokenWithVerified[] = []\n    const seenAddresses = new Set<string>()\n    for (const token of chainTokens) {\n      const address = token.address.toLowerCase()\n      // Data tokens come first and win over include duplicates,\n      // keeping their extended data\n      if (seenAddresses.has(address)) {\n        continue\n      }\n      seenAddresses.add(address)\n      if (\n        !isFormItemAllowed(token, allowedAddresses, formType, (t) =>\n          t.address.toLowerCase()\n        )\n      ) {\n        continue\n      }\n      // Include and verified-allowlist tokens are explicitly set by the\n      // integrator, mark them as verified\n      if (\n        !token.verified &&\n        (includedAddresses.has(address) || verifiedAddresses?.has(address))\n      ) {\n        filtered.push({ ...token, verified: true })\n      } else {\n        filtered.push(token)\n      }\n    }\n\n    allowedTokensByChain[chainId] = filtered\n  }\n\n  return allowedTokensByChain\n}\n\nexport const getExecutionToToken = (route: RouteExtended): TokenAmount => ({\n  ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),\n  amount: BigInt(\n    route.steps.at(-1)?.execution?.toAmount ??\n      route.steps.at(-1)?.estimate.toAmount ??\n      route.toAmount\n  ),\n})\n"],"mappings":"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"}
+{"version":3,"file":"token.js","names":[],"sources":["../../../src/utils/token.ts"],"sourcesContent":["import type {\n  BaseToken,\n  ExtendedChain,\n  RouteExtended,\n  StaticToken,\n  Token,\n  TokenAmount,\n  TokenExtended,\n} from '@lifi/sdk'\nimport { ChainId } from '@lifi/sdk'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain, TokenWithFlags } from '../types/token.js'\nimport type {\n  AllowDenySets,\n  WidgetChains,\n  WidgetTokens,\n} from '../types/widget.js'\nimport { getConfigItemSets, isFormItemAllowed } from './item.js'\n\n// Number(): plain-JS integrators may pass chainId as a string.\nexport const getChainTokenAllowSets = (\n  configTokens: WidgetTokens | undefined,\n  chainId: number,\n  formType?: FormType\n): AllowDenySets | undefined =>\n  getConfigItemSets(\n    configTokens,\n    (tokens: BaseToken[]) =>\n      new Set(\n        tokens\n          .filter((t) => Number(t.chainId) === chainId)\n          .map((t) => t.address.toLowerCase())\n      ),\n    formType\n  )\n\n/**\n * Builds per-chain sets of lowercase token addresses from the\n * `tokens.verified` config allowlist.\n */\nexport const getVerifiedTokensSets = (\n  configTokens?: WidgetTokens\n): Map<number, Set<string>> | undefined => {\n  if (!configTokens?.verified?.length) {\n    return undefined\n  }\n  const sets = new Map<number, Set<string>>()\n  for (const token of configTokens.verified) {\n    const chainId = Number(token.chainId)\n    let addresses = sets.get(chainId)\n    if (!addresses) {\n      addresses = new Set()\n      sets.set(chainId, addresses)\n    }\n    addresses.add(token.address.toLowerCase())\n  }\n  return sets\n}\n\n/**\n * Merges verified tokens with search tokens.\n * Verified tokens take priority - search tokens are only added if they don't already exist.\n */\nexport const mergeVerifiedWithSearchTokens = (\n  verifiedTokens?: TokensByChain,\n  searchTokens?: TokensByChain\n): TokensByChain | undefined => {\n  if (!verifiedTokens) {\n    return searchTokens\n  }\n  if (!searchTokens) {\n    return verifiedTokens\n  }\n\n  const result = { ...verifiedTokens }\n\n  for (const [chainId, tokens] of Object.entries(searchTokens)) {\n    const chainIdNum = Number(chainId)\n    const existingTokens = result[chainIdNum] || []\n    const existingAddresses = new Set(\n      existingTokens.map((t) => t.address.toLowerCase())\n    )\n\n    const newTokens = tokens.filter(\n      (t) => !existingAddresses.has(t.address.toLowerCase())\n    )\n\n    if (newTokens.length) {\n      result[chainIdNum] = [...existingTokens, ...newTokens]\n    }\n  }\n\n  return result\n}\n\n/**\n * `priceUSD` is a required string, so an unknown price arrives as `'0'` or `''`\n * rather than as an absent key — the same reading as in `useLimitMarketRate`. A\n * known price must never lose to one, or a route that cannot price its output\n * blanks a value the cache already knew.\n */\nexport const knownPriceUSD = (fresher: string, cached: string): string =>\n  Number(fresher) ? fresher : cached\n\n/**\n * Merges a cached token into a route token for display. The route wins on every\n * field it carries; the cache only fills gaps. Letting the cache win instead\n * swaps the quoted price for a stale feed price.\n */\nexport const mergeFallbackToken = (\n  routeToken: TokenAmount,\n  cachedToken: TokenExtended | undefined\n): TokenAmount =>\n  cachedToken\n    ? {\n        ...cachedToken,\n        ...routeToken,\n        priceUSD: knownPriceUSD(routeToken.priceUSD, cachedToken.priceUSD),\n        logoURI: routeToken.logoURI || cachedToken.logoURI,\n      }\n    : routeToken\n\n/**\n * Updates a token in the cache by chainId and address.\n * Returns a new cache object with the token updated, or the original if not found.\n * Addresses are compared case-insensitively: the token list and the route can\n * spell the same address differently. The incoming token only overwrites what it\n * actually knows, so an unpriced or logo-less route cannot blank the cache.\n */\nexport const updateTokenInCache = (\n  data: TokensByChain | undefined,\n  token: Token\n): TokensByChain | undefined => {\n  if (!data) {\n    return data\n  }\n  const chainTokens = data[token.chainId]\n  if (!chainTokens) {\n    return data\n  }\n  const address = token.address.toLowerCase()\n  const index = chainTokens.findIndex(\n    (t) => t.address.toLowerCase() === address\n  )\n  if (index < 0) {\n    return data\n  }\n  return {\n    ...data,\n    [token.chainId]: chainTokens.map((t, i) =>\n      i === index\n        ? {\n            ...t,\n            ...token,\n            // Keep the cached address: other readers hold it as the identity.\n            address: t.address,\n            priceUSD: knownPriceUSD(token.priceUSD, t.priceUSD),\n            logoURI: token.logoURI || t.logoURI,\n          }\n        : t\n    ),\n  }\n}\n\nexport const filterAllowedTokens = (\n  dataTokens: TokensByChain | undefined,\n  configTokens?: WidgetTokens,\n  chainsConfig?: WidgetChains,\n  formType?: FormType,\n  nativeTokenAddresses?: Map<number, string>\n): TokensByChain | undefined => {\n  if (!dataTokens) {\n    return\n  }\n\n  const includedTokens = configTokens?.include || []\n  const allChainIds = Array.from(\n    new Set([\n      ...includedTokens.map((t) => t.chainId),\n      ...Object.keys(dataTokens),\n    ])\n  ).map((chainId) => Number(chainId))\n\n  const configChainIdsSet = getConfigItemSets(\n    chainsConfig,\n    (chainIds: number[]) => new Set(chainIds),\n    formType\n  )\n\n  const allowedChainIds = configChainIdsSet\n    ? allChainIds.filter((chainId) =>\n        isFormItemAllowed(chainId, configChainIdsSet, formType)\n      )\n    : allChainIds\n\n  const verifiedTokensSets = getVerifiedTokensSets(configTokens)\n\n  const allowedTokensByChain: TokensByChain = {}\n  for (const chainId of allowedChainIds) {\n    const chainIncludedTokens = includedTokens.filter(\n      (t) => Number(t.chainId) === chainId\n    )\n    const includedAddresses = new Set(\n      chainIncludedTokens.map((t) => t.address.toLowerCase())\n    )\n\n    const allowedAddresses = getChainTokenAllowSets(\n      configTokens,\n      chainId,\n      formType\n    )\n\n    const verifiedAddresses = verifiedTokensSets?.get(chainId)\n    const nativeAddress = nativeTokenAddresses?.get(chainId)?.toLowerCase()\n\n    const chainTokens: TokenWithFlags[] = [\n      ...(dataTokens[chainId] ?? []),\n      ...chainIncludedTokens,\n    ]\n\n    const filtered: TokenWithFlags[] = []\n    const seenAddresses = new Set<string>()\n    for (const token of chainTokens) {\n      const address = token.address.toLowerCase()\n      // Data tokens come first and win over include duplicates,\n      // keeping their extended data\n      if (seenAddresses.has(address)) {\n        continue\n      }\n      seenAddresses.add(address)\n      if (\n        !isFormItemAllowed(token, allowedAddresses, formType, (t) =>\n          t.address.toLowerCase()\n        )\n      ) {\n        continue\n      }\n      // Include and verified-allowlist tokens are explicitly set by the\n      // integrator, mark them as verified. Flags are only ever set to true,\n      // so a token that earns none keeps its cached object.\n      const markVerified =\n        !token.verified &&\n        (includedAddresses.has(address) || verifiedAddresses?.has(address))\n      const markNative = !!nativeAddress && nativeAddress === address\n      if (markVerified || markNative) {\n        filtered.push({\n          ...token,\n          ...(markVerified ? { verified: true } : {}),\n          ...(markNative ? { native: true } : {}),\n        })\n      } else {\n        filtered.push(token)\n      }\n    }\n\n    allowedTokensByChain[chainId] = filtered\n  }\n\n  return allowedTokensByChain\n}\n\nexport const getExecutionToToken = (route: RouteExtended): TokenAmount => ({\n  ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),\n  amount: BigInt(\n    route.steps.at(-1)?.execution?.toAmount ??\n      route.steps.at(-1)?.estimate.toAmount ??\n      route.toAmount\n  ),\n})\n\n/** Capitalized name of the first provider that verified the token. */\nexport const getTokenVerificationProvider = (\n  token: Pick<StaticToken, 'verificationStatusBreakdown'>\n): string | undefined => {\n  const provider = token.verificationStatusBreakdown?.find(\n    (entry) => entry.result === 'verified'\n  )?.provider\n  return provider\n    ? `${provider.charAt(0).toUpperCase()}${provider.slice(1)}`\n    : undefined\n}\n\n/**\n * Hyperliquid declares Arbitrum USDC as its native token, Lighter declares\n * Ethereum USDC. Neither is a gas token you hold there. A chain-local\n * stablecoin gas token, as on Arc or Stable, is genuine and stays.\n */\nconst chainIdsWithoutNativeToken = new Set([ChainId.HPL, ChainId.LTR])\n\nexport const getNativeTokenAddresses = (\n  chains?: ExtendedChain[]\n): Map<number, string> =>\n  new Map(\n    chains\n      ?.filter((chain) => !chainIdsWithoutNativeToken.has(chain.id))\n      .map((chain) => [chain.id, chain.nativeToken.address])\n  )\n"],"mappings":"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"}

package/dist/esm/utils/tokenList.js

@@ -3,30 +3,32 @@ import { formatUnits } from "@lifi/sdk";
 const sortByBalances = (a, b) => Number.parseFloat(formatUnits(b.amount ?? 0n, b.decimals)) * Number.parseFloat(b.priceUSD ?? "0") - Number.parseFloat(formatUnits(a.amount ?? 0n, a.decimals)) * Number.parseFloat(a.priceUSD ?? "0");
 const sortByVolume = (a, b) => (b.volumeUSD24H ?? 0) - (a.volumeUSD24H ?? 0);
 const processTokenList = (withoutBalances, noCategories, configTokens, selectedChainId, tokens, tokensWithBalances, isPinnedToken) => {
-	if (withoutBalances) if (noCategories) {
-		const sortedTokens = [...tokens ?? []].sort(sortByVolume);
-		if (isPinnedToken) {
-			const pinned = [];
-			const notPinned = [];
-			for (const token of sortedTokens) if (isPinnedToken(token.chainId, token.address)) {
-				const pinnedToken = {
-					...token,
-					pinned: true
+	if (withoutBalances) {
+		if (noCategories) {
+			const sortedTokens = [...tokens ?? []].sort(sortByVolume);
+			if (isPinnedToken) {
+				const pinned = [];
+				const notPinned = [];
+				for (const token of sortedTokens) if (isPinnedToken(token.chainId, token.address)) {
+					const pinnedToken = {
+						...token,
+						pinned: true
+					};
+					pinned.push(pinnedToken);
+				} else notPinned.push(token);
+				return {
+					processedTokens: [...pinned, ...notPinned],
+					withCategories: false,
+					withPinnedTokens: !!pinned.length
 				};
-				pinned.push(pinnedToken);
-			} else notPinned.push(token);
+			}
 			return {
-				processedTokens: [...pinned, ...notPinned],
+				processedTokens: sortedTokens,
 				withCategories: false,
-				withPinnedTokens: !!pinned.length
+				withPinnedTokens: false
 			};
-		}
-		return {
-			processedTokens: sortedTokens,
-			withCategories: false,
-			withPinnedTokens: false
-		};
-	} else return processedTypedTokens(tokens ?? [], [], selectedChainId, configTokens, isPinnedToken);
+		} else return processedTypedTokens(tokens ?? [], [], selectedChainId, configTokens, isPinnedToken);
+	}
 	const sortedTokensWithBalances = [...tokensWithBalances ?? []].sort(sortByBalances);
 	const tokensWithBalancesSet = new Set(sortedTokensWithBalances.map((token) => `${token.chainId}-${token.address.toLowerCase()}`));
 	const tokensWithoutBalances = tokens?.filter((token) => {
@@ -133,12 +135,39 @@ const processedTypedTokens = (tokens, tokensWithBalances, selectedChainId, confi
 		withPinnedTokens: !!sortedPinnedTokens.length
 	};
 };
-const isSearchMatch = (token, search) => {
-	if (!search) return true;
-	const searchLowerCase = search.toLowerCase();
-	return token.name?.toLowerCase().includes(searchLowerCase) || token.symbol?.replaceAll("₮", "T").toLowerCase().includes(searchLowerCase) || token.address?.toLowerCase().includes(searchLowerCase);
+/**
+* Builds the filter for one search, so the query is normalized once instead of
+* once per token: an all-networks list holds tens of thousands of rows, where
+* normalizing per row costs more than the matching itself. Binding the mode
+* here also keeps every call site of one search on the same rule.
+*
+* An address search matches the token at that address only. Impersonators
+* embed a real address in their name or symbol, so a substring match on
+* those fields would surface them for the very query meant to avoid them.
+*/
+const createSearchMatcher = (search, isAddressSearch) => {
+	const searchTerm = search?.trim().toLowerCase();
+	if (!searchTerm) return () => true;
+	if (isAddressSearch) return (token) => token.address?.toLowerCase() === searchTerm;
+	return (token) => Boolean(token.name?.toLowerCase().includes(searchTerm) || token.symbol?.replaceAll("₮", "T").toLowerCase().includes(searchTerm) || token.address?.toLowerCase().includes(searchTerm));
+};
+const isHoistableNative = (token, selectedChainId) => !!token?.native && !token.pinned && !token.featured && !token.popular && !token.verified && (selectedChainId === void 0 || token.chainId === selectedChainId);
+/**
+* Moves the chain's native token to the top of its own chain's list, unless an
+* external list already places it. Returns the array unchanged when nothing
+* moves, so a memo downstream keeps its reference.
+*/
+const hoistNativeToken = (tokens, selectedChainId) => {
+	if (!selectedChainId) return tokens;
+	const index = tokens.findIndex((token) => isHoistableNative(token, selectedChainId));
+	if (index < 1) return tokens;
+	return [
+		tokens[index],
+		...tokens.slice(0, index),
+		...tokens.slice(index + 1)
+	];
 };
 //#endregion
-export { isSearchMatch, processTokenList };
+export { createSearchMatcher, hoistNativeToken, isHoistableNative, processTokenList };
 
 //# sourceMappingURL=tokenList.js.map

package/dist/esm/utils/tokenList.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokenList.js","names":[],"sources":["../../../src/utils/tokenList.ts"],"sourcesContent":["import { formatUnits, type TokenExtended } from '@lifi/sdk'\nimport type { TokenAmount, TokenAmountExtended } from '../types/token.js'\nimport type { WidgetTokens } from '../types/widget.js'\n\nconst sortByBalances = (a: TokenAmount, b: TokenAmount) =>\n  Number.parseFloat(formatUnits(b.amount ?? 0n, b.decimals)) *\n    Number.parseFloat(b.priceUSD ?? '0') -\n  Number.parseFloat(formatUnits(a.amount ?? 0n, a.decimals)) *\n    Number.parseFloat(a.priceUSD ?? '0')\n\nconst sortByVolume = (a: TokenExtended, b: TokenExtended) =>\n  (b.volumeUSD24H ?? 0) - (a.volumeUSD24H ?? 0)\n\nexport const processTokenList = (\n  withoutBalances: boolean,\n  noCategories: boolean,\n  configTokens?: WidgetTokens,\n  selectedChainId?: number,\n  tokens?: TokenExtended[],\n  tokensWithBalances?: TokenAmount[],\n  isPinnedToken?: (chainId: number, tokenAddress: string) => boolean\n): {\n  processedTokens: TokenAmount[]\n  withCategories: boolean\n  withPinnedTokens: boolean\n} => {\n  if (withoutBalances) {\n    if (noCategories) {\n      const sortedTokens = [...(tokens ?? [])].sort(sortByVolume)\n      // Separate pinned tokens\n      if (isPinnedToken) {\n        const pinned: TokenAmount[] = []\n        const notPinned: TokenAmount[] = []\n        for (const token of sortedTokens) {\n          if (isPinnedToken(token.chainId, token.address)) {\n            const pinnedToken = { ...token, pinned: true } as TokenAmount\n            pinned.push(pinnedToken)\n          } else {\n            notPinned.push(token)\n          }\n        }\n        return {\n          processedTokens: [...pinned, ...notPinned],\n          withCategories: false,\n          withPinnedTokens: !!pinned.length,\n        }\n      }\n      return {\n        processedTokens: sortedTokens,\n        withCategories: false,\n        withPinnedTokens: false,\n      }\n    } else {\n      return processedTypedTokens(\n        tokens ?? [],\n        [],\n        selectedChainId,\n        configTokens,\n        isPinnedToken\n      )\n    }\n  }\n\n  const sortedTokensWithBalances = [...(tokensWithBalances ?? [])].sort(\n    sortByBalances\n  )\n\n  const tokensWithBalancesSet = new Set(\n    sortedTokensWithBalances.map(\n      (token) => `${token.chainId}-${token.address.toLowerCase()}`\n    )\n  )\n  const tokensWithoutBalances =\n    tokens\n      ?.filter((token) => {\n        const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n        return !tokensWithBalancesSet.has(tokenKey)\n      })\n      .sort(sortByVolume) ?? []\n\n  if (noCategories) {\n    // Separate pinned tokens\n    if (isPinnedToken) {\n      const pinnedWithBalances: TokenAmount[] = []\n      const notPinnedWithBalances: TokenAmount[] = []\n      const pinnedWithoutBalances: TokenAmount[] = []\n      const notPinnedWithoutBalances: TokenAmount[] = []\n\n      for (const token of sortedTokensWithBalances) {\n        if (isPinnedToken(token.chainId, token.address)) {\n          const pinnedToken = { ...token, pinned: true } as TokenAmount\n          pinnedWithBalances.push(pinnedToken)\n        } else {\n          notPinnedWithBalances.push(token)\n        }\n      }\n\n      for (const token of tokensWithoutBalances) {\n        if (isPinnedToken(token.chainId, token.address)) {\n          const pinnedToken = { ...token, pinned: true } as TokenAmount\n          pinnedWithoutBalances.push(pinnedToken)\n        } else {\n          notPinnedWithoutBalances.push(token)\n        }\n      }\n\n      return {\n        processedTokens: [\n          ...pinnedWithBalances,\n          ...pinnedWithoutBalances,\n          ...notPinnedWithBalances,\n          ...notPinnedWithoutBalances,\n        ],\n        withCategories: false,\n        withPinnedTokens:\n          !!pinnedWithBalances.length || !!pinnedWithoutBalances.length,\n      }\n    }\n    return {\n      processedTokens: [...sortedTokensWithBalances, ...tokensWithoutBalances],\n      withCategories: false,\n      withPinnedTokens: false,\n    }\n  } else {\n    return processedTypedTokens(\n      tokensWithoutBalances,\n      sortedTokensWithBalances,\n      selectedChainId,\n      configTokens,\n      isPinnedToken\n    )\n  }\n}\n\n// NB: only for non-all-networks\nconst processedTypedTokens = (\n  tokens: TokenAmount[],\n  tokensWithBalances: TokenAmount[],\n  selectedChainId?: number,\n  configTokens?: WidgetTokens,\n  isPinnedToken?: (chainId: number, tokenAddress: string) => boolean\n) => {\n  const filteredTokensMap = new Map(\n    tokens.map((token) => [token.address, token])\n  )\n\n  const pinnedTokens: TokenAmount[] = []\n  const featuredTokensFromConfig: TokenAmount[] = []\n  const popularTokensFromConfig: TokenAmount[] = []\n\n  ;(['popular', 'featured'] as const).forEach((tokenType) => {\n    const typedTokens = configTokens?.[tokenType]?.filter(\n      (token) => token.chainId === selectedChainId\n    )\n\n    typedTokens?.forEach((token) => {\n      const tokenAmount = { ...token } as TokenAmount\n      tokenAmount[tokenType] = true\n      // Config tokens are explicitly set by integrator, mark as verified\n      tokenAmount.verified = true\n\n      const match = filteredTokensMap.get(token.address)\n      if (match?.priceUSD) {\n        tokenAmount.priceUSD = match.priceUSD\n      }\n      if (!token.logoURI && match?.logoURI) {\n        tokenAmount.logoURI = match.logoURI\n      }\n\n      if (tokenType === 'popular') {\n        popularTokensFromConfig.push(tokenAmount)\n      } else {\n        featuredTokensFromConfig.push(tokenAmount)\n      }\n\n      // Additionally add to pinned tokens if it is pinned\n      const isPinned =\n        isPinnedToken && selectedChainId\n          ? isPinnedToken(selectedChainId, token.address)\n          : false\n      if (isPinned) {\n        const pinnedToken = { ...tokenAmount, pinned: true } as TokenAmount\n        pinnedTokens.push(pinnedToken)\n      }\n    })\n  })\n\n  // Filter out config-added tokens from main list\n  const configTokenAddresses = new Set(\n    [...popularTokensFromConfig, ...featuredTokensFromConfig].map((t) =>\n      t.address.toLowerCase()\n    )\n  )\n\n  const remainingTokens = tokens.filter(\n    (token) => !configTokenAddresses.has(token.address.toLowerCase())\n  )\n\n  const otherTokens: TokenAmount[] = []\n\n  // Separate pinned tokens and categorize remaining tokens\n  for (const token of remainingTokens) {\n    const isPinned =\n      isPinnedToken && selectedChainId\n        ? isPinnedToken(selectedChainId, token.address)\n        : false\n\n    if (isPinned) {\n      const pinnedToken = { ...token, pinned: true } as TokenAmount\n      pinnedTokens.push(pinnedToken)\n    } else if (token.featured) {\n      featuredTokensFromConfig.push(token)\n    } else if (token.popular) {\n      popularTokensFromConfig.push(token)\n    } else {\n      otherTokens.push(token)\n    }\n  }\n\n  // Also check tokens with balances for pinned status\n  const pinnedTokensWithBalances: TokenAmount[] = []\n  const nonPinnedTokensWithBalances: TokenAmount[] = []\n\n  if (isPinnedToken && selectedChainId) {\n    for (const token of tokensWithBalances) {\n      if (isPinnedToken(selectedChainId, token.address)) {\n        const pinnedToken = { ...token, pinned: true } as TokenAmount\n        pinnedTokensWithBalances.push(pinnedToken)\n      } else {\n        nonPinnedTokensWithBalances.push(token)\n      }\n    }\n  } else {\n    nonPinnedTokensWithBalances.push(...tokensWithBalances)\n  }\n\n  const sortedPinnedTokens = [\n    ...pinnedTokens,\n    ...pinnedTokensWithBalances,\n  ].sort(sortByVolume)\n  const sortedFeaturedTokens = [...featuredTokensFromConfig].sort(sortByVolume)\n  const sortedPopularTokens = [...popularTokensFromConfig].sort(sortByVolume)\n  const sortedOtherTokens = [...otherTokens].sort(sortByVolume)\n\n  return {\n    processedTokens: [\n      ...sortedPinnedTokens,\n      ...sortedFeaturedTokens,\n      ...nonPinnedTokensWithBalances,\n      ...sortedPopularTokens,\n      ...sortedOtherTokens,\n    ],\n    withCategories:\n      !!featuredTokensFromConfig.length || !!popularTokensFromConfig.length,\n    withPinnedTokens: !!sortedPinnedTokens.length,\n  }\n}\n\nexport const isSearchMatch = (\n  token: TokenExtended | TokenAmountExtended,\n  search?: string\n): boolean => {\n  if (!search) {\n    return true\n  }\n\n  const searchLowerCase = search.toLowerCase()\n  return (\n    token.name?.toLowerCase().includes(searchLowerCase) ||\n    token.symbol\n      ?.replaceAll('₮', 'T')\n      .toLowerCase()\n      .includes(searchLowerCase) ||\n    token.address?.toLowerCase().includes(searchLowerCase)\n  )\n}\n"],"mappings":";;AAIA,MAAM,kBAAkB,GAAgB,MACtC,OAAO,WAAW,YAAY,EAAE,UAAU,IAAI,EAAE,QAAQ,CAAC,IACvD,OAAO,WAAW,EAAE,YAAY,GAAG,IACrC,OAAO,WAAW,YAAY,EAAE,UAAU,IAAI,EAAE,QAAQ,CAAC,IACvD,OAAO,WAAW,EAAE,YAAY,GAAG;AAEvC,MAAM,gBAAgB,GAAkB,OACrC,EAAE,gBAAgB,MAAM,EAAE,gBAAgB;AAE7C,MAAa,oBACX,iBACA,cACA,cACA,iBACA,QACA,oBACA,kBAKG;CACH,IAAI,iBACF,IAAI,cAAc;EAChB,MAAM,eAAe,CAAC,GAAI,UAAU,CAAC,CAAE,CAAC,CAAC,KAAK,YAAY;EAE1D,IAAI,eAAe;GACjB,MAAM,SAAwB,CAAC;GAC/B,MAAM,YAA2B,CAAC;GAClC,KAAK,MAAM,SAAS,cAClB,IAAI,cAAc,MAAM,SAAS,MAAM,OAAO,GAAG;IAC/C,MAAM,cAAc;KAAE,GAAG;KAAO,QAAQ;IAAK;IAC7C,OAAO,KAAK,WAAW;GACzB,OACE,UAAU,KAAK,KAAK;GAGxB,OAAO;IACL,iBAAiB,CAAC,GAAG,QAAQ,GAAG,SAAS;IACzC,gBAAgB;IAChB,kBAAkB,CAAC,CAAC,OAAO;GAC7B;EACF;EACA,OAAO;GACL,iBAAiB;GACjB,gBAAgB;GAChB,kBAAkB;EACpB;CACF,OACE,OAAO,qBACL,UAAU,CAAC,GACX,CAAC,GACD,iBACA,cACA,aACF;CAIJ,MAAM,2BAA2B,CAAC,GAAI,sBAAsB,CAAC,CAAE,CAAC,CAAC,KAC/D,cACF;CAEA,MAAM,wBAAwB,IAAI,IAChC,yBAAyB,KACtB,UAAU,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,YAAY,GAC3D,CACF;CACA,MAAM,wBACJ,QACI,QAAQ,UAAU;EAClB,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,MAAM,QAAQ,YAAY;EAC/D,OAAO,CAAC,sBAAsB,IAAI,QAAQ;CAC5C,CAAC,CAAC,CACD,KAAK,YAAY,KAAK,CAAC;CAE5B,IAAI,cAAc;EAEhB,IAAI,eAAe;GACjB,MAAM,qBAAoC,CAAC;GAC3C,MAAM,wBAAuC,CAAC;GAC9C,MAAM,wBAAuC,CAAC;GAC9C,MAAM,2BAA0C,CAAC;GAEjD,KAAK,MAAM,SAAS,0BAClB,IAAI,cAAc,MAAM,SAAS,MAAM,OAAO,GAAG;IAC/C,MAAM,cAAc;KAAE,GAAG;KAAO,QAAQ;IAAK;IAC7C,mBAAmB,KAAK,WAAW;GACrC,OACE,sBAAsB,KAAK,KAAK;GAIpC,KAAK,MAAM,SAAS,uBAClB,IAAI,cAAc,MAAM,SAAS,MAAM,OAAO,GAAG;IAC/C,MAAM,cAAc;KAAE,GAAG;KAAO,QAAQ;IAAK;IAC7C,sBAAsB,KAAK,WAAW;GACxC,OACE,yBAAyB,KAAK,KAAK;GAIvC,OAAO;IACL,iBAAiB;KACf,GAAG;KACH,GAAG;KACH,GAAG;KACH,GAAG;IACL;IACA,gBAAgB;IAChB,kBACE,CAAC,CAAC,mBAAmB,UAAU,CAAC,CAAC,sBAAsB;GAC3D;EACF;EACA,OAAO;GACL,iBAAiB,CAAC,GAAG,0BAA0B,GAAG,qBAAqB;GACvE,gBAAgB;GAChB,kBAAkB;EACpB;CACF,OACE,OAAO,qBACL,uBACA,0BACA,iBACA,cACA,aACF;AAEJ;AAGA,MAAM,wBACJ,QACA,oBACA,iBACA,cACA,kBACG;CACH,MAAM,oBAAoB,IAAI,IAC5B,OAAO,KAAK,UAAU,CAAC,MAAM,SAAS,KAAK,CAAC,CAC9C;CAEA,MAAM,eAA8B,CAAC;CACrC,MAAM,2BAA0C,CAAC;CACjD,MAAM,0BAAyC,CAAC;CAE/C,CAAE,WAAW,UAAU,CAAC,CAAW,SAAS,cAAc;EAKzD,CAJoB,eAAe,UAAU,EAAE,QAC5C,UAAU,MAAM,YAAY,eAC/B,EAAA,EAEa,SAAS,UAAU;GAC9B,MAAM,cAAc,EAAE,GAAG,MAAM;GAC/B,YAAY,aAAa;GAEzB,YAAY,WAAW;GAEvB,MAAM,QAAQ,kBAAkB,IAAI,MAAM,OAAO;GACjD,IAAI,OAAO,UACT,YAAY,WAAW,MAAM;GAE/B,IAAI,CAAC,MAAM,WAAW,OAAO,SAC3B,YAAY,UAAU,MAAM;GAG9B,IAAI,cAAc,WAChB,wBAAwB,KAAK,WAAW;QAExC,yBAAyB,KAAK,WAAW;GAQ3C,IAHE,iBAAiB,kBACb,cAAc,iBAAiB,MAAM,OAAO,IAC5C,OACQ;IACZ,MAAM,cAAc;KAAE,GAAG;KAAa,QAAQ;IAAK;IACnD,aAAa,KAAK,WAAW;GAC/B;EACF,CAAC;CACH,CAAC;CAGD,MAAM,uBAAuB,IAAI,IAC/B,CAAC,GAAG,yBAAyB,GAAG,wBAAwB,CAAC,CAAC,KAAK,MAC7D,EAAE,QAAQ,YAAY,CACxB,CACF;CAEA,MAAM,kBAAkB,OAAO,QAC5B,UAAU,CAAC,qBAAqB,IAAI,MAAM,QAAQ,YAAY,CAAC,CAClE;CAEA,MAAM,cAA6B,CAAC;CAGpC,KAAK,MAAM,SAAS,iBAMlB,IAJE,iBAAiB,kBACb,cAAc,iBAAiB,MAAM,OAAO,IAC5C,OAEQ;EACZ,MAAM,cAAc;GAAE,GAAG;GAAO,QAAQ;EAAK;EAC7C,aAAa,KAAK,WAAW;CAC/B,OAAO,IAAI,MAAM,UACf,yBAAyB,KAAK,KAAK;MAC9B,IAAI,MAAM,SACf,wBAAwB,KAAK,KAAK;MAElC,YAAY,KAAK,KAAK;CAK1B,MAAM,2BAA0C,CAAC;CACjD,MAAM,8BAA6C,CAAC;CAEpD,IAAI,iBAAiB,iBACnB,KAAK,MAAM,SAAS,oBAClB,IAAI,cAAc,iBAAiB,MAAM,OAAO,GAAG;EACjD,MAAM,cAAc;GAAE,GAAG;GAAO,QAAQ;EAAK;EAC7C,yBAAyB,KAAK,WAAW;CAC3C,OACE,4BAA4B,KAAK,KAAK;MAI1C,4BAA4B,KAAK,GAAG,kBAAkB;CAGxD,MAAM,qBAAqB,CACzB,GAAG,cACH,GAAG,wBACL,CAAC,CAAC,KAAK,YAAY;CACnB,MAAM,uBAAuB,CAAC,GAAG,wBAAwB,CAAC,CAAC,KAAK,YAAY;CAC5E,MAAM,sBAAsB,CAAC,GAAG,uBAAuB,CAAC,CAAC,KAAK,YAAY;CAC1E,MAAM,oBAAoB,CAAC,GAAG,WAAW,CAAC,CAAC,KAAK,YAAY;CAE5D,OAAO;EACL,iBAAiB;GACf,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;EACL;EACA,gBACE,CAAC,CAAC,yBAAyB,UAAU,CAAC,CAAC,wBAAwB;EACjE,kBAAkB,CAAC,CAAC,mBAAmB;CACzC;AACF;AAEA,MAAa,iBACX,OACA,WACY;CACZ,IAAI,CAAC,QACH,OAAO;CAGT,MAAM,kBAAkB,OAAO,YAAY;CAC3C,OACE,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,eAAe,KAClD,MAAM,QACF,WAAW,KAAK,GAAG,CAAC,CACrB,YAAY,CAAC,CACb,SAAS,eAAe,KAC3B,MAAM,SAAS,YAAY,CAAC,CAAC,SAAS,eAAe;AAEzD"}
+{"version":3,"file":"tokenList.js","names":[],"sources":["../../../src/utils/tokenList.ts"],"sourcesContent":["import { formatUnits, type TokenExtended } from '@lifi/sdk'\nimport type { TokenAmount, TokenAmountExtended } from '../types/token.js'\nimport type { WidgetTokens } from '../types/widget.js'\n\nconst sortByBalances = (a: TokenAmount, b: TokenAmount) =>\n  Number.parseFloat(formatUnits(b.amount ?? 0n, b.decimals)) *\n    Number.parseFloat(b.priceUSD ?? '0') -\n  Number.parseFloat(formatUnits(a.amount ?? 0n, a.decimals)) *\n    Number.parseFloat(a.priceUSD ?? '0')\n\nconst sortByVolume = (a: TokenExtended, b: TokenExtended) =>\n  (b.volumeUSD24H ?? 0) - (a.volumeUSD24H ?? 0)\n\nexport const processTokenList = (\n  withoutBalances: boolean,\n  noCategories: boolean,\n  configTokens?: WidgetTokens,\n  selectedChainId?: number,\n  tokens?: TokenExtended[],\n  tokensWithBalances?: TokenAmount[],\n  isPinnedToken?: (chainId: number, tokenAddress: string) => boolean\n): {\n  processedTokens: TokenAmount[]\n  withCategories: boolean\n  withPinnedTokens: boolean\n} => {\n  if (withoutBalances) {\n    if (noCategories) {\n      const sortedTokens = [...(tokens ?? [])].sort(sortByVolume)\n      // Separate pinned tokens\n      if (isPinnedToken) {\n        const pinned: TokenAmount[] = []\n        const notPinned: TokenAmount[] = []\n        for (const token of sortedTokens) {\n          if (isPinnedToken(token.chainId, token.address)) {\n            const pinnedToken = { ...token, pinned: true } as TokenAmount\n            pinned.push(pinnedToken)\n          } else {\n            notPinned.push(token)\n          }\n        }\n        return {\n          processedTokens: [...pinned, ...notPinned],\n          withCategories: false,\n          withPinnedTokens: !!pinned.length,\n        }\n      }\n      return {\n        processedTokens: sortedTokens,\n        withCategories: false,\n        withPinnedTokens: false,\n      }\n    } else {\n      return processedTypedTokens(\n        tokens ?? [],\n        [],\n        selectedChainId,\n        configTokens,\n        isPinnedToken\n      )\n    }\n  }\n\n  const sortedTokensWithBalances = [...(tokensWithBalances ?? [])].sort(\n    sortByBalances\n  )\n\n  const tokensWithBalancesSet = new Set(\n    sortedTokensWithBalances.map(\n      (token) => `${token.chainId}-${token.address.toLowerCase()}`\n    )\n  )\n  const tokensWithoutBalances =\n    tokens\n      ?.filter((token) => {\n        const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`\n        return !tokensWithBalancesSet.has(tokenKey)\n      })\n      .sort(sortByVolume) ?? []\n\n  if (noCategories) {\n    // Separate pinned tokens\n    if (isPinnedToken) {\n      const pinnedWithBalances: TokenAmount[] = []\n      const notPinnedWithBalances: TokenAmount[] = []\n      const pinnedWithoutBalances: TokenAmount[] = []\n      const notPinnedWithoutBalances: TokenAmount[] = []\n\n      for (const token of sortedTokensWithBalances) {\n        if (isPinnedToken(token.chainId, token.address)) {\n          const pinnedToken = { ...token, pinned: true } as TokenAmount\n          pinnedWithBalances.push(pinnedToken)\n        } else {\n          notPinnedWithBalances.push(token)\n        }\n      }\n\n      for (const token of tokensWithoutBalances) {\n        if (isPinnedToken(token.chainId, token.address)) {\n          const pinnedToken = { ...token, pinned: true } as TokenAmount\n          pinnedWithoutBalances.push(pinnedToken)\n        } else {\n          notPinnedWithoutBalances.push(token)\n        }\n      }\n\n      return {\n        processedTokens: [\n          ...pinnedWithBalances,\n          ...pinnedWithoutBalances,\n          ...notPinnedWithBalances,\n          ...notPinnedWithoutBalances,\n        ],\n        withCategories: false,\n        withPinnedTokens:\n          !!pinnedWithBalances.length || !!pinnedWithoutBalances.length,\n      }\n    }\n    return {\n      processedTokens: [...sortedTokensWithBalances, ...tokensWithoutBalances],\n      withCategories: false,\n      withPinnedTokens: false,\n    }\n  } else {\n    return processedTypedTokens(\n      tokensWithoutBalances,\n      sortedTokensWithBalances,\n      selectedChainId,\n      configTokens,\n      isPinnedToken\n    )\n  }\n}\n\n// NB: only for non-all-networks\nconst processedTypedTokens = (\n  tokens: TokenAmount[],\n  tokensWithBalances: TokenAmount[],\n  selectedChainId?: number,\n  configTokens?: WidgetTokens,\n  isPinnedToken?: (chainId: number, tokenAddress: string) => boolean\n) => {\n  const filteredTokensMap = new Map(\n    tokens.map((token) => [token.address, token])\n  )\n\n  const pinnedTokens: TokenAmount[] = []\n  const featuredTokensFromConfig: TokenAmount[] = []\n  const popularTokensFromConfig: TokenAmount[] = []\n\n  ;(['popular', 'featured'] as const).forEach((tokenType) => {\n    const typedTokens = configTokens?.[tokenType]?.filter(\n      (token) => token.chainId === selectedChainId\n    )\n\n    typedTokens?.forEach((token) => {\n      const tokenAmount = { ...token } as TokenAmount\n      tokenAmount[tokenType] = true\n      // Config tokens are explicitly set by integrator, mark as verified\n      tokenAmount.verified = true\n\n      const match = filteredTokensMap.get(token.address)\n      if (match?.priceUSD) {\n        tokenAmount.priceUSD = match.priceUSD\n      }\n      if (!token.logoURI && match?.logoURI) {\n        tokenAmount.logoURI = match.logoURI\n      }\n\n      if (tokenType === 'popular') {\n        popularTokensFromConfig.push(tokenAmount)\n      } else {\n        featuredTokensFromConfig.push(tokenAmount)\n      }\n\n      // Additionally add to pinned tokens if it is pinned\n      const isPinned =\n        isPinnedToken && selectedChainId\n          ? isPinnedToken(selectedChainId, token.address)\n          : false\n      if (isPinned) {\n        const pinnedToken = { ...tokenAmount, pinned: true } as TokenAmount\n        pinnedTokens.push(pinnedToken)\n      }\n    })\n  })\n\n  // Filter out config-added tokens from main list\n  const configTokenAddresses = new Set(\n    [...popularTokensFromConfig, ...featuredTokensFromConfig].map((t) =>\n      t.address.toLowerCase()\n    )\n  )\n\n  const remainingTokens = tokens.filter(\n    (token) => !configTokenAddresses.has(token.address.toLowerCase())\n  )\n\n  const otherTokens: TokenAmount[] = []\n\n  // Separate pinned tokens and categorize remaining tokens\n  for (const token of remainingTokens) {\n    const isPinned =\n      isPinnedToken && selectedChainId\n        ? isPinnedToken(selectedChainId, token.address)\n        : false\n\n    if (isPinned) {\n      const pinnedToken = { ...token, pinned: true } as TokenAmount\n      pinnedTokens.push(pinnedToken)\n    } else if (token.featured) {\n      featuredTokensFromConfig.push(token)\n    } else if (token.popular) {\n      popularTokensFromConfig.push(token)\n    } else {\n      otherTokens.push(token)\n    }\n  }\n\n  // Also check tokens with balances for pinned status\n  const pinnedTokensWithBalances: TokenAmount[] = []\n  const nonPinnedTokensWithBalances: TokenAmount[] = []\n\n  if (isPinnedToken && selectedChainId) {\n    for (const token of tokensWithBalances) {\n      if (isPinnedToken(selectedChainId, token.address)) {\n        const pinnedToken = { ...token, pinned: true } as TokenAmount\n        pinnedTokensWithBalances.push(pinnedToken)\n      } else {\n        nonPinnedTokensWithBalances.push(token)\n      }\n    }\n  } else {\n    nonPinnedTokensWithBalances.push(...tokensWithBalances)\n  }\n\n  const sortedPinnedTokens = [\n    ...pinnedTokens,\n    ...pinnedTokensWithBalances,\n  ].sort(sortByVolume)\n  const sortedFeaturedTokens = [...featuredTokensFromConfig].sort(sortByVolume)\n  const sortedPopularTokens = [...popularTokensFromConfig].sort(sortByVolume)\n  const sortedOtherTokens = [...otherTokens].sort(sortByVolume)\n\n  return {\n    processedTokens: [\n      ...sortedPinnedTokens,\n      ...sortedFeaturedTokens,\n      ...nonPinnedTokensWithBalances,\n      ...sortedPopularTokens,\n      ...sortedOtherTokens,\n    ],\n    withCategories:\n      !!featuredTokensFromConfig.length || !!popularTokensFromConfig.length,\n    withPinnedTokens: !!sortedPinnedTokens.length,\n  }\n}\n\n/**\n * Builds the filter for one search, so the query is normalized once instead of\n * once per token: an all-networks list holds tens of thousands of rows, where\n * normalizing per row costs more than the matching itself. Binding the mode\n * here also keeps every call site of one search on the same rule.\n *\n * An address search matches the token at that address only. Impersonators\n * embed a real address in their name or symbol, so a substring match on\n * those fields would surface them for the very query meant to avoid them.\n */\nexport const createSearchMatcher = (\n  search: string | undefined,\n  isAddressSearch: boolean\n): ((token: TokenExtended | TokenAmountExtended) => boolean) => {\n  const searchTerm = search?.trim().toLowerCase()\n\n  if (!searchTerm) {\n    return () => true\n  }\n\n  if (isAddressSearch) {\n    return (token) => token.address?.toLowerCase() === searchTerm\n  }\n\n  return (token) =>\n    Boolean(\n      token.name?.toLowerCase().includes(searchTerm) ||\n        token.symbol?.replaceAll('₮', 'T').toLowerCase().includes(searchTerm) ||\n        token.address?.toLowerCase().includes(searchTerm)\n    )\n}\n\nexport const isHoistableNative = (\n  token: TokenAmount | undefined,\n  selectedChainId?: number\n): boolean =>\n  !!token?.native &&\n  !token.pinned &&\n  !token.featured &&\n  !token.popular &&\n  !token.verified &&\n  (selectedChainId === undefined || token.chainId === selectedChainId)\n\n/**\n * Moves the chain's native token to the top of its own chain's list, unless an\n * external list already places it. Returns the array unchanged when nothing\n * moves, so a memo downstream keeps its reference.\n */\nexport const hoistNativeToken = (\n  tokens: TokenAmount[],\n  selectedChainId?: number\n): TokenAmount[] => {\n  if (!selectedChainId) {\n    return tokens\n  }\n  const index = tokens.findIndex((token) =>\n    isHoistableNative(token, selectedChainId)\n  )\n  // -1 is no native token, 0 is already first\n  if (index < 1) {\n    return tokens\n  }\n  return [tokens[index], ...tokens.slice(0, index), ...tokens.slice(index + 1)]\n}\n"],"mappings":"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"}

package/dist/esm/utils/tokenListBands.js

@@ -0,0 +1,85 @@
+//#region src/utils/tokenListBands.ts
+const bandHeaderAtListStart = 24;
+const bandHeaderAfterBand = 32;
+const toggleRowHeight = 26;
+const isPromoted = (token) => !!token?.pinned || !!token?.recent;
+const createBandResolver = (tokens, { showCategories, showPinnedTokens, nativeHoisted, recentStartIndex, recentCount, showRecentToggle }) => {
+	const listStartIndex = nativeHoisted ? 1 : 0;
+	const recentEndIndex = recentStartIndex + recentCount - 1;
+	const isFirstPinned = (index) => !!tokens[index]?.pinned && index === listStartIndex;
+	const isFirstRecent = (index) => recentCount > 0 && index === recentStartIndex && !!tokens[index]?.recent;
+	const isLastRecent = (index) => recentCount > 0 && index === recentEndIndex && !!tokens[index]?.recent;
+	const previousOf = (index) => index === listStartIndex ? void 0 : tokens[index - 1];
+	const isTransitionFromPromoted = (index) => isPromoted(tokens[index - 1]) && !isPromoted(tokens[index]);
+	const isTopRow = (index) => index === 0;
+	const headerHeight = (index) => isTopRow(index) ? bandHeaderAtListStart : bandHeaderAfterBand;
+	const getRowExtraHeight = (index) => {
+		const current = tokens[index];
+		const previous = previousOf(index);
+		let extra = 0;
+		if (showPinnedTokens && isFirstPinned(index)) extra += headerHeight(index);
+		if (isFirstRecent(index)) extra += headerHeight(index);
+		if (showRecentToggle && isLastRecent(index)) extra += toggleRowHeight;
+		if ((showPinnedTokens || showCategories || recentCount > 0) && isTransitionFromPromoted(index)) extra += bandHeaderAfterBand;
+		if (!showCategories) return extra;
+		if (current?.featured && !isPromoted(current) && index === listStartIndex) extra += headerHeight(index);
+		const isNotPromoted = !isPromoted(current) && !isPromoted(previous);
+		if (index !== listStartIndex && isNotPromoted && (previous?.amount && !current?.amount || previous?.featured && !current?.featured || previous?.popular && !current?.popular)) extra += bandHeaderAfterBand;
+		return extra;
+	};
+	const getRowBandLabel = (index) => {
+		const current = tokens[index];
+		const previous = previousOf(index);
+		const isListStart = index === listStartIndex;
+		const notPromoted = !isPromoted(current);
+		const fromPromoted = isPromoted(previous) && notPromoted;
+		if (showPinnedTokens && isFirstPinned(index)) return {
+			kind: "text",
+			key: "main.pinnedTokens",
+			atListStart: isTopRow(index)
+		};
+		if (isFirstRecent(index)) return {
+			kind: "recent",
+			atListStart: isTopRow(index)
+		};
+		if ((showPinnedTokens || recentCount > 0) && !showCategories && fromPromoted) return {
+			kind: "text",
+			key: "main.allTokens",
+			atListStart: false
+		};
+		if (!showCategories) return;
+		const fromFeatured = !!previous?.featured && !current?.featured && notPromoted;
+		const fromMyTokens = !!previous?.amount && !current?.amount && notPromoted;
+		const fromPopular = !!previous?.popular && !current?.popular && notPromoted;
+		if (fromPromoted && current?.featured || current?.featured && notPromoted && isListStart) return {
+			kind: "text",
+			key: "main.featuredTokens",
+			atListStart: isTopRow(index)
+		};
+		if ((fromFeatured || fromPromoted) && current?.amount && notPromoted) return {
+			kind: "text",
+			key: "main.myTokens",
+			atListStart: false
+		};
+		if ((fromFeatured || fromMyTokens || fromPromoted) && current?.popular && notPromoted) return {
+			kind: "text",
+			key: "main.popularTokens",
+			atListStart: false
+		};
+		if (fromMyTokens || fromFeatured || fromPromoted || fromPopular) return {
+			kind: "text",
+			key: "main.allTokens",
+			atListStart: false
+		};
+	};
+	const isToggleRow = (index) => showRecentToggle && isLastRecent(index);
+	return {
+		getRowExtraHeight,
+		getRowBandLabel,
+		isToggleRow
+	};
+};
+//#endregion
+export { createBandResolver };
+
+//# sourceMappingURL=tokenListBands.js.map

package/dist/esm/utils/tokenListBands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenListBands.js","names":[],"sources":["../../../src/utils/tokenListBands.ts"],"sourcesContent":["import type { TokenAmount } from '../types/token.js'\n\nconst bandHeaderAtListStart = 24\nconst bandHeaderAfterBand = 32\nconst toggleRowHeight = 26\n\ntype BandLabelKey =\n  | 'main.pinnedTokens'\n  | 'main.featuredTokens'\n  | 'main.myTokens'\n  | 'main.popularTokens'\n  | 'main.allTokens'\n\nexport type BandLabel =\n  | { kind: 'text'; key: BandLabelKey; atListStart: boolean }\n  | { kind: 'recent'; atListStart: boolean }\n\nexport interface BandResolverOptions {\n  showCategories: boolean\n  showPinnedTokens: boolean\n  nativeHoisted: boolean\n  /** Ignored while `recentCount` is 0. */\n  recentStartIndex: number\n  recentCount: number\n  showRecentToggle: boolean\n}\n\nexport interface BandResolver {\n  /** Called for every index by the virtualizer, so it allocates nothing. */\n  getRowExtraHeight: (index: number) => number\n  /** Called for visible rows only, so the label may be resolved lazily. */\n  getRowBandLabel: (index: number) => BandLabel | undefined\n  /** The row the toggle hangs below. Shares one definition with the height. */\n  isToggleRow: (index: number) => boolean\n}\n\n// Pinned and recent rows sit above the categories; transitions ignore both.\nconst isPromoted = (token: TokenAmount | undefined): boolean =>\n  !!token?.pinned || !!token?.recent\n\nexport const createBandResolver = (\n  tokens: TokenAmount[],\n  {\n    showCategories,\n    showPinnedTokens,\n    nativeHoisted,\n    recentStartIndex,\n    recentCount,\n    showRecentToggle,\n  }: BandResolverOptions\n): BandResolver => {\n  const listStartIndex = nativeHoisted ? 1 : 0\n  const recentEndIndex = recentStartIndex + recentCount - 1\n\n  const isFirstPinned = (index: number) =>\n    !!tokens[index]?.pinned && index === listStartIndex\n  const isFirstRecent = (index: number) =>\n    recentCount > 0 && index === recentStartIndex && !!tokens[index]?.recent\n  const isLastRecent = (index: number) =>\n    recentCount > 0 && index === recentEndIndex && !!tokens[index]?.recent\n  // The hoisted native sits above every band, so the list-start row follows none.\n  const previousOf = (index: number) =>\n    index === listStartIndex ? undefined : tokens[index - 1]\n  const isTransitionFromPromoted = (index: number) =>\n    isPromoted(tokens[index - 1]) && !isPromoted(tokens[index])\n  // Only the top row has no card above it; below the hoisted native one does.\n  const isTopRow = (index: number) => index === 0\n  const headerHeight = (index: number) =>\n    isTopRow(index) ? bandHeaderAtListStart : bandHeaderAfterBand\n\n  const getRowExtraHeight = (index: number): number => {\n    const current = tokens[index]\n    const previous = previousOf(index)\n    let extra = 0\n\n    if (showPinnedTokens && isFirstPinned(index)) {\n      extra += headerHeight(index)\n    }\n\n    if (isFirstRecent(index)) {\n      extra += headerHeight(index)\n    }\n\n    if (showRecentToggle && isLastRecent(index)) {\n      extra += toggleRowHeight\n    }\n\n    // The recent band needs its own term: all-networks has no categories.\n    if (\n      (showPinnedTokens || showCategories || recentCount > 0) &&\n      isTransitionFromPromoted(index)\n    ) {\n      extra += bandHeaderAfterBand\n    }\n\n    if (!showCategories) {\n      return extra\n    }\n\n    if (current?.featured && !isPromoted(current) && index === listStartIndex) {\n      extra += headerHeight(index)\n    }\n\n    const isNotPromoted = !isPromoted(current) && !isPromoted(previous)\n    if (\n      index !== listStartIndex &&\n      isNotPromoted &&\n      ((previous?.amount && !current?.amount) ||\n        (previous?.featured && !current?.featured) ||\n        (previous?.popular && !current?.popular))\n    ) {\n      extra += bandHeaderAfterBand\n    }\n\n    return extra\n  }\n\n  const getRowBandLabel = (index: number): BandLabel | undefined => {\n    const current = tokens[index]\n    const previous = previousOf(index)\n    const isListStart = index === listStartIndex\n    const notPromoted = !isPromoted(current)\n    const fromPromoted = isPromoted(previous) && notPromoted\n\n    if (showPinnedTokens && isFirstPinned(index)) {\n      return {\n        kind: 'text',\n        key: 'main.pinnedTokens',\n        atListStart: isTopRow(index),\n      }\n    }\n    if (isFirstRecent(index)) {\n      return { kind: 'recent', atListStart: isTopRow(index) }\n    }\n    if (\n      (showPinnedTokens || recentCount > 0) &&\n      !showCategories &&\n      fromPromoted\n    ) {\n      return { kind: 'text', key: 'main.allTokens', atListStart: false }\n    }\n    if (!showCategories) {\n      return undefined\n    }\n\n    const fromFeatured =\n      !!previous?.featured && !current?.featured && notPromoted\n    const fromMyTokens = !!previous?.amount && !current?.amount && notPromoted\n    const fromPopular = !!previous?.popular && !current?.popular && notPromoted\n\n    if (\n      (fromPromoted && current?.featured) ||\n      (current?.featured && notPromoted && isListStart)\n    ) {\n      return {\n        kind: 'text',\n        key: 'main.featuredTokens',\n        atListStart: isTopRow(index),\n      }\n    }\n    if ((fromFeatured || fromPromoted) && current?.amount && notPromoted) {\n      return { kind: 'text', key: 'main.myTokens', atListStart: false }\n    }\n    if (\n      (fromFeatured || fromMyTokens || fromPromoted) &&\n      current?.popular &&\n      notPromoted\n    ) {\n      return { kind: 'text', key: 'main.popularTokens', atListStart: false }\n    }\n    if (fromMyTokens || fromFeatured || fromPromoted || fromPopular) {\n      return { kind: 'text', key: 'main.allTokens', atListStart: false }\n    }\n    return undefined\n  }\n\n  const isToggleRow = (index: number): boolean =>\n    showRecentToggle && isLastRecent(index)\n\n  return { getRowExtraHeight, getRowBandLabel, isToggleRow }\n}\n"],"mappings":"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"}

package/dist/esm/utils/wallet.d.ts

@@ -1,5 +1,4 @@
 //#region src/utils/wallet.d.ts
-declare const shortenAddress: (address?: string) => string | null;
+export declare const shortenAddress: (address?: string) => string | null;
 //#endregion
-export { shortenAddress };
 //# sourceMappingURL=wallet.d.ts.map

package/dist/esm/utils/wallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallet.d.ts","names":[],"sources":["../../../src/utils/wallet.ts"],"mappings":";cAAa,iBAAkB"}
+{"version":3,"file":"wallet.d.ts","names":[],"sources":["../../../src/utils/wallet.ts"],"mappings":";qBAAa,iBAAkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.5.0",
+  "version": "4.7.0",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -52,22 +52,22 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "^4.3.0",
-    "@mui/icons-material": "^9.2.0",
-    "@mui/material": "^9.2.0",
-    "@mui/system": "^9.2.0",
-    "@tanstack/react-router": "^1.170.17",
-    "@tanstack/react-virtual": "^3.14.5",
+    "@lifi/sdk": "^4.8.0",
+    "@lifi/wallet-management": "4.3.0",
+    "@lifi/widget-provider": "4.5.0",
+    "@mui/icons-material": "^9.4.0",
+    "@mui/material": "^9.4.0",
+    "@mui/system": "^9.4.0",
+    "@tanstack/react-router": "^1.170.38",
+    "@tanstack/react-virtual": "^3.14.13",
     "eventemitter3": "^5.0.4",
-    "i18next": "^26.3.6",
-    "microdiff": "^1.5.0",
-    "motion": "^12.42.2",
-    "react-i18next": "^17.0.9",
-    "react-intersection-observer": "^10.1.0",
+    "i18next": "^26.4.2",
+    "microdiff": "^1.6.0",
+    "motion": "^13.4.0",
+    "react-i18next": "^17.0.14",
+    "react-intersection-observer": "^11.0.1",
     "react-transition-group": "^4.4.5",
-    "zustand": "^5.0.14",
-    "@lifi/widget-provider": "4.3.1",
-    "@lifi/wallet-management": "4.1.3"
+    "zustand": "^5.0.15"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

package/src/components/AmountInput/AmountInputEndAdornment.tsx

@@ -4,7 +4,7 @@ import type React from 'react'
 import { type JSX, memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAvailableChains } from '../../hooks/useAvailableChains.js'
-import { useGasRecommendation } from '../../hooks/useGasRecommendation.js'
+import { useMaxSendAmount } from '../../hooks/useMaxSendAmount.js'
 import { useTokenAddressBalance } from '../../hooks/useTokenAddressBalance.js'
 import type { FormTypeProps } from '../../stores/form/types.js'
 import { FormKeyHelper } from '../../stores/form/types.js'
@@ -29,28 +29,10 @@ export const AmountInputEndAdornment: React.NamedExoticComponent<FormTypeProps>
     const chain = getChainById(chainId)
     const { account } = useAccount({ chainType: chain?.chainType })
 
-    // We get gas recommendations for the source chain to make sure that after pressing the Max button
-    // the user will have enough funds remaining to cover gas costs
-    const { data } = useGasRecommendation(chainId)
-
     const { token } = useTokenAddressBalance(chainId, tokenAddress)
-
-    const getMaxAmount = () => {
-      if (!token?.amount) {
-        return 0n
-      }
-      let maxAmount = token.amount
-      if (chain?.nativeToken.address === tokenAddress && data?.recommended) {
-        const recommendedAmount = BigInt(data.recommended.amount)
-        if (token.amount > recommendedAmount) {
-          maxAmount = token.amount - recommendedAmount
-        }
-      }
-      return maxAmount
-    }
+    const maxAmount = useMaxSendAmount(chainId, tokenAddress)
 
     const handlePercentage = (percentage: number) => {
-      const maxAmount = getMaxAmount()
       if (maxAmount && token?.decimals) {
         const percentageAmount = (maxAmount * BigInt(percentage)) / 100n
         setFieldValue(
@@ -64,7 +46,6 @@ export const AmountInputEndAdornment: React.NamedExoticComponent<FormTypeProps>
     }
 
     const handleMax = () => {
-      const maxAmount = getMaxAmount()
       if (maxAmount && token?.decimals) {
         setFieldValue(
           FormKeyHelper.getAmountKey(formType),

package/src/components/AmountInputCard/PercentageChips.tsx

@@ -3,8 +3,8 @@ import { useAccount } from '@lifi/wallet-management'
 import { type JSX, memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAvailableChains } from '../../hooks/useAvailableChains.js'
-import { useGasRecommendation } from '../../hooks/useGasRecommendation.js'
 import { useLinkedLimitFields } from '../../hooks/useLinkedLimitFields.js'
+import { useMaxSendAmount } from '../../hooks/useMaxSendAmount.js'
 import { useTokenAddressBalance } from '../../hooks/useTokenAddressBalance.js'
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import type { FormTypeProps } from '../../stores/form/types.js'
@@ -33,22 +33,8 @@ export const PercentageChips: React.NamedExoticComponent<FormTypeProps> = memo(
     const chain = getChainById(chainId)
     const { account } = useAccount({ chainType: chain?.chainType })
 
-    const { data } = useGasRecommendation(chainId)
     const { token } = useTokenAddressBalance(chainId, tokenAddress)
-
-    const getMaxAmount = (): bigint => {
-      if (!token?.amount) {
-        return 0n
-      }
-      let maxAmount = token.amount
-      if (chain?.nativeToken.address === tokenAddress && data?.recommended) {
-        const recommendedAmount = BigInt(data.recommended.amount)
-        if (token.amount > recommendedAmount) {
-          maxAmount = token.amount - recommendedAmount
-        }
-      }
-      return maxAmount
-    }
+    const maxAmount = useMaxSendAmount(chainId, tokenAddress)
 
     // In limit mode the send amount must flow through the linked-field
     // derivation so the receive amount recomputes; otherwise it is a plain
@@ -62,7 +48,6 @@ export const PercentageChips: React.NamedExoticComponent<FormTypeProps> = memo(
     }
 
     const handlePercentage = (percentage: number): void => {
-      const maxAmount = getMaxAmount()
       if (maxAmount && token?.decimals) {
         const percentageAmount = (maxAmount * BigInt(percentage)) / 100n
         applyAmount(formatUnits(percentageAmount, token.decimals))
@@ -70,7 +55,6 @@ export const PercentageChips: React.NamedExoticComponent<FormTypeProps> = memo(
     }
 
     const handleMax = (): void => {
-      const maxAmount = getMaxAmount()
       if (maxAmount && token?.decimals) {
         applyAmount(formatUnits(maxAmount, token.decimals))
       }

package/src/components/AmountInputCard/ReceiveAmountCard.tsx

@@ -6,12 +6,14 @@ import { Box, Skeleton, Tooltip } from '@mui/material'
 import { type JSX, type ReactNode, useLayoutEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useRoutes } from '../../hooks/useRoutes.js'
+import { useToken } from '../../hooks/useToken.js'
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import { useFieldValues } from '../../stores/form/useFieldValues.js'
 import { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'
 import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'
 import { getPriceImpact } from '../../utils/getPriceImpact.js'
 import { fitInputText } from '../../utils/input.js'
+import { mergeFallbackToken } from '../../utils/token.js'
 import { CardTitle } from '../Card/CardTitle.js'
 import { ProgressToNextUpdate } from '../ProgressToNextUpdate.js'
 import { TokenPillButton } from '../TokenPillButton/TokenPillButton.js'
@@ -128,6 +130,17 @@ export const ReceiveAmountCard: React.FC<ReceiveCardProps> = (
   const priceImpact = useReceivePriceImpact(route)
   const showPriceImpact = !hiddenUI?.routeCardPriceImpact
 
+  // Value the amount the way a quote card does, so the two sides of the screen
+  // cannot disagree: the route's own price wins, and the cache fills only a gap
+  // the route leaves — a token it could not price arrives as '0' or ''.
+  const { token: cachedToken } = useToken(
+    route?.toToken.chainId,
+    route?.toToken.address
+  )
+  const pricedToken = route
+    ? mergeFallbackToken(route.toToken, cachedToken)
+    : undefined
+
   const receiveAmount = route?.toAmount
     ? formatTokenAmount(BigInt(route.toAmount), route.toToken.decimals)
     : undefined
@@ -135,10 +148,10 @@ export const ReceiveAmountCard: React.FC<ReceiveCardProps> = (
   const showSkeleton = isFetching && !receiveAmount
 
   const fiatValue =
-    receiveAmount && route?.toToken.priceUSD
-      ? formatTokenPrice(receiveAmount, route.toToken.priceUSD)
+    receiveAmount && pricedToken?.priceUSD
+      ? formatTokenPrice(receiveAmount, pricedToken.priceUSD)
       : 0
-  const canToggle = !!receiveAmount && !!route?.toToken.priceUSD
+  const canToggle = !!receiveAmount && !!pricedToken?.priceUSD
 
   const mainDisplay = showFiat
     ? t('format.currency', { value: fiatValue })

package/src/components/BottomSheet/BottomSheet.tsx

@@ -27,6 +27,9 @@ export const BottomSheet = ({
   const [isInert, setIsInert] = useState(!open)
 
   const close = useCallback(() => {
+    if (!openRef.current) {
+      return
+    }
     // Set inert first to prevent focus issues
     setIsInert(true)
     // Push the state update to the next event loop tick

package/src/components/Chains/AllChainsAvatar.tsx

@@ -44,6 +44,12 @@ const chainTypeIcons = [
     icon: 'https://lifinance.github.io/types/src/assets/icons/chains/tron.svg',
     defaultChainId: ChainId.TRN,
   },
+  {
+    name: 'Stellar',
+    chainType: ChainType.STL,
+    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/stellar.svg',
+    defaultChainId: ChainId.XLM,
+  },
 ]
 
 const maxChainAvatarsCount = 4
@@ -93,7 +99,7 @@ export const AllChainsAvatar: React.NamedExoticComponent<AllChainsAvatarProps> =
         }
       )
 
-      if (existingChainTypeIcons.length === maxChainAvatarsCount) {
+      if (existingChainTypeIcons.length >= maxChainAvatarsCount) {
         return existingChainTypeIcons
       }
 

package/src/components/Messages/UnsupportedToAddressMessage.tsx

@@ -0,0 +1,24 @@
+import WarningRounded from '@mui/icons-material/WarningRounded'
+import type { BoxProps } from '@mui/material'
+import { Typography } from '@mui/material'
+import { useTranslation } from 'react-i18next'
+import { AlertMessage } from './AlertMessage.js'
+
+export const UnsupportedToAddressMessage: React.FC<BoxProps> = ({
+  ...props
+}) => {
+  const { t } = useTranslation()
+  return (
+    <AlertMessage
+      title={
+        <Typography variant="body2" sx={{ px: 1, color: 'text.primary' }}>
+          {t('info.message.unsupportedToAddressMessage')}
+        </Typography>
+      }
+      icon={<WarningRounded />}
+      severity="warning"
+      multiline
+      {...props}
+    />
+  )
+}

package/src/components/Messages/WarningMessages.tsx

@@ -7,6 +7,7 @@ import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'
 import { GasSufficiencyMessage } from './GasSufficiencyMessage.js'
 import { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js'
 import { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js'
+import { UnsupportedToAddressMessage } from './UnsupportedToAddressMessage.js'
 import { useMessageQueue } from './useMessageQueue.js'
 
 type WarningMessagesProps = BoxProps & {
@@ -51,6 +52,8 @@ export const WarningMessages: React.FC<WarningMessagesProps> = ({
         return <AccountNotDeployedMessage {...props} />
       case 'ACCOUNT_DEPLOYED':
         return <AccountDeployedMessage {...props} />
+      case 'UNSUPPORTED_TO_ADDRESS':
+        return <UnsupportedToAddressMessage {...props} />
       default:
         return null
     }

package/src/components/Messages/useMessageQueue.ts

@@ -22,6 +22,7 @@ export const useMessageQueue = (
 } => {
   const {
     requiredToAddress,
+    unsupportedReceiverBlocking,
     accountNotDeployedAtDestination,
     accountDeployedAtDestination,
     isLoading: isToAddressRequirementsLoading,
@@ -37,6 +38,13 @@ export const useMessageQueue = (
   const messageQueue = useMemo(() => {
     const queue: QueuedMessage[] = []
 
+    if (unsupportedReceiverBlocking) {
+      queue.push({
+        id: 'UNSUPPORTED_TO_ADDRESS',
+        priority: 7,
+      })
+    }
+
     if (missingChain) {
       queue.push({
         id: 'MISSING_ROUTE_REQUIRED_ACCOUNT',
@@ -94,6 +102,7 @@ export const useMessageQueue = (
     accountDeployedAtDestination,
     accountNotDeployedAtDestination,
     requiredToAddress,
+    unsupportedReceiverBlocking,
     missingChain,
     missingAccountAddress,
     belowMinFromAmountUSD,