Merge pull request #14177 from guardian/ph-20250703-1510-shouldNotServeNonDismissible

Introduce shouldNotServeMandatory

Author: shtukas

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

@@ -122,6 +122,7 @@ export interface AuxiaProxyGetTreatmentsPayload {
 	mvtId: number;
 	should_show_legacy_gate_tmp: boolean; // [1]
 	hasConsented: boolean;
+	shouldNotServeMandatory: boolean; // [2]
 }
 
 // [1]
@@ -143,6 +144,10 @@ export interface AuxiaProxyGetTreatmentsPayload {
 // Obviously, the value it carries for standard Auxia audience requests in irrelevant.
 // We will be setting it to false.
 
+// [2]
+// date: 03rd July 2025
+// If shouldNotServeMandatory, we should not show a mandatory gate.
+
 export interface AuxiaProxyGetTreatmentsResponse {
 	status: boolean;
 	data?: AuxiaProxyGetTreatmentsProxyResponseData;

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

@@ -290,6 +290,7 @@ const fetchProxyGetTreatments = async (
 	mvtId: number,
 	should_show_legacy_gate_tmp: boolean,
 	hasConsented: boolean,
+	shouldNotServeMandatory: boolean,
 ): Promise<AuxiaProxyGetTreatmentsResponse> => {
 	// pageId example: 'money/2017/mar/10/ministers-to-criminalise-use-of-ticket-tout-harvesting-software'
 	const articleIdentifier = `www.theguardian.com/${pageId}`;
@@ -312,6 +313,7 @@ const fetchProxyGetTreatments = async (
 		mvtId,
 		should_show_legacy_gate_tmp,
 		hasConsented,
+		shouldNotServeMandatory,
 	};
 	const params = {
 		method: 'POST',
@@ -326,6 +328,24 @@ const fetchProxyGetTreatments = async (
 	return Promise.resolve(response);
 };
 
+const decideShouldNotServeMandatory = (): boolean => {
+	// Return a boolean indicating whether or not we accept mandatory gates for this call.
+	// If the answer is `false` this doesn't decide whether the gate should be displayed or not,
+	// it only means that if a gate is returned, then it must be mandatory.
+
+	// Now the question is how do we decide the answer ?
+	// We return false if the following query parameter is present in the url:
+	// utm_source=newsshowcase
+
+	// This may be extended in the future.
+
+	// const params = new URLSearchParams(window.location.search);
+	// const value: string | null = params.get('utm_source');
+	// return value === 'newsshowcase';
+
+	return false;
+};
+
 const buildAuxiaGateDisplayData = async (
 	contributionsServiceUrl: string,
 	pageId: string,
@@ -363,6 +383,8 @@ const buildAuxiaGateDisplayData = async (
 		);
 	}
 
+	const shouldNotServeMandatory = decideShouldNotServeMandatory();
+
 	const response = await fetchProxyGetTreatments(
 		contributionsServiceUrl,
 		pageId,
@@ -378,6 +400,7 @@ const buildAuxiaGateDisplayData = async (
 		readerPersonalData.mvtId,
 		should_show_legacy_gate_tmp,
 		readerPersonalData.hasConsented,
+		shouldNotServeMandatory,
 	);
 
 	if (response.status && response.data) {