feat: support base and base sepolia parent chains

packages/arb-token-bridge-ui/.env.local.sample

@@ -8,8 +8,10 @@ NEXT_PUBLIC_INFURA_KEY_SEPOLIA=
 
 # L2
 NEXT_PUBLIC_INFURA_KEY_ARBITRUM_ONE=
+NEXT_PUBLIC_INFURA_KEY_BASE=
 # L2 Testnet
 NEXT_PUBLIC_INFURA_KEY_ARBITRUM_SEPOLIA=
+NEXT_PUBLIC_INFURA_KEY_BASE_SEPOLIA=
 
 NEXT_PUBLIC_SENTRY_DSN=
 

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

@@ -12,7 +12,9 @@ import {
   arbitrumSepolia,
   localL1Network as local,
   localL2Network as arbitrumLocal,
-  localL3Network as l3Local
+  localL3Network as l3Local,
+  base,
+  baseSepolia
 } from '../util/wagmi/wagmiAdditionalNetworks'
 
 import { getDestinationChainIds } from '../util/networks'
@@ -37,7 +39,10 @@ export function isSupportedChainId(
     holesky.id,
     arbitrum.id,
     arbitrumNova.id,
+    // Enable when there are Orbit Chains on Base
+    // base.id,
     arbitrumSepolia.id,
+    baseSepolia.id,
     arbitrumLocal.id,
     l3Local.id,
     local.id,

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

@@ -11,6 +11,7 @@ import {
   EthL1L3Bridger,
   getArbitrumNetwork
 } from '@arbitrum/sdk'
+import { isDepositMode } from '../util/isDepositMode'
 
 export const getAddressFromSigner = async (signer: Signer) => {
   const address = await signer.getAddress()
@@ -28,25 +29,23 @@ export const getBridgeTransferProperties = (
   const sourceChainId = props.sourceChainId
   const destinationChainId = props.destinationChainId
 
-  const isSourceChainEthereumMainnetOrTestnet =
-    isNetwork(sourceChainId).isEthereumMainnetOrTestnet
   const isDestinationChainEthereumMainnetOrTestnet =
     isNetwork(destinationChainId).isEthereumMainnetOrTestnet
 
   const isSourceChainArbitrum = isNetwork(sourceChainId).isArbitrum
   const isDestinationChainArbitrum = isNetwork(destinationChainId).isArbitrum
 
   const isSourceChainOrbit = isNetwork(sourceChainId).isOrbitChain
-  const isDestinationChainOrbit = isNetwork(destinationChainId).isOrbitChain
 
-  const isDeposit =
-    isSourceChainEthereumMainnetOrTestnet ||
-    (isSourceChainArbitrum && isDestinationChainOrbit)
+  const { isBase: isDestinationChainBase } = isNetwork(destinationChainId)
+
+  const isDeposit = isDepositMode({ sourceChainId, destinationChainId })
 
   const isWithdrawal =
     (isSourceChainArbitrum && isDestinationChainEthereumMainnetOrTestnet) || //  l2 arbitrum chains to l1
     (isSourceChainOrbit && isDestinationChainEthereumMainnetOrTestnet) || // l2 orbit chains to l1
-    (isSourceChainOrbit && isDestinationChainArbitrum) // l3 orbit chains to l1
+    (isSourceChainOrbit && isDestinationChainArbitrum) || // l3 orbit chains to l1
+    (isSourceChainOrbit && isDestinationChainBase) // l3 orbit chain to Base l2
 
   const isTeleport = isValidTeleportChainPair({
     sourceChainId,

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

@@ -15,7 +15,10 @@ const chainQueryParams = [
   'sepolia',
   'arbitrum-one',
   'arbitrum-nova',
+  // Enable when there are Orbit Chains on Base
+  // 'base',
   'arbitrum-sepolia',
+  'base-sepolia',
   'custom-localhost',
   'arbitrum-localhost',
   'l3-localhost'
@@ -50,12 +53,19 @@ export function getChainQueryParamForChain(chainId: ChainId): ChainQueryParam {
     case ChainId.ArbitrumNova:
       return 'arbitrum-nova'
 
+    // Enable when there are Orbit Chains on Base
+    // case ChainId.Base:
+    //   return 'base'
+
     case ChainId.Sepolia:
       return 'sepolia'
 
     case ChainId.ArbitrumSepolia:
       return 'arbitrum-sepolia'
 
+    case ChainId.BaseSepolia:
+      return 'base-sepolia'
+
     case ChainId.Local:
       return 'custom-localhost'
 
@@ -100,9 +110,16 @@ export function getChainForChainKeyQueryParam(
     case 'arbitrum-nova':
       return customChains.arbitrumNova
 
+    // Enable when there are Orbit Chains on Base
+    // case 'base':
+    //   return customChains.base
+
     case 'arbitrum-sepolia':
       return customChains.arbitrumSepolia
 
+    case 'base-sepolia':
+      return customChains.baseSepolia
+
     case 'custom-localhost':
       return customChains.localL1Network
 

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

@@ -52,6 +52,15 @@ beforeAll(() => {
   })
 
   registerCustomArbitrumNetwork(xaiTestnet)
+
+  const polterTestnetChainId = 631571
+  const polterTestnet = orbitTestnets[polterTestnetChainId]
+
+  if (!polterTestnet) {
+    throw new Error(`Could not find Xai Testnet in the Orbit chains list.`)
+  }
+
+  registerCustomArbitrumNetwork(polterTestnet)
 })
 
 describe('getBaseChainIdByChainId', () => {
@@ -254,4 +263,20 @@ describe('getDestinationChainIds', () => {
     expect(defaultChainId).toBe(ChainId.Sepolia)
     expect(isAscending(nonDefaultChainIds)).toBe(true)
   })
+
+  it('should return a sorted list for Base Sepolia', () => {
+    const destinationChainIds = getDestinationChainIds(ChainId.BaseSepolia)
+    const defaultChainId = destinationChainIds[0]
+    const nonDefaultChainIds = destinationChainIds.slice(1)
+
+    expect(defaultChainId).toBe(631571)
+    expect(isAscending(nonDefaultChainIds)).toBe(true)
+  })
+
+  // Enable when there are Orbit Chains on Base
+  it('should not return a list for Base', () => {
+    const destinationChainIds = getDestinationChainIds(ChainId.Base)
+
+    expect(destinationChainIds).toHaveLength(0)
+  })
 })

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

@@ -104,6 +104,25 @@ export function getBridgeUiConfigForChain(chainId: number): BridgeUiConfig {
             'AnyTrust protocol. Low fees for high-volume transactions. Secured by a trust-minimized Data Availability Committee (DAC).'
         }
       }
+    case ChainId.Base:
+      return {
+        color: '#0052ff',
+        network: {
+          name: 'Base',
+          logo: '/images/BaseWhite.svg',
+          description:
+            'Base is built as an Ethereum L2, decentralized with the Optimism Superchain, and incubated by Coinbase.'
+        }
+      }
+    case ChainId.BaseSepolia:
+      return {
+        color: '#0052ff',
+        network: {
+          name: 'Base Sepolia',
+          logo: '/images/BaseWhite.svg',
+          description: 'Base Sepolia is an Ethereum L2 testnet by Coinbase.'
+        }
+      }
     default: {
       // added Orbit chains
       const orbitChain = orbitChains[chainId]

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

@@ -61,10 +61,14 @@ export function chainIdToInfuraKey(chainId: ChainId) {
       return process.env.NEXT_PUBLIC_INFURA_KEY_SEPOLIA || defaultInfuraKey
     case ChainId.ArbitrumOne:
       return process.env.NEXT_PUBLIC_INFURA_KEY_ARBITRUM_ONE || defaultInfuraKey
+    case ChainId.Base:
+      return process.env.NEXT_PUBLIC_INFURA_KEY_BASE || defaultInfuraKey
     case ChainId.ArbitrumSepolia:
       return (
         process.env.NEXT_PUBLIC_INFURA_KEY_ARBITRUM_SEPOLIA || defaultInfuraKey
       )
+    case ChainId.BaseSepolia:
+      return process.env.NEXT_PUBLIC_INFURA_KEY_BASE_SEPOLIA || defaultInfuraKey
 
     default:
       return defaultInfuraKey
@@ -81,8 +85,12 @@ export function chainIdToInfuraUrl(chainId: ChainId) {
       return `https://sepolia.infura.io/v3/${infuraKey}`
     case ChainId.ArbitrumOne:
       return `https://arbitrum-mainnet.infura.io/v3/${infuraKey}`
+    case ChainId.Base:
+      return `https://base-mainnet.infura.io/v3/${infuraKey}`
     case ChainId.ArbitrumSepolia:
       return `https://arbitrum-sepolia.infura.io/v3/${infuraKey}`
+    case ChainId.BaseSepolia:
+      return `https://base-sepolia.infura.io/v3/${infuraKey}`
     default:
       return undefined
   }

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

@@ -9,13 +9,16 @@ export function isDepositMode({
 }) {
   const {
     isEthereumMainnetOrTestnet: isSourceChainEthereum,
-    isArbitrum: isSourceChainArbitrum
+    isArbitrum: isSourceChainArbitrum,
+    isBase: isSourceChainBase
   } = isNetwork(sourceChainId)
   const { isOrbitChain: isDestinationChainOrbit } =
     isNetwork(destinationChainId)
 
   const isDepositMode =
-    isSourceChainEthereum || (isSourceChainArbitrum && isDestinationChainOrbit)
+    isSourceChainEthereum ||
+    isSourceChainBase ||
+    (isSourceChainArbitrum && isDestinationChainOrbit)
 
   return isDepositMode
 }