Merge branch 'main' into jm/feat-mparticle-headers

Author: juabara

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

@@ -229,82 +229,95 @@ export const AdmiralScript = () => {
 		 * Control group loads the script but the modal will not be shown.
 		 */
 		const page = window.guardian.config.page;
+		if (!window.guardian.config.switches.consentManagement) return;
 
-		const shouldRun =
-			cmp.hasInitialised() &&
-			!cmp.willShowPrivacyMessageSync() &&
-			isInUsa() &&
-			isInControlGroup &&
-			!getCookie({
-				name: 'gu_hide_support_messaging',
-				shouldMemoize: true,
-			}) &&
-			!page.shouldHideAdverts &&
-			!page.shouldHideReaderRevenue &&
-			!page.isSensitive &&
-			page.sponsorshipType !== 'paid-content' &&
-			![
-				'about',
-				'info',
-				'membership',
-				'help',
-				'guardian-live-australia',
-				'gnm-archive',
-				'guardian-labs',
-				'thefilter',
-			].includes(page.section ?? '');
-		if (!shouldRun) return;
-
-		// Record INSERT Ophan event
-		void recordAdmiralOphanEvent(
-			variantName,
-			{
-				action: 'INSERT',
-			},
-			renderingTarget,
-		);
+		let admiralScript: HTMLScriptElement | undefined;
+		let isCancelled = false;
 
-		// Initialize Admiral Adblock Recovery
-		log('dotcom', '🛡️ Initialising Admiral Adblock Recovery');
+		const initialiseAdmiral = async () => {
+			try {
+				const willShowPrivacyMessage =
+					await cmp.willShowPrivacyMessage();
 
-		// Set up window.admiral stub
-		// This initializes admiral before the bootstrap script loads
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Required for Admiral stub initialization
-		type AdmiralStub = Admiral & { q?: any[] };
-		const w = window as Window & { admiral?: AdmiralStub };
+				const shouldRun =
+					!willShowPrivacyMessage &&
+					isInUsa() &&
+					isInControlGroup &&
+					!getCookie({
+						name: 'gu_hide_support_messaging',
+						shouldMemoize: true,
+					}) &&
+					!page.shouldHideAdverts &&
+					!page.shouldHideReaderRevenue &&
+					!page.isSensitive &&
+					page.sponsorshipType !== 'paid-content' &&
+					![
+						'about',
+						'info',
+						'membership',
+						'help',
+						'guardian-live-australia',
+						'gnm-archive',
+						'guardian-labs',
+						'thefilter',
+					].includes(page.section ?? '');
 
-		if (!w.admiral) {
-			// Create the Admiral stub function with queue
-			const stub = function (...args: unknown[]) {
-				if (!stub.q) stub.q = [];
-				stub.q.push(args);
-			} as AdmiralStub;
-			w.admiral = stub;
-		}
+				if (!shouldRun || isCancelled) return;
 
-		log('dotcom', '🛡️ Setting up Admiral event logger');
+				void recordAdmiralOphanEvent(
+					variantName,
+					{
+						action: 'INSERT',
+					},
+					renderingTarget,
+				);
+
+				log('dotcom', '🛡️ Initialising Admiral Adblock Recovery');
+
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Required for Admiral stub initialization
+				type AdmiralStub = Admiral & { q?: any[] };
+				const w = window as Window & { admiral?: AdmiralStub };
 
-		// Set up Admiral event logging
-		setUpAdmiralEventLogger(w.admiral, variantName, renderingTarget);
+				if (!w.admiral) {
+					const stub = function (...args: unknown[]) {
+						if (!stub.q) stub.q = [];
+						stub.q.push(args);
+					} as AdmiralStub;
+					w.admiral = stub;
+				}
 
-		// Set AB test targeting
-		if (variantName) {
-			w.admiral('targeting', 'set', 'guAbTest', variantName);
-		}
+				log('dotcom', '🛡️ Setting up Admiral event logger');
+				setUpAdmiralEventLogger(
+					w.admiral,
+					variantName,
+					renderingTarget,
+				);
 
-		// Load Admiral bootstrap script
-		const BASE_AJAX_URL = window.guardian.config.page.ajaxUrl;
+				if (variantName) {
+					w.admiral('targeting', 'set', 'guAbTest', variantName);
+				}
 
-		const admiralScript = document.createElement('script');
-		admiralScript.src = `${BASE_AJAX_URL}/commercial/admiral-bootstrap.js`;
-		admiralScript.async = true;
-		document.head.appendChild(admiralScript);
+				const BASE_AJAX_URL = window.guardian.config.page.ajaxUrl;
+				admiralScript = document.createElement('script');
+				admiralScript.src = `${BASE_AJAX_URL}/commercial/admiral-bootstrap.js`;
+				admiralScript.async = true;
+				document.head.appendChild(admiralScript);
+
+				log('dotcom', '🛡️ Admiral initialization complete');
+			} catch (error) {
+				log(
+					'dotcom',
+					'🛡️ Admiral - Error waiting for CMP readiness:',
+					error,
+				);
+			}
+		};
 
-		log('dotcom', '🛡️ Admiral initialization complete');
+		void initialiseAdmiral();
 
 		return () => {
-			// Clean up Admiral bootstrap script
-			admiralScript.parentNode?.removeChild(admiralScript);
+			isCancelled = true;
+			admiralScript?.parentNode?.removeChild(admiralScript);
 		};
 	}, [isInControlGroup, variantName, renderingTarget]);