Merged in feat/LOY-419-highlight-promo-campaigns (pull request #3308)

feat(LOY-419): add promo campaigns to Campaign Overview Page

* feat(LOY-419): add promo campaigns as top campaign and all campaigns

* refactor(LOY-419)


Approved-by: Chuma Mcphoy (We Ahead)

packages/trpc/lib/graphql/Fragments/Blocks/AllCampaigns.graphql.ts

@@ -1,6 +1,7 @@
 import { gql } from "graphql-tag"
 
 import { CampaignPageRef } from "../CampaignPage/Ref.graphql"
+import { PromoCampaignPageRef } from "../PromoCampaignPage/Ref.graphql"
 
 export const AllCampaigns = gql`
   fragment AllCampaigns on CampaignOverviewPageBlocksAllCampaigns {
@@ -21,6 +22,17 @@ export const AllCampaigns = gql`
                 locale
               }
             }
+            ... on PromoCampaignPage {
+              url
+              card_content {
+                heading
+                image
+                text
+              }
+              system {
+                locale
+              }
+            }
           }
         }
       }
@@ -36,10 +48,12 @@ export const AllCampaignsRefs = gql`
           node {
             __typename
             ...CampaignPageRef
+            ...PromoCampaignPageRef
           }
         }
       }
     }
   }
   ${CampaignPageRef}
+  ${PromoCampaignPageRef}
 `

packages/trpc/lib/graphql/Fragments/CampaignOverviewPage/TopCampaign.graphql.ts

@@ -30,3 +30,23 @@ export const TopCampaignRef = gql`
   }
   ${System}
 `
+
+export const TopPromoCampaign = gql`
+  fragment TopPromoCampaign on PromoCampaignPage {
+    url
+    promo_hero {
+      image
+      heading
+      benefits
+    }
+  }
+`
+
+export const TopPromoCampaignRef = gql`
+  fragment TopPromoCampaignRef on PromoCampaignPage {
+    system {
+      ...System
+    }
+  }
+  ${System}
+`

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

