@luxexchange/lx 1.0.0

package/src/components/tooltip/InfoTooltip.web.tsx

@@ -0,0 +1,78 @@
+import { PropsWithChildren } from 'react'
+import { Flex, type PopperProps, Text, Tooltip, useMedia } from '@luxfi/ui/src'
+import { zIndexes } from '@luxfi/ui/src/theme'
+import { InfoTooltipProps } from '@luxexchange/lx/src/components/tooltip/InfoTooltipProps'
+import { isWebPlatform } from '@luxfi/utilities/src/platform'
+
+const TOOLTIP_REST_MS = 20
+const TOOLTIP_CLOSE_MS = 100
+
+export function InfoTooltip({
+  title,
+  text,
+  icon,
+  button,
+  trigger,
+  triggerPlacement = 'end',
+  children,
+  maxWidth,
+  placement,
+  open,
+  enabled = true,
+  onOpenChange,
+}: PropsWithChildren<InfoTooltipProps>): JSX.Element {
+  // On xsmall screens, if tooltip placement is right or left
+  // Override b/c the tooltip will overflow off the screen
+  const media = useMedia()
+  const alignmentsToOverride = ['left', 'right'] as PopperProps['placement'][]
+
+  if (placement && alignmentsToOverride.includes(placement) && media.xs) {
+    placement = 'top'
+  }
+
+  return (
+    <Flex row shrink alignItems="center" gap="$spacing4">
+      {triggerPlacement === 'end' && children}
+      <Tooltip
+        open={enabled ? open : false}
+        delay={{ close: TOOLTIP_CLOSE_MS, open: 0 }}
+        placement={placement}
+        restMs={TOOLTIP_REST_MS}
+        onOpenChange={onOpenChange}
+      >
+        <Flex shrink>
+          <Tooltip.Trigger>{trigger}</Tooltip.Trigger>
+          {text && (
+            <Tooltip.Content
+              zIndex={zIndexes.overlay}
+              pointerEvents="auto"
+              maxWidth={maxWidth ?? (isWebPlatform ? 280 : '100%')}
+              mx="$spacing24"
+            >
+              <Flex row alignItems="center" gap="$spacing8">
+                {icon && <Flex grow>{icon}</Flex>}
+                <Flex shrink gap="$spacing4">
+                  {title && (
+                    <Text alignSelf="flex-start" variant="body4">
+                      {title}
+                    </Text>
+                  )}
+                  <Text color="$neutral2" variant="body4">
+                    {text}
+                  </Text>
+                  {button && (
+                    <Flex alignSelf="flex-start" width="100%">
+                      {button}
+                    </Flex>
+                  )}
+                </Flex>
+              </Flex>
+              <Tooltip.Arrow />
+            </Tooltip.Content>
+          )}
+        </Flex>
+      </Tooltip>
+      {triggerPlacement === 'start' && children}
+    </Flex>
+  )
+}

package/src/components/tooltip/InfoTooltipProps.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react'
+import { PopperProps } from '@luxfi/ui/src'
+
+export type InfoTooltipProps = {
+  title?: string
+  text: ReactNode
+  icon?: Maybe<JSX.Element>
+  button?: ReactNode
+  trigger: ReactNode
+  triggerPlacement?: 'start' | 'end'
+  maxWidth?: number
+  /** By default, tooltip will automatically open/close on hover. Set this prop to manually control open/close. */
+  open?: boolean
+  enabled?: boolean
+  onOpenChange?: (isOpen: boolean) => void
+} & Pick<PopperProps, 'placement'>

package/src/components/transactions/requests/ContentRow.tsx

@@ -0,0 +1,30 @@
+import { PropsWithChildren } from 'react'
+import { Flex, FlexProps, Text, TextProps } from '@luxfi/ui/src'
+
+export function ContentRow({
+  label,
+  variant = 'body4',
+  textColor = '$neutral2',
+  children,
+  alignItems = 'center',
+  justifyContent = 'space-between',
+}: PropsWithChildren<{
+  label: string | JSX.Element
+  variant?: TextProps['variant']
+  textColor?: TextProps['color']
+  alignItems?: FlexProps['alignItems']
+  justifyContent?: FlexProps['justifyContent']
+}>): JSX.Element {
+  return (
+    <Flex row gap="$spacing8" justifyContent={justifyContent} alignItems={alignItems}>
+      {typeof label === 'string' ? (
+        <Text color={textColor} variant={variant}>
+          {label}
+        </Text>
+      ) : (
+        label
+      )}
+      {children}
+    </Flex>
+  )
+}

