lmendoza/onetrust2

Author: leomendoza123

.gitignore

@@ -77,4 +77,4 @@ cypress/plugins/token.json
 
 # Packages ignore package-lock to depend only on yarn
 package-lock.json
-src/assets/runtime-environment.js
+scripts/environment.runtime.js

angular.json

@@ -133,7 +133,10 @@
               "src/styles.scss",
               "src/assets/scss/grid.scss"
             ],
-            "scripts": ["src/assets/runtime-environment.js"]
+            "scripts": [
+              "/scripts/environment.runtime.js",
+              "/scripts/onetrust.runtime.js"
+            ]
           },
           "configurations": {
             "local": {
@@ -370,7 +373,10 @@
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
               "src/styles.scss"
             ],
-            "scripts": ["src/assets/runtime-environment.js"],
+            "scripts": [
+              "/scripts/environment.runtime.js",
+              "/scripts/onetrust.runtime.js"
+            ],
             "assets": ["src/favicon.ico", "src/assets", "src/manifest.json"],
             "sourceMap": true
           }

package.json

@@ -11,7 +11,7 @@
     "start:xx": "ng serve --configuration=local-qa-xx --disable-host-check",
     "test": "npm run build-runtime-env && ng test",
     "test-headless": "npm run build-runtime-env && ng test --watch=false --browsers=ChromeHeadless",
-    "build-runtime-env": "ts-node -P scripts/tsconfig.json scripts/runtime-environment-setter.dev-runtime.ts",
+    "build-runtime-env": "ts-node -P scripts/tsconfig.json scripts/environment.prebuild.ts",
     "lint": "echo 'temporally disable Angular linter to until eslint update'",
     "e2e": "ng e2e",
     "prebuild": "rimraf dist && yarn build:i18n && yarn build:browserslist && npm run build-runtime-env",

scripts/runtime-environment-setter.dev-runtime.ts renamed to scripts/environment.prebuild.ts

@@ -10,7 +10,7 @@ ${runtimeEnvironmentScript()}`
 
   const outputPath = path.resolve(
     __dirname,
-    '../src/assets/runtime-environment.js'
+    '../scripts/environment.runtime.js'
   )
 
   fs.writeFileSync(outputPath, scriptContent, { encoding: 'utf8' })

scripts/onetrust.runtime.js

@@ -0,0 +1,36 @@
+;(function waitForRuntimeEnvironment() {
+  // Check if the runtime environment is available.
+  if (window.runtimeEnvironment) {
+    console.log('The runtime environment is available.')
+    console.log(JSON.stringify(window.runtimeEnvironment))
+    if (window.runtimeEnvironment.ONE_TRUST) {
+      // Retrieve your key-value (assuming it's a string).
+      var keyValue = window.runtimeEnvironment.ONE_TRUST
+
+      // Create the first script tag.
+      var script1 = document.createElement('script')
+      script1.type = 'text/javascript'
+      script1.src =
+        'https://cdn.cookielaw.org/consent/' + keyValue + '/OtAutoBlock.js'
+      document.head.appendChild(script1)
+
+      // Create the second script tag.
+      var script2 = document.createElement('script')
+      script2.type = 'text/javascript'
+      script2.src = 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js'
+      script2.charset = 'UTF-8'
+      // Set data attributes as needed.
+      script2.setAttribute('data-document-language', 'true')
+      script2.setAttribute('data-domain-script', keyValue)
+      document.head.appendChild(script2)
+      console.log('OneTrust has been added.')
+    } else {
+      console.log('The runtime environment does not contain the OneTrust key.')
+    }
+  } else {
+    console.log('The runtime environment is not yet available.')
+    console.log('Checking again in 50ms...')
+    // If runtimeEnvironment is not yet available, check again in 50ms.
+    setTimeout(waitForRuntimeEnvironment, 50)
+  }
+})()

src/environments/environment.int.ts

@@ -19,6 +19,7 @@ export const environment: EnvironmentInterface = {
   VERBOSE_SNACKBAR_ERRORS_REPORTS: true,
   WORDPRESS_S3: 'https://homepage-prod.orcid.org',
   WORDPRESS_S3_FALLBACK: 'https://homepage-fallback.orcid.org',
+  ONE_TRUST: "5a6d60d3-b085-4e48-8afa-d707c7afc419-test",
   LANGUAGE_MENU_OPTIONS: {
     ar: 'العربية',
     cs: 'Čeština',

src/environments/environment.local.4200.ts

@@ -20,6 +20,7 @@ export const environment: EnvironmentInterface = {
   VERBOSE_SNACKBAR_ERRORS_REPORTS: true,
   WORDPRESS_S3: 'https://homepage-qa.orcid.org',
   WORDPRESS_S3_FALLBACK: 'https://homepage-fallback.orcid.org',
+  ONE_TRUST: "5a6d60d3-b085-4e48-8afa-d707c7afc419-test",
   NEW_RELIC_APP: '772335827',
   LANGUAGE_MENU_OPTIONS: {
     ar: 'العربية',

src/environments/environment.local.dev.orcid.org.ts

@@ -20,6 +20,7 @@ export const environment: EnvironmentInterface = {
   VERBOSE_SNACKBAR_ERRORS_REPORTS: true,
   WORDPRESS_S3: 'https://homepage-qa.orcid.org',
   WORDPRESS_S3_FALLBACK: 'https://homepage-fallback.orcid.org',
+  ONE_TRUST: "5a6d60d3-b085-4e48-8afa-d707c7afc419-test",
   NEW_RELIC_APP: '772335827',
   LANGUAGE_MENU_OPTIONS: {
     ar: 'العربية',

src/environments/environment.production.ts

@@ -20,6 +20,7 @@ export const environment: EnvironmentInterface = {
   WORDPRESS_S3: 'https://homepage-prod.orcid.org',
   WORDPRESS_S3_FALLBACK: 'https://homepage-fallback.orcid.org',
   NEW_RELIC_APP: '772335825',
+  ONE_TRUST: "5a6d60d3-b085-4e48-8afa-d707c7afc419",
   LANGUAGE_MENU_OPTIONS: {
     ar: 'العربية',
     cs: 'Čeština',

src/environments/environment.qa.ts

@@ -20,6 +20,7 @@ export const environment: EnvironmentInterface = {
   VERBOSE_SNACKBAR_ERRORS_REPORTS: true,
   WORDPRESS_S3: 'https://homepage-qa.orcid.org',
   WORDPRESS_S3_FALLBACK: 'https://homepage-fallback.orcid.org',
+  ONE_TRUST: "5a6d60d3-b085-4e48-8afa-d707c7afc419-test",
   NEW_RELIC_APP: '772335827',
   LANGUAGE_MENU_OPTIONS: {
     ar: 'العربية',