Update types to expect "isImmersive" value

Co-authored-by: Anna Beddow <[email protected]>

Author: domlander

dotcom-rendering/src/components/FlexibleGeneral.tsx

@@ -196,9 +196,7 @@ const SplashCardLayout = ({
 	const card = cards[0];
 	if (!card) return null;
 
-	// TODO: replace with live data from fronts tool - used for testing
-	const shouldShowImmersive = false;
-
+	const shouldShowImmersive = card.isImmersive;
 	if (shouldShowImmersive) {
 		return (
 			<UL>

dotcom-rendering/src/frontend/feFront.ts

@@ -250,6 +250,7 @@ export type FEFrontCard = {
 	display: {
 		isBoosted: boolean;
 		boostLevel?: BoostLevel;
+		isImmersive?: boolean;
 		showBoostedHeadline: boolean;
 		showQuotedHeadline: boolean;
 		imageHide: boolean;

dotcom-rendering/src/model/enhanceCards.ts

@@ -324,6 +324,7 @@ export const enhanceCards = (
 			snapData: enhanceSnaps(faciaCard.enriched),
 			isBoosted: faciaCard.display.isBoosted,
 			boostLevel: faciaCard.display.boostLevel,
+			isImmersive: !!faciaCard.display.isImmersive,
 			isCrossword: faciaCard.properties.isCrossword,
 			isNewsletter,
 			isCartoon,

dotcom-rendering/src/types/front.ts

@@ -90,6 +90,7 @@ export type DCRFrontCard = {
 	snapData?: DCRSnapType;
 	isBoosted?: boolean;
 	boostLevel?: BoostLevel;
+	isImmersive: boolean;
 	isCrossword?: boolean;
 	isNewsletter?: boolean;
 	isCartoon?: boolean;