fix: solve new relic issue for build on pipeline

Author: malessani

.circleci/config.yml

@@ -55,12 +55,15 @@ jobs:
 
   build:
     docker:
-      - image: cimg/node:18.12.1
+      - image: cimg/node:18.14.2
     resource_class: medium
     environment:
       FOLDER: checkout
       NEXT_PUBLIC_DOMAIN: commercelayer.co
       NEXT_PUBLIC_HOSTED: true
+      NEXT_PUBLIC_SLUG: ""
+      NEXT_PUBLIC_NEWRELIC_CONFIG_LOADER: ""
+      NODE_ENV: production
       NEXT_PUBLIC_BASE_PATH: /checkout
     steps:
       - checkout
@@ -78,15 +81,23 @@ jobs:
 
   build-on-pci-bucket:
     docker:
-      - image: cimg/node:18.12.1
+      - image: cimg/node:18.14.2
     resource_class: medium
     environment:
       FOLDER: checkout
       NEXT_PUBLIC_DOMAIN: commercelayer.io
+      NEXT_PUBLIC_SLUG: ""
+      NODE_ENV: production
       NEXT_PUBLIC_HOSTED: true
       NEXT_PUBLIC_BASE_PATH: /checkout
     steps:
       - checkout
+      - run:
+          name: Get version
+          command: |
+            pnpm -v
+            npm -v
+            node -v
       - run:
           name: Install
           command: pnpm install
@@ -144,4 +155,4 @@ workflows:
             tags:
               only: /^v(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*).*/
             branches:
-              only: pci
+              only: main

.gitignore

@@ -37,3 +37,5 @@ cypress/fixtures/*
 
 # vercel
 .vercel
+
+Dockerfile.production

components/data/NewRelicSnippet/index.tsx

@@ -92,6 +92,7 @@
     "i18next": "^21.10.0",
     "jwt-decode": "^3.1.2",
     "next": "^12.3.4",
+    "next-build-id": "^3.0.0",
     "next-i18next": "^12.1.0",
     "postcss": "^8.4.21",
     "react": "^18.2.0",
@@ -124,7 +125,6 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-tailwind": "^0.2.1",
-    "next-build-id": "^3.0.0",
     "prettier": "^2.8.3",
     "serve": "^14.1.2",
     "stylelint": "^14.16.1",

package.json

@@ -25,7 +25,7 @@ class AppDocument extends Document {
             rel="stylesheet"
           />
 
-          {process.env.NEXT_PUBLIC_NEWRELIC_LOADER_CONFIG && (
+          {process.env.NEXT_PUBLIC_NEWRELIC_LOADER_CONFIG !== null && (
             <Script id="new-relic" strategy="afterInteractive">
               {NewRelicSnippet}
             </Script>

pages/_document.page.tsx

@@ -162,14 +162,14 @@ export const getSettings = async ({
   }
 
   if (isProduction() && (subdomain !== slug || kind !== "sales_channel")) {
-    // return invalidateCheckout()
+    return invalidateCheckout()
   } else if (kind !== "sales_channel") {
     return invalidateCheckout()
   }
 
   const cl = CommerceLayer({
     organization: slug,
-    accessToken: accessToken,
+    accessToken,
     domain,
   })