@lifi/widget 4.0.0-beta.17 → 4.0.0-beta.19

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

@@ -1 +1 @@
-{"version":3,"file":"token.js","names":[],"sources":["../../../src/utils/token.ts"],"sourcesContent":["import type { BaseToken, Token, TokenExtended } from '@lifi/sdk'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport type { WidgetChains, WidgetTokens } from '../types/widget.js'\nimport { getConfigItemSets, isFormItemAllowed } from './item.js'\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: { [chainId: number]: TokenExtended[] } | undefined,\n  configTokens?: WidgetTokens,\n  chainsConfig?: WidgetChains,\n  formType?: FormType\n): { [chainId: number]: TokenExtended[] } | 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 allowedTokensByChain: { [chainId: number]: TokenExtended[] } = {}\n  for (const chainId of allowedChainIds) {\n    const chainTokens = [\n      ...dataTokens[chainId],\n      ...includedTokens.filter((t) => Number(t.chainId) === chainId),\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 filtered = chainTokens.filter((token) =>\n      isFormItemAllowed(token, allowedAddresses, formType, (t) =>\n        t.address.toLowerCase()\n      )\n    )\n\n    allowedTokensByChain[chainId] = filtered\n  }\n\n  return allowedTokensByChain\n}\n"],"mappings":";;;;;;AAUA,MAAa,iCACX,gBACA,iBAC8B;AAC9B,KAAI,CAAC,eACH,QAAO;AAET,KAAI,CAAC,aACH,QAAO;CAGT,MAAM,SAAS,EAAE,GAAG,gBAAgB;AAEpC,MAAK,MAAM,CAAC,SAAS,WAAW,OAAO,QAAQ,aAAa,EAAE;EAC5D,MAAM,aAAa,OAAO,QAAQ;EAClC,MAAM,iBAAiB,OAAO,eAAe,EAAE;EAC/C,MAAM,oBAAoB,IAAI,IAC5B,eAAe,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACnD;EAED,MAAM,YAAY,OAAO,QACtB,MAAM,CAAC,kBAAkB,IAAI,EAAE,QAAQ,aAAa,CAAC,CACvD;AAED,MAAI,UAAU,OACZ,QAAO,cAAc,CAAC,GAAG,gBAAgB,GAAG,UAAU;;AAI1D,QAAO;;;;;;AAOT,MAAa,sBACX,MACA,UAC8B;AAC9B,KAAI,CAAC,KACH,QAAO;CAET,MAAM,cAAc,KAAK,MAAM;AAC/B,KAAI,CAAC,YACH,QAAO;CAET,MAAM,QAAQ,YAAY,WAAW,MAAM,EAAE,YAAY,MAAM,QAAQ;AACvE,KAAI,QAAQ,EACV,QAAO;AAET,QAAO;EACL,GAAG;GACF,MAAM,UAAU,YAAY,KAAK,GAAG,MACnC,MAAM,QAAQ;GAAE,GAAG;GAAG,GAAG;GAAO,GAAG,EACpC;EACF;;AAGH,MAAa,uBACX,YACA,cACA,cACA,aACuD;AACvD,KAAI,CAAC,WACH;CAGF,MAAM,iBAAiB,cAAc,WAAW,EAAE;CAClD,MAAM,cAAc,MAAM,KACxB,IAAI,IAAI,CACN,GAAG,eAAe,KAAK,MAAM,EAAE,QAAQ,EACvC,GAAG,OAAO,KAAK,WAAW,CAC3B,CAAC,CACH,CAAC,KAAK,YAAY,OAAO,QAAQ,CAAC;CAEnC,MAAM,oBAAoB,kBACxB,eACC,aAAuB,IAAI,IAAI,SAAS,EACzC,SACD;CAED,MAAM,kBAAkB,oBACpB,YAAY,QAAQ,YAClB,kBAAkB,SAAS,mBAAmB,SAAS,CACxD,GACD;CAEJ,MAAM,uBAA+D,EAAE;AACvE,MAAK,MAAM,WAAW,iBAAiB;EACrC,MAAM,cAAc,CAClB,GAAG,WAAW,UACd,GAAG,eAAe,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC/D;EAED,MAAM,mBAAmB,kBACvB,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC5C,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACvC,EACH,SACD;AAQD,uBAAqB,WANJ,YAAY,QAAQ,UACnC,kBAAkB,OAAO,kBAAkB,WAAW,MACpD,EAAE,QAAQ,aAAa,CACxB,CACF;;AAKH,QAAO"}
+{"version":3,"file":"token.js","names":[],"sources":["../../../src/utils/token.ts"],"sourcesContent":["import type { BaseToken, Token, TokenExtended } from '@lifi/sdk'\nimport type { FormType } from '../stores/form/types.js'\nimport type { TokensByChain } from '../types/token.js'\nimport type { WidgetChains, WidgetTokens } from '../types/widget.js'\nimport { getConfigItemSets, isFormItemAllowed } from './item.js'\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: { [chainId: number]: TokenExtended[] } | undefined,\n  configTokens?: WidgetTokens,\n  chainsConfig?: WidgetChains,\n  formType?: FormType\n): { [chainId: number]: TokenExtended[] } | 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 allowedTokensByChain: { [chainId: number]: TokenExtended[] } = {}\n  for (const chainId of allowedChainIds) {\n    const chainTokens = [\n      ...dataTokens[chainId],\n      ...includedTokens.filter((t) => Number(t.chainId) === chainId),\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 filtered = chainTokens.filter((token) =>\n      isFormItemAllowed(token, allowedAddresses, formType, (t) =>\n        t.address.toLowerCase()\n      )\n    )\n\n    allowedTokensByChain[chainId] = filtered\n  }\n\n  return allowedTokensByChain\n}\n"],"mappings":";;;;;;AAUA,MAAa,iCACX,gBACA,iBAC8B;CAC9B,IAAI,CAAC,gBACH,OAAO;CAET,IAAI,CAAC,cACH,OAAO;CAGT,MAAM,SAAS,EAAE,GAAG,gBAAgB;CAEpC,KAAK,MAAM,CAAC,SAAS,WAAW,OAAO,QAAQ,aAAa,EAAE;EAC5D,MAAM,aAAa,OAAO,QAAQ;EAClC,MAAM,iBAAiB,OAAO,eAAe,EAAE;EAC/C,MAAM,oBAAoB,IAAI,IAC5B,eAAe,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACnD;EAED,MAAM,YAAY,OAAO,QACtB,MAAM,CAAC,kBAAkB,IAAI,EAAE,QAAQ,aAAa,CAAC,CACvD;EAED,IAAI,UAAU,QACZ,OAAO,cAAc,CAAC,GAAG,gBAAgB,GAAG,UAAU;;CAI1D,OAAO;;;;;;AAOT,MAAa,sBACX,MACA,UAC8B;CAC9B,IAAI,CAAC,MACH,OAAO;CAET,MAAM,cAAc,KAAK,MAAM;CAC/B,IAAI,CAAC,aACH,OAAO;CAET,MAAM,QAAQ,YAAY,WAAW,MAAM,EAAE,YAAY,MAAM,QAAQ;CACvE,IAAI,QAAQ,GACV,OAAO;CAET,OAAO;EACL,GAAG;GACF,MAAM,UAAU,YAAY,KAAK,GAAG,MACnC,MAAM,QAAQ;GAAE,GAAG;GAAG,GAAG;GAAO,GAAG,EACpC;EACF;;AAGH,MAAa,uBACX,YACA,cACA,cACA,aACuD;CACvD,IAAI,CAAC,YACH;CAGF,MAAM,iBAAiB,cAAc,WAAW,EAAE;CAClD,MAAM,cAAc,MAAM,KACxB,IAAI,IAAI,CACN,GAAG,eAAe,KAAK,MAAM,EAAE,QAAQ,EACvC,GAAG,OAAO,KAAK,WAAW,CAC3B,CAAC,CACH,CAAC,KAAK,YAAY,OAAO,QAAQ,CAAC;CAEnC,MAAM,oBAAoB,kBACxB,eACC,aAAuB,IAAI,IAAI,SAAS,EACzC,SACD;CAED,MAAM,kBAAkB,oBACpB,YAAY,QAAQ,YAClB,kBAAkB,SAAS,mBAAmB,SAAS,CACxD,GACD;CAEJ,MAAM,uBAA+D,EAAE;CACvE,KAAK,MAAM,WAAW,iBAAiB;EACrC,MAAM,cAAc,CAClB,GAAG,WAAW,UACd,GAAG,eAAe,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC/D;EAED,MAAM,mBAAmB,kBACvB,eACC,WACC,IAAI,IACF,OACG,QAAQ,MAAM,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAC5C,KAAK,MAAM,EAAE,QAAQ,aAAa,CAAC,CACvC,EACH,SACD;EAQD,qBAAqB,WANJ,YAAY,QAAQ,UACnC,kBAAkB,OAAO,kBAAkB,WAAW,MACpD,EAAE,QAAQ,aAAa,CACxB,CAGqC;;CAG1C,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"tokenList.js","names":[],"sources":["../../../src/utils/tokenList.ts"],"sourcesContent":["import {\n  formatUnits,\n  type TokenExtended,\n  type WalletTokenExtended,\n} 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 processTokenBalances = (\n  isBalanceLoading: 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 (isBalanceLoading) {\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\nexport const isSupportedToken = (token: WalletTokenExtended): boolean => {\n  return Boolean(token.name && token.symbol && token.priceUSD && token.chainId)\n}\n"],"mappings":"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"}
+{"version":3,"file":"tokenList.js","names":[],"sources":["../../../src/utils/tokenList.ts"],"sourcesContent":["import {\n  formatUnits,\n  type TokenExtended,\n  type WalletTokenExtended,\n} 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 processTokenBalances = (\n  isBalanceLoading: 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 (isBalanceLoading) {\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\nexport const isSupportedToken = (token: WalletTokenExtended): boolean => {\n  return Boolean(token.name && token.symbol && token.priceUSD && token.chainId)\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"variant.js","names":[],"sources":["../../../src/utils/variant.ts"],"sourcesContent":["import type {\n  SplitSubvariant,\n  SplitSubvariantOptions,\n} from '../types/widget.js'\n\nexport const getSplitSubvariant = (\n  split?: SplitSubvariant | SplitSubvariantOptions\n): SplitSubvariant => {\n  if (!split) {\n    return 'swap'\n  }\n  if (typeof split === 'string') {\n    return split\n  }\n  return split.defaultTab\n}\n"],"mappings":";AAKA,MAAa,sBACX,UACoB;AACpB,KAAI,CAAC,MACH,QAAO;AAET,KAAI,OAAO,UAAU,SACnB,QAAO;AAET,QAAO,MAAM"}
+{"version":3,"file":"variant.js","names":[],"sources":["../../../src/utils/variant.ts"],"sourcesContent":["import type {\n  SplitSubvariant,\n  SplitSubvariantOptions,\n} from '../types/widget.js'\n\nexport const getSplitSubvariant = (\n  split?: SplitSubvariant | SplitSubvariantOptions\n): SplitSubvariant => {\n  if (!split) {\n    return 'swap'\n  }\n  if (typeof split === 'string') {\n    return split\n  }\n  return split.defaultTab\n}\n"],"mappings":";AAKA,MAAa,sBACX,UACoB;CACpB,IAAI,CAAC,OACH,OAAO;CAET,IAAI,OAAO,UAAU,UACnB,OAAO;CAET,OAAO,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"widgetSize.js","names":[],"sources":["../../../src/utils/widgetSize.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { defaultMaxHeight } from '../config/constants.js'\nimport type { WidgetTheme } from '../types/widget.js'\n\nexport const getWidgetMaxHeight = (\n  theme: Theme | WidgetTheme | undefined\n): number | string => {\n  if (theme?.container?.maxHeight) {\n    return theme?.container?.maxHeight\n  }\n\n  if (theme?.container?.height && theme?.container?.height !== 'fit-content') {\n    return theme?.container?.height\n  }\n\n  return defaultMaxHeight\n}\n"],"mappings":";;AAIA,MAAa,sBACX,UACoB;AACpB,KAAI,OAAO,WAAW,UACpB,QAAO,OAAO,WAAW;AAG3B,KAAI,OAAO,WAAW,UAAU,OAAO,WAAW,WAAW,cAC3D,QAAO,OAAO,WAAW;AAG3B,QAAA"}
+{"version":3,"file":"widgetSize.js","names":[],"sources":["../../../src/utils/widgetSize.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { defaultMaxHeight } from '../config/constants.js'\nimport type { WidgetTheme } from '../types/widget.js'\n\nexport const getWidgetMaxHeight = (\n  theme: Theme | WidgetTheme | undefined\n): number | string => {\n  if (theme?.container?.maxHeight) {\n    return theme?.container?.maxHeight\n  }\n\n  if (theme?.container?.height && theme?.container?.height !== 'fit-content') {\n    return theme?.container?.height\n  }\n\n  return defaultMaxHeight\n}\n"],"mappings":";;AAIA,MAAa,sBACX,UACoB;CACpB,IAAI,OAAO,WAAW,WACpB,OAAO,OAAO,WAAW;CAG3B,IAAI,OAAO,WAAW,UAAU,OAAO,WAAW,WAAW,eAC3D,OAAO,OAAO,WAAW;CAG3B,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.0.0-beta.17",
+  "version": "4.0.0-beta.19",
   "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",
@@ -34,21 +34,21 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "4.0.0-beta.7",
-    "@mui/icons-material": "^9.0.0",
-    "@mui/material": "^9.0.0",
-    "@mui/system": "^9.0.0",
-    "@tanstack/react-router": "^1.168.10",
-    "@tanstack/react-virtual": "^3.13.23",
-    "i18next": "^26.0.4",
+    "@lifi/sdk": "^4.0.0-beta.10",
+    "@mui/icons-material": "^9.0.1",
+    "@mui/material": "^9.0.1",
+    "@mui/system": "^9.0.1",
+    "@tanstack/react-router": "^1.169.2",
+    "@tanstack/react-virtual": "^3.13.24",
+    "i18next": "^26.1.0",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
-    "react-i18next": "^17.0.2",
+    "react-i18next": "^17.0.7",
     "react-intersection-observer": "^10.0.3",
     "react-transition-group": "^4.4.5",
-    "zustand": "^5.0.12",
-    "@lifi/wallet-management": "4.0.0-beta.17",
-    "@lifi/widget-provider": "4.0.0-beta.17"
+    "zustand": "^5.0.13",
+    "@lifi/wallet-management": "4.0.0-beta.19",
+    "@lifi/widget-provider": "4.0.0-beta.19"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

package/src/components/Chains/AllChainsAvatar.tsx

@@ -46,7 +46,7 @@ const chainTypeIcons = [
   },
 ]
 
-const maxChainAvatarsCount = chainTypeIcons.length
+const maxChainAvatarsCount = 4
 
 export const AllChainsAvatar: React.NamedExoticComponent<AllChainsAvatarProps> =
   memo(({ chains, size }: AllChainsAvatarProps): JSX.Element => {

package/src/components/SendToWallet/SendToWalletButton.tsx

@@ -172,7 +172,7 @@ export const SendToWalletButton: React.FC<CardProps> = (props) => {
             subheader={headerSubheader}
             selected={!!toAddressFieldValue || disabledToAddress}
             action={
-              !!toAddressFieldValue && !disabledForChanges ? (
+              toAddressFieldValue && !disabledForChanges ? (
                 <CardIconButton onClick={clearSelectedBookmark} size="small">
                   <CloseRounded fontSize="inherit" />
                 </CardIconButton>

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '4.0.0-beta.17'
+export const version = '4.0.0-beta.19'

package/src/hooks/useActionMessage.ts

@@ -7,7 +7,8 @@ import { useAvailableChains } from './useAvailableChains.js'
 
 export const useActionMessage = (
   step?: LiFiStepExtended,
-  action?: ExecutionAction
+  action?: ExecutionAction,
+  defaultLabelsOnly?: boolean
 ): { title?: string; message?: string } => {
   const { subvariant, subvariantOptions } = useWidgetConfig()
   const { t } = useTranslation()
@@ -27,7 +28,7 @@ export const useActionMessage = (
     action.type,
     action.status,
     action.substatus,
-    subvariant,
-    subvariantOptions
+    defaultLabelsOnly ? undefined : subvariant,
+    defaultLabelsOnly ? undefined : subvariantOptions
   )
 }

package/src/hooks/useRouteExecution.ts

@@ -139,7 +139,6 @@ export const useRouteExecution = ({
       return executeRoute(sdkClient, routeExecution.route, {
         updateRouteHook,
         acceptExchangeRateUpdateHook,
-        infiniteApproval: false,
         executeInBackground,
         ...sdkClient.config?.executionOptions,
       })
@@ -164,7 +163,6 @@ export const useRouteExecution = ({
       return resumeRoute(sdkClient, resumedRoute ?? routeExecution.route, {
         updateRouteHook,
         acceptExchangeRateUpdateHook,
-        infiniteApproval: false,
         executeInBackground,
       })
     },

package/src/pages/TransactionDetailsPage/StepActionRow.tsx

@@ -10,8 +10,9 @@ export const StepActionRow: React.FC<{
   step: LiFiStepExtended
   action: ExecutionAction
   href: string
-}> = ({ step, action, href }) => {
-  const { title } = useActionMessage(step, action)
+  defaultLabelsOnly?: boolean
+}> = ({ step, action, href, defaultLabelsOnly }) => {
+  const { title } = useActionMessage(step, action, defaultLabelsOnly)
   const isFailed = action?.status === 'FAILED'
   return (
     <ActionRow

package/src/pages/TransactionDetailsPage/StepActionsList.tsx

@@ -46,20 +46,27 @@ export const StepActionsList: React.FC<StepActionsListProps> = ({
     return null
   }
 
+  const lastStepIndex = stepRows.length - 1
+
   return (
     <TransactionList>
-      {stepRows.map(({ step, rows }) => (
-        <TransactionList key={step.id}>
-          {rows.map(({ action, href }, index) => (
-            <StepActionRow
-              key={index}
-              step={step}
-              action={action!}
-              href={href!}
-            />
-          ))}
-        </TransactionList>
-      ))}
+      {stepRows.map(({ step, rows }, stepIndex) => {
+        const lastRowIndex = rows.length - 1
+        const isLastStep = stepIndex === lastStepIndex
+        return (
+          <TransactionList key={step.id}>
+            {rows.map(({ action, href }, rowIndex) => (
+              <StepActionRow
+                key={rowIndex}
+                step={step}
+                action={action!}
+                href={href!}
+                defaultLabelsOnly={!(isLastStep && rowIndex === lastRowIndex)}
+              />
+            ))}
+          </TransactionList>
+        )
+      })}
       {toAddress ? (
         <SentToWalletRow toAddress={toAddress} toChainId={route.toChainId} />
       ) : null}