@guardian/commercial-core 0.37.0 → 0.39.1

package/dist/cjs/EventTimer.d.ts

@@ -57,7 +57,7 @@ export declare class EventTimer {
      * by EventTimer so they need to be concatenated to EventTimer's private events array.
      */
     get events(): Event[];
-    constructor();
+    private constructor();
     /**
      * Creates a new performance mark
      * For slot events also ensures each TYPE of event event is marked only once for 'first'

package/dist/cjs/EventTimer.js

@@ -96,9 +96,13 @@ class EventTimer {
             ? [
                 ...this._events,
                 ...EventTimer._externallyDefinedEventNames
-                    .filter((eventName) => window.performance.getEntriesByName(eventName)
-                    .length)
-                    .map((eventName) => new Event(eventName, window.performance.getEntriesByName(eventName)[0])),
+                    .map((eventName) => {
+                    const entry = window.performance.getEntriesByName(eventName)[0];
+                    return entry
+                        ? new Event(eventName, entry)
+                        : undefined;
+                })
+                    .filter((entry) => entry instanceof Event),
             ]
             : this._events;
     }
@@ -137,13 +141,11 @@ class EventTimer {
     mark(name) {
         const longName = `gu.commercial.${name}`;
         if (typeof window.performance !== 'undefined' &&
-            'mark' in window.performance) {
-            window.performance.mark(longName);
-            // Most recent mark with this name is the event we just created.
-            const mark = window.performance
-                .getEntriesByName(longName, 'mark')
-                .slice(-1)[0];
-            if (typeof mark !== 'undefined') {
+            'mark' in window.performance &&
+            typeof window.performance.mark === 'function') {
+            const mark = window.performance.mark(longName);
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- browser support is patchy
+            if (typeof mark?.startTime === 'number') {
                 this._events.push(new Event(name, mark));
             }
         }

package/dist/cjs/ad-sizes.d.ts

@@ -4,7 +4,7 @@ export declare type AdSize = Readonly<{
     height: number;
     toString: () => AdSizeString;
 }>;
-export declare type SizeKeys = 'billboard' | 'leaderboard' | 'mpu' | 'halfPage' | 'portrait' | 'skyscraper' | 'mobilesticky' | 'fluid' | 'outOfPage' | 'googleCard' | 'video' | 'outstreamDesktop' | 'outstreamGoogleDesktop' | 'outstreamMobile' | 'merchandisingHighAdFeature' | 'merchandisingHigh' | 'merchandising' | 'inlineMerchandising' | 'fabric' | 'empty' | '970x250' | '728x90' | '300x250' | '300x600' | '300x1050' | '160x600';
+export declare type SizeKeys = '160x600' | '300x1050' | '300x250' | '300x600' | '728x90' | '970x250' | 'billboard' | 'empty' | 'fabric' | 'fluid' | 'googleCard' | 'halfPage' | 'inlineMerchandising' | 'leaderboard' | 'merchandising' | 'merchandisingHigh' | 'merchandisingHighAdFeature' | 'mobilesticky' | 'mpu' | 'outOfPage' | 'outstreamDesktop' | 'outstreamGoogleDesktop' | 'outstreamMobile' | 'portrait' | 'skyscraper' | 'video';
 export declare const adSizes: Record<SizeKeys, AdSize>;
 export declare const getAdSize: (size: SizeKeys) => AdSize;
 export declare const _: {

package/dist/cjs/ad-sizes.js

@@ -12,27 +12,27 @@ const createAdSize = (width, height) => {
 const adSizesPartial = {
     // standard ad sizes
     billboard: createAdSize(970, 250),
+    halfPage: createAdSize(300, 600),
     leaderboard: createAdSize(728, 90),
+    mobilesticky: createAdSize(320, 50),
     mpu: createAdSize(300, 250),
-    halfPage: createAdSize(300, 600),
     portrait: createAdSize(300, 1050),
     skyscraper: createAdSize(160, 600),
-    mobilesticky: createAdSize(320, 50),
     // dfp proprietary ad sizes
     fluid: createAdSize(0, 0),
-    outOfPage: createAdSize(1, 1),
     googleCard: createAdSize(300, 274),
+    outOfPage: createAdSize(1, 1),
     // guardian proprietary ad sizes
-    video: createAdSize(620, 1),
+    empty: createAdSize(2, 2),
+    fabric: createAdSize(88, 71),
+    inlineMerchandising: createAdSize(88, 85),
+    merchandising: createAdSize(88, 88),
+    merchandisingHigh: createAdSize(88, 87),
+    merchandisingHighAdFeature: createAdSize(88, 89),
     outstreamDesktop: createAdSize(620, 350),
     outstreamGoogleDesktop: createAdSize(550, 310),
     outstreamMobile: createAdSize(300, 197),
-    merchandisingHighAdFeature: createAdSize(88, 89),
-    merchandisingHigh: createAdSize(88, 87),
-    merchandising: createAdSize(88, 88),
-    inlineMerchandising: createAdSize(88, 85),
-    fabric: createAdSize(88, 71),
-    empty: createAdSize(2, 2),
+    video: createAdSize(620, 1),
 };
 exports.adSizes = {
     ...adSizesPartial,

package/dist/cjs/targeting/pick-targeting-values.d.ts

@@ -1,5 +1,5 @@
 import type { ConditionalExcept } from 'type-fest';
-declare type ValidTargetingObject<Base> = ConditionalExcept<Base, null | undefined | '' | readonly [] | readonly [''] | boolean | number>;
+declare type ValidTargetingObject<Base> = ConditionalExcept<Base, null | undefined | '' | readonly [] | readonly [''] | never[] | boolean | number>;
 /**
  * Picks only keys with targeting values from an object.
  * A targeting values is defined as either:
@@ -21,5 +21,5 @@ declare type ValidTargetingObject<Base> = ConditionalExcept<Base, null | undefin
  * clean.invalid
  * ```
  */
-export declare const pickTargetingValues: <T extends Record<string, string | readonly string[] | undefined>>(obj: T) => import("type-fest").Except<T, NonNullable<{ [Key in keyof T]: T[Key] extends number | boolean | "" | readonly [] | readonly [""] | null | undefined ? Key : never; }[keyof T]>>;
+export declare const pickTargetingValues: <T extends Record<string, string | readonly string[] | undefined>>(obj: T) => import("type-fest").Except<T, NonNullable<{ [Key in keyof T]: T[Key] extends number | boolean | "" | never[] | readonly [] | readonly [""] | null | undefined ? Key : never; }[keyof T]>>;
 export {};

package/dist/cjs/targeting/viewport.js

@@ -5,7 +5,7 @@ exports.getViewportTargeting = void 0;
 const findBreakpoint = (width) => {
     if (width >= 980)
         return 'desktop';
-    if (width >= 740)
+    if (width >= 660)
         return 'tablet';
     return 'mobile';
 };

package/dist/cjs/third-party-tags/facebook-pixel.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * tracking pixel
+ * https://en-gb.facebook.com/business/learn/facebook-ads-pixel
+ * @param  {} {shouldRun}
+ */
 export declare const fbPixel: GetThirdPartyTag;

package/dist/cjs/third-party-tags/facebook-pixel.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fbPixel = void 0;
+/**
+ * tracking pixel
+ * https://en-gb.facebook.com/business/learn/facebook-ads-pixel
+ * @param  {} {shouldRun}
+ */
 const fbPixel = ({ shouldRun }) => ({
     shouldRun,
     url: `https://www.facebook.com/tr?id=279880532344561&ev=PageView&noscript=1`,

package/dist/cjs/third-party-tags/ias.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * IAS script filters bad ads
+ * https://integralads.com/uk/
+ * @param  {} {shouldRun}
+ */
 export declare const ias: GetThirdPartyTag;

package/dist/cjs/third-party-tags/ias.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ias = void 0;
+/**
+ * IAS script filters bad ads
+ * https://integralads.com/uk/
+ * @param  {} {shouldRun}
+ */
 const ias = ({ shouldRun }) => ({
     shouldRun,
     url: '//cdn.adsafeprotected.com/iasPET.1.js',

package/dist/cjs/third-party-tags/inizio.d.ts

@@ -1,4 +1,9 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * Allows creatives to show survey
+ * https://trello.com/c/wHffHVF1/171-integrate-and-test-inizio
+ * @param  {} {shouldRun}
+ */
 export declare const inizio: GetThirdPartyTag;
 export declare const _: {
     onLoad: () => void;

package/dist/cjs/third-party-tags/inizio.js

@@ -21,6 +21,11 @@ const onLoad = () => {
         },
     });
 };
+/**
+ * Allows creatives to show survey
+ * https://trello.com/c/wHffHVF1/171-integrate-and-test-inizio
+ * @param  {} {shouldRun}
+ */
 const inizio = ({ shouldRun }) => ({
     shouldRun,
     url: '//cdn.brandmetrics.com/survey/script/e96d04c832084488a841a06b49b8fb2d.js',

package/dist/cjs/third-party-tags/permutive.d.ts

@@ -1,2 +1,6 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * Permutive script updates local user segmentation data
+ * @param  {} {shouldRun}
+ */
 export declare const permutive: GetThirdPartyTag;

package/dist/cjs/third-party-tags/permutive.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.permutive = void 0;
+/**
+ * Permutive script updates local user segmentation data
+ * @param  {} {shouldRun}
+ */
 const permutive = ({ shouldRun }) => ({
     shouldRun,
     url: '//cdn.permutive.com/d6691a17-6fdb-4d26-85d6-b3dd27f55f08-web.js',

package/dist/cjs/third-party-tags/remarketing.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * Google conversion tracking
+ * https://support.google.com/google-ads/answer/6095821
+ * @param  {} {shouldRun}
+ */
 export declare const remarketing: GetThirdPartyTag;

package/dist/cjs/third-party-tags/remarketing.js

@@ -8,6 +8,11 @@ const onLoad = () => {
         google_remarketing_only: true,
     });
 };
+/**
+ * Google conversion tracking
+ * https://support.google.com/google-ads/answer/6095821
+ * @param  {} {shouldRun}
+ */
 const remarketing = ({ shouldRun }) => ({
     shouldRun,
     url: '//www.googleadservices.com/pagead/conversion_async.js',

package/dist/cjs/third-party-tags/twitter-uwt.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * tracking pixel
+ * https://business.twitter.com/en/help/campaign-measurement-and-analytics/conversion-tracking-for-websites.html
+ * @param  {} {shouldRun}
+ */
 export declare const twitter: GetThirdPartyTag;

package/dist/cjs/third-party-tags/twitter-uwt.js

@@ -2,6 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.twitter = void 0;
 const twitter_script_1 = require("../__vendor/twitter-script");
+/**
+ * tracking pixel
+ * https://business.twitter.com/en/help/campaign-measurement-and-analytics/conversion-tracking-for-websites.html
+ * @param  {} {shouldRun}
+ */
 const twitter = ({ shouldRun }) => ({
     shouldRun,
     name: 'twitter',

package/dist/cjs/types.d.ts

@@ -1,3 +1,4 @@
+import type { VendorName } from '@guardian/consent-management-platform/dist/types';
 export declare type TagAttribute = {
     name: string;
     value: string;
@@ -10,7 +11,7 @@ export declare type ThirdPartyTag = {
     loaded?: boolean;
     onLoad?: () => void;
     shouldRun: boolean;
-    name?: string;
+    name?: VendorName;
     url?: string;
     useImage?: boolean;
 };

package/dist/esm/EventTimer.d.ts

@@ -57,7 +57,7 @@ export declare class EventTimer {
      * by EventTimer so they need to be concatenated to EventTimer's private events array.
      */
     get events(): Event[];
-    constructor();
+    private constructor();
     /**
      * Creates a new performance mark
      * For slot events also ensures each TYPE of event event is marked only once for 'first'

package/dist/esm/EventTimer.js

@@ -93,9 +93,13 @@ export class EventTimer {
             ? [
                 ...this._events,
                 ...EventTimer._externallyDefinedEventNames
-                    .filter((eventName) => window.performance.getEntriesByName(eventName)
-                    .length)
-                    .map((eventName) => new Event(eventName, window.performance.getEntriesByName(eventName)[0])),
+                    .map((eventName) => {
+                    const entry = window.performance.getEntriesByName(eventName)[0];
+                    return entry
+                        ? new Event(eventName, entry)
+                        : undefined;
+                })
+                    .filter((entry) => entry instanceof Event),
             ]
             : this._events;
     }
@@ -134,13 +138,11 @@ export class EventTimer {
     mark(name) {
         const longName = `gu.commercial.${name}`;
         if (typeof window.performance !== 'undefined' &&
-            'mark' in window.performance) {
-            window.performance.mark(longName);
-            // Most recent mark with this name is the event we just created.
-            const mark = window.performance
-                .getEntriesByName(longName, 'mark')
-                .slice(-1)[0];
-            if (typeof mark !== 'undefined') {
+            'mark' in window.performance &&
+            typeof window.performance.mark === 'function') {
+            const mark = window.performance.mark(longName);
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- browser support is patchy
+            if (typeof mark?.startTime === 'number') {
                 this._events.push(new Event(name, mark));
             }
         }

package/dist/esm/ad-sizes.d.ts

@@ -4,7 +4,7 @@ export declare type AdSize = Readonly<{
     height: number;
     toString: () => AdSizeString;
 }>;
-export declare type SizeKeys = 'billboard' | 'leaderboard' | 'mpu' | 'halfPage' | 'portrait' | 'skyscraper' | 'mobilesticky' | 'fluid' | 'outOfPage' | 'googleCard' | 'video' | 'outstreamDesktop' | 'outstreamGoogleDesktop' | 'outstreamMobile' | 'merchandisingHighAdFeature' | 'merchandisingHigh' | 'merchandising' | 'inlineMerchandising' | 'fabric' | 'empty' | '970x250' | '728x90' | '300x250' | '300x600' | '300x1050' | '160x600';
+export declare type SizeKeys = '160x600' | '300x1050' | '300x250' | '300x600' | '728x90' | '970x250' | 'billboard' | 'empty' | 'fabric' | 'fluid' | 'googleCard' | 'halfPage' | 'inlineMerchandising' | 'leaderboard' | 'merchandising' | 'merchandisingHigh' | 'merchandisingHighAdFeature' | 'mobilesticky' | 'mpu' | 'outOfPage' | 'outstreamDesktop' | 'outstreamGoogleDesktop' | 'outstreamMobile' | 'portrait' | 'skyscraper' | 'video';
 export declare const adSizes: Record<SizeKeys, AdSize>;
 export declare const getAdSize: (size: SizeKeys) => AdSize;
 export declare const _: {

package/dist/esm/ad-sizes.js

@@ -9,27 +9,27 @@ const createAdSize = (width, height) => {
 const adSizesPartial = {
     // standard ad sizes
     billboard: createAdSize(970, 250),
+    halfPage: createAdSize(300, 600),
     leaderboard: createAdSize(728, 90),
+    mobilesticky: createAdSize(320, 50),
     mpu: createAdSize(300, 250),
-    halfPage: createAdSize(300, 600),
     portrait: createAdSize(300, 1050),
     skyscraper: createAdSize(160, 600),
-    mobilesticky: createAdSize(320, 50),
     // dfp proprietary ad sizes
     fluid: createAdSize(0, 0),
-    outOfPage: createAdSize(1, 1),
     googleCard: createAdSize(300, 274),
+    outOfPage: createAdSize(1, 1),
     // guardian proprietary ad sizes
-    video: createAdSize(620, 1),
+    empty: createAdSize(2, 2),
+    fabric: createAdSize(88, 71),
+    inlineMerchandising: createAdSize(88, 85),
+    merchandising: createAdSize(88, 88),
+    merchandisingHigh: createAdSize(88, 87),
+    merchandisingHighAdFeature: createAdSize(88, 89),
     outstreamDesktop: createAdSize(620, 350),
     outstreamGoogleDesktop: createAdSize(550, 310),
     outstreamMobile: createAdSize(300, 197),
-    merchandisingHighAdFeature: createAdSize(88, 89),
-    merchandisingHigh: createAdSize(88, 87),
-    merchandising: createAdSize(88, 88),
-    inlineMerchandising: createAdSize(88, 85),
-    fabric: createAdSize(88, 71),
-    empty: createAdSize(2, 2),
+    video: createAdSize(620, 1),
 };
 export const adSizes = {
     ...adSizesPartial,

package/dist/esm/targeting/pick-targeting-values.d.ts

@@ -1,5 +1,5 @@
 import type { ConditionalExcept } from 'type-fest';
-declare type ValidTargetingObject<Base> = ConditionalExcept<Base, null | undefined | '' | readonly [] | readonly [''] | boolean | number>;
+declare type ValidTargetingObject<Base> = ConditionalExcept<Base, null | undefined | '' | readonly [] | readonly [''] | never[] | boolean | number>;
 /**
  * Picks only keys with targeting values from an object.
  * A targeting values is defined as either:
@@ -21,5 +21,5 @@ declare type ValidTargetingObject<Base> = ConditionalExcept<Base, null | undefin
  * clean.invalid
  * ```
  */
-export declare const pickTargetingValues: <T extends Record<string, string | readonly string[] | undefined>>(obj: T) => import("type-fest").Except<T, NonNullable<{ [Key in keyof T]: T[Key] extends number | boolean | "" | readonly [] | readonly [""] | null | undefined ? Key : never; }[keyof T]>>;
+export declare const pickTargetingValues: <T extends Record<string, string | readonly string[] | undefined>>(obj: T) => import("type-fest").Except<T, NonNullable<{ [Key in keyof T]: T[Key] extends number | boolean | "" | never[] | readonly [] | readonly [""] | null | undefined ? Key : never; }[keyof T]>>;
 export {};

package/dist/esm/targeting/viewport.js

@@ -2,7 +2,7 @@
 const findBreakpoint = (width) => {
     if (width >= 980)
         return 'desktop';
-    if (width >= 740)
+    if (width >= 660)
         return 'tablet';
     return 'mobile';
 };

package/dist/esm/third-party-tags/facebook-pixel.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * tracking pixel
+ * https://en-gb.facebook.com/business/learn/facebook-ads-pixel
+ * @param  {} {shouldRun}
+ */
 export declare const fbPixel: GetThirdPartyTag;

package/dist/esm/third-party-tags/facebook-pixel.js

@@ -1,3 +1,8 @@
+/**
+ * tracking pixel
+ * https://en-gb.facebook.com/business/learn/facebook-ads-pixel
+ * @param  {} {shouldRun}
+ */
 export const fbPixel = ({ shouldRun }) => ({
     shouldRun,
     url: `https://www.facebook.com/tr?id=279880532344561&ev=PageView&noscript=1`,

package/dist/esm/third-party-tags/ias.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * IAS script filters bad ads
+ * https://integralads.com/uk/
+ * @param  {} {shouldRun}
+ */
 export declare const ias: GetThirdPartyTag;

package/dist/esm/third-party-tags/ias.js

@@ -1,3 +1,8 @@
+/**
+ * IAS script filters bad ads
+ * https://integralads.com/uk/
+ * @param  {} {shouldRun}
+ */
 export const ias = ({ shouldRun }) => ({
     shouldRun,
     url: '//cdn.adsafeprotected.com/iasPET.1.js',

package/dist/esm/third-party-tags/inizio.d.ts

@@ -1,4 +1,9 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * Allows creatives to show survey
+ * https://trello.com/c/wHffHVF1/171-integrate-and-test-inizio
+ * @param  {} {shouldRun}
+ */
 export declare const inizio: GetThirdPartyTag;
 export declare const _: {
     onLoad: () => void;

package/dist/esm/third-party-tags/inizio.js

@@ -18,6 +18,11 @@ const onLoad = () => {
         },
     });
 };
+/**
+ * Allows creatives to show survey
+ * https://trello.com/c/wHffHVF1/171-integrate-and-test-inizio
+ * @param  {} {shouldRun}
+ */
 export const inizio = ({ shouldRun }) => ({
     shouldRun,
     url: '//cdn.brandmetrics.com/survey/script/e96d04c832084488a841a06b49b8fb2d.js',

package/dist/esm/third-party-tags/permutive.d.ts

@@ -1,2 +1,6 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * Permutive script updates local user segmentation data
+ * @param  {} {shouldRun}
+ */
 export declare const permutive: GetThirdPartyTag;

package/dist/esm/third-party-tags/permutive.js

@@ -1,3 +1,7 @@
+/**
+ * Permutive script updates local user segmentation data
+ * @param  {} {shouldRun}
+ */
 export const permutive = ({ shouldRun }) => ({
     shouldRun,
     url: '//cdn.permutive.com/d6691a17-6fdb-4d26-85d6-b3dd27f55f08-web.js',

package/dist/esm/third-party-tags/remarketing.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * Google conversion tracking
+ * https://support.google.com/google-ads/answer/6095821
+ * @param  {} {shouldRun}
+ */
 export declare const remarketing: GetThirdPartyTag;

package/dist/esm/third-party-tags/remarketing.js

@@ -5,6 +5,11 @@ const onLoad = () => {
         google_remarketing_only: true,
     });
 };
+/**
+ * Google conversion tracking
+ * https://support.google.com/google-ads/answer/6095821
+ * @param  {} {shouldRun}
+ */
 export const remarketing = ({ shouldRun }) => ({
     shouldRun,
     url: '//www.googleadservices.com/pagead/conversion_async.js',

package/dist/esm/third-party-tags/twitter-uwt.d.ts

@@ -1,2 +1,7 @@
 import type { GetThirdPartyTag } from '../types';
+/**
+ * tracking pixel
+ * https://business.twitter.com/en/help/campaign-measurement-and-analytics/conversion-tracking-for-websites.html
+ * @param  {} {shouldRun}
+ */
 export declare const twitter: GetThirdPartyTag;

package/dist/esm/third-party-tags/twitter-uwt.js

@@ -1,4 +1,9 @@
 import { twitterScript as insertSnippet } from '../__vendor/twitter-script';
+/**
+ * tracking pixel
+ * https://business.twitter.com/en/help/campaign-measurement-and-analytics/conversion-tracking-for-websites.html
+ * @param  {} {shouldRun}
+ */
 export const twitter = ({ shouldRun }) => ({
     shouldRun,
     name: 'twitter',

package/dist/esm/types.d.ts

@@ -1,3 +1,4 @@
+import type { VendorName } from '@guardian/consent-management-platform/dist/types';
 export declare type TagAttribute = {
     name: string;
     value: string;
@@ -10,7 +11,7 @@ export declare type ThirdPartyTag = {
     loaded?: boolean;
     onLoad?: () => void;
     shouldRun: boolean;
-    name?: string;
+    name?: VendorName;
     url?: string;
     useImage?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/commercial-core",
-  "version": "0.37.0",
+  "version": "0.39.1",
   "description": "Guardian advertising business logic",
   "homepage": "https://github.com/guardian/commercial-core#readme",
   "bugs": {
@@ -41,12 +41,12 @@
   },
   "prettier": "@guardian/prettier",
   "devDependencies": {
-    "@commitlint/cli": "^15.0.0",
-    "@commitlint/config-conventional": "^15.0.0",
+    "@commitlint/cli": "^16.1.0",
+    "@commitlint/config-conventional": "^16.0.0",
     "@guardian/ab-core": "^2.0.0",
-    "@guardian/consent-management-platform": "^8.0.1",
+    "@guardian/consent-management-platform": "^10.1.0",
     "@guardian/eslint-config-typescript": "^0.7.0",
-    "@guardian/libs": "3.5.1",
+    "@guardian/libs": "3.6.1",
     "@guardian/prettier": "^0.7.0",
     "@octokit/core": "^3.5.1",
     "@semantic-release/github": "^8.0.2",
@@ -56,6 +56,7 @@
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
     "commitizen": "^4.2.4",
+    "conventional-changelog-conventionalcommits": "^4.6.3",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.4.1",
     "eslint-config-prettier": "^8.3.0",