@lifi/widget 4.5.0 → 4.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"limitOrder.js","names":[],"sources":["../../../src/utils/limitOrder.ts"],"sourcesContent":["import { formatInputAmount } from './format.js'\n\n/** Default order validity: 1 day, expressed as a duration in seconds. */\nexport const DEFAULT_VALID_UNTIL_SECONDS: number = 24 * 60 * 60\n\n/**\n * High-precision formatter for derived limit-order values. Mirrors the\n * approach used by `priceToTokenAmount` — these are display-level derivations;\n * the route request re-parses amounts via `parseUnits`.\n */\nconst preciseFormatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\nfunction parsePositive(value?: string): number | undefined {\n  if (!value) {\n    return undefined\n  }\n  const parsed = Number.parseFloat(value)\n  if (Number.isNaN(parsed) || parsed <= 0) {\n    return undefined\n  }\n  return parsed\n}\n\n/**\n * Derive the receive amount: `receiveAmount = sendAmount × limitPrice`.\n * Returns an empty string when either input is missing or invalid.\n */\nexport function deriveReceiveAmount(\n  sendAmount?: string,\n  limitPrice?: string,\n  toDecimals?: number\n): string {\n  const send = parsePositive(sendAmount)\n  const price = parsePositive(limitPrice)\n  if (send === undefined || price === undefined) {\n    return ''\n  }\n  return formatInputAmount(\n    preciseFormatter.format(send * price),\n    toDecimals ?? null\n  )\n}\n\n/**\n * Derive the limit price: `limitPrice = receiveAmount ÷ sendAmount`.\n * Returns an empty string when either input is missing or invalid.\n */\nexport function deriveLimitPrice(\n  sendAmount?: string,\n  receiveAmount?: string\n): string {\n  const send = parsePositive(sendAmount)\n  const receive = parsePositive(receiveAmount)\n  if (send === undefined || receive === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(receive / send)\n}\n\n/** Invert a price for display flipping: `1 ÷ price`. */\nexport function invertPrice(price?: string): string {\n  const parsed = parsePositive(price)\n  if (parsed === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(1 / parsed)\n}\n\n/**\n * Apply a percentage offset to a price, e.g. `percent = 2` → `price × 1.02`.\n * Used by the quick-set buttons (+2%, +5%).\n */\nexport function applyPriceOffset(\n  price: string | undefined,\n  percent: number\n): string {\n  const parsed = parsePositive(price)\n  if (parsed === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(parsed * (1 + percent / 100))\n}\n"],"mappings":";;;AAGA,MAAa,8BAAsC,OAAU;;;;;;AAO7D,MAAM,mBAAmB,IAAI,KAAK,aAAa,MAAM;CACnD,UAAU;CACV,kBAAkB;CAClB,0BAA0B;CAC1B,uBAAuB;CACvB,aAAa;AACf,CAAC;AAED,SAAS,cAAc,OAAoC;CACzD,IAAI,CAAC,OACH;CAEF,MAAM,SAAS,OAAO,WAAW,KAAK;CACtC,IAAI,OAAO,MAAM,MAAM,KAAK,UAAU,GACpC;CAEF,OAAO;AACT;;;;;AAMA,SAAgB,oBACd,YACA,YACA,YACQ;CACR,MAAM,OAAO,cAAc,UAAU;CACrC,MAAM,QAAQ,cAAc,UAAU;CACtC,IAAI,SAAS,KAAA,KAAa,UAAU,KAAA,GAClC,OAAO;CAET,OAAO,kBACL,iBAAiB,OAAO,OAAO,KAAK,GACpC,cAAc,IAChB;AACF;;;;;AAMA,SAAgB,iBACd,YACA,eACQ;CACR,MAAM,OAAO,cAAc,UAAU;CACrC,MAAM,UAAU,cAAc,aAAa;CAC3C,IAAI,SAAS,KAAA,KAAa,YAAY,KAAA,GACpC,OAAO;CAET,OAAO,iBAAiB,OAAO,UAAU,IAAI;AAC/C;;AAGA,SAAgB,YAAY,OAAwB;CAClD,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,WAAW,KAAA,GACb,OAAO;CAET,OAAO,iBAAiB,OAAO,IAAI,MAAM;AAC3C;;;;;AAMA,SAAgB,iBACd,OACA,SACQ;CACR,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,WAAW,KAAA,GACb,OAAO;CAET,OAAO,iBAAiB,OAAO,UAAU,IAAI,UAAU,IAAI;AAC7D"}
+{"version":3,"file":"limitOrder.js","names":[],"sources":["../../../src/utils/limitOrder.ts"],"sourcesContent":["import { formatInputAmount } from './format.js'\n\n/** Default order validity: 1 day, expressed as a duration in seconds. */\nexport const DEFAULT_VALID_UNTIL_SECONDS: number = 24 * 60 * 60\n\n/**\n * High-precision formatter for derived limit-order values. Mirrors the\n * approach used by `priceToTokenAmount` — these are display-level derivations;\n * the route request re-parses amounts via `parseUnits`.\n */\nconst preciseFormatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\nfunction parsePositive(value?: string): number | undefined {\n  if (!value) {\n    return undefined\n  }\n  const parsed = Number.parseFloat(value)\n  if (Number.isNaN(parsed) || parsed <= 0) {\n    return undefined\n  }\n  return parsed\n}\n\n/**\n * Derive the receive amount: `receiveAmount = sendAmount × limitPrice`.\n * Returns an empty string when either input is missing or invalid.\n */\nexport function deriveReceiveAmount(\n  sendAmount?: string,\n  limitPrice?: string,\n  toDecimals?: number\n): string {\n  const send = parsePositive(sendAmount)\n  const price = parsePositive(limitPrice)\n  if (send === undefined || price === undefined) {\n    return ''\n  }\n  return formatInputAmount(\n    preciseFormatter.format(send * price),\n    toDecimals ?? null\n  )\n}\n\n/**\n * Derive the limit price: `limitPrice = receiveAmount ÷ sendAmount`.\n * Returns an empty string when either input is missing or invalid.\n */\nexport function deriveLimitPrice(\n  sendAmount?: string,\n  receiveAmount?: string\n): string {\n  const send = parsePositive(sendAmount)\n  const receive = parsePositive(receiveAmount)\n  if (send === undefined || receive === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(receive / send)\n}\n\n/** Invert a price for display flipping: `1 ÷ price`. */\nexport function invertPrice(price?: string): string {\n  const parsed = parsePositive(price)\n  if (parsed === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(1 / parsed)\n}\n\n/**\n * Apply a percentage offset to a price, e.g. `percent = 2` → `price × 1.02`.\n * Used by the quick-set buttons (+2%, +5%).\n */\nexport function applyPriceOffset(\n  price: string | undefined,\n  percent: number\n): string {\n  const parsed = parsePositive(price)\n  if (parsed === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(parsed * (1 + percent / 100))\n}\n"],"mappings":";;;AAGA,MAAa,8BAAsC;;;;;;AAOnD,MAAM,mBAAmB,IAAI,KAAK,aAAa,MAAM;CACnD,UAAU;CACV,kBAAkB;CAClB,0BAA0B;CAC1B,uBAAuB;CACvB,aAAa;AACf,CAAC;AAED,SAAS,cAAc,OAAoC;CACzD,IAAI,CAAC,OACH;CAEF,MAAM,SAAS,OAAO,WAAW,KAAK;CACtC,IAAI,OAAO,MAAM,MAAM,KAAK,UAAU,GACpC;CAEF,OAAO;AACT;;;;;AAMA,SAAgB,oBACd,YACA,YACA,YACQ;CACR,MAAM,OAAO,cAAc,UAAU;CACrC,MAAM,QAAQ,cAAc,UAAU;CACtC,IAAI,SAAS,KAAA,KAAa,UAAU,KAAA,GAClC,OAAO;CAET,OAAO,kBACL,iBAAiB,OAAO,OAAO,KAAK,GACpC,cAAc,IAChB;AACF;;;;;AAMA,SAAgB,iBACd,YACA,eACQ;CACR,MAAM,OAAO,cAAc,UAAU;CACrC,MAAM,UAAU,cAAc,aAAa;CAC3C,IAAI,SAAS,KAAA,KAAa,YAAY,KAAA,GACpC,OAAO;CAET,OAAO,iBAAiB,OAAO,UAAU,IAAI;AAC/C;;AAGA,SAAgB,YAAY,OAAwB;CAClD,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,WAAW,KAAA,GACb,OAAO;CAET,OAAO,iBAAiB,OAAO,IAAI,MAAM;AAC3C;;;;;AAMA,SAAgB,iBACd,OACA,SACQ;CACR,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,WAAW,KAAA,GACb,OAAO;CAET,OAAO,iBAAiB,OAAO,UAAU,IAAI,UAAU,IAAI;AAC7D"}

