Feat/BOOK-240 hero video

Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Christel Westerberg

packages/trpc/lib/graphql/Fragments/System.graphql.ts

@@ -7,3 +7,10 @@ export const System = gql`
     uid
   }
 `
+
+export const AssetSystem = gql`
+  fragment AssetSystem on SysAssetSystemField {
+    content_type_uid
+    uid
+  }
+`

packages/trpc/lib/graphql/Fragments/Video.graphql.ts

@@ -0,0 +1,45 @@
+import { gql } from "graphql-tag"
+
+import { AssetSystem } from "./System.graphql"
+
+export const Video = gql`
+  fragment Video on Video {
+    sourceConnection {
+      edges {
+        node {
+          url
+        }
+      }
+    }
+    focal_point {
+      x
+      y
+    }
+    captions {
+      is_default
+      language
+      fileConnection {
+        edges {
+          node {
+            url
+          }
+        }
+      }
+    }
+  }
+`
+
+export const VideoRef = gql`
+  fragment VideoRef on Video {
+    sourceConnection {
+      edges {
+        node {
+          system {
+            ...AssetSystem
+          }
+        }
+      }
+    }
+  }
+  ${AssetSystem}
+`

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

@@ -25,11 +25,15 @@ import {
   TopPrimaryButtonRef_CollectionPage,
 } from "../../Fragments/CollectionPage/TopPrimaryButton.graphql"
 import { System } from "../../Fragments/System.graphql"
+import { Video, VideoRef } from "../../Fragments/Video.graphql"
 
 export const GetCollectionPage = gql`
   query GetCollectionPage($locale: String!, $uid: String!) {
     collection_page(uid: $uid, locale: $locale) {
       hero_image
+      hero_video {
+        ...Video
+      }
       title
       header {
         heading
@@ -64,11 +68,15 @@ export const GetCollectionPage = gql`
   ${Shortcuts_CollectionPage}
   ${UspGrid_CollectionPage}
   ${DynamicContent_CollectionPage}
+  ${Video}
 `
 
 export const GetCollectionPageRefs = gql`
   query GetCollectionPageRefs($locale: String!, $uid: String!) {
     collection_page(locale: $locale, uid: $uid) {
+      hero_video {
+        ...VideoRef
+      }
       header {
         ...TopPrimaryButtonRef_CollectionPage
         ...NavigationLinksRef_CollectionPage
@@ -92,6 +100,7 @@ export const GetCollectionPageRefs = gql`
   ${Shortcuts_CollectionPageRefs}
   ${UspGrid_CollectionPageRefs}
   ${DynamicContent_CollectionPageRefs}
+  ${VideoRef}
 `
 
 export const GetDaDeEnUrlsCollectionPage = gql`

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

@@ -60,11 +60,15 @@ import {
   TeaserCardSidebar_ContentPageRefs,
 } from "../../Fragments/Sidebar/TeaserCard.graphql"
 import { System } from "../../Fragments/System.graphql"
+import { Video, VideoRef } from "../../Fragments/Video.graphql"
 
 export const GetContentPage = gql`
   query GetContentPage($locale: String!, $uid: String!) {
     content_page(uid: $uid, locale: $locale) {
       hero_image
+      hero_video {
+        ...Video
+      }
       title
       header {
         heading
@@ -110,6 +114,7 @@ export const GetContentPage = gql`
   ${ScriptedCardSidebar_ContentPage}
   ${TeaserCardSidebar_ContentPage}
   ${QuickLinksSidebar_ContentPage}
+  ${Video}
 `
 
 export const GetContentPageBlocksBatch1 = gql`
@@ -153,6 +158,9 @@ export const GetContentPageBlocksBatch2 = gql`
 export const GetContentPageRefs = gql`
   query GetContentPageRefs($locale: String!, $uid: String!) {
     content_page(locale: $locale, uid: $uid) {
+      hero_video {
+        ...VideoRef
+      }
       header {
         dynamic_content {
           component
@@ -181,6 +189,7 @@ export const GetContentPageRefs = gql`
   ${ScriptedCardSidebar_ContentPageRefs}
   ${TeaserCardSidebar_ContentPageRefs}
   ${QuickLinksSidebar_ContentPageRefs}
+  ${VideoRef}
 `
 
 export const GetContentPageBlocksRefs = gql`