@lifi/widget 3.29.0 → 3.30.0

package/src/i18n/ja.json

@@ -212,6 +212,7 @@
     "slippage": ""
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "すべてのトークン",
     "bridgeStepDetails": "{{from}} から {{to}} を {{tool}} でブリッジ",
     "checkoutStepDetails": "{{tool}} 経由で購入",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "損失額",
-    "searchChain": "",
-    "searchChains": "",
     "searchBridges": "",
-    "searchExchanges": ""
+    "searchExchanges": "",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/i18n/ko.json

@@ -212,6 +212,7 @@
     "slippage": ""
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "",
     "bridgeStepDetails": "",
     "checkoutStepDetails": "",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "가치 손실",
-    "searchChain": "",
-    "searchChains": "",
     "searchBridges": "",
-    "searchExchanges": ""
+    "searchExchanges": "",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/i18n/pl.json

@@ -212,6 +212,7 @@
     "slippage": ""
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "",
     "bridgeStepDetails": "",
     "checkoutStepDetails": "",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "",
-    "searchChain": "",
-    "searchChains": "",
     "searchBridges": "",
-    "searchExchanges": ""
+    "searchExchanges": "",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/i18n/pt.json

@@ -212,6 +212,7 @@
     "slippage": "A diferença percentual máxima entre o preço esperado, e o preço atual pelo qual a transferência é executada. Esse valor pode ser alterado nas configurações."
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "Todos os tokens",
     "bridgeStepDetails": "Ponte de {{from}} para {{to}} via {{tool}}",
     "checkoutStepDetails": "Comprar via {{tool}}",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "{{amount, numberExt}} {{tokenSymbol}} na {{chainName}}",
     "tokenSearch": "Pesquisar por token ou endereço",
     "valueLoss": "Perda de Valor",
-    "searchChain": "Pesquisar cadeia",
-    "searchChains": "Pesquisar pelo nome da rede",
     "searchBridges": "Pesquisar pelo nome da ponte",
-    "searchExchanges": "Pesquisar pelo nome da corretora"
+    "searchExchanges": "Pesquisar pelo nome da corretora",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "Aparência",

package/src/i18n/th.json

@@ -212,6 +212,7 @@
     "slippage": ""
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "โทเคนทั้งหมด",
     "bridgeStepDetails": "บริดจ์จาก{{from}} ไปยัง {{to}} โดย {{tool}}",
     "checkoutStepDetails": "ซื้อผ่าน {{tool}}",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "มูลค่าที่สูญเสีย",
-    "searchChain": "",
-    "searchChains": "",
     "searchBridges": "",
-    "searchExchanges": ""
+    "searchExchanges": "",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/i18n/tr.json

@@ -212,6 +212,7 @@
     "slippage": "Beklenen fiyat ile transferin gerçekleştirildiği gerçek fiyat arasındaki maksimum yüzde fark. Bu değer ayarlardan değiştirilebilir."
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "Tüm varlıklar",
     "bridgeStepDetails": "{{tool}} aracılığıyla {{from}} ağından {{to}} ağına köprüle",
     "checkoutStepDetails": "{{tool}} aracılığıyla alım yap",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "Değer kaybı",
-    "searchChain": "",
-    "searchChains": "Zincir adına göre ara",
     "searchBridges": "Köprü adına göre ara",
-    "searchExchanges": "Borsa adına göre ara"
+    "searchExchanges": "Borsa adına göre ara",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/i18n/uk.json

@@ -212,6 +212,7 @@
     "slippage": "Максимальна процентна різниця між очікуваною ціною і фактичною ціною з якою виконується трансфер. Ця величина може бути змінена в налаштуваннях."
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "Всі токени",
     "bridgeStepDetails": "Бридж з {{from}} до {{to}} через {{tool}}",
     "checkoutStepDetails": "Купівля через {{tool}}",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "{{amount, numberExt}} {{tokenSymbol}} на {{chainName}}",
     "tokenSearch": "Шукати за ім'ям або адресою",
     "valueLoss": "Втрата вартості",
-    "searchChain": "Шукати чейн",
-    "searchChains": "Пошук за назвою чейна",
     "searchBridges": "Пошук за назвою моста",
-    "searchExchanges": "Пошук за назвою обмінника"
+    "searchExchanges": "Пошук за назвою обмінника",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "Вигляд",

package/src/i18n/vi.json

@@ -212,6 +212,7 @@
     "slippage": ""
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "Tất cả mã thông báo",
     "bridgeStepDetails": "Chuyển từ {{from}} đến {{to}} thông qua {{tool}}",
     "checkoutStepDetails": "Thanh toán thông qua {{tool}}",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "Bạn sẽ mất",