package/dist/esm/utils/token.js

@@ -1,4 +1,5 @@
 import { getConfigItemSets, isFormItemAllowed } from "./item.js";
+import { ChainId } from "@lifi/sdk";
 //#region src/utils/token.ts
 /**
 * Builds per-chain sets of lowercase token addresses from the
@@ -53,7 +54,7 @@ const updateTokenInCache = (data, token) => {
 		} : t)
 	};
 };
-const filterAllowedTokens = (dataTokens, configTokens, chainsConfig, formType) => {
+const filterAllowedTokens = (dataTokens, configTokens, chainsConfig, formType, nativeTokenAddresses) => {
 	if (!dataTokens) return;
 	const includedTokens = configTokens?.include || [];
 	const allChainIds = Array.from(/* @__PURE__ */ new Set([...includedTokens.map((t) => t.chainId), ...Object.keys(dataTokens)])).map((chainId) => Number(chainId));
@@ -66,6 +67,7 @@ const filterAllowedTokens = (dataTokens, configTokens, chainsConfig, formType) =
 		const includedAddresses = new Set(chainIncludedTokens.map((t) => t.address.toLowerCase()));
 		const allowedAddresses = getConfigItemSets(configTokens, (tokens) => new Set(tokens.filter((t) => Number(t.chainId) === chainId).map((t) => t.address.toLowerCase())), formType);
 		const verifiedAddresses = verifiedTokensSets?.get(chainId);
