Bump commercial to 32.0.0

dotcom-rendering/package.json

@@ -32,7 +32,7 @@
 		"@guardian/bridget": "8.9.0",
 		"@guardian/browserslist-config": "6.1.0",
 		"@guardian/cdk": "62.6.1",
-		"@guardian/commercial-core": "29.0.0",
+		"@guardian/commercial-core": "32.0.0",
 		"@guardian/core-web-vitals": "7.0.0",
 		"@guardian/eslint-config-typescript": "12.0.0",
 		"@guardian/identity-auth": "6.0.1",

dotcom-rendering/src/components/YoutubeAtom/YoutubeAtom.tsx

@@ -1,4 +1,3 @@
-import type { Participations } from '@guardian/ab-core';
 import type { ConsentState } from '@guardian/libs';
 import { useCallback, useState } from 'react';
 import type { ArticleFormat } from '../../lib/articleFormat';
@@ -43,7 +42,7 @@ export type Props = {
 	format: ArticleFormat;
 	shouldStick?: boolean;
 	isMainMedia?: boolean;
-	abTestParticipations: Participations;
+	abTestParticipations: Record<string, string>;
 	kicker?: string;
 	shouldPauseOutOfView?: boolean;
 	iconSizeOnDesktop: PlayButtonSize;

dotcom-rendering/src/components/YoutubeAtom/YoutubeAtomPlayer.tsx

@@ -1,5 +1,4 @@
 import { css, Global } from '@emotion/react';
-import type { Participations } from '@guardian/ab-core';
 import { buildImaAdTagUrl } from '@guardian/commercial-core';
 import type { ConsentState } from '@guardian/libs';
 import { log } from '@guardian/libs';
@@ -40,7 +39,7 @@ type Props = {
 	enableAds: boolean;
 	adTargeting: AdTargeting;
 	consentState: ConsentState;
-	abTestParticipations: Participations;
+	abTestParticipations: Record<string, string>;
 	renderingTarget: RenderingTarget;
 };
 
@@ -369,7 +368,7 @@ const createOnReadyListener =
 const createImaAdsRequestCallback = (
 	adTargeting: AdTargeting | undefined,
 	consentState: ConsentState,
-	abTestParticipations: Participations,
+	abTestParticipations: Record<string, string>,
 	isSignedIn: boolean,
 ) => {
 	const adTargetingEnabled = adTargeting && !adTargeting.disableAds;
@@ -385,7 +384,7 @@ const createImaAdsRequestCallback = (
 			adUnit,
 			customParams,
 			consentState,
-			clientSideParticipations: abTestParticipations,
+			abTestParticipations,
 			isSignedIn,
 		});
 		adsRenderingSettings.useStyledNonLinearAds = true;

dotcom-rendering/src/components/YoutubeBlockComponent.island.tsx

@@ -1,7 +1,7 @@
 import type { ConsentState } from '@guardian/libs';
 import { useEffect, useState } from 'react';
 import type { ArticleFormat } from '../lib/articleFormat';
-import { useAB } from '../lib/useAB';
+import { useBetaAB } from '../lib/useAB';
 import { useAdTargeting } from '../lib/useAdTargeting';
 import type { AdTargeting } from '../types/commercial';
 import type { AspectRatio } from '../types/front';
@@ -108,8 +108,8 @@ export const YoutubeBlockComponent = ({
 	const adTargeting = useAdTargeting(duration);
 	const { renderingTarget } = useConfig();
 
-	const abTests = useAB();
-	const abTestParticipations = abTests?.participations ?? {};
+	const abTests = useBetaAB();
+	const abTestParticipations = abTests?.getParticipations() ?? {};
 
 	/**
 	 * It's possible to have duplicate video atoms on the same page.