feat(APP-3298): Add support for ZkSync mainnet

package.json

@@ -22,9 +22,9 @@
   "dependencies": {
     "@apollo/client": "^3.5.8",
     "@aragon/ods": "^1.0.20",
-    "@aragon/osx-commons-configs": "^0.5.0",
-    "@aragon/sdk-client": "^1.24.0",
-    "@aragon/sdk-client-common": "^1.16.0",
+    "@aragon/osx-commons-configs": "^0.6.0",
+    "@aragon/sdk-client": "^1.25.0",
+    "@aragon/sdk-client-common": "^1.17.0",
     "@playwright/test": "^1.42.1",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-dialog": "^1.0.4",

src/containers/selectChainForm/index.tsx

@@ -105,9 +105,9 @@ type SelectableNetworks = Record<
 
 const networks: SelectableNetworks = {
   main: {
-    cost: ['polygon', 'base', 'arbitrum', 'ethereum'],
-    popularity: ['ethereum', 'polygon', 'arbitrum', 'base'],
-    security: ['ethereum', 'base', 'arbitrum', 'polygon'],
+    cost: ['polygon', 'base', 'arbitrum', 'ethereum', 'zksync'],
+    popularity: ['ethereum', 'arbitrum', 'base', 'zksync'],
+    security: ['ethereum', 'base', 'arbitrum', 'polygon', 'zksync'],
   },
   test: {
     cost: ['sepolia', 'zksyncSepolia'],

src/hooks/useDaoMembers.tsx

@@ -140,7 +140,8 @@ export const useDaoMembers = (
   const covalentSupportedNetwork = !(
     network === 'arbitrum' ||
     network === 'base' ||
-    network === 'zksyncSepolia'
+    network === 'zksyncSepolia' ||
+    network === 'zksync'
   );
 
   const useGraphql =

src/index.tsx

@@ -19,6 +19,7 @@ import {
   polygon,
   sepolia,
   zkSyncSepoliaTestnet,
+  zkSync,
 } from 'wagmi/chains';
 import {AlertProvider} from 'context/alert';
 import {GlobalModalsProvider} from 'context/globalModals';
@@ -47,6 +48,7 @@ const chains = [
   arbitrum,
   sepolia,
   zkSyncSepoliaTestnet,
+  zkSync,
 ] as [Chain, ...Chain[]];
 
 const transports = chains.reduce(

src/utils/aragonGateway.ts

@@ -55,12 +55,12 @@ class AragonGateway {
 
     const {gatewayNetwork} = CHAIN_METADATA[network];
     const gatewayKey =
-      network === 'zksyncSepolia'
+      network === 'zksyncSepolia' || network === 'zksync'
         ? import.meta.env.VITE_GATEWAY_RPC_API_KEY_ALCHEMY
         : import.meta.env.VITE_GATEWAY_RPC_API_KEY;
 
     const baseUrl =
-      network === 'zksyncSepolia'
+      network === 'zksyncSepolia' || network === 'zksync'
         ? this.baseUrl.replace('app', 'alchemy')
         : this.baseUrl;
 

src/utils/constants/api.ts

@@ -33,6 +33,8 @@ export const SUBGRAPH_API_URL: SubgraphNetworkUrl = {
     'https://subgraph.satsuma-prod.com/qHR2wGfc5RLi6/aragon/osx-polygon/version/1.4.2/api',
   sepolia:
     'https://subgraph.satsuma-prod.com/qHR2wGfc5RLi6/aragon/osx-sepolia/version/1.4.2/api',
+  zksync:
+    'https://subgraph.satsuma-prod.com/qHR2wGfc5RLi6/aragon/osx-zksync-era/version/1.4.3/api',
   zksyncSepolia:
     'https://subgraph.satsuma-prod.com/qHR2wGfc5RLi6/aragon/osx-zksync-era-sepolia/version/1.4.2/api',
   unsupported: undefined,

src/utils/constants/chains.ts

@@ -23,7 +23,7 @@ export const NETWORKS_WITH_CUSTOM_REGISTRY: SupportedNetworks[] = [
   'base',
   'polygon',
   'sepolia',
-  // 'zksync',
+  'zksync',
   'zksyncSepolia',
 ];
 
@@ -35,7 +35,7 @@ const SUPPORTED_NETWORKS = [
   'ethereum',
   'polygon',
   'sepolia',
-  // 'zksync',
+  'zksync',
   'zksyncSepolia',
 ] as const;
 
@@ -234,37 +234,37 @@ export const CHAIN_METADATA: Record<SupportedNetworks, ChainData> = {
     },
     supportsEns: false,
   },
-  // zksync: {
-  //   id: 324,
-  //   name: i18n.t('explore.modal.filterDAOs.label.zksync'),
-  //   domain: 'L2 Blockchain',
-  //   logo: 'https://static.debank.com/image/chain/logo_url/era/2cfcd0c8436b05d811b03935f6c1d7da.png',
-  //   explorer: 'https://explorer.zksync.io/',
-  //   isTestnet: false,
-  //   explorerName: 'zkSync Explorer',
-  //   publicRpc: 'https://zksync.meowrpc.com',
-  //   gatewayNetwork: 'ethereum/zksync',
-  //   nativeCurrency: {
-  //     name: 'Ether',
-  //     symbol: 'ETH',
-  //     decimals: 18,
-  //   },
-  //   etherscanApi: 'https://block-explorer-api.mainnet.zksync.io/api',
-  //   etherscanApiKey: '',
-  //   covalent: {
-  //     networkId: 'zksync-mainnet',
-  //     nativeTokenId: '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
-  //   },
-  //   supportsEns: false,
-  // },
+  zksync: {
+    id: 324,
+    name: i18n.t('explore.modal.filterDAOs.label.zksync'),
+    domain: 'L2 Blockchain',
+    logo: 'https://static.debank.com/image/chain/logo_url/era/2cfcd0c8436b05d811b03935f6c1d7da.png',
+    explorer: 'https://explorer.zksync.io/',
+    isTestnet: false,
+    explorerName: 'zkSync Explorer',
+    publicRpc: 'https://zksync.meowrpc.com',
+    gatewayNetwork: 'zksync/mainnet',
+    nativeCurrency: {
+      name: 'Ether',
+      symbol: 'ETH',
+      decimals: 18,
+    },
+    etherscanApi: 'https://block-explorer-api.mainnet.zksync.io/api',
+    etherscanApiKey: '',
+    covalent: {
+      networkId: 'zksync-mainnet',
+      nativeTokenId: '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
+    },
+    supportsEns: false,
+  },
   zksyncSepolia: {
     id: 300,
     name: i18n.t('explore.modal.filterDAOs.label.zksyncSepolia'),
     domain: 'L2 Blockchain',
     logo: 'https://static.debank.com/image/chain/logo_url/era/2cfcd0c8436b05d811b03935f6c1d7da.png',
     explorer: 'https://sepolia.explorer.zksync.io/',
     isTestnet: true,
-    mainnet: 'ethereum', // temporary price lookup while zksyncSepolia native token is not supported with default values by API services
+    mainnet: 'zksync',
     explorerName: 'zkSync Sepolia Explorer',
     publicRpc: 'https://endpoints.omniatech.io/v1/zksync-era/sepolia/public',
     gatewayNetwork: 'zksync/sepolia',

src/utils/library.ts

@@ -863,6 +863,8 @@ export const translateToAppNetwork = (
       return 'sepolia';
     case SdkSupportedNetworks.ZKSYNC_SEPOLIA:
       return 'zksyncSepolia';
+    case SdkSupportedNetworks.ZKSYNC_MAINNET:
+      return 'zksync';
     default:
       return 'unsupported';
   }
@@ -901,6 +903,8 @@ export function translateToNetworkishName(
       return SdkSupportedNetworks.SEPOLIA;
     case 'zksyncSepolia':
       return SdkSupportedNetworks.ZKSYNC_SEPOLIA;
+    case 'zksync':
+      return SdkSupportedNetworks.ZKSYNC_MAINNET;
   }
 
   return 'unsupported';

yarn.lock

@@ -86,10 +86,10 @@
   dependencies:
     tslib "^2.6.2"
 
-"@aragon/osx-commons-configs@^0.5.0":
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/@aragon/osx-commons-configs/-/osx-commons-configs-0.5.0.tgz#4c9006d61dbec8f13af5f5110f2d84ab00986ded"
-  integrity sha512-1ylzs0sbb9sOSisQc01IOXdC7rVhxuRD64GRtwE5KUCq8nyzQ1jk+yXscYh3Uw+B6B8DLKeLN9xFquR7y1grZA==
+"@aragon/osx-commons-configs@^0.6.0":
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/@aragon/osx-commons-configs/-/osx-commons-configs-0.6.0.tgz#8c1198e0d2d8cdf8b021ae4709a79955a936ab70"
+  integrity sha512-wypaD0epzD+IY0GmgvYlYgJzJuvxkFW+L0nH6e1tzA1jsvgnxfln0Tk4q86xBp6sfuoybh5atKziQyXbRGLHKA==
   dependencies:
     tslib "^2.6.2"
 
@@ -132,12 +132,12 @@
     graphql-request "^4.3.0"
     yup "^1.2.0"
 
-"@aragon/sdk-client-common@^1.16.0":
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/@aragon/sdk-client-common/-/sdk-client-common-1.16.0.tgz#7d1ee5a8d68f3ddf5394773c5cf2161d048c5a95"
-  integrity sha512-ELWO7+8PrjZ6yqW1rEqFlDljp6G04aAji1pPTEp+MU9a+TMWZno2yQgvGCT492IK1EMSQATblEczVZ7PkP04rQ==
+"@aragon/sdk-client-common@^1.17.0":
+  version "1.17.0"
+  resolved "https://registry.yarnpkg.com/@aragon/sdk-client-common/-/sdk-client-common-1.17.0.tgz#0709ef8f368a17a172d8899b78c557c570571758"
+  integrity sha512-YZkIyI3LSyQ/Z9iV1O8gdMGHUuM36Vt6Gsc7cSurnhCE+csV1Boir4pseV+0HJStO12/e6a4EW9x1i625TY+iA==
   dependencies:
-    "@aragon/osx-commons-configs" "^0.5.0"
+    "@aragon/osx-commons-configs" "^0.6.0"
     "@aragon/osx-ethers" "^1.3.1"
     "@aragon/osx-ethers-v1.0.0" "npm:@aragon/osx-ethers@1.2.1"
     "@aragon/sdk-ipfs" "^1.1.0"
@@ -171,14 +171,14 @@
     graphql-request "^4.3.0"
     yup "^1.2.0"
 
-"@aragon/sdk-client@^1.24.0":
-  version "1.24.0"
-  resolved "https://registry.yarnpkg.com/@aragon/sdk-client/-/sdk-client-1.24.0.tgz#a2312d47354ee390d099f829dd5df94bc92aede9"
-  integrity sha512-U99kX4+PM2TPQJ+OfZ08jN5EhcXZzgwMr9wQYmAexOTnjSE9ec1TvmkydBfDAuHGW8eNyNzJIu5Uze8gqXw6Ug==
+"@aragon/sdk-client@^1.25.0":
+  version "1.25.0"
+  resolved "https://registry.yarnpkg.com/@aragon/sdk-client/-/sdk-client-1.25.0.tgz#1287b7df9d2aaea2d5b57b345f0f291c8a974a8e"
+  integrity sha512-lQfAHxYMOZT5Q2z4zYASXfIyOelChOvnWUY2/AzdeYSEcqTz6keGozTPXof2CZX8M2T8li+zl929VI+6NYV1/Q==
   dependencies:
-    "@aragon/osx-commons-configs" "^0.5.0"
+    "@aragon/osx-commons-configs" "^0.6.0"
     "@aragon/osx-ethers" "1.3.0"
-    "@aragon/sdk-client-common" "^1.16.0"
+    "@aragon/sdk-client-common" "^1.17.0"
     "@aragon/sdk-ipfs" "^1.1.0"
     "@ethersproject/abstract-signer" "^5.5.0"
     "@ethersproject/bignumber" "^5.6.0"
@@ -10911,16 +10911,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -10991,14 +10982,7 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -11910,7 +11894,7 @@ which@^2.0.1, which@^2.0.2:
   dependencies:
     isexe "^2.0.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -11928,15 +11912,6 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"