@phantomstudios/ft-lib 0.5.0-rc9 → 0.5.1

package/.github/workflows/pr.yml

@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x, 22.x]
+        node-version: [20.x, 22.x, 24.x]
 
     steps:
       - uses: actions/checkout@v1

package/.github/workflows/release.yml

@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x, 22.x]
+        node-version: [20.x, 22.x, 24.x]
 
     steps:
       - uses: actions/checkout@v1
@@ -43,7 +43,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 22
+          node-version: 24
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm publish --access=public

package/.nvmrc

@@ -1 +1 @@
-v18.18.0
+v24

package/lib/consentMonitor/index-old.d.ts

@@ -0,0 +1,19 @@
+export declare class consentMonitor {
+    protected _consent: boolean;
+    protected _devHosts: string[];
+    protected _isDevEnvironment: boolean;
+    protected _hostname: string;
+    protected _isInitialized: boolean;
+    constructor(hostname?: string, devHosts?: string[] | string);
+    get consent(): boolean;
+    get devHosts(): string[] | string;
+    get isDevEnvironment(): boolean;
+    get isInitialized(): boolean;
+    getCookieValue: (name: string) => string;
+    init: () => void;
+    cookieConsentTest: () => void;
+    setDevCookieHandler: () => void;
+    permutiveConsentOn: () => void;
+    permutiveConsentOff: () => void;
+}
+//# sourceMappingURL=index-old.d.ts.map

package/lib/consentMonitor/index-old.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-old.d.ts","sourceRoot":"","sources":["../../src/consentMonitor/index-old.ts"],"names":[],"mappings":"AAKA,qBAAa,cAAc;IACzB,SAAS,CAAC,QAAQ,UAAS;IAC3B,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,iBAAiB,UAAS;IACpC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,cAAc,UAAS;gBAErB,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM;IAc3D,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,QAAQ,IAAI,MAAM,EAAE,GAAG,MAAM,CAEhC;IAED,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,cAAc,GAAI,MAAM,MAAM,YACgD;IAE9E,IAAI,aASF;IAEF,iBAAiB,aA6Bf;IAEF,mBAAmB,aAkBjB;IAEF,kBAAkB,aAMhB;IAEF,mBAAmB,aAGjB;CACH"}

