@newskit-render/core 2.3.2 → 2.5.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.5.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@2.5.0-alpha.0...@newskit-render/core@2.5.0) (2022-10-12)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+# [2.4.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@2.4.0-alpha.0...@newskit-render/core@2.4.0) (2022-10-11)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
 ## [2.3.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@2.3.2-alpha.0...@newskit-render/core@2.3.2) (2022-10-07)
 
 **Note:** Version bump only for package @newskit-render/core

package/cypress/support/commands.js

@@ -1,17 +1,30 @@
 //Note: Check periodically if these consent cookie values exprire
 import _ from 'lodash'
-const nuktSPConsentValue = 'JABCDEFGHI'
-const consentUUIDValue = 'ff8ac797-02c4-4fb4-81f2-22f8ba2e8723_8'
+import { 
+  nuktSPConsentValue, 
+  consentUUIDValue, 
+  _sp_local_state,
+  _sp_user_consent_7377,
+  _sp_non_keyed_local_state,
+} from './consentValues'
+
+const setConentLocalStorage = () => {
+  localStorage.setItem('_sp_local_state', JSON.stringify(_sp_local_state))
+  localStorage.setItem('_sp_user_consent_7377', JSON.stringify(_sp_user_consent_7377))
+  localStorage.setItem('_sp_non_keyed_local_state', JSON.stringify(_sp_non_keyed_local_state))
+}
 
 Cypress.Commands.add('mockConsentAndVisit', (url) => {
   cy.setCookie('nukt_sp_consent', nuktSPConsentValue)
   cy.setCookie('consentUUID', consentUUIDValue)
+  setConentLocalStorage()
   cy.visit(url)
 })
 
 Cypress.Commands.add('mockConsent', () => {
   cy.setCookie('nukt_sp_consent', nuktSPConsentValue)
   cy.setCookie('consentUUID', consentUUIDValue)
+  setConentLocalStorage()
 })
 
 const userMap = {

package/cypress/support/consentValues.js

@@ -0,0 +1,392 @@
+export const nuktSPConsentValue = 'JABCDEFGHI'
+
+export const consentUUIDValue = 'f5e9a5b9-3468-4d4e-8380-138fc864f19a_12'
+
+export const _sp_local_state = {
+  "gdpr": {
+    "mmsCookies": [
+      "_sp_v1_ss=1:H4sIAAAAAAAAAItWqo5RKimOUbKKBjLyQAyD2lidGKVUEDOvNCcHyC4BK6iurVWKBQAW54XRMAAAAA%3D%3D"
+    ],
+    "propertyId": 7377,
+    "messageId": 565369
+  }
+}
+
+export const _sp_user_consent_7377 = {
+  "actions": [
+      {
+          "_id": "61fa905112228108ab6be61f",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'J';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be627",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'A';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be62f",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'B';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be637",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'C';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be63f",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'D';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be647",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'E';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be64f",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'F';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be657",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'G';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be65f",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'H';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+          "tagManager": null
+      },
+      {
+          "_id": "61fa905112228108ab6be667",
+          "type": "inline",
+          "url": "",
+          "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'I';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}\r\n\r\n// manage the cookie for Tealium\r\n// update the cookie and set the expiry date for it to THREE YEARS\r\nlet now = new Date();\r\nlet time = now.getTime();\r\ntime += 94608000000;  // three years later\r\nnow.setTime(time);\r\n// drop the cookie\r\ndocument.cookie = 'nukt_sp_consent=' + encodeURIComponent( window.nonIabPurposeConsents ) + ';expires='+now.toGMTString()+';path=/';\r\n// update Tealium data layer, if existing\r\nif( typeof utag_data !== 'undefined' ) { utag_data['cp.nukt_sp_consent'] = window.nonIabPurposeConsents; }\r\nif( ( typeof utag !== 'undefined' ) && ( typeof utag.data !== 'undefined' ) ) { utag.data['cp.nukt_sp_consent'] = window.nonIabPurposeConsents; }\r\n\r\n// clear the queue of Tealium calls, if needed\r\nif( ( typeof window.nukt_cmp !== 'undefined' ) && ( typeof window.nukt_cmp.flushQueue !== 'undefined' ) ) {\r\n  window.nukt_cmp.flushQueue();\r\n}\r\n\r\n\r\n\r\n// code to handle the cookie V2 for new Tealium integration\r\nif( ( typeof _sp_ !== 'undefined' ) && ( typeof _sp_.getCustomVendorConsents === 'function' ) ) {\r\n\r\n  _sp_.getCustomVendorConsents( function( v, success ) {\r\n    if( success ) {\r\n      // consent information is available\r\n\t  // read the data structure and set the flags\r\n\t  var f = '';\r\n\t  if( typeof v.consentedPurposes !== 'undefined' &&\r\n\t      v.consentedPurposes.constructor === Array &&\r\n\t\t  v.consentedPurposes.length > 0 ) {\r\n\t    for( var i = 0; i < v.consentedPurposes.length; i++ ) {\r\n\r\n          switch( v.consentedPurposes[i]._id.toLowerCase() ) {\r\n\t\t    case '5ff72d5ebdf037283e40a4c2': f += 'A'; break; \r\n\t\t    case '5ff72d5ebdf037283e40a4c7': f += 'B'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c1': f += 'C'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c6': f += 'D'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38cb': f += 'E'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d0': f += 'F'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d5': f += 'G'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38da': f += 'H'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38df': f += 'I'; break;\r\n\t\t\tcase '5ff72d5ebdf037283e40a4bd': f += 'J'; break;\r\n\t\t  }\r\n\r\n\t\t}\r\n\t  }\r\n\t  f = f + '|';\r\n\t  if( typeof v.legIntPurposes !== 'undefined' &&\r\n\t      v.legIntPurposes.constructor === Array &&\r\n\t\t  v.legIntPurposes.length > 0 ) {\r\n\t    for(var j = 0; j < v.legIntPurposes.length; j++ ) {\r\n\t\t\t\r\n          switch( v.legIntPurposes[j]._id.toLowerCase() ) {\r\n\t\t    case '5ff72d5ebdf037283e40a4c2': f += 'N'; break; \r\n\t\t    case '5ff72d5ebdf037283e40a4c7': f += 'O'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c1': f += 'P'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c6': f += 'Q'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38cb': f += 'R'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d0': f += 'S'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d5': f += 'T'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38da': f += 'U'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38df': f += 'V'; break;\r\n\t\t  }\r\n\t\t\t\r\n\t\t}\r\n      }\r\n\t  \r\n\t  // update the cookie V2 with the overall consent information\r\n      now = new Date();\r\n      time = now.getTime();\r\n      time += 94608000000; // three years later\r\n      now.setTime(time);\r\n      // drop the cookie\r\n      document.cookie = 'nukt_sp_consent_v2=' + encodeURIComponent(f) + ';expires=' + now.toGMTString() + ';path=/';\r\n\t  \r\n\t  // update Tealium data layer, if existing\r\n      if( typeof utag_data !== 'undefined' ) {\r\n        utag_data['cp.nukt_sp_consent_v2'] = f;\r\n      }\r\n      if( typeof utag !== 'undefined' && typeof utag.data !== 'undefined' ) {\r\n        utag.data['cp.nukt_sp_consent_v2'] = f;\r\n      }\r\n      \r\n\t  // clear the queue of Tealium calls, if needed\r\n      if( ( typeof window.nukt_cmp !== 'undefined' ) && ( typeof window.nukt_cmp.flushQueueV2 !== 'undefined' ) ) {\r\n        window.nukt_cmp.flushQueueV2();\r\n      }\r\n    }\r\n  });\r\n}\r\n\r\n\r\n",
+          "tagManager": null
+      }
+  ],
+  "addtlConsent": "1~",
+  "consentStatus": {
+      "rejectedAny": false,
+      "rejectedLI": false,
+      "consentedAll": true,
+      "granularStatus": {
+          "vendorConsent": "ALL",
+          "vendorLegInt": "EMPTY_VL",
+          "purposeConsent": "ALL",
+          "purposeLegInt": "EMPTY_VL",
+          "previousOptInAll": false,
+          "defaultConsent": false
+      },
+      "hasConsentData": true,
+      "consentedToAny": true
+  },
+  "consentUUID": "f5e9a5b9-3468-4d4e-8380-138fc864f19a_12",
+  "customVendorsResponse": {
+      "consentedVendors": [
+          {
+              "_id": "5e7f6927b8e05c1c467daa5d",
+              "name": "Branch Metrics, Inc.",
+              "vendorType": "CUSTOM"
+          },
+          {
+              "_id": "5f745ab96f3aae0163740409",
+              "name": "Ipsos MORI",
+              "vendorType": "CUSTOM"
+          }
+      ],
+      "consentedPurposes": [
+          {
+              "_id": "5ff72d5ebdf037283e40a4bd",
+              "name": "Store and/or access information on a device"
+          },
+          {
+              "_id": "5ff72d5ebdf037283e40a4c2",
+              "name": "Select personalised content"
+          },
+          {
+              "_id": "5ff72d5ebdf037283e40a4c7",
+              "name": "Select personalised ads"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38c1",
+              "name": "Select basic ads"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38c6",
+              "name": "Create a personalised ads profile"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38cb",
+              "name": "Create a personalised content profile"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38d0",
+              "name": "Measure ad performance"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38d5",
+              "name": "Measure content performance"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38da",
+              "name": "Apply market research to generate audience insights"
+          },
+          {
+              "_id": "6014443f87b0803b0f3e38df",
+              "name": "Develop and improve products"
+          }
+      ],
+      "legIntPurposes": []
+  },
+  "dateCreated": "2022-10-06T11:16:35.371Z",
+  "euconsent": "CPgbQkAPgbQkAAGABCENCjCsAAAAAAAAACgAAAAAAAAA.YAAAAAAAAAAA",
+  "gdprApplies": true,
+  "grants": {
+      "5e7f6927b8e05c1c467daa5d": {
+          "vendorGrant": true,
+          "purposeGrants": {
+              "5ff72d5ebdf037283e40a4bd": true,
+              "5ff72d5ebdf037283e40a4c2": true,
+              "5ff72d5ebdf037283e40a4c7": true,
+              "6014443f87b0803b0f3e38c1": true,
+              "6014443f87b0803b0f3e38c6": true,
+              "6014443f87b0803b0f3e38cb": true,
+              "6014443f87b0803b0f3e38d0": true,
+              "6014443f87b0803b0f3e38d5": true,
+              "6014443f87b0803b0f3e38da": true,
+              "6014443f87b0803b0f3e38df": true
+          }
+      },
+      "5f745ab96f3aae0163740409": {
+          "vendorGrant": true,
+          "purposeGrants": {
+              "5ff72d5ebdf037283e40a4bd": true,
+              "5ff72d5ebdf037283e40a4c2": true,
+              "5ff72d5ebdf037283e40a4c7": true,
+              "6014443f87b0803b0f3e38c1": true,
+              "6014443f87b0803b0f3e38c6": true,
+              "6014443f87b0803b0f3e38cb": true,
+              "6014443f87b0803b0f3e38d0": true,
+              "6014443f87b0803b0f3e38d5": true,
+              "6014443f87b0803b0f3e38da": true,
+              "6014443f87b0803b0f3e38df": true
+          }
+      }
+  },
+  "vendorListId": "5ff72d5fa22863a7f72b9b95",
+  "gdpr": {
+      "authId": null,
+      "uuid": "f5e9a5b9-3468-4d4e-8380-138fc864f19a_12",
+      "getMessageAlways": false,
+      "applies": true,
+      "customVendorsResponse": {
+          "consentedVendors": [
+              {
+                  "_id": "5e7f6927b8e05c1c467daa5d",
+                  "name": "Branch Metrics, Inc.",
+                  "vendorType": "CUSTOM"
+              },
+              {
+                  "_id": "5f745ab96f3aae0163740409",
+                  "name": "Ipsos MORI",
+                  "vendorType": "CUSTOM"
+              }
+          ],
+          "consentedPurposes": [
+              {
+                  "_id": "5ff72d5ebdf037283e40a4bd",
+                  "name": "Store and/or access information on a device"
+              },
+              {
+                  "_id": "5ff72d5ebdf037283e40a4c2",
+                  "name": "Select personalised content"
+              },
+              {
+                  "_id": "5ff72d5ebdf037283e40a4c7",
+                  "name": "Select personalised ads"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38c1",
+                  "name": "Select basic ads"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38c6",
+                  "name": "Create a personalised ads profile"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38cb",
+                  "name": "Create a personalised content profile"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38d0",
+                  "name": "Measure ad performance"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38d5",
+                  "name": "Measure content performance"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38da",
+                  "name": "Apply market research to generate audience insights"
+              },
+              {
+                  "_id": "6014443f87b0803b0f3e38df",
+                  "name": "Develop and improve products"
+              }
+          ],
+          "legIntPurposes": []
+      },
+      "addtlConsent": "1~",
+      "grants": {
+          "5e7f6927b8e05c1c467daa5d": {
+              "vendorGrant": true,
+              "purposeGrants": {
+                  "5ff72d5ebdf037283e40a4bd": true,
+                  "5ff72d5ebdf037283e40a4c2": true,
+                  "5ff72d5ebdf037283e40a4c7": true,
+                  "6014443f87b0803b0f3e38c1": true,
+                  "6014443f87b0803b0f3e38c6": true,
+                  "6014443f87b0803b0f3e38cb": true,
+                  "6014443f87b0803b0f3e38d0": true,
+                  "6014443f87b0803b0f3e38d5": true,
+                  "6014443f87b0803b0f3e38da": true,
+                  "6014443f87b0803b0f3e38df": true
+              }
+          },
+          "5f745ab96f3aae0163740409": {
+              "vendorGrant": true,
+              "purposeGrants": {
+                  "5ff72d5ebdf037283e40a4bd": true,
+                  "5ff72d5ebdf037283e40a4c2": true,
+                  "5ff72d5ebdf037283e40a4c7": true,
+                  "6014443f87b0803b0f3e38c1": true,
+                  "6014443f87b0803b0f3e38c6": true,
+                  "6014443f87b0803b0f3e38cb": true,
+                  "6014443f87b0803b0f3e38d0": true,
+                  "6014443f87b0803b0f3e38d5": true,
+                  "6014443f87b0803b0f3e38da": true,
+                  "6014443f87b0803b0f3e38df": true
+              }
+          }
+      },
+      "euconsent": "CPgbQkAPgbQkAAGABCENCjCsAAAAAAAAACgAAAAAAAAA.YAAAAAAAAAAA",
+      "consentStatus": {
+          "rejectedAny": false,
+          "rejectedLI": false,
+          "consentedAll": true,
+          "granularStatus": {
+              "vendorConsent": "ALL",
+              "vendorLegInt": "EMPTY_VL",
+              "purposeConsent": "ALL",
+              "purposeLegInt": "EMPTY_VL",
+              "previousOptInAll": false,
+              "defaultConsent": false
+          },
+          "hasConsentData": true,
+          "consentedToAny": true
+      },
+      "actions": [
+          {
+              "_id": "61fa905112228108ab6be61f",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'J';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be627",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'A';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be62f",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'B';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be637",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'C';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be63f",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'D';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be647",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'E';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be64f",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'F';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be657",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'G';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be65f",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'H';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}",
+              "tagManager": null
+          },
+          {
+              "_id": "61fa905112228108ab6be667",
+              "type": "inline",
+              "url": "",
+              "js": "/*\r\nAIT consent management code.\r\nPlease do not modify.\r\n*/\r\nlet lbl = 'I';\r\nif( typeof window.nonIabPurposeConsents === 'undefined' ) {\r\n  // create the list, if not existing\r\n  window.nonIabPurposeConsents = lbl;\r\n}\r\nelse {\r\n  // add the consent to the list, if not already present\r\n  if( window.nonIabPurposeConsents.indexOf(lbl) === -1 ) {\r\n    window.nonIabPurposeConsents += lbl;\r\n  }\r\n}\r\n\r\n// manage the cookie for Tealium\r\n// update the cookie and set the expiry date for it to THREE YEARS\r\nlet now = new Date();\r\nlet time = now.getTime();\r\ntime += 94608000000;  // three years later\r\nnow.setTime(time);\r\n// drop the cookie\r\ndocument.cookie = 'nukt_sp_consent=' + encodeURIComponent( window.nonIabPurposeConsents ) + ';expires='+now.toGMTString()+';path=/';\r\n// update Tealium data layer, if existing\r\nif( typeof utag_data !== 'undefined' ) { utag_data['cp.nukt_sp_consent'] = window.nonIabPurposeConsents; }\r\nif( ( typeof utag !== 'undefined' ) && ( typeof utag.data !== 'undefined' ) ) { utag.data['cp.nukt_sp_consent'] = window.nonIabPurposeConsents; }\r\n\r\n// clear the queue of Tealium calls, if needed\r\nif( ( typeof window.nukt_cmp !== 'undefined' ) && ( typeof window.nukt_cmp.flushQueue !== 'undefined' ) ) {\r\n  window.nukt_cmp.flushQueue();\r\n}\r\n\r\n\r\n\r\n// code to handle the cookie V2 for new Tealium integration\r\nif( ( typeof _sp_ !== 'undefined' ) && ( typeof _sp_.getCustomVendorConsents === 'function' ) ) {\r\n\r\n  _sp_.getCustomVendorConsents( function( v, success ) {\r\n    if( success ) {\r\n      // consent information is available\r\n\t  // read the data structure and set the flags\r\n\t  var f = '';\r\n\t  if( typeof v.consentedPurposes !== 'undefined' &&\r\n\t      v.consentedPurposes.constructor === Array &&\r\n\t\t  v.consentedPurposes.length > 0 ) {\r\n\t    for( var i = 0; i < v.consentedPurposes.length; i++ ) {\r\n\r\n          switch( v.consentedPurposes[i]._id.toLowerCase() ) {\r\n\t\t    case '5ff72d5ebdf037283e40a4c2': f += 'A'; break; \r\n\t\t    case '5ff72d5ebdf037283e40a4c7': f += 'B'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c1': f += 'C'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c6': f += 'D'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38cb': f += 'E'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d0': f += 'F'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d5': f += 'G'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38da': f += 'H'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38df': f += 'I'; break;\r\n\t\t\tcase '5ff72d5ebdf037283e40a4bd': f += 'J'; break;\r\n\t\t  }\r\n\r\n\t\t}\r\n\t  }\r\n\t  f = f + '|';\r\n\t  if( typeof v.legIntPurposes !== 'undefined' &&\r\n\t      v.legIntPurposes.constructor === Array &&\r\n\t\t  v.legIntPurposes.length > 0 ) {\r\n\t    for(var j = 0; j < v.legIntPurposes.length; j++ ) {\r\n\t\t\t\r\n          switch( v.legIntPurposes[j]._id.toLowerCase() ) {\r\n\t\t    case '5ff72d5ebdf037283e40a4c2': f += 'N'; break; \r\n\t\t    case '5ff72d5ebdf037283e40a4c7': f += 'O'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c1': f += 'P'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38c6': f += 'Q'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38cb': f += 'R'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d0': f += 'S'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38d5': f += 'T'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38da': f += 'U'; break;\r\n\t\t\tcase '6014443f87b0803b0f3e38df': f += 'V'; break;\r\n\t\t  }\r\n\t\t\t\r\n\t\t}\r\n      }\r\n\t  \r\n\t  // update the cookie V2 with the overall consent information\r\n      now = new Date();\r\n      time = now.getTime();\r\n      time += 94608000000; // three years later\r\n      now.setTime(time);\r\n      // drop the cookie\r\n      document.cookie = 'nukt_sp_consent_v2=' + encodeURIComponent(f) + ';expires=' + now.toGMTString() + ';path=/';\r\n\t  \r\n\t  // update Tealium data layer, if existing\r\n      if( typeof utag_data !== 'undefined' ) {\r\n        utag_data['cp.nukt_sp_consent_v2'] = f;\r\n      }\r\n      if( typeof utag !== 'undefined' && typeof utag.data !== 'undefined' ) {\r\n        utag.data['cp.nukt_sp_consent_v2'] = f;\r\n      }\r\n      \r\n\t  // clear the queue of Tealium calls, if needed\r\n      if( ( typeof window.nukt_cmp !== 'undefined' ) && ( typeof window.nukt_cmp.flushQueueV2 !== 'undefined' ) ) {\r\n        window.nukt_cmp.flushQueueV2();\r\n      }\r\n    }\r\n  });\r\n}\r\n\r\n\r\n",
+              "tagManager": null
+          }
+      ],
+      "dateCreated": "2022-10-06T11:16:35.371Z",
+      "vendorListId": "5ff72d5fa22863a7f72b9b95"
+  },
+  "version": 1
+}
+
+export const _sp_non_keyed_local_state = {
+  "gdpr": {
+      "_sp_v1_uid": "1:117:d10f2b55-a2d1-484f-847e-9d0f18a7c6e3",
+      "_sp_v1_data": "2:405889:1652176805:0:8:0:8:0:0:_:-1"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "2.3.2",
+  "version": "2.5.0",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -40,12 +40,12 @@
     "@emotion/styled": "11.10.4",
     "@newskit-render/api": "^1.1.0",
     "@newskit-render/auth": "^1.0.1",
-    "@newskit-render/checkout": "^1.0.5",
+    "@newskit-render/checkout": "^1.0.6",
     "@newskit-render/feature-flags": "^1.0.0",
     "@newskit-render/feed": "^1.0.1",
-    "@newskit-render/my-account": "^3.4.0",
-    "@newskit-render/shared-components": "^1.2.1",
-    "@newskit-render/standalone-components": "^1.2.1",
+    "@newskit-render/my-account": "^3.4.1",
+    "@newskit-render/shared-components": "^1.3.0",
+    "@newskit-render/standalone-components": "^1.3.0",
     "@newskit-render/validation": "^1.1.0",
     "cross-fetch": "3.1.5",
     "graphql": "15.6.0",

package/pages/_app.tsx

@@ -1,9 +1,7 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react'
 import { AppContext as AppContextType, AppProps } from 'next/app'
 import Head from 'next/head'
 import { ThemeProvider, Global, styled } from 'newskit'
-import { SessionProvider } from '@newskit-render/auth'
 import {
   getFeatureFlags,
   FeatureFlagsContextProvider,
@@ -59,18 +57,16 @@ function MyApp({ Component, pageProps, featureFlags, tenant }: MyAppProps) {
           </Head>
           <InstrumentationContextProvider>
             <FeatureFlagsContextProvider context={featureFlags}>
-              <SessionProvider pageProps={(pageProps as unknown) as any}>
-                <AppContext.Consumer>
-                  {({ theme }) => (
-                    <ThemeProvider theme={theme}>
-                      <Global styles={GlobalStyling} />
-                      <PageContainer>
-                        <Component {...pageProps} />
-                      </PageContainer>
-                    </ThemeProvider>
-                  )}
-                </AppContext.Consumer>
-              </SessionProvider>
+              <AppContext.Consumer>
+                {({ theme }) => (
+                  <ThemeProvider theme={theme}>
+                    <Global styles={GlobalStyling} />
+                    <PageContainer>
+                      <Component {...pageProps} />
+                    </PageContainer>
+                  </ThemeProvider>
+                )}
+              </AppContext.Consumer>
             </FeatureFlagsContextProvider>
           </InstrumentationContextProvider>
         </>

package/pages/_document.tsx

@@ -82,10 +82,12 @@ export default class MyDocument extends Document {
             {helmet.script.toComponent()}
             {sourcepointAccountId && (
               <Consent
-                sourcePointConfigTCFV2={{
+                sourcePointConfigUnified={{
                   accountId: Number(sourcepointAccountId),
                   propertyHref: sourcepointPropertyHref,
+                  gdpr: {},
                 }}
+                reactHelmet={Helmet}
               />
             )}
             <meta name="robots" content="noindex" />

package/pages/preview/[articleId]/version/[versionId]/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import useSWR from 'swr'
 import {
   Block,
   IndeterminateProgressIndicator,
@@ -8,26 +9,31 @@ import {
   toNewsKitIcon,
 } from 'newskit'
 import {
+  SessionProvider,
   PageWithAuth,
   getSession,
   signIn,
   signOut,
   CookieView,
 } from '@newskit-render/auth'
-import { createApolloClient, ClientTypes } from '@newskit-render/api'
+import {
+  createApolloClient,
+  ClientTypes,
+  getAcsCookie,
+} from '@newskit-render/api'
+import { Article } from '@newskit-render/standalone-components'
 import { getHost } from '@newskit-render/shared-components'
 import { Info } from '@emotion-icons/material/Info'
 import { GET_UNIVERSAL_ARTICLE } from '../../../../../queries'
 import ArticlePage from '../../../../../components/article'
-import {
-  highlights,
-  relatedArticles,
-} from '../../../../../helpers/mocks/articleMock'
+import { fetchUser } from '../../../../../helpers/getUser'
+import { getAccountQueryUrl } from '../../../../../constants'
 import { addCacheHeaders } from '../../../../../helpers/addCacheHeaders'
 import {
   twitterUsername as configTwitterUsername,
   gscId as configGscId,
 } from '../../../../../config'
+import { fetcher } from '../../../../../helpers/getRecommendations'
 
 const IconFilledInfo = toNewsKitIcon(Info)
 
@@ -38,7 +44,26 @@ const PreviewArticle = ({
   twitterUsername,
   siteHost,
   gscId,
+  user,
+  articleId,
+  ...props
 }) => {
+  let userId
+  if (typeof window !== 'undefined') {
+    userId = window?.utag?.data['cp.utag_main_v_id']
+  }
+  const highlitedArticles = []
+  const relatedArticles = []
+  const { data: recommendations } = useSWR<Article[]>(
+    `/api/recommendations/${articleId}/${userId}`,
+    fetcher
+  )
+
+  if (Array.isArray(recommendations)) {
+    highlitedArticles.push(...recommendations.slice(0, 4))
+    relatedArticles.push(...recommendations.slice(4, 12))
+  }
+
   const accessDeniedPage = (
     <Banner
       overrides={{ stylePreset: 'bannerNotice' }}
@@ -68,31 +93,38 @@ const PreviewArticle = ({
   )
 
   return (
-    <PageWithAuth onDenied={accessDeniedPage} isLoading={showOnLoading}>
-      <>
-        <CookieView>
-          <Button size="medium" onClick={() => signOut()}>
-            sign out
-          </Button>
-        </CookieView>
-        <ArticlePage
-          section={section}
-          articleURL={articleURL}
-          {...universalArticle}
-          siteHost={siteHost}
-          gscId={gscId}
-          twitterUsername={twitterUsername}
-          highlights={highlights}
-          relatedArticles={relatedArticles}
-        />
-      </>
-    </PageWithAuth>
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    <SessionProvider pageProps={(props as unknown) as any}>
+      <PageWithAuth onDenied={accessDeniedPage} isLoading={showOnLoading}>
+        <>
+          <CookieView>
+            <Button size="medium" onClick={() => signOut()}>
+              sign out
+            </Button>
+          </CookieView>
+          <ArticlePage
+            section={section}
+            articleURL={articleURL}
+            {...universalArticle}
+            siteHost={siteHost}
+            gscId={gscId}
+            twitterUsername={twitterUsername}
+            highlights={highlitedArticles}
+            relatedArticles={relatedArticles}
+            user={user}
+          />
+        </>
+      </PageWithAuth>
+    </SessionProvider>
   )
 }
 
 export async function getServerSideProps(context) {
   const apolloClient = await createApolloClient(ClientTypes.nkapi)
   const session = await getSession(context)
+  const acsCookie = context.req.headers.cookie
+    ? getAcsCookie(ClientTypes.main, context.req.headers.cookie)
+    : ''
   const siteHost = getHost(context.req)
   if (!session) {
     return {
@@ -103,10 +135,17 @@ export async function getServerSideProps(context) {
     params: { articleId, versionId },
   } = context
 
-  const { data } = await apolloClient.query({
-    query: GET_UNIVERSAL_ARTICLE,
-    variables: { publisher: 'DEMO', id: articleId, version: versionId },
-  })
+  const [{ data }, user] = await Promise.all([
+    apolloClient.query({
+      query: GET_UNIVERSAL_ARTICLE,
+      variables: {
+        publisher: 'DEMO',
+        id: articleId,
+        version: versionId,
+      },
+    }),
+    await fetchUser(acsCookie, getAccountQueryUrl(siteHost)),
+  ])
 
   addCacheHeaders(context.res)
   return {
@@ -117,6 +156,9 @@ export async function getServerSideProps(context) {
       twitterUsername: configTwitterUsername || '',
       siteHost,
       gscId: configGscId || '',
+      showAds: true,
+      user,
+      articleId,
     },
   }
 }

package/temp/_app.tsx

@@ -3,7 +3,6 @@ import React from 'react'
 import Head from 'next/head'
 import { ThemeProvider, Global, css, styled } from 'newskit'
 <% MODULE >
-import { SessionProvider } from '@newskit-render/auth'