feat: upgrade to oa v4

.circleci/config.yml

@@ -1,33 +1,37 @@
+version: 2.1
 workflows:
-  version: 2
-#  uncomment to get build registry
-#  nightly:
-#    triggers:
-#      - schedule:
-#          cron: "0 0 * * *"
-#          filters:
-#            branches:
-#              only:
-#                - master
-#    jobs:
-#      - build_registry
+  #  uncomment to get build registry
+  #  nightly:
+  #    triggers:
+  #      - schedule:
+  #          cron: "0 0 * * *"
+  #          filters:
+  #            branches:
+  #              only:
+  #                - master
+  #    jobs:
+  #      - build_registry
   commit:
     jobs:
       - build
+orbs:
+  browser-tools: circleci/browser-tools@1.4.8
 jobs:
   build_registry:
     docker:
-      - image: "circleci/node:lts-browsers"
+      - image: "cimg/node:14.21.3-browsers"
     steps:
       - checkout
       - run:
           name: build registry
           command: npm run build:registry
   build:
+    resource_class: large
     docker:
-      - image: "circleci/node:lts-browsers"
+      - image: "cimg/node:14.21.3-browsers"
     steps:
       - checkout
+      - browser-tools/install-browser-tools
       - run:
           name: install
           command: npm ci

_mocks_/node-process-stub.js

@@ -0,0 +1,5 @@
+module.exports = {
+  versions: {
+    node: "14.17.0",
+  },
+};

jest.config.js

@@ -9,6 +9,8 @@ module.exports = {
     "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":
       "<rootDir>/_mocks_/fileMock.js",
     "\\.(css|sass|scss)$": "<rootDir>/_mocks_/styleMock.js",
+    axios: "axios/dist/node/axios.cjs",
+    "node:process": "<rootDir>/_mocks_/node-process-stub",
   },
   testResultsProcessor: "jest-sonar-reporter",
   watchPlugins: ["jest-watch-typeahead/filename", "jest-watch-typeahead/testname"],

next.config.js

@@ -28,7 +28,7 @@ module.exports = withBundleAnalyzer({
     INFURA_API_KEY: process.env.INFURA_API_KEY || "84842078b09946638c03157f83405213", // ethers package default api key, feel free to change
     ALCHEMY_API_KEY: process.env.ALCHEMY_API_KEY || "FK1x9CdE8NStKjVt236D_LP7B6MMCFOs", // default key works on ropsten
     TRUSTED_TLDS: process.env.TRUSTED_TLDS || "gov.sg,edu.sg",
-    GA4_TAG_ID: process.env.GA4_TAG_ID,
+    GA4_TAG_ID: process.env.GA4_TAG_ID || "G-JP12T2F01V",
   },
   // Variables passed to both server and client
   publicRuntimeConfig: {