package/lib/consentMonitor/index-old.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.consentMonitor = void 0;
+var debug_1 = __importDefault(require("debug"));
+var debug = (0, debug_1.default)("@phantomstudios/ft-lib");
+var DEFAULT_DEV_HOSTS = ["localhost", "phq", ".app", "preview"];
+var consentMonitor = /** @class */ (function () {
+    function consentMonitor(hostname, devHosts) {
+        var _this = this;
+        this._consent = false;
+        this._isDevEnvironment = false;
+        this._isInitialized = false;
+        this.getCookieValue = function (name) { var _a; return ((_a = document.cookie.match("(^|;)\\s*" + name + "\\s*=\\s*([^;]+)")) === null || _a === void 0 ? void 0 : _a.pop()) || ""; };
+        this.init = function () {
+            _this.cookieConsentTest();
+            setInterval(_this.cookieConsentTest, 3000);
+            //Simulate cookie consent behaviour in non-prod environments
+            _this._devHosts.map(function (devHost) {
+                return _this._hostname.includes(devHost) && _this.setDevCookieHandler();
+            });
+        };
+        this.cookieConsentTest = function () {
+            if (window.permutive) {
+                if (!_this._isInitialized) {
+                    if (_this.getCookieValue("FTConsent").includes("behaviouraladsOnsite%3Aon")) {
+                        _this.permutiveConsentOn();
+                    }
+                    else {
+                        _this.permutiveConsentOff();
+                    }
+                    _this._isInitialized = true;
+                }
+                else if (_this.getCookieValue("FTConsent").includes("behaviouraladsOnsite%3Aon") &&
+                    !_this.consent) {
+                    debug("setting permutive tracking consent: on");
+                    _this.permutiveConsentOn();
+                }
+                else if (!_this.getCookieValue("FTConsent").includes("behaviouraladsOnsite%3Aon") &&
+                    _this.consent) {
+                    debug("setting permutive tracking consent: off");
+                    _this.permutiveConsentOff();
+                }
+            }
+        };
+        this.setDevCookieHandler = function () {
+            _this._isDevEnvironment = true;
+            debug("setting development environment from host match");
+            var oCookieMessage = document.getElementsByClassName("o-cookie-message")[0];
+            if (oCookieMessage) {
+                var onCookieMessageAct_1 = function () {
+                    debug("setting development FT consent cookies");
+                    document.cookie = "FTConsent=behaviouraladsOnsite%3Aon";
+                    document.cookie = "FTCookieConsentGDPR=true";
+                    oCookieMessage.removeEventListener("oCookieMessage.act", onCookieMessageAct_1, false);
+                };
+                oCookieMessage.addEventListener("oCookieMessage.act", onCookieMessageAct_1);
+            }
+        };
+        this.permutiveConsentOn = function () {
+            window.permutive.consent({
+                opt_in: true,
+                token: "behaviouraladsOnsite:on",
+            });
+            _this._consent = true;
+        };
+        this.permutiveConsentOff = function () {
+            window.permutive.consent({ opt_in: false });
+            _this._consent = false;
+        };
+        if (Array.isArray(devHosts)) {
+            this._devHosts = devHosts.concat(DEFAULT_DEV_HOSTS);
+        }
+        else if (devHosts === undefined) {
+            this._devHosts = DEFAULT_DEV_HOSTS;
+        }
+        else {
+            this._devHosts = DEFAULT_DEV_HOSTS;
+            this._devHosts.push(devHosts);
+        }
+        this._hostname = hostname || window.location.hostname;
+        this.init();
+    }
+    Object.defineProperty(consentMonitor.prototype, "consent", {
+        get: function () {
+            return this._consent;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(consentMonitor.prototype, "devHosts", {
+        get: function () {
+            return this._devHosts;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(consentMonitor.prototype, "isDevEnvironment", {
+        get: function () {
+            return this._isDevEnvironment;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(consentMonitor.prototype, "isInitialized", {
+        get: function () {
+            return this._isInitialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return consentMonitor;
+}());
+exports.consentMonitor = consentMonitor;
+//# sourceMappingURL=index-old.js.map

package/lib/consentMonitor/index-old.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-old.js","sourceRoot":"","sources":["../../src/consentMonitor/index-old.ts"],"names":[],"mappings":"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"}

package/lib/consentMonitor/index.d.ts

@@ -3,15 +3,19 @@ export declare class ConsentMonitor {
     private _devHosts;
     private _isDevEnvironment;
     private _isInitialized;
+    private _hostname;
     get consent(): boolean;
     get devHosts(): string[];
     get isDevEnvironment(): boolean;
     get isInitialized(): boolean;
     get userHasConsented(): boolean;
+    getCookieValue: (name: string) => string;
     constructor(hostname?: string, devHosts?: string[] | string);
     private attachCmpListeners;
     private enablePermutive;
     private disablePermutive;
+    cookieConsentTest: () => void;
+    setDevConsentCookies: () => void;
 }
 export { ConsentMonitor as consentMonitor };
 //# sourceMappingURL=index.d.ts.map

package/lib/consentMonitor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/consentMonitor/index.ts"],"names":[],"mappings":"AA+BA,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,cAAc,CAAS;IAE/B,IAAW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,QAAQ,IAAI,MAAM,EAAE,CAE9B;IACD,IAAW,gBAAgB,IAAI,OAAO,CAErC;IACD,IAAW,aAAa,IAAI,OAAO,CAElC;IAED,IAAW,gBAAgB,IAAI,OAAO,CAErC;gBAEW,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM;IAgC3D,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,gBAAgB;CAMzB;AAED,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/consentMonitor/index.ts"],"names":[],"mappings":"AA+BA,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,QAAQ,IAAI,MAAM,EAAE,CAE9B;IACD,IAAW,gBAAgB,IAAI,OAAO,CAErC;IACD,IAAW,aAAa,IAAI,OAAO,CAElC;IAED,IAAW,gBAAgB,IAAI,OAAO,CAErC;IAED,cAAc,GAAI,MAAM,MAAM,YACgD;gBAElE,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM;IAiC3D,OAAO,CAAC,kBAAkB;IAiC1B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,gBAAgB;IAQxB,iBAAiB,aAcf;IAEF,oBAAoB,aAMlB;CACH;AAED,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,CAAC"}

package/lib/consentMonitor/index.js

@@ -26,6 +26,32 @@ var ConsentMonitor = /** @class */ (function () {
         this._consent = false;
         this._isDevEnvironment = false;
         this._isInitialized = false;
+        this.getCookieValue = function (name) { var _a; return ((_a = document.cookie.match("(^|;)\\s*" + name + "\\s*=\\s*([^;]+)")) === null || _a === void 0 ? void 0 : _a.pop()) || ""; };
+        //check for FTConsent - cookiesOnSite to trigger custom consent_update event for GTM tags (banner updated)
+        this.cookieConsentTest = function () {
+            if (!_this._isInitialized || !window || !window.dataLayer)
+                return;
+            if (_this.getCookieValue("FTConsent").includes("cookiesOnsite%3Aon")) {
+                //send consent_update event
+                window.dataLayer.push({
+                    event: "consent_update",
+                    consent: true,
+                });
+            }
+            else {
+                window.dataLayer.push({
+                    event: "consent_update",
+                    consent: false,
+                });
+            }
+        };
+        this.setDevConsentCookies = function () {
+            _this._isDevEnvironment = true;
+            debug("setting development FT consent cookies");
+            document.cookie =
+                "FTConsent=behaviouraladsOnsite%3Aon%2CcookiesOnsite%3Aon%2CpermutiveadsOnsite%3Aon";
+            document.cookie = "FTCookieConsentGDPR=true";
+        };
         if (Array.isArray(devHosts)) {
             this._devHosts = __spreadArray(__spreadArray([], devHosts, true), DEFAULT_DEV_HOSTS, true);
         }
@@ -35,14 +61,14 @@ var ConsentMonitor = /** @class */ (function () {
         else {
             this._devHosts = __spreadArray(__spreadArray([], DEFAULT_DEV_HOSTS, true), [devHosts], false);
         }
-        var hostToCheck = hostname !== null && hostname !== void 0 ? hostname : window.location.hostname;
+        this._hostname = hostname || window.location.hostname;
         this._isDevEnvironment = this._devHosts.some(function (h) {
-            return hostToCheck.includes(h);
+            return _this._hostname.includes(h);
         });
         (0, loadFtCmp_1.loadFtCmpScript)()
             .then(function () {
             _this.attachCmpListeners();
-            var propertyConfig = window.location.hostname.endsWith("ft.com")
+            var propertyConfig = window.location.hostname.endsWith(".ft.com")
                 ? cmp_client_1.properties["FT_DOTCOM_PROD"]
                 : cmp_client_1.properties["FT_DOTCOM_TEST"];
             // initialize CMP
@@ -108,6 +134,14 @@ var ConsentMonitor = /** @class */ (function () {
                     _this.enablePermutive();
                 else if (typeId === CMP_CHOICE_REJECT_ALL)
                     _this.disablePermutive();
+                //Simulate cookie consent behaviour in non-prod environments as banner does not set cookies in non .ft.com domains
+                _this._devHosts.map(function (devHost) {
+                    return _this._hostname.includes(devHost) &&
+                        typeId === CMP_CHOICE_ACCEPT_ALL &&
+                        _this.setDevConsentCookies();
+                });
+                // banner updated - check new cookie value to fire consent_update event
+                setTimeout(_this.cookieConsentTest, 3000);
             };
             (_b = (_a = window._sp_).addEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, "onConsentReady", onReady);
             (_e = (_d = window._sp_).addEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "onMessageChoiceSelect", onChoice);

package/lib/consentMonitor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/consentMonitor/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/consentMonitor/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phantomstudios/ft-lib",
   "description": "A collection of Javascript UI & tracking utils for FT sites",
-  "version": "0.5.0-rc9",
+  "version": "0.5.1",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "homepage": "https://github.com/phantomstudios/ft-lib#readme",
@@ -41,19 +41,19 @@
     "@eslint/compat": "^1.2.9",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.25.1",
-    "@financial-times/cmp-client": "^6.1.2",
+    "@financial-times/cmp-client": "^6.2.0",
     "@financial-times/o-footer": "^9.2.10",
     "@financial-times/o-header": "^11.2.0",
     "@financial-times/o-tracking": "^4.9.0",
     "@financial-times/o-viewport": "^5.1.2",
     "@types/debug": "^4.1.7",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/youtube": "^0.1.0",
     "@types/yup": "^0.32.0",
     "@typescript-eslint/eslint-plugin": "^8.31.1",
     "@typescript-eslint/parser": "^8.31.1",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^29.7.0",
+    "babel-jest": "^30.2.0",
     "debug": "^4.3.2",
     "eslint": "^9.25.1",
     "eslint-config-prettier": "^10.1.2",
@@ -62,8 +62,8 @@
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^16.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
     "set-value": ">=4.0.1",

package/src/consentMonitor/index.ts

@@ -34,6 +34,7 @@ export class ConsentMonitor {
   private _devHosts: string[];
   private _isDevEnvironment = false;
   private _isInitialized = false;
+  private _hostname: string;
 
   public get consent(): boolean {
     return this._consent;
@@ -52,6 +53,9 @@ export class ConsentMonitor {
     return this._consent;
   }
 
+  getCookieValue = (name: string) =>
+    document.cookie.match("(^|;)\\s*" + name + "\\s*=\\s*([^;]+)")?.pop() || "";
+
   constructor(hostname?: string, devHosts?: string[] | string) {
     if (Array.isArray(devHosts)) {
       this._devHosts = [...devHosts, ...DEFAULT_DEV_HOSTS];
@@ -61,16 +65,17 @@ export class ConsentMonitor {
       this._devHosts = [...DEFAULT_DEV_HOSTS, devHosts];
     }
 
-    const hostToCheck = hostname ?? window.location.hostname;
+    this._hostname = hostname || window.location.hostname;
+
     this._isDevEnvironment = this._devHosts.some((h) =>
-      hostToCheck.includes(h),
+      this._hostname.includes(h),
     );
 
     loadFtCmpScript()
       .then(() => {
         this.attachCmpListeners();
 
-        const propertyConfig = window.location.hostname.endsWith("ft.com")
+        const propertyConfig = window.location.hostname.endsWith(".ft.com")
           ? properties["FT_DOTCOM_PROD"]
           : properties["FT_DOTCOM_TEST"];
 
@@ -99,6 +104,17 @@ export class ConsentMonitor {
         debug("onMessageChoiceSelect:", typeId);
         if (typeId === CMP_CHOICE_ACCEPT_ALL) this.enablePermutive();
         else if (typeId === CMP_CHOICE_REJECT_ALL) this.disablePermutive();
+
+        //Simulate cookie consent behaviour in non-prod environments as banner does not set cookies in non .ft.com domains
+        this._devHosts.map(
+          (devHost) =>
+            this._hostname.includes(devHost) &&
+            typeId === CMP_CHOICE_ACCEPT_ALL &&
+            this.setDevConsentCookies(),
+        );
+
+        // banner updated - check new cookie value to fire consent_update event
+        setTimeout(this.cookieConsentTest, 3000);
       };
 
       window._sp_.addEventListener?.("onConsentReady", onReady);
@@ -122,6 +138,31 @@ export class ConsentMonitor {
     window.permutive?.consent({ opt_in: false });
     this._consent = false;
   }
+
+  //check for FTConsent - cookiesOnSite to trigger custom consent_update event for GTM tags (banner updated)
+  cookieConsentTest = () => {
+    if (!this._isInitialized || !window || !window.dataLayer) return;
+    if (this.getCookieValue("FTConsent").includes("cookiesOnsite%3Aon")) {
+      //send consent_update event
+      window.dataLayer.push({
+        event: "consent_update",
+        consent: true,
+      });
+    } else {
+      window.dataLayer.push({
+        event: "consent_update",
+        consent: false,
+      });
+    }
+  };
+
+  setDevConsentCookies = () => {
+    this._isDevEnvironment = true;
+    debug("setting development FT consent cookies");
+    document.cookie =
+      "FTConsent=behaviouraladsOnsite%3Aon%2CcookiesOnsite%3Aon%2CpermutiveadsOnsite%3Aon";
+    document.cookie = "FTCookieConsentGDPR=true";
+  };
 }
 
 export { ConsentMonitor as consentMonitor };

package/test/index.test.tsx

@@ -6,18 +6,8 @@ import * as cmpLoader from "../src/cmp/loadFtCmp";
 import { ConsentMonitor, consentMonitor } from "../src/consentMonitor";
 import { permutiveVideoUtils } from "../src/permutiveVideoUtils";
 
-let windowSpy: jest.SpyInstance;
-
 jest.spyOn(cmpLoader, "loadFtCmpScript").mockResolvedValue(undefined);
 
-beforeEach(() => {
-  windowSpy = jest.spyOn(window, "window", "get");
-});
-
-afterEach(() => {
-  windowSpy.mockRestore();
-});
-
 describe("consentMonitor", () => {
   it("can be initiated", () => {
     const obj = new consentMonitor();
@@ -54,7 +44,7 @@ describe("consentMonitor", () => {
       const permutiveVideoTracker = new permutiveVideoUtils(
         "FT-Campaign",
         "video title",
-        "videoID"
+        "videoID",
       );
       expect(permutiveVideoTracker.remainingProgress).toEqual([
         0, 0.25, 0.5, 0.75, 1,