+		const nativeAddress = nativeTokenAddresses?.get(chainId)?.toLowerCase();
 		const chainTokens = [...dataTokens[chainId] ?? [], ...chainIncludedTokens];
 		const filtered = [];
 		const seenAddresses = /* @__PURE__ */ new Set();
@@ -74,9 +76,12 @@ const filterAllowedTokens = (dataTokens, configTokens, chainsConfig, formType) =
 			if (seenAddresses.has(address)) continue;
 			seenAddresses.add(address);
 			if (!isFormItemAllowed(token, allowedAddresses, formType, (t) => t.address.toLowerCase())) continue;
-			if (!token.verified && (includedAddresses.has(address) || verifiedAddresses?.has(address))) filtered.push({
+			const markVerified = !token.verified && (includedAddresses.has(address) || verifiedAddresses?.has(address));
+			const markNative = !!nativeAddress && nativeAddress === address;
+			if (markVerified || markNative) filtered.push({
 				...token,
-				verified: true
+				...markVerified ? { verified: true } : {},
+				...markNative ? { native: true } : {}
 			});
 			else filtered.push(token);
 		}
@@ -88,7 +93,19 @@ const getExecutionToToken = (route) => ({
 	...route.steps.at(-1)?.execution?.toToken ?? route.toToken,
 	amount: BigInt(route.steps.at(-1)?.execution?.toAmount ?? route.steps.at(-1)?.estimate.toAmount ?? route.toAmount)
 });
+/** Capitalized name of the first provider that verified the token. */
+const getTokenVerificationProvider = (token) => {
+	const provider = token.verificationStatusBreakdown?.find((entry) => entry.result === "verified")?.provider;
+	return provider ? `${provider.charAt(0).toUpperCase()}${provider.slice(1)}` : void 0;
+};
+/**
+* Hyperliquid declares Arbitrum USDC as its native token, Lighter declares
+* Ethereum USDC. Neither is a gas token you hold there. A chain-local
+* stablecoin gas token, as on Arc or Stable, is genuine and stays.
+*/
+const chainIdsWithoutNativeToken = /* @__PURE__ */ new Set([ChainId.HPL, ChainId.LTR]);
+const getNativeTokenAddresses = (chains) => new Map(chains?.filter((chain) => !chainIdsWithoutNativeToken.has(chain.id)).map((chain) => [chain.id, chain.nativeToken.address]));
 //#endregion
-export { filterAllowedTokens, getExecutionToToken, getVerifiedTokensSets, mergeVerifiedWithSearchTokens, updateTokenInCache };
+export { filterAllowedTokens, getExecutionToToken, getNativeTokenAddresses, getTokenVerificationProvider, getVerifiedTokensSets, mergeVerifiedWithSearchTokens, updateTokenInCache };
 
 //# sourceMappingURL=token.js.map

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} 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 { 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  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 = 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    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) => {
@@ -138,7 +140,22 @@ const isSearchMatch = (token, search) => {
 	const searchLowerCase = search.toLowerCase();
 	return token.name?.toLowerCase().includes(searchLowerCase) || token.symbol?.replaceAll("₮", "T").toLowerCase().includes(searchLowerCase) || token.address?.toLowerCase().includes(searchLowerCase);
 };
+/**
+* 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) => token.native && token.chainId === selectedChainId && !token.featured && !token.popular && !token.pinned && !token.verified);
+	if (index < 1) return tokens;
+	return [
+		tokens[index],
+		...tokens.slice(0, index),
+		...tokens.slice(index + 1)
+	];
+};
 //#endregion
-export { isSearchMatch, processTokenList };
+export { hoistNativeToken, isSearchMatch, 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":"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"}
+{"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\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(\n    (token) =>\n      token.native &&\n      token.chainId === selectedChainId &&\n      !token.featured &&\n      !token.popular &&\n      !token.pinned &&\n      !token.verified\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.5.0",
+  "version": "4.6.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.6.1",
+    "@lifi/wallet-management": "4.2.0",
+    "@lifi/widget-provider": "4.4.0",
+    "@mui/icons-material": "^9.4.0",
+    "@mui/material": "^9.4.0",
+    "@mui/system": "^9.4.0",
+    "@tanstack/react-router": "^1.170.32",
+    "@tanstack/react-virtual": "^3.14.10",
     "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.1",
+    "microdiff": "^1.6.0",
+    "motion": "^13.2.0",
+    "react-i18next": "^17.0.13",
+    "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/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,

package/src/components/Routes/LimitOrderRoutes.tsx

@@ -17,7 +17,8 @@ export const LimitOrderRoutes: React.FC<CardProps> = (props) => {
     'selectedRouteId'
   )
   const { setFieldValue } = useFieldActions()
-  const { requiredToAddress } = useToAddressRequirements()
+  const { requiredToAddress, unsupportedReceiverBlocking } =
+    useToAddressRequirements()
 
   const currentRoute = routes?.[0]
 
@@ -25,7 +26,9 @@ export const LimitOrderRoutes: React.FC<CardProps> = (props) => {
     return null
   }
 
-  const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress
+  const toAddressUnsatisfied =
+    currentRoute &&
+    (unsupportedReceiverBlocking || (requiredToAddress && !toAddress))
   const allowInteraction = !toAddressUnsatisfied
 
   const activeRouteId =

package/src/components/Routes/RoutesContent.tsx

@@ -43,12 +43,15 @@ export const RoutesContent: React.NamedExoticComponent<RoutesContentProps> =
 
     const { account } = useAccount({ chainType: fromChain?.chainType })
     const [toAddress] = useFieldValues('toAddress')
-    const { requiredToAddress } = useToAddressRequirements()
+    const { requiredToAddress, unsupportedReceiverBlocking } =
+      useToAddressRequirements()
 
     const currentRoute = routes?.[0]
 
     const routeNotFound = !currentRoute && !isLoading && !isFetching
-    const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress
+    const toAddressUnsatisfied =
+      currentRoute &&
+      (unsupportedReceiverBlocking || (requiredToAddress && !toAddress))
     const allowInteraction = account.isConnected && !toAddressUnsatisfied
 
     const title =

package/src/components/SendToWallet/SendToWalletExpandButton.tsx

@@ -16,12 +16,13 @@ export const SendToWalletExpandButton = (): JSX.Element => {
   const { toAddresses, disabledUI, hiddenUI } = useWidgetConfig()
   const hiddenToAddress = hiddenUI?.toAddress
   const disabledToAddress = disabledUI?.toAddress
-  const { requiredToAddress } = useToAddressRequirements()
+  const { requiredToAddress, unsupportedToAddress } = useToAddressRequirements()
   const [toAddressValue] = useFieldValues('toAddress')
 
   const visible =
     !hiddenToAddress &&
     !disabledToAddress &&
+    !unsupportedToAddress &&
     !toAddressValue &&
     !requiredToAddress