Feat/BOOK-257 videoplayer with card

* feat(BOOK-257): Added VideoPlayer with card component
* feat(BOOK-257): Added queries and component for VideoCard block to Content and Collection pages
* fix(BOOK-257): Only setting object-fit: cover on the video if it is not fullscreen
* feat(BOOK-257): Added queries and component for VideoCard block to Startpage
* feat(BOOK-257): Added queries and component for Video block to content/collection/start page

Approved-by: Chuma Mcphoy (We Ahead)

packages/trpc/lib/graphql/Query/CollectionPage/CollectionPage.graphql.ts

@@ -16,6 +16,14 @@ import {
   UspGrid_CollectionPage,
   UspGrid_CollectionPageRefs,
 } from "../../Fragments/Blocks/UspGrid.graphql"
+import {
+  Video_CollectionPage,
+  Video_CollectionPageRefs,
+} from "../../Fragments/Blocks/Video.graphql"
+import {
+  VideoCard_CollectionPage,
+  VideoCard_CollectionPageRefs,
+} from "../../Fragments/Blocks/VideoCard.graphql"
 import {
   NavigationLinks_CollectionPage,
   NavigationLinksRef_CollectionPage,
@@ -51,6 +59,8 @@ export const GetCollectionPage = gql`
         ...Shortcuts_CollectionPage
         ...UspGrid_CollectionPage
         ...DynamicContent_CollectionPage
+        ...VideoCard_CollectionPage
+        ...Video_CollectionPage
       }
       system {
         ...System
@@ -62,13 +72,16 @@ export const GetCollectionPage = gql`
       url
     }
   }
+  ${System}
   ${TopPrimaryButton_CollectionPage}
   ${NavigationLinks_CollectionPage}
   ${CardsGrid_CollectionPage}
   ${Shortcuts_CollectionPage}
   ${UspGrid_CollectionPage}
   ${DynamicContent_CollectionPage}
+  ${VideoCard_CollectionPage}
   ${Video}
+  ${Video_CollectionPage}
 `
 
 export const GetCollectionPageRefs = gql`
@@ -87,6 +100,8 @@ export const GetCollectionPageRefs = gql`
         ...Shortcuts_CollectionPageRefs
         ...UspGrid_CollectionPageRefs
         ...DynamicContent_CollectionPageRefs
+        ...VideoCard_CollectionPageRefs
+        ...Video_CollectionPageRefs
       }
       system {
         ...System
@@ -101,6 +116,8 @@ export const GetCollectionPageRefs = gql`
   ${UspGrid_CollectionPageRefs}
   ${DynamicContent_CollectionPageRefs}
   ${VideoRef}
+  ${VideoCard_CollectionPageRefs}
+  ${Video_CollectionPageRefs}
 `
 
 export const GetDaDeEnUrlsCollectionPage = gql`

packages/trpc/lib/graphql/Query/ContentPage/ContentPage.graphql.ts

@@ -30,6 +30,14 @@ import {
   UspGrid_ContentPage,
   UspGrid_ContentPageRefs,
 } from "../../Fragments/Blocks/UspGrid.graphql"
+import {
+  Video_ContentPage,
+  Video_ContentPageRefs,
+} from "../../Fragments/Blocks/Video.graphql"
+import {
+  VideoCard_ContentPage,
+  VideoCard_ContentPageRefs,
+} from "../../Fragments/Blocks/VideoCard.graphql"
 import {
   NavigationLinks_ContentPage,
   NavigationLinksRef_ContentPage,
@@ -126,6 +134,8 @@ export const GetContentPageBlocksBatch1 = gql`
         ...CardsGrid_ContentPage
         ...Content_ContentPage
         ...DynamicContent_ContentPage
+        ...VideoCard_ContentPage
+        ...Video_ContentPage
       }
     }
   }
@@ -133,6 +143,8 @@ export const GetContentPageBlocksBatch1 = gql`
   ${CardsGrid_ContentPage}
   ${Content_ContentPage}
   ${DynamicContent_ContentPage}
+  ${VideoCard_ContentPage}
+  ${Video_ContentPage}
 `
 
 export const GetContentPageBlocksBatch2 = gql`
@@ -204,6 +216,8 @@ export const GetContentPageBlocksRefs = gql`
         ...Shortcuts_ContentPageRefs
         ...TextCols_ContentPageRef
         ...UspGrid_ContentPageRefs
+        ...VideoCard_ContentPageRefs
+        ...Video_ContentPageRefs
       }
     }
   }
@@ -214,6 +228,8 @@ export const GetContentPageBlocksRefs = gql`
   ${Shortcuts_ContentPageRefs}
   ${TextCols_ContentPageRef}
   ${UspGrid_ContentPageRefs}
+  ${VideoCard_ContentPageRefs}
+  ${Video_ContentPageRefs}
 `
 
 export const GetDaDeEnUrlsContentPage = gql`

packages/trpc/lib/graphql/Query/StartPage/StartPage.graphql.ts

@@ -16,6 +16,14 @@ import {
   JoinScandicFriends_StartPage,
   JoinScandicFriends_StartPageRefs,
 } from "../../Fragments/Blocks/JoinScandicFriends.graphql"
+import {
+  Video_StartPage,
+  Video_StartPageRefs,
+} from "../../Fragments/Blocks/Video.graphql"
+import {
+  VideoCard_StartPage,
+  VideoCard_StartPageRefs,
+} from "../../Fragments/Blocks/VideoCard.graphql"
 import { System } from "../../Fragments/System.graphql"
 
 export const GetStartPage = gql`
@@ -44,6 +52,8 @@ export const GetStartPage = gql`
           }
         }
         ...JoinScandicFriends_StartPage
+        ...VideoCard_StartPage
+        ...Video_StartPage
       }
       system {
         ...System
@@ -60,6 +70,8 @@ export const GetStartPage = gql`
   ${FullWidthCampaign}
   ${CarouselCards_StartPage}
   ${JoinScandicFriends_StartPage}
+  ${VideoCard_StartPage}
+  ${Video_StartPage}
 `
 
 export const GetStartPageRefs = gql`
@@ -81,6 +93,8 @@ export const GetStartPageRefs = gql`
           }
         }
         ...JoinScandicFriends_StartPageRefs
+        ...VideoCard_StartPageRefs
+        ...Video_StartPageRefs
       }
       system {
         ...System
@@ -92,6 +106,8 @@ export const GetStartPageRefs = gql`
   ${FullWidthCampaignRefs}
   ${CarouselCards_StartPageRefs}
   ${JoinScandicFriends_StartPageRefs}
+  ${VideoCard_StartPageRefs}
+  ${Video_StartPageRefs}
 `
 
 export const GetDaDeEnUrlsStartPage = gql`