@@ -16,6 +16,8 @@ import {
 import {
   TopCampaign,
   TopCampaignRef,
+  TopPromoCampaign,
+  TopPromoCampaignRef,
 } from "../../Fragments/CampaignOverviewPage/TopCampaign.graphql"
 import { System } from "../../Fragments/System.graphql"
 
@@ -33,7 +35,9 @@ export const GetCampaignOverviewPage = gql`
         campaignConnection {
           edges {
             node {
+              __typename
               ...TopCampaign
+              ...TopPromoCampaign
             }
           }
         }
@@ -57,6 +61,7 @@ export const GetCampaignOverviewPage = gql`
   ${System}
   ${NavigationLinks_CampaignOverviewPage}
   ${TopCampaign}
+  ${TopPromoCampaign}
   ${AllCampaigns}
   ${CarouselCards_CampaignOverviewPage}
   ${HotelListing_CampaignOverviewPage}
@@ -73,6 +78,7 @@ export const GetCampaignOverviewPageRefs = gql`
           edges {
             node {
               ...TopCampaignRef
+              ...TopPromoCampaignRef
             }
           }
         }
@@ -90,6 +96,7 @@ export const GetCampaignOverviewPageRefs = gql`
   ${System}
   ${NavigationLinksRef_CampaignOverviewPage}
   ${TopCampaignRef}
+  ${TopPromoCampaignRef}
   ${CarouselCards_CampaignOverviewPageRefs}
   ${AllCampaignsRefs}
 `

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

@@ -2,12 +2,14 @@ import { z } from "zod"
 
 import { CampaignOverviewPageEnum } from "../../../types/campaignOverviewPageEnum"
 import { CampaignPageEnum } from "../../../types/campaignPage"
+import { ContentEnum } from "../../../types/content"
 import { discriminatedUnionArray } from "../../../utils/discriminatedUnion"
 import {
   campaignPageHotelListing,
   heroSchema,
   includedHotelsSchema,
 } from "../campaignPage/output"
+import { promoHeroSchema } from "../promoCampaignPage/output"
 import {
   allCampaignsRefsSchema,
   allCampaignsSchema,
@@ -43,28 +45,69 @@ export const campaignPageBlocksSchema = z.discriminatedUnion("__typename", [
   campaignPageHotelListing,
 ])
 
+const topCampaign = z.object({
+  typename: z
+    .literal(ContentEnum.blocks.CampaignPage)
+    .optional()
+    .default(ContentEnum.blocks.CampaignPage),
+  hero: heroSchema,
+  included_hotels: includedHotelsSchema,
+  blocks: discriminatedUnionArray(campaignPageBlocksSchema.options),
+  url: z.string(),
+})
+
 const topCampaignSchema = z
   .object({
-    hero: heroSchema,
-    included_hotels: includedHotelsSchema,
-    blocks: discriminatedUnionArray(campaignPageBlocksSchema.options),
-    url: z.string(),
+    __typename: z.literal(ContentEnum.blocks.CampaignPage),
   })
-  .transform((data) => {
-    const { blocks, included_hotels, ...rest } = data
-    const hotelListingBlock = blocks.find(
-      (block) =>
-        block.__typename === CampaignPageEnum.ContentStack.blocks.HotelListing
-    )
+  .merge(topCampaign)
 
-    return {
-      ...rest,
-      hotel_listing: {
-        heading: hotelListingBlock?.hotel_listing.heading || "",
-        hotelIds: included_hotels,
-      },
-    }
+export const transformTopCampaign = (data: z.infer<typeof topCampaign>) => {
+  const { blocks, included_hotels, ...rest } = data
+  const hotelListingBlock = blocks?.find(
+    (block) =>
+      block.__typename === CampaignPageEnum.ContentStack.blocks.HotelListing
+  )
+  return {
+    ...rest,
+    __typename: ContentEnum.blocks.CampaignPage,
+    hotel_listing: {
+      heading: hotelListingBlock?.hotel_listing.heading || "",
+      hotelIds: included_hotels,
+    },
+  }
+}
+export const transformedTopCampaign =
+  topCampaignSchema.transform(transformTopCampaign)
+
+const topPromoCampaign = z.object({
+  typename: z
+    .literal(ContentEnum.blocks.PromoCampaignPage)
+    .optional()
+    .default(ContentEnum.blocks.PromoCampaignPage),
+  promo_hero: promoHeroSchema.nullish(),
+  url: z.string(),
+})
+
+const topPromoCampaignSchema = z
+  .object({
+    __typename: z.literal(ContentEnum.blocks.PromoCampaignPage),
   })
+  .merge(topPromoCampaign)
+
+export const transformTopPromoCampaign = (
+  data: z.infer<typeof topPromoCampaign>
+) => {
+  const { promo_hero, ...rest } = data
+  return {
+    ...rest,
+    __typename: ContentEnum.blocks.PromoCampaignPage,
+    hero: promo_hero,
+  }
+}
+export const transformedTopPromoCampaign = topPromoCampaignSchema.transform(
+  transformTopPromoCampaign
+)
 
 const campaignOverviewPageCarouselCards = z
   .object({
@@ -109,9 +152,23 @@ export const campaignOverviewPageSchema = z.object({
         heading: z.string().nullish(),
         campaignConnection: z.object({
           edges: z.array(
-            z.object({
-              node: topCampaignSchema,
-            })
+            z
+              .object({
+                node: z.discriminatedUnion("__typename", [
+                  topCampaignSchema,
+                  topPromoCampaignSchema,
+                ]),
+              })
+              .transform((data) => {
+                if (data.node.__typename === ContentEnum.blocks.CampaignPage) {
+                  return {
+                    node: transformTopCampaign(data.node),
+                  }
+                }
+                return {
+                  node: transformTopPromoCampaign(data.node),
+                }
+              })
           ),
         }),
       }),

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

@@ -4,7 +4,7 @@ import { transformedImageVaultAssetSchema } from "@scandic-hotels/common/utils/i
 import { removeMultipleSlashes } from "@scandic-hotels/common/utils/url"
 
 import { BlocksEnums } from "../../../../types/blocksEnum"
-import { campaignPageRefSchema } from "../pageLinks"
+import { campaignPageRefSchema, promoCampaignPageRefSchema } from "../pageLinks"
 
 export const campaignPageCardSchema = z.object({
   image: transformedImageVaultAssetSchema,
@@ -72,7 +72,10 @@ export const allCampaignsRefsSchema = z.object({
     campaignsConnection: z.object({
       edges: z.array(
         z.object({
-          node: campaignPageRefSchema,
+          node: z.discriminatedUnion("__typename", [
+            campaignPageRefSchema,
+            promoCampaignPageRefSchema,
+          ]),
         })
       ),
     }),

packages/trpc/lib/types/campaignOverviewPage.ts

@@ -3,19 +3,27 @@ import type { z } from "zod"
 import type {
   campaignOverviewPageRefsSchema,
   campaignOverviewPageSchema,
+  transformedTopCampaign,
+  transformedTopPromoCampaign,
 } from "../routers/contentstack/campaignOverviewPage/output"
 
-export interface GetCampaignOverviewPageData
-  extends z.input<typeof campaignOverviewPageSchema> {}
-export interface CampaignOverviewPage
-  extends z.output<typeof campaignOverviewPageSchema> {}
+export interface GetCampaignOverviewPageData extends z.input<
+  typeof campaignOverviewPageSchema
+> {}
+export interface CampaignOverviewPage extends z.output<
+  typeof campaignOverviewPageSchema
+> {}
 export type CampaignOverviewPageData =
   CampaignOverviewPage["campaign_overview_page"]
 
-export interface GetCampaignOverviewPageRefsData
-  extends z.input<typeof campaignOverviewPageRefsSchema> {}
+export type TopCampaign = z.output<typeof transformedTopCampaign>
+export type TopPromoCampaign = z.output<typeof transformedTopPromoCampaign>
+export interface GetCampaignOverviewPageRefsData extends z.input<
+  typeof campaignOverviewPageRefsSchema
+> {}
 
-export interface CampaignOverviewPageRefs
-  extends z.output<typeof campaignOverviewPageRefsSchema> {}
+export interface CampaignOverviewPageRefs extends z.output<
+  typeof campaignOverviewPageRefsSchema
+> {}
 
 export type Block = CampaignOverviewPageData["blocks"][number]