Feat/SW-3028 hotel page campaigns

* feat(SW-3028): Added query and typings to fetch campaigns by hotelUid
* feat(SW-3028): Added components for campaigns to the hotel page
* feat(SW-3028): Implemented prioritized campaigns list
* chore(SW-3028): Refactor how campaigns are fetched on hotel pages
* feat(SW-3028): Added offers/campaigns to tab navigation

Approved-by: Matilda Landström

packages/trpc/lib/routers/contentstack/campaignPage/input.ts

@@ -0,0 +1,5 @@
+import { z } from "zod"
+
+export const getCampaignPagesByHotelUidInput = z.object({
+  hotelPageUid: z.string(),
+})

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

@@ -1,5 +1,7 @@
 import { z } from "zod"
 
+import { removeMultipleSlashes } from "@scandic-hotels/common/utils/url"
+
 import { CampaignPageEnum } from "../../../types/campaignPage"
 import { discriminatedUnionArray } from "../../../utils/discriminatedUnion"
 import {
@@ -20,6 +22,8 @@ import {
 import { systemSchema } from "../schemas/system"
 import { getCarouselCardsBlockWithBookingCodeLinks } from "./utils"
 
+import type { ImageVaultAsset } from "../../../types/imageVault"
+
 const campaignPageEssentials = z
   .object({
     __typename: z.literal(CampaignPageEnum.ContentStack.blocks.Essentials),
@@ -173,6 +177,56 @@ export const campaignPageSchema = z
     }
   })
 
+export const campaignPagesByHotelUidSchema = z
+  .object({
+    all_campaign_page: z.object({
+      items: z
+        .array(
+          z.object({
+            heading: z.string(),
+            url: z.string(),
+            card_content: z
+              .object({
+                image: tempImageVaultAssetSchema,
+                heading: z.string().nullish(),
+                text: z.string().nullish(),
+              })
+              .nullish(),
+            hero: heroSchema,
+            system: systemSchema,
+          })
+        )
+        .transform((data) => {
+          const mappedCampaigns = data.map((campaign) => {
+            const { card_content, hero, system, heading, url } = campaign
+            const hasImage = !!(card_content?.image || hero.image)
+            const cardContentImage = card_content?.image || hero.image
+            const heroImage = hero.image || card_content?.image
+
+            if (hasImage) {
+              return {
+                id: system.uid,
+                url: removeMultipleSlashes(`/${system.locale}/${url}`),
+                card_content: {
+                  ...card_content,
+                  heading: card_content?.heading || heading,
+                  image: (cardContentImage || heroImage) as ImageVaultAsset,
+                },
+                hero: {
+                  ...hero,
+                  image: (heroImage || cardContentImage) as ImageVaultAsset,
+                  heading,
+                },
+              }
+            }
+            return null
+          })
+          return mappedCampaigns.filter((item) => !!item)
+        }),
+    }),
+  })
+  .transform((data) => data.all_campaign_page.items)
+
 /** REFS */
 const campaignPageCarouselCardsRef = z
   .object({
@@ -203,3 +257,15 @@ export const campaignPageRefsSchema = z.object({
     system: systemSchema,
   }),
 })
+
+export const campaignPagesByHotelUidRefsSchema = z
+  .object({
+    all_campaign_page: z.object({
+      items: z.array(
+        z.object({
+          system: systemSchema,
+        })
+      ),
+    }),
+  })
+  .transform((data) => data.all_campaign_page.items.map((item) => item.system))

packages/trpc/lib/routers/contentstack/campaignPage/utils.ts

@@ -1,12 +1,32 @@
+import { createCounter } from "@scandic-hotels/common/telemetry"
+
+import { notFound } from "../../../errors"
+import {
+  GetCampaignPagesByHotelUid,
+  GetCampaignPagesByHotelUidRefs,
+} from "../../../graphql/Query/CampaignPage/CampaignPagesByHotelUid.graphql"
+import { request } from "../../../graphql/request"
 import {
   CampaignPageEnum,
   type CampaignPageRefs,
 } from "../../../types/campaignPage"
-import { generateTag, generateTagsFromSystem } from "../../../utils/generateTag"
+import {
+  generateRefsResponseTag,
+  generateTag,
+  generateTagsFromSystem,
+} from "../../../utils/generateTag"
+import {
+  campaignPagesByHotelUidRefsSchema,
+  campaignPagesByHotelUidSchema,
+} from "./output"
 
 import type { Lang } from "@scandic-hotels/common/constants/language"
 
-import type { CarouselCardsBlock } from "../../../types/campaignPage"
+import type {
+  CarouselCardsBlock,
+  GetCampaignPagesByHotelUidData,
+  GetCampaignPagesByHotelUidRefsData,
+} from "../../../types/campaignPage"
 import type { System } from "../schemas/system"
 
 export function generatePageTags(
@@ -78,3 +98,94 @@ export function getCarouselCardsBlockWithBookingCodeLinks(
     },
   }
 }
+
+export async function getCampaignPagesByHotelPageUid(
+  hotelPageUid: string,
+  lang: Lang
+) {
+  const getCampaignPagesByHotelUidRefsCounter = createCounter(
+    "trpc.contentstack",
+    "campaignPage.byHotelUid.get.refs"
+  )
+  const metricsGetCampaignPagesByHotelUidRefs =
+    getCampaignPagesByHotelUidRefsCounter.init({
+      lang,
+      hotelPageUid,
+    })
+
+  metricsGetCampaignPagesByHotelUidRefs.start()
+
+  const refsResponse = await request<GetCampaignPagesByHotelUidRefsData>(
+    GetCampaignPagesByHotelUidRefs,
+    {
+      locale: lang,
+      hotelPageUid,
+    },
+    {
+      key: generateRefsResponseTag(lang, hotelPageUid, "hotel_page_campaigns"),
+      ttl: "max",
+    }
+  )
+
+  if (!refsResponse.data) {
+    const notFoundError = notFound(refsResponse)
+    metricsGetCampaignPagesByHotelUidRefs.noDataError()
+    throw notFoundError
+  }
+
+  const validatedRefsData = campaignPagesByHotelUidRefsSchema.safeParse(
+    refsResponse.data
+  )
+  if (!validatedRefsData.success) {
+    metricsGetCampaignPagesByHotelUidRefs.validationError(
+      validatedRefsData.error
+    )
+    return null
+  }
+
+  metricsGetCampaignPagesByHotelUidRefs.success()
+
+  const tags = generateTagsFromSystem(lang, validatedRefsData.data)
+
+  const getCampaignPagesByHotelUidCounter = createCounter(
+    "trpc.contentstack",
+    "campaignPage.byHotelUid.get"
+  )
+  const metricsGetCampaignPagesByHotelUid =
+    getCampaignPagesByHotelUidCounter.init({
+      lang,
+      hotelPageUid,
+    })
+
+  metricsGetCampaignPagesByHotelUid.start()
+
+  const response = await request<GetCampaignPagesByHotelUidData>(
+    GetCampaignPagesByHotelUid,
+    {
+      locale: lang,
+      hotelPageUid,
+    },
+    {
+      key: tags,
+      ttl: "max",
+    }
+  )
+
+  if (!response.data) {
+    metricsGetCampaignPagesByHotelUid.noDataError()
+    return null
+  }
+
+  const validatedResponse = campaignPagesByHotelUidSchema.safeParse(
+    response.data
+  )
+
+  if (!validatedResponse.success) {
+    metricsGetCampaignPagesByHotelUid.validationError(validatedResponse.error)
+    return null
+  }
+
+  metricsGetCampaignPagesByHotelUid.success()
+
+  return validatedResponse.data
+}