feat: upgrade to support BASE networks

Author: levalleux-ludo

package-lock.json

@@ -46,7 +46,7 @@
   "dependencies": {
     "@apollo/client": "^3.8.1",
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/react-kit": "^0.36.0-alpha.15",
+    "@bosonprotocol/react-kit": "^0.36.0-alpha.16",
     "@davatar/react": "^1.10.4",
     "@ethersproject/address": "^5.6.1",
     "@ethersproject/units": "^5.7.0",

package.json

@@ -20,7 +20,13 @@ import polygonSquareLogoUrl from "assets/svg/polygon_square_logo.svg";
 import polygonMaticLogo from "assets/svg/polygon-matic-logo.svg";
 import ms from "ms";
 
-import { LocalChainId, SupportedL1ChainId, SupportedL2ChainId } from "./chains";
+import {
+  ChainId_BASE_SEPOLIA,
+  ChainId_POLYGON_AMOY,
+  LocalChainId,
+  SupportedL1ChainId,
+  SupportedL2ChainId
+} from "./chains";
 import {
   ARBITRUM_LIST,
   AVALANCHE_LIST,
@@ -205,7 +211,7 @@ const CHAIN_INFO: ChainInfoMap = {
       decimals: 18
     }
   },
-  80002: {
+  [ChainId_POLYGON_AMOY]: {
     networkType: NetworkType.L1,
     blockWaitMsBeforeWarning: ms(`10m`),
     bridge: "https://wallet.polygon.technology/polygon/bridge/deposit",
@@ -304,6 +310,22 @@ const CHAIN_INFO: ChainInfoMap = {
     squareLogoUrl: baseSquareLogo,
     nativeCurrency: { name: "Base Goerli Ether", symbol: "ETH", decimals: 18 }
   },
+  [ChainId_BASE_SEPOLIA]: {
+    networkType: NetworkType.L2,
+    blockWaitMsBeforeWarning: ms(`10m`),
+    bridge: "https://testnets.superbridge.app/base-sepolia",
+    docs: "https://www.base.org",
+    explorer: "https://sepolia.basescan.org/",
+    infoLink: "https://info.uniswap.org/#/base-sepolia/",
+    label: "Base Sepolia",
+    logoUrl: ethereumLogoUrl,
+    nativeCurrency: {
+      name: "Ether",
+      symbol: "ETH",
+      decimals: 18
+    },
+    defaultListUrl: ""
+  },
   [LocalChainId]: {
     networkType: NetworkType.L1,
     docs: "https://docs.uniswap.org/",

src/lib/constants/chainInfo.ts

@@ -6,13 +6,14 @@ import { envChainIds } from "lib/config";
 
 export const LocalChainId = 31337;
 export const ChainId_POLYGON_AMOY = 80002;
+export const ChainId_BASE_SEPOLIA = 84532;
 
 export const UniWalletSupportedChains = [
   ChainId.MAINNET,
   // ChainId.ARBITRUM_ONE,
   // ChainId.OPTIMISM,
-  ChainId.POLYGON
-  // ChainId.BASE
+  ChainId.POLYGON,
+  ChainId.BASE
 ];
 
 export const CHAIN_IDS_TO_NAMES = {
@@ -21,7 +22,7 @@ export const CHAIN_IDS_TO_NAMES = {
   [ChainId.SEPOLIA]: "sepolia",
   [ChainId.POLYGON]: "polygon",
   [ChainId.POLYGON_MUMBAI]: "polygon_mumbai",
-  80002: "polygon_amoy",
+  [ChainId_POLYGON_AMOY]: "polygon_amoy",
   [ChainId.CELO]: "celo",
   [ChainId.CELO_ALFAJORES]: "celo_alfajores",
   [ChainId.ARBITRUM_ONE]: "arbitrum",
@@ -32,6 +33,7 @@ export const CHAIN_IDS_TO_NAMES = {
   [ChainId.AVALANCHE]: "avalanche",
   [ChainId.BASE]: "base",
   [ChainId.BASE_GOERLI]: "base_goerli",
+  [ChainId_BASE_SEPOLIA]: "base_sepolia",
   [LocalChainId]: "local"
 } as const;
 
@@ -41,7 +43,7 @@ export const CHAIN_IDS_TO_FRIENDLY_NAMES = {
   [ChainId.SEPOLIA]: "Sepolia",
   [ChainId.POLYGON]: "Polygon",
   [ChainId.POLYGON_MUMBAI]: "Polygon Mumbai",
-  80002: "Polygon Amoy",
+  [ChainId_POLYGON_AMOY]: "Polygon Amoy",
   [ChainId.CELO]: "Celo",
   [ChainId.CELO_ALFAJORES]: "Celo Alfajores",
   [ChainId.ARBITRUM_ONE]: "Arbitrum",
@@ -52,12 +54,14 @@ export const CHAIN_IDS_TO_FRIENDLY_NAMES = {
   [ChainId.AVALANCHE]: "Avalanche",
   [ChainId.BASE]: "Base",
   [ChainId.BASE_GOERLI]: "Base Goerli",
+  [ChainId_BASE_SEPOLIA]: "Base Sepolia",
   [LocalChainId]: "Local Hardhat"
 } as const;
 
 const SUPPORTED_CHAINS = [
   LocalChainId,
   ChainId_POLYGON_AMOY,
+  ChainId_BASE_SEPOLIA,
   ..._SUPPORTED_CHAINS
 ] as const;
 export declare type SupportedChainsType = (typeof SUPPORTED_CHAINS)[number];
@@ -97,20 +101,21 @@ export function asSupportedChain(
 
 export const SUPPORTED_GAS_ESTIMATE_CHAIN_IDS = [
   ChainId.MAINNET,
-  ChainId.POLYGON
+  ChainId.POLYGON,
   // ChainId.CELO,
   // ChainId.OPTIMISM,
   // ChainId.ARBITRUM_ONE
   // ChainId.BNB,
   // ChainId.AVALANCHE,
-  // ChainId.BASE
+  ChainId.BASE
 ] as const;
 
 export const TESTNET_CHAIN_IDS = [
   ChainId.GOERLI,
   ChainId.SEPOLIA,
   ChainId.POLYGON_MUMBAI,
   ChainId_POLYGON_AMOY,
+  ChainId_BASE_SEPOLIA,
   LocalChainId
   // ChainId.ARBITRUM_GOERLI,
   // ChainId.OPTIMISM_GOERLI,
@@ -123,8 +128,8 @@ export const TESTNET_CHAIN_IDS = [
  */
 export const L1_CHAIN_IDS = [
   ChainId.MAINNET,
-  ChainId.GOERLI,
-  // ChainId.SEPOLIA,
+  // ChainId.GOERLI,
+  ChainId.SEPOLIA,
   ChainId.POLYGON,
   ChainId.POLYGON_MUMBAI,
   ChainId_POLYGON_AMOY,
@@ -146,7 +151,8 @@ export const L2_CHAIN_IDS = [
   // ChainId.ARBITRUM_GOERLI,
   // ChainId.OPTIMISM,
   // ChainId.OPTIMISM_GOERLI
-  // ChainId.BASE,
+  ChainId.BASE,
+  ChainId_BASE_SEPOLIA
   // ChainId.BASE_GOERLI
 ] as const;
 
@@ -166,6 +172,8 @@ export function getChainPriority(chainId: number): number {
     case ChainId.POLYGON:
     case ChainId.POLYGON_MUMBAI:
     case ChainId_POLYGON_AMOY:
+    case ChainId.BASE:
+    case ChainId_BASE_SEPOLIA:
       return 1;
     // case ChainId.ARBITRUM_ONE:
     // case ChainId.ARBITRUM_GOERLI:

src/lib/constants/chains.ts

@@ -7,7 +7,12 @@ import { ChainId } from "@uniswap/sdk-core";
 import { CONFIG } from "lib/config";
 
 import { AVERAGE_L1_BLOCK_TIME } from "./chainInfo";
-import { CHAIN_IDS_TO_NAMES, SupportedChainsType } from "./chains";
+import {
+  CHAIN_IDS_TO_NAMES,
+  ChainId_BASE_SEPOLIA,
+  ChainId_POLYGON_AMOY,
+  SupportedChainsType
+} from "./chains";
 const RPC_URLS = CONFIG.rpcUrls;
 
 class AppJsonRpcProvider extends StaticJsonRpcProvider {
@@ -75,11 +80,12 @@ export const RPC_PROVIDERS: {
   [ChainId.ARBITRUM_GOERLI]: new AppJsonRpcProvider(ChainId.ARBITRUM_GOERLI),
   [ChainId.POLYGON]: new AppJsonRpcProvider(ChainId.POLYGON),
   [ChainId.POLYGON_MUMBAI]: new AppJsonRpcProvider(ChainId.POLYGON_MUMBAI),
-  80002: new AppJsonRpcProvider(80002),
+  [ChainId_POLYGON_AMOY]: new AppJsonRpcProvider(ChainId_POLYGON_AMOY),
   [ChainId.CELO]: new AppJsonRpcProvider(ChainId.CELO),
   [ChainId.CELO_ALFAJORES]: new AppJsonRpcProvider(ChainId.CELO_ALFAJORES),
   [ChainId.BNB]: new AppJsonRpcProvider(ChainId.BNB),
   [ChainId.AVALANCHE]: new AppJsonRpcProvider(ChainId.AVALANCHE),
   [ChainId.BASE]: new AppJsonRpcProvider(ChainId.BASE),
-  [ChainId.BASE_GOERLI]: new AppJsonRpcProvider(ChainId.BASE_GOERLI)
+  [ChainId.BASE_GOERLI]: new AppJsonRpcProvider(ChainId.BASE_GOERLI),
+  [ChainId_BASE_SEPOLIA]: new AppJsonRpcProvider(ChainId_BASE_SEPOLIA)
 };

src/lib/constants/providers.ts

@@ -1,6 +1,7 @@
 // a list of tokens by chain
 import { ChainId, Currency, Token } from "@uniswap/sdk-core";
 
+import { ChainId_BASE_SEPOLIA, ChainId_POLYGON_AMOY } from "./chains";
 import {
   ARB,
   BTC_BSC,
@@ -41,6 +42,7 @@ import {
   WBTC_POLYGON,
   WETH_AVALANCHE,
   WETH_POLYGON,
+  WETH_POLYGON_AMOY,
   WETH_POLYGON_MUMBAI,
   WRAPPED_NATIVE_CURRENCY
 } from "./tokens";
@@ -111,6 +113,10 @@ export const COMMON_BASES: ChainCurrencyList = {
     nativeOnChain(ChainId.BASE_GOERLI),
     WRAPPED_NATIVE_CURRENCY[ChainId.BASE_GOERLI] as Token
   ],
+  [ChainId_BASE_SEPOLIA]: [
+    nativeOnChain(ChainId_BASE_SEPOLIA),
+    WRAPPED_NATIVE_CURRENCY[ChainId_BASE_SEPOLIA] as Token
+  ],
   [ChainId.POLYGON]: [
     nativeOnChain(ChainId.POLYGON),
     WETH_POLYGON,
@@ -124,6 +130,11 @@ export const COMMON_BASES: ChainCurrencyList = {
     WRAPPED_NATIVE_CURRENCY[ChainId.POLYGON_MUMBAI] as Token,
     WETH_POLYGON_MUMBAI
   ],
+  [ChainId_POLYGON_AMOY]: [
+    nativeOnChain(ChainId_POLYGON_AMOY),
+    WRAPPED_NATIVE_CURRENCY[ChainId_POLYGON_AMOY] as Token,
+    WETH_POLYGON_AMOY
+  ],
 
   [ChainId.CELO]: [
     nativeOnChain(ChainId.CELO),