refactor: move ChainId to dedicated file (#2182)

packages/arb-token-bridge-ui/scripts/generateCoreChainsToMonitor.ts

@@ -1,7 +1,8 @@
 import fs from 'fs'
 import 'dotenv/config'
 import { getArbitrumNetwork } from '@arbitrum/sdk'
-import { ChainId, rpcURLs } from '../src/util/networks'
+import { rpcURLs } from '../src/util/networks'
+import { ChainId } from '../src/types/ChainId'
 import { getChainToMonitor } from './utils'
 
 // github secrets return '' for empty values, so we need to sanitize the value

packages/arb-token-bridge-ui/src/api-utils/ServerSubgraphUtils.ts

@@ -5,7 +5,7 @@ import {
   NormalizedCacheObject
 } from '@apollo/client'
 
-import { ChainId } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 
 /**
  * The API key to be used for calls to The Graph Network.

packages/arb-token-bridge-ui/src/components/TransactionHistory/helpers.ts

@@ -15,7 +15,8 @@ import {
   TeleporterMergedTransaction,
   WithdrawalStatus
 } from '../../state/app/state'
-import { ChainId, getL1BlockTime, isNetwork } from '../../util/networks'
+import { getL1BlockTime, isNetwork } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { Deposit, Transfer } from '../../hooks/useTransactionHistory'
 import {
   getParentToChildMessageDataFromParentTxHash,

packages/arb-token-bridge-ui/src/components/TransferPanel/EstimatedGas.tsx

@@ -3,7 +3,8 @@ import { useMemo } from 'react'
 import { twMerge } from 'tailwind-merge'
 
 import { useAppState } from '../../state'
-import { ChainId, getNetworkName, isNetwork } from '../../util/networks'
+import { getNetworkName, isNetwork } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { Tooltip } from '../common/Tooltip'
 import { formatAmount } from '../../util/NumberUtils'
 import { useNativeCurrency } from '../../hooks/useNativeCurrency'

packages/arb-token-bridge-ui/src/components/TransferPanel/OneNovaTransferDialog.tsx

@@ -7,7 +7,8 @@ import { BridgesTable } from '../common/BridgesTable'
 import { SecurityNotGuaranteed } from './SecurityLabels'
 import { Dialog, UseDialogProps } from '../common/Dialog'
 import { FastBridgeInfo, FastBridgeNames } from '../../util/fastBridges'
-import { ChainId, getNetworkName, isNetwork } from '../../util/networks'
+import { getNetworkName, isNetwork } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { ether } from '../../constants'
 import { useArbQueryParams } from '../../hooks/useArbQueryParams'
 import { useNetworks } from '../../hooks/useNetworks'

packages/arb-token-bridge-ui/src/components/TransferPanel/TransferDisabledDialog.tsx

@@ -6,7 +6,8 @@ import { Dialog } from '../common/Dialog'
 import { sanitizeTokenSymbol } from '../../util/TokenUtils'
 import { useNetworks } from '../../hooks/useNetworks'
 import { ExternalLink } from '../common/ExternalLink'
-import { ChainId, getNetworkName } from '../../util/networks'
+import { getNetworkName } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { getL2ConfigForTeleport } from '../../token-bridge-sdk/teleport'
 import { useNetworksRelationship } from '../../hooks/useNetworksRelationship'
 import { withdrawOnlyTokens } from '../../util/WithdrawOnlyUtils'

packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMain/utils.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '../../../util/networks'
+import { ChainId } from '../../../types/ChainId'
 
 export enum NetworkType {
   parentChain = 'parentChain',

packages/arb-token-bridge-ui/src/components/common/AddCustomChain.tsx

@@ -11,7 +11,6 @@ import SyntaxHighlighter from 'react-syntax-highlighter'
 import { stackoverflowDark } from 'react-syntax-highlighter/dist/esm/styles/hljs'
 
 import {
-  ChainId,
   ChainWithRpcUrl,
   getCustomChainsFromLocalStorage,
   getCustomChainFromLocalStorageById,
@@ -22,6 +21,7 @@ import {
   rpcURLs,
   isNetwork
 } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { Loader } from './atoms/Loader'
 import { Erc20Data, fetchErc20Data } from '../../util/TokenUtils'
 import { getProviderForChainId } from '@/token-bridge-sdk/utils'

packages/arb-token-bridge-ui/src/components/common/NetworkSelectionContainer.tsx

@@ -15,7 +15,8 @@ import {
 import { twMerge } from 'tailwind-merge'
 import { AutoSizer, List, ListRowProps } from 'react-virtualized'
 
-import { ChainId, isNetwork, getNetworkName } from '../../util/networks'
+import { isNetwork, getNetworkName } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { useIsTestnetMode } from '../../hooks/useIsTestnetMode'
 import { SearchPanel } from './SearchPanel/SearchPanel'
 import { SearchPanelTable } from './SearchPanel/SearchPanelTable'

packages/arb-token-bridge-ui/src/generateOpenGraphImages.tsx

@@ -2,7 +2,8 @@ import React from 'react'
 import satori, { Font } from 'satori'
 import sharp from 'sharp'
 import fs from 'fs'
-import { ChainId, isNetwork } from './util/networks'
+import { isNetwork } from './util/networks'
+import { ChainId } from './types/ChainId'
 import { getBridgeUiConfigForChain } from './util/bridgeUiConfig'
 import { orbitMainnets, orbitTestnets } from './util/orbitChainsList'
 

packages/arb-token-bridge-ui/src/hooks/CCTP/useCCTPIsBlocked.ts

@@ -1,5 +1,5 @@
 import useSWRImmutable from 'swr/immutable'
-import { ChainId } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { getCctpUtils } from '@/token-bridge-sdk/cctp'
 
 export function useCCTPIsBlocked() {

packages/arb-token-bridge-ui/src/hooks/TransferPanel/useChainIdsForNetworkSelection.ts

@@ -1,8 +1,8 @@
 import {
-  ChainId,
   getDestinationChainIds,
   getSupportedChainIds
 } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { useIsTestnetMode } from '../useIsTestnetMode'
 import { useNetworks } from '../useNetworks'
 

packages/arb-token-bridge-ui/src/hooks/__tests__/useArbQueryParams.test.ts

@@ -2,7 +2,8 @@
  * @jest-environment jsdom
  */
 import { registerCustomArbitrumNetwork } from '@arbitrum/sdk'
-import { ChainId, customChainLocalStorageKey } from '../../util/networks'
+import { customChainLocalStorageKey } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { AmountQueryParam, ChainParam } from '../useArbQueryParams'
 import { createMockOrbitChain } from './helpers'
 

packages/arb-token-bridge-ui/src/hooks/__tests__/useNetworks.test.ts

@@ -2,7 +2,8 @@
  * @jest-environment jsdom
  */
 import { registerCustomArbitrumNetwork } from '@arbitrum/sdk'
-import { ChainId, customChainLocalStorageKey } from '../../util/networks'
+import { customChainLocalStorageKey } from '../../util/networks'
+import { ChainId } from '../../types/ChainId'
 import { sanitizeQueryParams } from '../useNetworks'
 import { createMockOrbitChain } from './helpers'
 

packages/arb-token-bridge-ui/src/hooks/useArbQueryParams.tsx

@@ -32,7 +32,7 @@ import {
   getChainQueryParamForChain,
   isValidChainQueryParam
 } from '../types/ChainQueryParam'
-import { ChainId } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 
 export enum AmountQueryParamEnum {
   MAX = 'max'

packages/arb-token-bridge-ui/src/hooks/useIsTestnetMode.ts

@@ -1,6 +1,7 @@
 import { useCallback } from 'react'
 import { useNetworks } from './useNetworks'
-import { ChainId, isNetwork } from '../util/networks'
+import { isNetwork } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 
 export const useIsTestnetMode = () => {
   const [networks, setNetworks] = useNetworks()

packages/arb-token-bridge-ui/src/hooks/useNetworks.ts

@@ -4,7 +4,8 @@ import { useCallback, useMemo } from 'react'
 import { mainnet, arbitrum } from '@wagmi/core/chains'
 
 import { useArbQueryParams } from './useArbQueryParams'
-import { ChainId, getCustomChainsFromLocalStorage } from '../util/networks'
+import { getCustomChainsFromLocalStorage } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import {
   sepolia,
   holesky,

packages/arb-token-bridge-ui/src/hooks/useTransactionHistory.ts

@@ -4,12 +4,8 @@ import useSWRInfinite from 'swr/infinite'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import dayjs from 'dayjs'
 
-import {
-  ChainId,
-  getChains,
-  getChildChainIds,
-  isNetwork
-} from '../util/networks'
+import { getChains, getChildChainIds, isNetwork } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import { fetchWithdrawals } from '../util/withdrawals/fetchWithdrawals'
 import { fetchDeposits } from '../util/deposits/fetchDeposits'
 import {

packages/arb-token-bridge-ui/src/pages/api/cctp/[type].ts

@@ -1,7 +1,7 @@
 import { gql } from '@apollo/client'
 import { NextApiRequest, NextApiResponse } from 'next'
 
-import { ChainId } from '../../../util/networks'
+import { ChainId } from '../../../types/ChainId'
 import { Address } from '../../../util/AddressUtils'
 
 import {

packages/arb-token-bridge-ui/src/pages/api/chains/[chainId]/block-number.ts

@@ -1,7 +1,7 @@
 import { NextApiRequest, NextApiResponse } from 'next'
 import { gql } from '@apollo/client'
 
-import { ChainId } from '../../../../util/networks'
+import { ChainId } from '../../../../types/ChainId'
 import {
   getL1SubgraphClient,
   getL2SubgraphClient,

packages/arb-token-bridge-ui/src/state/cctpState.ts

@@ -5,12 +5,8 @@ import useSWRImmutable from 'swr/immutable'
 import { useInterval } from 'react-use'
 
 import { getCctpUtils } from '@/token-bridge-sdk/cctp'
-import {
-  ChainId,
-  getL1BlockTime,
-  getNetworkName,
-  isNetwork
-} from '../util/networks'
+import { getL1BlockTime, getNetworkName, isNetwork } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import { fetchCCTPDeposits, fetchCCTPWithdrawals } from '../util/cctp/fetchCCTP'
 import { DepositStatus, MergedTransaction, WithdrawalStatus } from './app/state'
 import { normalizeTimestamp } from './app/utils'

packages/arb-token-bridge-ui/src/token-bridge-sdk/cctp.ts

@@ -5,7 +5,7 @@ import { ChainDomain } from '../pages/api/cctp/[type]'
 import { prepareWriteContract, writeContract } from '@wagmi/core'
 import { MessageTransmitterAbi } from '../util/cctp/MessageTransmitterAbi'
 import { CCTPSupportedChainId } from '../state/cctpState'
-import { ChainId } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import { CommonAddress } from '../util/CommonAddressUtils'
 import { Address } from '../util/AddressUtils'
 

packages/arb-token-bridge-ui/src/token-bridge-sdk/utils.ts

@@ -1,7 +1,8 @@
 import { BigNumber, Signer } from 'ethers'
 import { Provider, StaticJsonRpcProvider } from '@ethersproject/providers'
 
-import { ChainId, isNetwork, rpcURLs } from '../util/networks'
+import { isNetwork, rpcURLs } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import { BridgeTransferStarterPropsWithChainIds } from './BridgeTransferStarter'
 import { isValidTeleportChainPair } from './teleport'
 import {

packages/arb-token-bridge-ui/src/types/ChainId.ts

@@ -0,0 +1,18 @@
+export enum ChainId {
+  // L1
+  Ethereum = 1,
+  // L1 Testnets
+  Local = 1337,
+  Sepolia = 11155111,
+  Holesky = 17000,
+  // L2
+  ArbitrumOne = 42161,
+  ArbitrumNova = 42170,
+  Base = 8453,
+  // L2 Testnets
+  ArbitrumSepolia = 421614,
+  ArbitrumLocal = 412346,
+  BaseSepolia = 84532,
+  // L3 Testnets
+  L3Local = 333333
+}

packages/arb-token-bridge-ui/src/types/ChainQueryParam.ts

@@ -1,10 +1,10 @@
 import { Chain } from 'wagmi'
 import * as chains from 'wagmi/chains'
 import {
-  ChainId,
   getCustomChainFromLocalStorageById,
   getSupportedChainIds
 } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import * as customChains from '../util/wagmi/wagmiAdditionalNetworks'
 import { getOrbitChains, orbitChains } from '../util/orbitChainsList'
 import { chainToWagmiChain } from '../util/wagmi/wagmiAdditionalNetworks'

packages/arb-token-bridge-ui/src/util/L2ApprovalUtils.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import { xErc20RequiresApprovalOnChildChain } from './xErc20Utils'
 
 export type RequireL2ApproveToken = {

packages/arb-token-bridge-ui/src/util/L2NativeUtils.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import { CommonAddress } from './CommonAddressUtils'
 
 export type L2NativeToken = {

packages/arb-token-bridge-ui/src/util/SubgraphUtils.ts

@@ -1,4 +1,4 @@
-import { ChainId } from './networks'
+import { ChainId } from '../types/ChainId'
 import { getAPIBaseUrl } from '.'
 
 export function hasL1Subgraph(l2ChainId: number) {

packages/arb-token-bridge-ui/src/util/TokenListUtils.ts

@@ -8,7 +8,7 @@ import CMCLogo from '@/images/lists/cmc.png'
 import CoinGeckoLogo from '@/images/lists/coinGecko.svg'
 import ArbitrumLogo from '@/images/lists/ArbitrumLogo.png'
 import { ArbTokenBridge } from '../hooks/arbTokenBridge.types'
-import { ChainId } from './networks'
+import { ChainId } from '../types/ChainId'
 import orbitChainsData from './orbitChainsData.json'
 
 export const SPECIAL_ARBITRUM_TOKEN_TOKEN_LIST_ID =

packages/arb-token-bridge-ui/src/util/TokenTeleportEnabledUtils.ts

@@ -1,4 +1,4 @@
-import { ChainId } from './networks'
+import { ChainId } from '../types/ChainId'
 
 export type TeleportEnabledToken = {
   symbol: string

packages/arb-token-bridge-ui/src/util/TokenTransferDisabledUtils.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 
 export type TransferDisabledToken = {
   symbol: string

packages/arb-token-bridge-ui/src/util/TokenUtils.ts

@@ -11,7 +11,8 @@ import {
 import { ERC20__factory } from '@arbitrum/sdk/dist/lib/abi/factories/ERC20__factory'
 
 import { CommonAddress } from './CommonAddressUtils'
-import { ChainId, isNetwork } from './networks'
+import { isNetwork } from './networks'
+import { ChainId } from '../types/ChainId'
 import { defaultErc20Decimals } from '../defaults'
 import { ERC20BridgeToken, TokenType } from '../hooks/arbTokenBridge.types'
 import { getBridger, getChainIdFromProvider } from '../token-bridge-sdk/utils'

packages/arb-token-bridge-ui/src/util/WithdrawOnlyUtils.ts

@@ -4,7 +4,8 @@
 import { ethers } from 'ethers'
 import { getProviderForChainId } from '@/token-bridge-sdk/utils'
 
-import { ChainId, isNetwork } from '../util/networks'
+import { isNetwork } from '../util/networks'
+import { ChainId } from '../types/ChainId'
 import {
   isTokenArbitrumOneUSDCe,
   isTokenArbitrumSepoliaUSDCe

packages/arb-token-bridge-ui/src/util/__tests__/networks.test.ts

@@ -1,11 +1,11 @@
 import { registerCustomArbitrumNetwork } from '@arbitrum/sdk'
 
 import {
-  ChainId,
   getBlockNumberReferenceChainIdByChainId,
   getDestinationChainIds,
   getSupportedChainIds
 } from '../networks'
+import { ChainId } from '../../types/ChainId'
 import { orbitTestnets } from '../orbitChainsList'
 
 const xaiTestnetChainId = 37714555429

packages/arb-token-bridge-ui/src/util/bridgeUiConfig.ts

@@ -1,4 +1,5 @@
-import { ChainId, getCustomChainFromLocalStorageById } from './networks'
+import { getCustomChainFromLocalStorageById } from './networks'
+import { ChainId } from '../types/ChainId'
 import { orbitChains, BridgeUiConfig } from './orbitChainsList'
 
 export function getBridgeUiConfigForChain(chainId: number): BridgeUiConfig {

packages/arb-token-bridge-ui/src/util/cctp/fetchCCTP.ts

@@ -1,4 +1,4 @@
-import { ChainId } from '../networks'
+import { ChainId } from '../../types/ChainId'
 import { getAPIBaseUrl, sanitizeQueryParams } from '..'
 import {
   CompletedCCTPTransfer,

packages/arb-token-bridge-ui/src/util/fastBridges.ts

@@ -10,7 +10,7 @@ import Wormhole from '@/images/bridge/wormhole.svg'
 // import LIFI from '@/images/bridge/lifi.webp'
 import Router from '@/images/bridge/router.webp'
 
-import { ChainId } from './networks'
+import { ChainId } from '../types/ChainId'
 import { USDC_LEARN_MORE_LINK } from '../constants'
 
 export enum FastBridgeNames {

packages/arb-token-bridge-ui/src/util/infura.ts

@@ -1,7 +1,7 @@
 import { providers } from 'ethers'
 import { Chain, ChainProviderFn } from 'wagmi'
 
-import { ChainId } from './networks'
+import { ChainId } from '../types/ChainId'
 
 // custom implementation based on https://github.com/wevm/wagmi/blob/wagmi%400.12.13/packages/core/src/providers/infura.ts
 // with multiple infura keys support

packages/arb-token-bridge-ui/src/util/networks.ts

@@ -12,25 +12,7 @@ import { getBridgeUiConfigForChain } from './bridgeUiConfig'
 import { chainIdToInfuraUrl } from './infura'
 import { fetchErc20Data } from './TokenUtils'
 import { orbitChains } from './orbitChainsList'
-
-export enum ChainId {
-  // L1
-  Ethereum = 1,
-  // L1 Testnets
-  Local = 1337,
-  Sepolia = 11155111,
-  Holesky = 17000,
-  // L2
-  ArbitrumOne = 42161,
-  ArbitrumNova = 42170,
-  Base = 8453,
-  // L2 Testnets
-  ArbitrumSepolia = 421614,
-  ArbitrumLocal = 412346,
-  BaseSepolia = 84532,
-  // L3 Testnets
-  L3Local = 333333
-}
+import { ChainId } from '../types/ChainId'
 
 /** The network that you reference when calling `block.number` in solidity */
 type BlockNumberReferenceNetwork = {