-    "searchChain": "",
-    "searchChains": "",
     "searchBridges": "",
-    "searchExchanges": ""
+    "searchExchanges": "",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/i18n/zh.json

@@ -212,6 +212,7 @@
     "slippage": "真实的成交价位与预设的成交价位间相差的最大百分比。该值可以在设置中更改。"
   },
   "main": {
+    "allNetworks": "",
     "allTokens": "所有代币",
     "bridgeStepDetails": "通过 {{tool}} 把资产从 {{from}} 链跨到 {{to}} 链上",
     "checkoutStepDetails": "通过 {{tool}} 购买",
@@ -310,10 +311,9 @@
     "tokenOnChainAmount": "",
     "tokenSearch": "",
     "valueLoss": "资金损失",
-    "searchChain": "",
-    "searchChains": "搜索链",
     "searchBridges": "搜索跨链桥",
-    "searchExchanges": "搜索交易所"
+    "searchExchanges": "搜索交易所",
+    "searchNetwork": ""
   },
   "settings": {
     "appearance": "",

package/src/pages/SelectTokenPage/SearchTokenInput.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { SearchInput } from '../../components/Search/SearchInput.js'
+import { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js'
 import { useFieldActions } from '../../stores/form/useFieldActions.js'
 import { useFieldValues } from '../../stores/form/useFieldValues.js'
 
@@ -8,6 +9,8 @@ export const SearchTokenInput = () => {
   const { t } = useTranslation()
   const [value] = useFieldValues('tokenSearchFilter')
   const { setFieldValue, setAsTouched } = useFieldActions()
+  const [fromChain, toChain] = useFieldValues('fromChain', 'toChain')
+  const isAllNetworks = useChainOrderStore((state) => state.isAllNetworks)
 
   const onChange = useCallback(
     (newValue: string | number | undefined) => {
@@ -32,6 +35,8 @@ export const SearchTokenInput = () => {
 
   return (
     <SearchInput
+      // Reset the search input when a chain or the "All Networks" is changed
+      key={`${fromChain}-${toChain}-${isAllNetworks}`}
       name="tokenSearchFilter"
       placeholder={t('main.tokenSearch')}
       onChange={(e) => onChange((e.target as HTMLInputElement).value)}

package/src/pages/SelectTokenPage/SelectTokenPage.tsx

@@ -92,22 +92,16 @@ type WrappedTokenListProps = {
 const WrappedTokenList = ({ headerRef, formType }: WrappedTokenListProps) => {
   const { navigateBack } = useNavigateBack()
   const listParentRef = useRef<HTMLUListElement | null>(null)
-  const { listHeight, minListHeight } = useListHeight({
+  const { listHeight } = useListHeight({
     listParentRef,
     headerRef,
   })
   return (
-    <Box
-      sx={{
-        height: minListHeight,
-      }}
-    >
-      <TokenList
-        parentRef={listParentRef}
-        height={listHeight}
-        onClick={navigateBack}
-        formType={formType}
-      />
-    </Box>
+    <TokenList
+      parentRef={listParentRef}
+      height={listHeight}
+      onClick={navigateBack}
+      formType={formType}
+    />
   )
 }

package/src/pages/TransactionPage/TokenValueBottomSheet.tsx

@@ -113,7 +113,7 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
               fontWeight: 600,
             }}
           >
-            {hasRelayerSupport
+            {hasRelayerSupport || !gasCostUSD
               ? t('main.fees.free')
               : t('format.currency', { value: gasCostUSD })}
           </Typography>

package/src/stores/chains/createChainOrderStore.ts

@@ -4,8 +4,13 @@ import { createWithEqualityFn } from 'zustand/traditional'
 import type { PersistStoreProps } from '../types.js'
 import type { ChainOrderState } from './types.js'
 
-export const maxChainsToOrder = 9
-export const maxChainsToShow = 10
+// (10 tiles: 9 + 1 for "All chains")
+export const maxGridItemsToShow = 10
+export const maxChainsToShow = maxGridItemsToShow - 1
+// If there are more than maxChainsToShow chains to show,
+// -1 tile to show a button "+ N" more chains
+export const maxChainsToOrder = maxChainsToShow - 1
+
 const defaultChainState = {
   from: [],
   to: [],
@@ -16,6 +21,7 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
     persist(
       (set, get) => ({
         chainOrder: defaultChainState,
+        isAllNetworks: true,
         availableChains: defaultChainState,
         pinnedChains: [],
         initializeChains: (chainIds, type) => {
@@ -53,7 +59,7 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
               },
             }
           })
-          return get().chainOrder[type]
+          return get().chainOrder[type].slice(0, maxChainsToOrder)
         },
         setChain: (chainId, type) => {
           const state = get()
@@ -64,11 +70,10 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
             return
           }
           set((state: ChainOrderState) => {
-            const chainOrder = state.chainOrder[type].slice()
-            chainOrder.unshift(chainId)
-            if (chainOrder.length > maxChainsToOrder) {
-              chainOrder.pop()
-            }
+            const chainOrder = [chainId, ...state.chainOrder[type]].slice(
+              0,
+              maxChainsToOrder
+            )
             return {
               chainOrder: {
                 ...state.chainOrder,
@@ -77,6 +82,9 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
             }
           })
         },
+        setIsAllNetworks: (isAllNetworks) => {
+          set({ isAllNetworks })
+        },
         setPinnedChain: (chainId) => {
           set((state: ChainOrderState) => {
             const pinnedChains = [...state.pinnedChains]
@@ -97,6 +105,7 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
         version: 2,
         partialize: (state) => ({
           chainOrder: state.chainOrder,
+          isAllNetworks: state.isAllNetworks,
           pinnedChains: state.pinnedChains,
         }),
       }

package/src/stores/chains/types.ts

@@ -9,11 +9,13 @@ export interface ChainOrderProps {
     from: number[]
     to: number[]
   }
+  isAllNetworks: boolean
   pinnedChains: number[]
 }
 
 export interface ChainOrderState extends ChainOrderProps {
   initializeChains(chainIds: number[], type: FormType): number[]
   setChain(chainId: number, type: FormType): void
+  setIsAllNetworks(isAllNetworks: boolean): void
   setPinnedChain(chainId: number): void
 }

package/src/stores/chains/useChainOrder.ts

@@ -1,8 +1,12 @@
 import type { FormType } from '../form/types.js'
 import { useChainOrderStore } from './ChainOrderStore.js'
+import { maxChainsToOrder } from './createChainOrderStore.js'
 
 export const useChainOrder = (
   type: FormType
 ): [number[], (chainId: number, type: FormType) => void] => {
-  return useChainOrderStore((state) => [state.chainOrder[type], state.setChain])
+  return useChainOrderStore((state) => [
+    state.chainOrder[type].slice(0, maxChainsToOrder),
+    state.setChain,
+  ])
 }

package/src/types/token.ts

@@ -1,6 +1,15 @@
-import type { TokenAmount as SDKTokenAmount } from '@lifi/sdk'
+import type {
+  TokenAmount as SDKTokenAmount,
+  TokenAmountExtended as SDKTokenAmountExtended,
+} from '@lifi/sdk'
 
-export interface TokenAmount extends SDKTokenAmount {
+interface TokenFlags {
   featured?: boolean
   popular?: boolean
 }
+
+export interface TokenAmount extends SDKTokenAmount, TokenFlags {}
+
+export interface TokenAmountExtended
+  extends SDKTokenAmountExtended,
+    TokenFlags {}

package/src/utils/chainType.ts

@@ -8,6 +8,7 @@ const chainTypeAddressValidation = {
   [ChainType.SVM]: isSVMAddress,
   [ChainType.MVM]: isValidSuiAddress,
   [ChainType.UTXO]: isUTXOAddress,
+  [ChainType.TVM]: () => false,
 }
 
 export const getChainTypeFromAddress = (
@@ -27,4 +28,5 @@ export const defaultChainIdsByType = {
   [ChainType.SVM]: ChainId.SOL,
   [ChainType.UTXO]: ChainId.BTC,
   [ChainType.MVM]: ChainId.SUI,
+  [ChainType.TVM]: ChainId.TRN,
 }

package/src/utils/token.ts

@@ -0,0 +1,65 @@
+import type { BaseToken, TokenExtended } from '@lifi/sdk'
+import type { FormType } from '../stores/form/types.js'
+import type { WidgetChains, WidgetTokens } from '../types/widget.js'
+import {
+  getConfigItemSets,
+  isFormItemAllowed,
+  isItemAllowedForSets,
+} from './item.js'
+
+export const filterAllowedTokens = (
+  dataTokens: { [chainId: number]: TokenExtended[] } | undefined,
+  configTokens?: WidgetTokens,
+  chainsConfig?: WidgetChains,
+  formType?: FormType
+): { [chainId: number]: TokenExtended[] } | undefined => {
+  if (!dataTokens) {
+    return
+  }
+
+  const includedTokens = configTokens?.include || []
+  const allChainIds = Array.from(
+    new Set([
+      ...includedTokens.map((t) => t.chainId),
+      ...Object.keys(dataTokens),
+    ])
+  ).map((chainId) => Number(chainId))
+
+  const configChainIdsSet = getConfigItemSets(
+    chainsConfig,
+    (chainIds: number[]) => new Set(chainIds),
+    formType
+  )
+  const allowedChainIds = configChainIdsSet
+    ? allChainIds.filter((chainId) =>
+        isItemAllowedForSets(chainId, configChainIdsSet)
+      )
+    : allChainIds
+
+  const allowedTokensByChain: { [chainId: number]: TokenExtended[] } = {}
+  for (const chainId of allowedChainIds) {
+    const chainTokens = [
+      ...dataTokens[chainId],
+      ...includedTokens.filter((t) => Number(t.chainId) === chainId),
+    ]
+
+    const allowedAddresses = getConfigItemSets(
+      configTokens,
+      (tokens: BaseToken[]) =>
+        new Set(
+          tokens
+            .filter((t) => Number(t.chainId) === chainId)
+            .map((t) => t.address)
+        ),
+      formType
+    )
+
+    const filtered = chainTokens.filter((token) =>
+      isFormItemAllowed(token, allowedAddresses, formType, (t) => t.address)
+    )
+
+    allowedTokensByChain[chainId] = filtered
+  }
+
+  return allowedTokensByChain
+}

package/src/utils/tokenList.ts

@@ -0,0 +1,172 @@
+import type { TokenExtended, WalletTokenExtended } from '@lifi/sdk'
+import { formatUnits } from 'viem'
+import type { TokenAmount, TokenAmountExtended } from '../types/token.js'
+import type { WidgetTokens } from '../types/widget.js'
+
+const sortByBalances = (a: TokenAmount, b: TokenAmount) =>
+  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: TokenExtended, b: TokenExtended) =>
+  (b.volumeUSD24H ?? 0) - (a.volumeUSD24H ?? 0)
+
+export const processTokenBalances = (
+  isBalanceLoading: boolean,
+  isAllNetworks: boolean,
+  configTokens?: WidgetTokens,
+  selectedChainId?: number,
+  tokens?: TokenExtended[],
+  tokensWithBalances?: TokenAmount[]
+) => {
+  if (isBalanceLoading) {
+    if (isAllNetworks) {
+      const sortedTokens = [...(tokens ?? [])].sort(sortByVolume)
+      return {
+        processedTokens: sortedTokens,
+        withCategories: false,
+      }
+    } else {
+      return processedTypedTokens(
+        tokens ?? [],
+        [],
+        selectedChainId,
+        configTokens
+      )
+    }
+  }
+
+  const sortedTokensWithBalances = [...(tokensWithBalances ?? [])].sort(
+    sortByBalances
+  )
+
+  const tokensWithBalancesSet = new Set(
+    sortedTokensWithBalances.map(
+      (token) => `${token.chainId}-${token.address.toLowerCase()}`
+    )
+  )
+  const tokensWithoutBalances =
+    tokens
+      ?.filter((token) => {
+        const tokenKey = `${token.chainId}-${token.address.toLowerCase()}`
+        return !tokensWithBalancesSet.has(tokenKey)
+      })
+      .sort(sortByVolume) ?? []
+
+  if (isAllNetworks) {
+    return {
+      processedTokens: [...sortedTokensWithBalances, ...tokensWithoutBalances],
+      withCategories: false,
+    }
+  } else {
+    return processedTypedTokens(
+      tokensWithoutBalances,
+      sortedTokensWithBalances,
+      selectedChainId,
+      configTokens
+    )
+  }
+}
+
+// NB: only for non-all-networks
+export const processedTypedTokens = (
+  tokens: TokenAmount[],
+  tokensWithBalances: TokenAmount[],
+  selectedChainId?: number,
+  configTokens?: WidgetTokens
+) => {
+  const filteredTokensMap = new Map(
+    tokens.map((token) => [token.address, token])
+  )
+
+  const featuredTokensFromConfig: TokenAmount[] = []
+  const popularTokensFromConfig: TokenAmount[] = []
+
+  ;(['popular', 'featured'] as const).forEach((tokenType) => {
+    const typedTokens = configTokens?.[tokenType]?.filter(
+      (token) => token.chainId === selectedChainId
+    )
+
+    typedTokens?.forEach((token) => {
+      const tokenAmount = { ...token } as TokenAmount
+      tokenAmount[tokenType] = true
+
+      const match = filteredTokensMap.get(token.address)
+      if (match?.priceUSD) {
+        tokenAmount.priceUSD = match.priceUSD
+      }
+      if (!token.logoURI && match?.logoURI) {
+        tokenAmount.logoURI = match.logoURI
+      }
+
+      if (tokenType === 'popular') {
+        popularTokensFromConfig.push(tokenAmount)
+      } else {
+        featuredTokensFromConfig.push(tokenAmount)
+      }
+    })
+  })
+
+  // Filter out config-added tokens from main list
+  const configTokenAddresses = new Set(
+    [...popularTokensFromConfig, ...featuredTokensFromConfig].map(
+      (t) => t.address
+    )
+  )
+
+  const remainingTokens = tokens.filter(
+    (token) => !configTokenAddresses.has(token.address)
+  )
+
+  const otherTokens: TokenAmount[] = []
+
+  for (const token of remainingTokens) {
+    if (token.featured) {
+      featuredTokensFromConfig.push(token)
+    } else if (token.popular) {
+      popularTokensFromConfig.push(token)
+    } else {
+      otherTokens.push(token)
+    }
+  }
+
+  const sortedFeaturedTokens = [...featuredTokensFromConfig].sort(sortByVolume)
+  const sortedPopularTokens = [...popularTokensFromConfig].sort(sortByVolume)
+  const sortedOtherTokens = [...otherTokens].sort(sortByVolume)
+
+  return {
+    processedTokens: [
+      ...sortedFeaturedTokens,
+      ...tokensWithBalances,
+      ...sortedPopularTokens,
+      ...sortedOtherTokens,
+    ],
+    withCategories: Boolean(
+      featuredTokensFromConfig?.length || popularTokensFromConfig?.length
+    ),
+  }
+}
+
+export const isSearchMatch = (
+  token: TokenExtended | TokenAmountExtended,
+  search?: string
+) => {
+  if (!search) {
+    return true
+  }
+
+  const searchLowerCase = search.toLowerCase()
+  return (
+    token.name?.toLowerCase().includes(searchLowerCase) ||
+    token.symbol
+      ?.replaceAll('₮', 'T')
+      .toLowerCase()
+      .includes(searchLowerCase) ||
+    token.address?.toLowerCase().includes(searchLowerCase)
+  )
+}
+
+export const isSupportedToken = (token: WalletTokenExtended) => {
+  return token.name && token.symbol && token.priceUSD && token.chainId
+}

package/dist/esm/components/TokenList/utils.d.ts

@@ -1,2 +0,0 @@
-import type { TokenAmount } from '../../types/token.js';
-export declare const filteredTokensComparator: (searchFilter: string) => (tokenA: TokenAmount, tokenB: TokenAmount) => 0 | 1 | -1;

package/dist/esm/components/TokenList/utils.js

@@ -1,35 +0,0 @@
-export const filteredTokensComparator = (searchFilter) => {
-    const isExactMatch = (token) => {
-        return (token.name?.toUpperCase() === searchFilter ||
-            token.symbol.toUpperCase() === searchFilter ||
-            token.address.toUpperCase() === searchFilter);
-    };
-    return (tokenA, tokenB) => {
-        const isExactMatchA = isExactMatch(tokenA);
-        const isExactMatchB = isExactMatch(tokenB);
-        // Exact match with logo
-        if (isExactMatchB && tokenB.logoURI) {
-            return 1;
-        }
-        if (isExactMatchA && tokenA.logoURI) {
-            return -1;
-        }
-        // Any token with a logo (exact match or not)
-        if (tokenB.logoURI && !tokenA.logoURI) {
-            return 1;
-        }
-        if (tokenA.logoURI && !tokenB.logoURI) {
-            return -1;
-        }
-        // Exact match without logo
-        if (isExactMatchB && !tokenB.logoURI) {
-            return 1;
-        }
-        if (isExactMatchA && !tokenA.logoURI) {
-            return -1;
-        }
-        // All other tokens are considered equal in sorting priority
-        return 0;
-    };
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/components/TokenList/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TokenList/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,YAAoB,EAAE,EAAE;IAC/D,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC1C,OAAO,CACL,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,YAAY;YAC1C,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,YAAY;YAC3C,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,YAAY,CAC7C,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CAAC,MAAmB,EAAE,MAAmB,EAAE,EAAE;QAClD,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QAE1C,wBAAwB;QACxB,IAAI,aAAa,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACpC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,aAAa,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACpC,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,6CAA6C;QAC7C,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,2BAA2B;QAC3B,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,4DAA4D;QAC5D,OAAO,CAAC,CAAA;IACV,CAAC,CAAA;AACH,CAAC,CAAA"}