feat(google-one-tap): Limit Google One Tap to Ireland initially

Author: AshCorr

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

@@ -1,8 +1,10 @@
+import type { CountryCode } from '@guardian/libs';
 import { log } from '@guardian/libs';
 import type { TAction, TComponentType } from '@guardian/ophan-tracker-js';
 import { submitComponentEvent } from '../client/ophan/ophan';
 import { useIsSignedIn } from '../lib/useAuthStatus';
 import { useConsent } from '../lib/useConsent';
+import { useCountryCode } from '../lib/useCountryCode';
 import { useOnce } from '../lib/useOnce';
 import type { ServerSideTests, StageType } from '../types/config';
 
@@ -108,9 +110,10 @@ const getProviders = (stage: StageType): IdentityProviderConfig[] => {
 
 export const initializeFedCM = async ({
 	isSignedIn,
+	countryCode,
 }: {
 	isSignedIn?: boolean;
-	isInTest?: boolean;
+	countryCode?: CountryCode;
 }): Promise<void> => {
 	const isSupported = 'IdentityCredential' in window;
 
@@ -131,6 +134,8 @@ export const initializeFedCM = async ({
 		'Web',
 	);
 
+	// TODO: Expand Google One Tap to outside Ireland
+	if (countryCode !== 'IE') return;
 	if (isSignedIn) return;
 
 	/**
@@ -256,6 +261,7 @@ export const GoogleOneTap = () => {
 	// TODO: FedCM doesn't require cookies? Do we need to check consent?
 	const consent = useConsent();
 	const isSignedIn = useIsSignedIn();
+	const countryCode = useCountryCode('google-one-tap');
 	// useIsSignedIn returns 'Pending' until the auth status is known.
 	// We don't want to initialize FedCM until we know the auth status, so we pass `undefined` to `useOnce` if it is 'Pending'
 	// to stop it from initializing.
@@ -265,6 +271,7 @@ export const GoogleOneTap = () => {
 	useOnce(() => {
 		void initializeFedCM({
 			isSignedIn: isSignedInWithoutPending,
+			countryCode,
 		});
 	}, [isSignedInWithoutPending, consent]);
 

dotcom-rendering/src/components/GoogleOneTap.test.tsx

@@ -94,7 +94,7 @@ describe('GoogleOneTap', () => {
 			replace: locationReplace,
 		});
 
-		await initializeFedCM({ isSignedIn: false });
+		await initializeFedCM({ isSignedIn: false, countryCode: 'IE' });
 
 		expect(navigatorGet).toHaveBeenCalledWith({
 			identity: {
@@ -150,7 +150,7 @@ describe('GoogleOneTap', () => {
 			replace: locationReplace,
 		});
 
-		await initializeFedCM({ isSignedIn: false });
+		await initializeFedCM({ isSignedIn: false, countryCode: 'IE' });
 
 		expect(submitComponentEventMock).toHaveBeenNthCalledWith(
 			1,
@@ -205,9 +205,9 @@ describe('GoogleOneTap', () => {
 			replace: locationReplace,
 		});
 
-		await expect(initializeFedCM({ isSignedIn: false })).rejects.toThrow(
-			'window.navigator.credentials.get failed',
-		);
+		await expect(
+			initializeFedCM({ isSignedIn: false, countryCode: 'IE' }),
+		).rejects.toThrow('window.navigator.credentials.get failed');
 
 		expect(submitComponentEventMock).toHaveBeenNthCalledWith(
 			1,
@@ -249,7 +249,7 @@ describe('GoogleOneTap', () => {
 			enableFedCM: false,
 		});
 
-		await initializeFedCM({ isSignedIn: false });
+		await initializeFedCM({ isSignedIn: false, countryCode: 'IE' });
 
 		expect(submitComponentEventMock).toHaveBeenCalledTimes(1);
 		expect(submitComponentEventMock).toHaveBeenCalledWith(
@@ -276,13 +276,13 @@ describe('GoogleOneTap', () => {
 			replace: locationReplace,
 		});
 
-		await initializeFedCM({ isSignedIn: true });
+		await initializeFedCM({ isSignedIn: true, countryCode: 'IE' });
 
 		expect(navigatorGet).not.toHaveBeenCalled();
 		expect(locationReplace).not.toHaveBeenCalled();
 	});
 
-	it('should not initializeFedCM when user is not in test', async () => {
+	it('should not initializeFedCM when user is not in Ireland', async () => {
 		const navigatorGet = jest.fn();
 		const locationReplace = jest.fn();
 
@@ -291,7 +291,7 @@ describe('GoogleOneTap', () => {
 			replace: locationReplace,
 		});
 
-		await initializeFedCM({ isSignedIn: true });
+		await initializeFedCM({ isSignedIn: false, countryCode: 'GB' });
 
 		expect(submitComponentEventMock).toHaveBeenCalledTimes(1);
 		expect(submitComponentEventMock).toHaveBeenCalledWith(