decideShouldNotServeNonDismissible

Author: shtukas

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

@@ -122,7 +122,7 @@ export interface AuxiaProxyGetTreatmentsPayload {
 	mvtId: number;
 	should_show_legacy_gate_tmp: boolean; // [1]
 	hasConsented: boolean;
-	shouldNotServeNonDismissible: boolean; // [2]
+	shouldNotServeMandatory: boolean; // [2]
 }
 
 // [1]
@@ -146,7 +146,7 @@ export interface AuxiaProxyGetTreatmentsPayload {
 
 // [2]
 // date: 03rd July 2025
-// If shouldNotServeNonDismissible, we should not show a non dismissible gate.
+// If shouldNotServeMandatory, we should not show a mandatory gate.
 
 export interface AuxiaProxyGetTreatmentsResponse {
 	status: boolean;

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

@@ -290,7 +290,7 @@ const fetchProxyGetTreatments = async (
 	mvtId: number,
 	should_show_legacy_gate_tmp: boolean,
 	hasConsented: boolean,
-	shouldNotServeNonDismissible: 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}`;
@@ -313,7 +313,7 @@ const fetchProxyGetTreatments = async (
 		mvtId,
 		should_show_legacy_gate_tmp,
 		hasConsented,
-		shouldNotServeNonDismissible,
+		shouldNotServeMandatory,
 	};
 	const params = {
 		method: 'POST',
@@ -328,6 +328,23 @@ 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';
+};
+
 const buildAuxiaGateDisplayData = async (
 	contributionsServiceUrl: string,
 	pageId: string,
@@ -365,7 +382,7 @@ const buildAuxiaGateDisplayData = async (
 		);
 	}
 
-	const shouldNotServeNonDismissible = false; // todo get the value.
+	const shouldNotServeMandatory = decideShouldNotServeMandatory();
 
 	const response = await fetchProxyGetTreatments(
 		contributionsServiceUrl,
@@ -382,7 +399,7 @@ const buildAuxiaGateDisplayData = async (
 		readerPersonalData.mvtId,
 		should_show_legacy_gate_tmp,
 		readerPersonalData.hasConsented,
-		shouldNotServeNonDismissible,
+		shouldNotServeMandatory,
 	);
 
 	if (response.status && response.data) {