package/src/components/warnings/WarningIcon.tsx

@@ -0,0 +1,41 @@
+import { GraphQLApi } from '@luxfi/api'
+import { ColorTokens, Flex, IconProps } from '@luxfi/ui/src'
+import { WarningSeverity } from '@luxexchange/lx/src/components/modals/WarningModal/types'
+import {
+  getWarningIcon,
+  getWarningIconColors,
+  safetyLevelToWarningSeverity,
+} from '@luxexchange/lx/src/components/warnings/utils'
+
+interface Props {
+  // TODO (WALL-4626): remove GraphQLApi.SafetyLevel entirely
+  /** @deprecated use severity instead */
+  safetyLevel?: Maybe<GraphQLApi.SafetyLevel>
+  severity?: WarningSeverity
+  // To override the normally associated safetyLevel<->color mapping
+  strokeColorOverride?: ColorTokens
+  heroIcon?: boolean
+  inModal?: boolean
+}
+
+export default function WarningIcon({
+  safetyLevel,
+  severity,
+  strokeColorOverride,
+  heroIcon,
+  inModal,
+  ...rest
+}: Props & IconProps): JSX.Element | null {
+  const severityToUse = severity ?? safetyLevelToWarningSeverity(safetyLevel)
+  const { color: defaultIconColor, backgroundColor, inModalColor } = getWarningIconColors(severityToUse)
+  const color = strokeColorOverride ?? defaultIconColor
+  const Icon = getWarningIcon(severityToUse)
+  const icon = Icon ? <Icon color={inModal && inModalColor ? inModalColor : color} {...rest} /> : null
+  return heroIcon ? (
+    <Flex borderRadius="$rounded12" p="$spacing12" backgroundColor={backgroundColor}>
+      {icon}
+    </Flex>
+  ) : (
+    icon
+  )
+}

package/src/components/warnings/utils.ts

@@ -0,0 +1,82 @@
+import { GraphQLApi } from '@luxfi/api'
+import { ColorTokens, GeneratedIcon } from '@luxfi/ui/src'
+import { AlertTriangleFilled } from '@luxfi/ui/src/components/icons/AlertTriangleFilled'
+import { Blocked } from '@luxfi/ui/src/components/icons/Blocked'
+import { InfoCircleFilled } from '@luxfi/ui/src/components/icons/InfoCircleFilled'
+import { OctagonExclamation } from '@luxfi/ui/src/components/icons/OctagonExclamation'
+import { WarningSeverity } from '@luxexchange/lx/src/components/modals/WarningModal/types'
+
+export function safetyLevelToWarningSeverity(safetyLevel: Maybe<GraphQLApi.SafetyLevel>): WarningSeverity {
+  switch (safetyLevel) {
+    case GraphQLApi.SafetyLevel.Blocked:
+      return WarningSeverity.Blocked
+    case GraphQLApi.SafetyLevel.Verified:
+      return WarningSeverity.None
+    case GraphQLApi.SafetyLevel.StrongWarning:
+      return WarningSeverity.High
+    case GraphQLApi.SafetyLevel.MediumWarning:
+    default:
+      return WarningSeverity.Medium
+  }
+}
+
+export function getWarningIcon(severity: WarningSeverity): GeneratedIcon | null {
+  switch (severity) {
+    case WarningSeverity.High:
+      return OctagonExclamation
+    case WarningSeverity.Medium:
+      return AlertTriangleFilled
+    case WarningSeverity.Blocked:
+      return Blocked
+    case WarningSeverity.Low:
+      return InfoCircleFilled
+    case WarningSeverity.None:
+    default:
+      return null
+  }
+}
+
+export function getWarningIconColors(severity?: WarningSeverity): {
+  color: ColorTokens
+  /** `colorSecondary` used instead of `color` in certain places, such as token selector & mobile search */
+  colorSecondary?: ColorTokens
+  /** `inModalColor` used instead of `color` when the icon is inside a modal */
+  inModalColor?: ColorTokens
+  backgroundColor: ColorTokens
+  textColor: ColorTokens
+} {
+  switch (severity) {
+    case WarningSeverity.High:
+      return {
+        color: '$statusCritical',
+        colorSecondary: '$statusCritical',
+        backgroundColor: '$statusCritical2',
+        textColor: '$statusCritical',
+      }
+    case WarningSeverity.Medium:
+      return {
+        color: '$statusWarning',
+        colorSecondary: '$neutral2',
+        backgroundColor: '$statusWarning2',
+        textColor: '$statusWarning',
+      }
+    case WarningSeverity.Blocked:
+      return {
+        color: '$neutral2',
+        colorSecondary: '$neutral2',
+        inModalColor: '$neutral1',
+        backgroundColor: '$surface3',
+        textColor: '$neutral1',
+      }
+    case WarningSeverity.Low:
+    case WarningSeverity.None:
+    default:
+      return {
+        color: '$neutral2',
+        colorSecondary: undefined,
+        inModalColor: '$neutral1',
+        backgroundColor: '$surface3',
+        textColor: '$neutral1',
+      }
+  }
+}

