Rename format to videoStyle

Author: domlander

dotcom-rendering/fixtures/manual/trails.ts

@@ -656,7 +656,7 @@ export const loopVideoCard: DCRFrontCard = {
 	trailText: 'Trail text for looping video card',
 	mainMedia: {
 		type: 'SelfHostedVideo',
-		format: 'Loop',
+		videoStyle: 'Loop',
 		atomId: '3cb22b60-2c3f-48d6-8bce-38c956907cce',
 		sources: [
 			{

dotcom-rendering/src/components/FlexibleGeneral.tsx

@@ -108,7 +108,7 @@ const ImmersiveCardLayout = ({
 }: ImmersiveCardLayoutProps) => {
 	const isLoopingVideo =
 		card.mainMedia?.type === 'SelfHostedVideo' &&
-		card.mainMedia.format === 'Loop';
+		card.mainMedia.videoStyle === 'Loop';
 
 	return (
 		<UL padBottom={true}>

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

@@ -43,7 +43,7 @@ export const ScrollableFeature = ({
 			{trails.map((card) => {
 				const isLoopingVideo =
 					card.mainMedia?.type === 'SelfHostedVideo' &&
-					card.mainMedia.format === 'Loop';
+					card.mainMedia.videoStyle === 'Loop';
 
 				return (
 					<ScrollableCarousel.Item key={card.url}>

dotcom-rendering/src/components/StaticFeatureTwo.tsx

@@ -41,7 +41,7 @@ export const StaticFeatureTwo = ({
 			{cards.map((card) => {
 				const isLoopingVideo =
 					card.mainMedia?.type === 'SelfHostedVideo' &&
-					card.mainMedia.format === 'Loop';
+					card.mainMedia.videoStyle === 'Loop';
 
 				return (
 					<LI

dotcom-rendering/src/frontend/schemas/feArticle.json

@@ -5457,7 +5457,7 @@
                             "type": "string",
                             "const": "SelfHostedVideo"
                         },
-                        "format": {
+                        "videoStyle": {
                             "enum": [
                                 "Cinemagraph",
                                 "Default",
@@ -5506,10 +5506,10 @@
                     "required": [
                         "atomId",
                         "duration",
-                        "format",
                         "height",
                         "sources",
                         "type",
+                        "videoStyle",
                         "width"
                     ]
                 }

dotcom-rendering/src/frontend/schemas/feFront.json

@@ -3929,7 +3929,7 @@
                             "type": "string",
                             "const": "SelfHostedVideo"
                         },
-                        "format": {
+                        "videoStyle": {
                             "enum": [
                                 "Cinemagraph",
                                 "Default",
@@ -3978,10 +3978,10 @@
                     "required": [
                         "atomId",
                         "duration",
-                        "format",
                         "height",
                         "sources",
                         "type",
+                        "videoStyle",
                         "width"
                     ]
                 }

dotcom-rendering/src/model/enhanceCards.ts

@@ -241,7 +241,7 @@ export const getActiveMediaAtom = (
 
 			return {
 				type: 'SelfHostedVideo',
-				format: 'Loop',
+				videoStyle: 'Loop',
 				atomId: mediaAtom.id,
 				sources: sources.map((source) => ({
 					src: source.id,

dotcom-rendering/src/types/mainMedia.ts

@@ -22,7 +22,7 @@ type YoutubeVideo = Media & {
 
 type SelfHostedVideo = Media & {
 	type: 'SelfHostedVideo';
-	format: 'Default' | 'Loop' | 'Cinemagraph';
+	videoStyle: 'Default' | 'Loop' | 'Cinemagraph';
 	atomId: string;
 	sources: Source[];
 	height: number;