Merge pull request #14373 from guardian/ph-20250811-1417-new-gate-logic-p1

Introduce gate_display_count

Author: shtukas

dotcom-rendering/src/components/SignInGate/types.ts

@@ -126,6 +126,7 @@ export interface AuxiaProxyGetTreatmentsPayload {
 	hasConsented: boolean;
 	shouldServeDismissible: boolean; // [2]
 	showDefaultGate: ShowGateValues; // [3]
+	gateDisplayCount: number;
 }
 
 // [1]

dotcom-rendering/src/components/SignInGateSelector.importable.tsx

@@ -1,4 +1,4 @@
-import { getCookie, isUndefined } from '@guardian/libs';
+import { getCookie, isUndefined, storage } from '@guardian/libs';
 import { useState } from 'react';
 import {
 	hasCmpConsentForBrowserId,
@@ -293,6 +293,7 @@ const fetchProxyGetTreatments = async (
 	hasConsented: boolean,
 	shouldServeDismissible: boolean,
 	showDefaultGate: ShowGateValues,
+	gateDisplayCount: number,
 ): Promise<AuxiaProxyGetTreatmentsResponse> => {
 	// pageId example: 'money/2017/mar/10/ministers-to-criminalise-use-of-ticket-tout-harvesting-software'
 	const articleIdentifier = `www.theguardian.com/${pageId}`;
@@ -317,6 +318,7 @@ const fetchProxyGetTreatments = async (
 		hasConsented,
 		shouldServeDismissible,
 		showDefaultGate,
+		gateDisplayCount,
 	};
 	const params = {
 		method: 'POST',
@@ -372,6 +374,26 @@ const decideShowDefaultGate = (): ShowGateValues => {
 	return undefined;
 };
 
+const getGateDisplayCount = (): number => {
+	const rawValue = storage.local.getRaw('gate_display_count');
+	const count = parseInt(rawValue ?? '0', 10);
+	return count;
+};
+
+const incrementGateDisplayCount = () => {
+	const count = getGateDisplayCount();
+	const now = new Date();
+	const oneYearFromNow = new Date(now.getTime() + 365 * 86400);
+	const newCount = count + 1;
+	// Using `storage.local.set`, instead of `storage.local.setRaw`
+	// because `setRaw` doesn't allow for specifying the duration.
+	storage.local.set(
+		'gate_display_count',
+		newCount.toString(),
+		oneYearFromNow,
+	);
+};
+
 const buildAuxiaGateDisplayData = async (
 	contributionsServiceUrl: string,
 	pageId: string,
@@ -410,8 +432,8 @@ const buildAuxiaGateDisplayData = async (
 	}
 
 	const shouldServeDismissible = decideShouldServeDismissible();
-
 	const showDefaultGate = decideShowDefaultGate();
+	const gateDisplayCount = getGateDisplayCount();
 
 	const response = await fetchProxyGetTreatments(
 		contributionsServiceUrl,
@@ -430,6 +452,7 @@ const buildAuxiaGateDisplayData = async (
 		readerPersonalData.hasConsented,
 		shouldServeDismissible,
 		showDefaultGate,
+		gateDisplayCount,
 	);
 
 	if (response.status && response.data) {
@@ -724,6 +747,10 @@ const ShowSignInGateAuxia = ({
 			},
 			renderingTarget,
 		);
+
+		// Once the gate is being displayed we need to update
+		// the tracking of the number of times the gate has been displayed
+		incrementGateDisplayCount();
 	}, [componentId]);
 
 	return (