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/routers/contentstack/collectionPage/output.ts

@@ -17,6 +17,11 @@ import {
   shortcutsSchema,
 } from "../schemas/blocks/shortcuts"
 import { uspGridRefsSchema, uspGridSchema } from "../schemas/blocks/uspGrid"
+import { videoBlockRefsSchema, videoBlockSchema } from "../schemas/blocks/video"
+import {
+  videoCardRefsSchema,
+  videoCardSchema,
+} from "../schemas/blocks/videoCard"
 import {
   linkAndTitleSchema,
   linkConnectionRefs,
@@ -52,11 +57,25 @@ export const collectionPageDynamicContent = z
   })
   .merge(blockDynamicContentSchema)
 
+export const collectionPageVideoCard = z
+  .object({
+    __typename: z.literal(CollectionPageEnum.ContentStack.blocks.VideoCard),
+  })
+  .merge(videoCardSchema)
+
+export const collectionPageVideo = z
+  .object({
+    __typename: z.literal(CollectionPageEnum.ContentStack.blocks.Video),
+  })
+  .merge(videoBlockSchema)
+
 export const blocksSchema = z.discriminatedUnion("__typename", [
   collectionPageCards,
   collectionPageDynamicContent,
   collectionPageShortcuts,
   collectionPageUspGrid,
+  collectionPageVideoCard,
+  collectionPageVideo,
 ])
 
 const navigationLinksSchema = z
@@ -125,7 +144,7 @@ const collectionPageUspGridRefs = z
   })
   .merge(uspGridRefsSchema)
 
-const contentPageDynamicContentRefs = z
+const collectionPageDynamicContentRefs = z
   .object({
     __typename: z.literal(
       CollectionPageEnum.ContentStack.blocks.DynamicContent
@@ -133,11 +152,25 @@ const contentPageDynamicContentRefs = z
   })
   .merge(dynamicContentRefsSchema)
 
+const collectionPageVideoCardRefs = z
+  .object({
+    __typename: z.literal(CollectionPageEnum.ContentStack.blocks.VideoCard),
+  })
+  .merge(videoCardRefsSchema)
+
+const collectionPageVideoRefs = z
+  .object({
+    __typename: z.literal(CollectionPageEnum.ContentStack.blocks.Video),
+  })
+  .merge(videoBlockRefsSchema)
+
 const collectionPageBlockRefsItem = z.discriminatedUnion("__typename", [
   collectionPageShortcutsRefs,
-  contentPageDynamicContentRefs,
+  collectionPageDynamicContentRefs,
   collectionPageCardsRefs,
   collectionPageUspGridRefs,
+  collectionPageVideoCardRefs,
+  collectionPageVideoRefs,
 ])
 
 const collectionPageHeaderRefs = z.object({