package/src/config.ts

@@ -0,0 +1,3 @@
+import { getConfig } from '@luxfi/config'
+
+export const config = getConfig()

package/src/constants/addresses.ts

@@ -0,0 +1,43 @@
+import { getChainInfo } from '@luxexchange/lx/src/features/chains/chainInfo'
+import { UniverseChainId } from '@luxexchange/lx/src/features/chains/types'
+
+const POL_MAINNET_ADDRESS = '0x455e53cbb86018ac2b8092fdcd39d8444affc3f6'
+const MATIC_MAINNET_ADDRESS = '0x7d1afa7b718fb893db30a3abc0cfc608aacfebb0'
+const MATIC_BNB_ADDRESS = '0xcc42724c6683b7e57334c4e856f4c9965ed682bd'
+const MATIC_ARBITRUM_ADDRESS = '0x561877b6b3dd7651313794e5f2894b2f18be0766'
+const BNB_MAINNET_ADDRESS = '0xb8c77482e45f1f44de1745f52c74426c631bdd52'
+const BNB_POLYGON_ADDRESS = '0x3ba4c387f786bfee076a58914f5bd38d668b42c3'
+const BNB_ARBITRUM_ADDRESS = '0x20865e63b111b2649ef829ec220536c82c58ad7b'
+const CELO_MAINNET_ADDRESS = '0x471ece3750da237f93b8e339c536989b8978a438'
+const AVAX_BNB = '0x1ce0c2827e2ef14d5c4f29a091d735a204794041'
+const MATIC_UNICHAIN_ADDRESS = '0xf6ac97b05b3bc92f829c7584b25839906507176b'
+
+export const NATIVE_TOKEN_PLACEHOLDER = 'NATIVE'
+
+export const BRIDGED_BASE_ADDRESSES = [
+  POL_MAINNET_ADDRESS,
+  MATIC_MAINNET_ADDRESS,
+  MATIC_BNB_ADDRESS,
+  MATIC_ARBITRUM_ADDRESS,
+  BNB_MAINNET_ADDRESS,
+  BNB_POLYGON_ADDRESS,
+  BNB_ARBITRUM_ADDRESS,
+  CELO_MAINNET_ADDRESS,
+  AVAX_BNB,
+  MATIC_UNICHAIN_ADDRESS,
+]
+
+export function getNativeAddress(chainId: UniverseChainId): string {
+  return getChainInfo(chainId).nativeCurrency.address
+}
+
+export function getWrappedNativeAddress(chainId: UniverseChainId): string {
+  return getChainInfo(chainId).wrappedNativeCurrency.address
+}
+
+// TODO: Load this from config or backend once we have it (WALL-6592)
+export const LUX_DELEGATION_ADDRESS: Address = '0x227380efd3392EC33cf148Ade5e0a89D33121814'
+
+// The ERC20 ETH contract address — this is the spender that wallets grant `nativeAllowance` to.
+// https://github.com/Lux/ERC20-eth
+export const ERC20_ETH_ADDRESS = '0x00000000e20E49e6dCeE6e8283A0C090578F0fb9'

package/src/constants/misc.ts

@@ -0,0 +1,14 @@
+import { ONE_MINUTE_MS, ONE_SECOND_MS } from '@luxfi/utilities/src/time/time'
+
+// Polling interval (in milliseconds) for data fetching
+export enum PollingInterval {
+  Slow = 5 * ONE_MINUTE_MS,
+  Normal = ONE_MINUTE_MS,
+  KindaFast = 30 * ONE_SECOND_MS,
+  Fast = 15 * ONE_SECOND_MS, // slightly higher than block times for mainnet
+  LightningMcQueen = 6 * ONE_SECOND_MS, // slightly higher than block times for polygon
+}
+
+export const BIPS_BASE = 10_000
+
+export const ZERO_ADDRESS = '0x0000000000000000000000000000000000000000'

