feat(SW-2270): Added hotel listing block to campaign overview page

Approved-by: Matilda Landström

packages/trpc/lib/graphql/Fragments/Blocks/HotelListing.graphql

@@ -29,3 +29,19 @@ fragment HotelListing_CampaignPage on CampaignPageBlocksHotelListing {
     heading
   }
 }
+
+fragment HotelListing_CampaignOverviewPage on CampaignOverviewPageBlocksHotelListing {
+  hotel_listing {
+    heading
+    preamble
+    included_hotelsConnection {
+      edges {
+        node {
+          ... on HotelPage {
+            hotel_page_id
+          }
+        }
+      }
+    }
+  }
+}

packages/trpc/lib/graphql/Query/CampaignOverviewPage/CampaignOverviewPage.graphql

@@ -4,6 +4,7 @@
 #import "../../Fragments/CampaignOverviewPage/TopCampaign.graphql"
 
 #import "../../Fragments/Blocks/CarouselCards.graphql"
+#import "../../Fragments/Blocks/HotelListing.graphql"
 
 query GetCampaignOverviewPage($locale: String!, $uid: String!) {
   campaign_overview_page(uid: $uid, locale: $locale) {
@@ -23,6 +24,7 @@ query GetCampaignOverviewPage($locale: String!, $uid: String!) {
     blocks {
       __typename
       ...CarouselCards_CampaignOverviewPage
+      ...HotelListing_CampaignOverviewPage
     }
     system {
       ...System

packages/trpc/lib/routers/contentstack/campaignOverviewPage/output.ts

@@ -12,6 +12,7 @@ import {
   carouselCardsRefsSchema,
   carouselCardsSchema,
 } from "../schemas/blocks/carouselCards"
+import { campaignOverviewPageHotelListingSchema } from "../schemas/blocks/hotelListing"
 import {
   linkAndTitleSchema,
   linkConnectionRefs,
@@ -70,8 +71,17 @@ const campaignOverviewPageCarouselCards = z
   })
   .merge(carouselCardsSchema)
 
+export const campaignOverviewPageHotelListing = z
+  .object({
+    __typename: z.literal(
+      CampaignOverviewPageEnum.ContentStack.blocks.HotelListing
+    ),
+  })
+  .merge(campaignOverviewPageHotelListingSchema)
+
 export const blocksSchema = z.discriminatedUnion("__typename", [
   campaignOverviewPageCarouselCards,
+  campaignOverviewPageHotelListing,
 ])
 
 export const campaignOverviewPageSchema = z.object({

packages/trpc/lib/routers/contentstack/schemas/blocks/hotelListing.ts

@@ -69,3 +69,34 @@ export const campaignPageHotelListingSchema = z.object({
     heading: z.string(),
   }),
 })
+
+export const campaignOverviewPageHotelListingSchema = z.object({
+  typename: z
+    .literal(BlocksEnums.block.CampaignOverviewPageHotelListing)
+    .default(BlocksEnums.block.CampaignOverviewPageHotelListing),
+  hotel_listing: z
+    .object({
+      heading: z.string(),
+      preamble: z.string().nullish(),
+      included_hotelsConnection: z.object({
+        edges: z.array(
+          z.object({
+            node: z.object({
+              hotel_page_id: z.string(),
+            }),
+          })
+        ),
+      }),
+    })
+    .transform((data) => {
+      const { included_hotelsConnection, ...rest } = data
+      const hotelIds = data.included_hotelsConnection.edges
+        .map(({ node }) => node.hotel_page_id)
+        .filter(Boolean)
+
+      return {
+        ...rest,
+        hotelIds,
+      }
+    }),
+})

packages/trpc/lib/types/blocks.ts

@@ -7,6 +7,7 @@ export namespace BlocksEnums {
     Content = "Content",
     DynamicContent = "DynamicContent",
     FullWidthCampaign = "FullWidthCampaign",
+    CampaignOverviewPageHotelListing = "CampaignOverviewPageHotelListing",
     CampaignPageHotelListing = "CampaignPageHotelListing",
     ContentPageHotelListing = "ContentPageHotelListing",
     JoinScandicFriends = "JoinScandicFriends",

packages/trpc/lib/types/campaignOverviewPageEnum.ts

@@ -2,6 +2,7 @@ export namespace CampaignOverviewPageEnum {
   export namespace ContentStack {
     export const enum blocks {
       CarouselCards = "CampaignOverviewPageBlocksCarouselCards",
+      HotelListing = "CampaignOverviewPageBlocksHotelListing",
     }
   }
 }