Merge pull request #1298 from guardian/lp-hide-support-messages-on-info-pages-sdc

Hide epic and banners for info pages

Author: LAKSHMIRPILLAI

.changeset/gorgeous-days-give.md

@@ -0,0 +1,5 @@
+---
+'@guardian/support-dotcom-components': minor
+---
+
+Add pageId to targeting

src/server/api/bannerRouter.ts

@@ -9,6 +9,7 @@ import {
     TestTracking,
     BannerDesignFromTool,
     Tracking,
+    hideSRMessagingForInfoPageIds,
 } from '../../shared/types';
 import { selectAmountsTestVariant } from '../lib/ab';
 import { ChannelSwitches } from '../channelSwitches';
@@ -60,6 +61,10 @@ export const buildBannerRouter = (
             return {};
         }
 
+        if (hideSRMessagingForInfoPageIds(targeting)) {
+            return {};
+        }
+
         const selectedTest = selectBannerTest(
             targeting,
             getDeviceType(req),

src/server/api/epicRouter.ts

@@ -6,6 +6,7 @@ import {
     EpicTest,
     EpicType,
     EpicVariant,
+    hideSRMessagingForInfoPageIds,
     TestTracking,
     Tracking,
     WeeklyArticleLog,
@@ -83,6 +84,10 @@ export const buildEpicRouter = (
             return {};
         }
 
+        if (hideSRMessagingForInfoPageIds(targeting)) {
+            return {};
+        }
+
         const targetingMvtId = targeting.mvtId || 1;
 
         const tests =

src/server/api/gutterRouter.ts

@@ -8,6 +8,7 @@ import {
     TestTracking,
     GutterTargeting,
     Tracking,
+    hideSRMessagingForInfoPageIds,
 } from '../../shared/types';
 import { ChannelSwitches } from '../channelSwitches';
 import { getDeviceType } from '../lib/deviceType';
@@ -41,6 +42,11 @@ export const buildGutterRouter = (
         if (!enableGutterLiveblogs) {
             return {};
         }
+
+        if (hideSRMessagingForInfoPageIds(targeting)) {
+            return {};
+        }
+
         const testSelection = selectGutterTest(
             targeting,
             tests.get(),

src/shared/types/targeting/banner.ts

@@ -21,6 +21,7 @@ export type BannerTargeting = {
     isSignedIn: boolean;
     hasConsented: boolean;
     abandonedBasket?: AbandonedBasket;
+    pageId?: string;
 };
 
 export type BannerPayload = {

src/shared/types/targeting/epic.ts

@@ -25,6 +25,7 @@ export type EpicTargeting = {
     url?: string;
     browserId?: string; // Only present if the user has consented to browserId-based targeting
     isSignedIn?: boolean;
+    pageId?: string;
 };
 
 export type EpicPayload = {

src/shared/types/targeting/gutter.ts

@@ -5,6 +5,7 @@ export interface GutterTargeting {
     isSignedIn: boolean;
     tagIds?: string[];
     sectionId?: string;
+    pageId?: string;
 }
 
 export type GutterPayload = {

src/shared/types/targeting/shared.ts

@@ -1,5 +1,8 @@
 import { z } from 'zod';
 import { purchaseInfoProduct, purchaseInfoUser } from '../purchaseInfo';
+import { BannerTargeting } from './banner';
+import { EpicTargeting } from './epic';
+import { GutterTargeting } from './gutter';
 
 export type TagCounts = {
     [tag: string]: number;
@@ -28,6 +31,19 @@ export interface PurchaseInfo {
     product: purchaseInfoProduct;
 }
 
+//The pageIdsOfInterest has the pageIds in which we want to hide the SR messages
+export const pageIdsOfInterest = new Set<string>([
+    'info/privacy',
+    'info/complaints-and-corrections',
+    'about',
+]);
+
+export const hideSRMessagingForInfoPageIds = (
+    targeting: BannerTargeting | EpicTargeting | GutterTargeting,
+): boolean => {
+    return targeting.pageId ? pageIdsOfInterest.has(targeting.pageId) : false;
+};
+
 export const abandonedBasketSchema = z.object({
     amount: z.union([z.number(), z.literal('other')]),
     billingPeriod: z.union([z.literal('ONE_OFF'), z.literal('MONTHLY'), z.literal('ANNUAL')]),