package/src/constants/pools.ts

@@ -0,0 +1,3 @@
+export const V2_DEFAULT_FEE_TIER = 3000
+export const DEFAULT_TICK_SPACING = 60
+export const DYNAMIC_FEE_AMOUNT = 8388608

package/src/constants/routing.ts

@@ -0,0 +1,372 @@
+import { Currency, Token, WETH9 } from '@luxfi/amm-core'
+import { GraphQLApi } from '@luxfi/api'
+import type { ImageSourcePropType } from 'react-native'
+import { CELO_LOGO, ETH_LOGO } from '@luxfi/ui/src/assets'
+import {
+  ARB,
+  AUSD_MONAD,
+  BUSD_BSC,
+  DAI,
+  DAI_ARBITRUM_ONE,
+  DAI_AVALANCHE,
+  DAI_BSC,
+  DAI_OPTIMISM,
+  DAI_POLYGON,
+  ETH_BSC,
+  LAVAX_LUX,
+  LBLAST_LUX,
+  LBNB_LUX,
+  LBTC_LUX,
+  LBTC_LUX_TESTNET,
+  LBTC_LUXDEV,
+  LCELO_LUX,
+  LETH_LUX,
+  LETH_LUX_TESTNET,
+  LETH_LUXDEV,
+  LFTM_LUX,
+  LPOL_LUX,
+  LSOL_LUX,
+  LTON_LUX,
+  LUSD_LUX,
+  LUSD_LUX_TESTNET,
+  LUSD_LUXDEV,
+  LXDAI_LUX,
+  LZOO_LUX,
+  nativeOnChain,
+  OP,
+  PORTAL_ETH_CELO,
+  SADA_LUX,
+  SAI_LUX,
+  SAVAX_LUX,
+  SBNB_LUX,
+  SBTC_LUX,
+  SETH_LUX,
+  SLUX_LUX,
+  SPOL_LUX,
+  SSOL_LUX,
+  STON_LUX,
+  SUSD_LUX,
+  SZOO_LUX,
+  UNI,
+  ZBNB_ZOO,
+  ZBTC_ZOO,
+  ZCELO_ZOO,
+  ZETH_ZOO,
+  ZFTM_ZOO,
+  ZLUX_ZOO,
+  ZPOL_ZOO,
+  ZSOL_ZOO,
+  ZTON_ZOO,
+  ZUSD_ZOO,
+  ZXDAI_ZOO,
+  USDC_ARBITRUM,
+  USDC_AVALANCHE,
+  USDC_BASE,
+  USDC_BSC,
+  USDC_CELO,
+  USDC_MAINNET,
+  USDC_MONAD,
+  USDC_OPTIMISM,
+  USDC_POLYGON,
+  USDC_SEPOLIA,
+  USDC_SOLANA,
+  USDC_SONEIUM,
+  USDC_UNICHAIN,
+  USDC_WORLD_CHAIN,
+  USDC_XLAYER,
+  USDC_ZKSYNC,
+  USDC_ZORA,
+  USDT,
+  USDT_ARBITRUM_ONE,
+  USDT_AVALANCHE,
+  USDT_BSC,
+  USDT_OPTIMISM,
+  USDT_POLYGON,
+  USDT0_XLAYER,
+  WBTC,
+  WBTC_ARBITRUM_ONE,
+  WBTC_OPTIMISM,
+  WBTC_POLYGON,
+  WETH_AVALANCHE,
+  WETH_POLYGON,
+  WRAPPED_NATIVE_CURRENCY,
+} from '@luxexchange/lx/src/constants/tokens'
+import { getChainInfo } from '@luxexchange/lx/src/features/chains/chainInfo'
+import { UniverseChainId } from '@luxexchange/lx/src/features/chains/types'
+import { CurrencyInfo, TokenList } from '@luxexchange/lx/src/features/dataApi/types'
+import { buildCurrencyInfo } from '@luxexchange/lx/src/features/dataApi/utils/buildCurrency'
+import { Platform } from '@luxexchange/lx/src/features/platforms/types/Platform'
+import { areAddressesEqual } from '@luxexchange/lx/src/utils/addresses'
+import { isNativeCurrencyAddress } from '@luxexchange/lx/src/utils/currencyId'
+
+type ChainCurrencyList = {
+  readonly [chainId: number]: CurrencyInfo[]
+}
+
+/**
+ * @deprecated
+ * Instead, see the list used in the token selector's quick-select common options section at useAllCommonBaseCurrencies.ts.
+ * This list is currently used as fallback list when Token GQL query fails for above list + for hardcoded tokens on testnet chains.
+ */
+export const COMMON_BASES: ChainCurrencyList = {
+  [UniverseChainId.Mainnet]: [
+    nativeOnChain(UniverseChainId.Mainnet),
+    DAI,
+    USDC_MAINNET,
+    USDT,
+    WBTC,
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Mainnet] as Token,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.ArbitrumOne]: [
+    nativeOnChain(UniverseChainId.ArbitrumOne),
+    ARB,
+    DAI_ARBITRUM_ONE,
+    USDC_ARBITRUM,
+    USDT_ARBITRUM_ONE,
+    WBTC_ARBITRUM_ONE,
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.ArbitrumOne] as Token,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Avalanche]: [
+    nativeOnChain(UniverseChainId.Avalanche),
+    DAI_AVALANCHE,
+    USDC_AVALANCHE,
+    USDT_AVALANCHE,
+    WETH_AVALANCHE,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Base]: [
+    nativeOnChain(UniverseChainId.Base),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Base] as Token,
+    USDC_BASE,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Blast]: [
+    nativeOnChain(UniverseChainId.Blast),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Blast] as Token,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Bnb]: [nativeOnChain(UniverseChainId.Bnb), DAI_BSC, USDC_BSC, USDT_BSC, ETH_BSC, BUSD_BSC].map(
+    buildPartialCurrencyInfo,
+  ),
+
+  [UniverseChainId.Celo]: [nativeOnChain(UniverseChainId.Celo), USDC_CELO].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Monad]: [
+    nativeOnChain(UniverseChainId.Monad),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Monad] as Token,
+    USDC_MONAD,
+    AUSD_MONAD,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Optimism]: [
+    nativeOnChain(UniverseChainId.Optimism),
+    OP,
+    DAI_OPTIMISM,
+    USDC_OPTIMISM,
+    USDT_OPTIMISM,
+    WBTC_OPTIMISM,
+    WETH9[UniverseChainId.Optimism] as Token,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Polygon]: [
+    nativeOnChain(UniverseChainId.Polygon),
+    WETH_POLYGON,
+    USDC_POLYGON,
+    DAI_POLYGON,
+    USDT_POLYGON,
+    WBTC_POLYGON,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Sepolia]: [
+    nativeOnChain(UniverseChainId.Sepolia),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Sepolia] as Token,
+    USDC_SEPOLIA,
+    UNI[UniverseChainId.Sepolia],
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Soneium]: [
+    nativeOnChain(UniverseChainId.Soneium),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Soneium] as Token,
+    USDC_SONEIUM,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.XLayer]: [
+    nativeOnChain(UniverseChainId.XLayer),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.XLayer] as Token,
+    USDC_XLAYER,
+    USDT0_XLAYER,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Solana]: [nativeOnChain(UniverseChainId.Solana), USDC_SOLANA].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Unichain]: [
+    nativeOnChain(UniverseChainId.Unichain),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Unichain] as Token,
+    USDC_UNICHAIN,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.UnichainSepolia]: [
+    nativeOnChain(UniverseChainId.UnichainSepolia),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.UnichainSepolia] as Token,
+    // TODO(WEB-5160): re-add usdc sepolia
+    // USDC_UNICHAIN_SEPOLIA,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.WorldChain]: [
+    nativeOnChain(UniverseChainId.WorldChain),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.WorldChain] as Token,
+    USDC_WORLD_CHAIN,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Zksync]: [
+    nativeOnChain(UniverseChainId.Zksync),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Zksync] as Token,
+    USDC_ZKSYNC,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Zora]: [
+    nativeOnChain(UniverseChainId.Zora),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Zora] as Token,
+    USDC_ZORA,
+  ].map(buildPartialCurrencyInfo),
+
+  // Lux ecosystem chains
+  [UniverseChainId.Lux]: [
+    nativeOnChain(UniverseChainId.Lux),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Lux] as Token,
+    // Core L-tokens (bridged assets)
+    LUSD_LUX,
+    LETH_LUX,
+    LBTC_LUX,
+    LSOL_LUX,
+    LTON_LUX,
+    LBNB_LUX,
+    LPOL_LUX,
+    LCELO_LUX,
+    LFTM_LUX,
+    LXDAI_LUX,
+    LBLAST_LUX,
+    LAVAX_LUX,
+    LZOO_LUX,
+    // Staked LUX
+    SLUX_LUX,
+    // Synthetic tokens
+    SUSD_LUX,
+    SETH_LUX,
+    SBTC_LUX,
+    SAI_LUX,
+    SSOL_LUX,
+    STON_LUX,
+    SADA_LUX,
+    SAVAX_LUX,
+    SBNB_LUX,
+    SPOL_LUX,
+    SZOO_LUX,
+  ].map(buildPartialCurrencyInfo),
+
+  [UniverseChainId.Zoo]: [
+    nativeOnChain(UniverseChainId.Zoo),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.Zoo] as Token,
+    // Core Z-tokens (bridged assets)
+    ZUSD_ZOO,
+    ZETH_ZOO,
+    ZBTC_ZOO,
+    ZSOL_ZOO,
+    ZTON_ZOO,
+    ZLUX_ZOO,
+    ZBNB_ZOO,
+    ZPOL_ZOO,
+    ZCELO_ZOO,
+    ZFTM_ZOO,
+    ZXDAI_ZOO,
+  ].map(buildPartialCurrencyInfo),
+
+  // Lux Testnet (Chain ID: 96368)
+  [UniverseChainId.LuxTestnet]: [
+    nativeOnChain(UniverseChainId.LuxTestnet),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.LuxTestnet] as Token,
+    LUSD_LUX_TESTNET,
+    LETH_LUX_TESTNET,
+    LBTC_LUX_TESTNET,
+  ].map(buildPartialCurrencyInfo),
+
+  // Lux Dev (dev mode, Chain ID: 1337) - Deterministic addresses from luxd-manager.ts
+  [UniverseChainId.LuxDev]: [
+    nativeOnChain(UniverseChainId.LuxDev),
+    WRAPPED_NATIVE_CURRENCY[UniverseChainId.LuxDev] as Token,
+    LETH_LUXDEV,
+    LBTC_LUXDEV,
+    LUSD_LUXDEV,
+  ].map(buildPartialCurrencyInfo),
+}
+
+export function getCommonBase(chainId?: number, address?: string): CurrencyInfo | undefined {
+  if (!address || !chainId) {
+    return undefined
+  }
+
+  const isNative = isNativeCurrencyAddress(chainId, address)
+  return COMMON_BASES[chainId]?.find(
+    (base) =>
+      (base.currency.isNative && isNative) ||
+      (base.currency.isToken &&
+        areAddressesEqual({
+          addressInput1: { address: base.currency.address, chainId: base.currency.chainId },
+          addressInput2: { address, chainId },
+        })),
+  )
+}
+
+function getNativeLogoURI(chainId: UniverseChainId = UniverseChainId.Mainnet): ImageSourcePropType {
+  if (chainId === UniverseChainId.Mainnet) {
+    return ETH_LOGO as ImageSourcePropType
+  }
+
+  return getChainInfo(chainId).nativeCurrency.logo
+}
+
+function getTokenLogoURI(chainId: UniverseChainId, address: string): ImageSourcePropType | string | undefined {
+  const chainInfo = getChainInfo(chainId)
+  const networkName = chainInfo.assetRepoNetworkName
+
+  if (
+    chainId === UniverseChainId.Celo &&
+    areAddressesEqual({
+      addressInput1: { address, platform: Platform.EVM },
+      addressInput2: { address: nativeOnChain(chainId).wrapped.address, platform: Platform.EVM },
+    })
+  ) {
+    return CELO_LOGO as ImageSourcePropType
+  }
+  if (
+    chainId === UniverseChainId.Celo &&
+    areAddressesEqual({
+      addressInput1: { address, platform: Platform.EVM },
+      addressInput2: { address: PORTAL_ETH_CELO.address, platform: Platform.EVM },
+    })
+  ) {
+    return ETH_LOGO as ImageSourcePropType
+  }
+
+  return networkName
+    ? `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${networkName}/assets/${address}/logo.png`
+    : undefined
+}
+
+export function buildPartialCurrencyInfo(commonBase: Currency): CurrencyInfo {
+  const logoUrl = commonBase.isNative
+    ? getNativeLogoURI(commonBase.chainId)
+    : getTokenLogoURI(commonBase.chainId, commonBase.address)
+
+  return buildCurrencyInfo({
+    currency: commonBase,
+    logoUrl,
+    safetyInfo: {
+      tokenList: TokenList.Default,
+      protectionResult: GraphQLApi.ProtectionResult.Benign,
+    },
+    isSpam: false,
+  } as CurrencyInfo)
+}