Merge pull request #14789 from guardian/jm/feat-improve-sign-in-gate-click-tracking

send treatment id and labels to click tracking

Author: juabara

dotcom-rendering/src/components/SignInGate/componentEventTracking.tsx

@@ -58,8 +58,9 @@ export const trackLink = (
 	value: string,
 	renderingTarget: RenderingTarget,
 	abTest?: CurrentSignInGateABTest,
+	labels?: string[],
 ): void => {
-	const component = withComponentId(componentId);
+	const component = { ...withComponentId(componentId), labels };
 
 	submitClickEventTracking(
 		{

dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV1.tsx

@@ -98,6 +98,7 @@ export const SignInGateAuxiaV1 = ({
 							`sign-in-${provider}-${dismissStatusLabel}`,
 							renderingTarget,
 							abTest,
+							[userTreatment.treatmentType],
 						);
 						void logTreatmentInteractionCall(
 							'CLICKED',
@@ -119,6 +120,7 @@ export const SignInGateAuxiaV1 = ({
 							`sign-in-${provider}-${dismissStatusLabel}`,
 							renderingTarget,
 							abTest,
+							[userTreatment.treatmentType],
 						);
 						void logTreatmentInteractionCall(
 							'CLICKED',

dotcom-rendering/src/components/SignInGate/gateDesigns/SignInGateAuxiaV2.tsx

@@ -216,6 +216,7 @@ export const SignInGateAuxiaV2 = ({
 										`sign-in-${provider}-${dismissStatusLabel}`,
 										renderingTarget,
 										abTest,
+										[userTreatment.treatmentType],
 									);
 									void logTreatmentInteractionCall(
 										'CLICKED',
@@ -238,6 +239,7 @@ export const SignInGateAuxiaV2 = ({
 										`sign-in-${provider}-${dismissStatusLabel}`,
 										renderingTarget,
 										abTest,
+										[userTreatment.treatmentType],
 									);
 									void logTreatmentInteractionCall(
 										'CLICKED',

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

@@ -396,7 +396,6 @@ const ShowSignInGateAuxia = ({
 	logTreatmentInteractionCall,
 	signInGateVersion,
 }: ShowSignInGateAuxiaProps) => {
-	const componentId = 'main_variant_5';
 	const checkoutCompleteCookieData = undefined;
 	const personaliseSignInGateAfterCheckoutSwitch = undefined;
 
@@ -468,7 +467,6 @@ const ShowSignInGateAuxia = ({
 			}
 		}
 	}, [
-		componentId,
 		hasBeenSeen,
 		browserId,
 		contributionsServiceUrl,
@@ -486,7 +484,7 @@ const ShowSignInGateAuxia = ({
 			setShowGate(false);
 		},
 		abTest,
-		ophanComponentId: componentId,
+		ophanComponentId: treatmentId,
 		checkoutCompleteCookieData,
 		personaliseSignInGateAfterCheckoutSwitch,
 		userTreatment,