feat(SW-3061): Added block for all campaigns

Approved-by: Matilda Landström

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

@@ -0,0 +1,38 @@
+#import "../CampaignPage/Ref.graphql"
+
+fragment AllCampaigns on CampaignOverviewPageBlocksAllCampaigns {
+  all_campaigns {
+    heading
+    preamble
+    campaignsConnection {
+      edges {
+        node {
+          ... on CampaignPage {
+            url
+            card_content {
+              heading
+              image
+              text
+            }
+            system {
+              locale
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment AllCampaignsRefs on CampaignOverviewPageBlocksAllCampaigns {
+  all_campaigns {
+    campaignsConnection {
+      edges {
+        node {
+          __typename
+          ...CampaignPageRef
+        }
+      }
+    }
+  }
+}

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

@@ -3,6 +3,7 @@
 #import "../../Fragments/CampaignOverviewPage/NavigationLinks.graphql"
 #import "../../Fragments/CampaignOverviewPage/TopCampaign.graphql"
 
+#import "../../Fragments/Blocks/AllCampaigns.graphql"
 #import "../../Fragments/Blocks/CarouselCards.graphql"
 #import "../../Fragments/Blocks/HotelListing.graphql"
 
@@ -23,6 +24,7 @@ query GetCampaignOverviewPage($locale: String!, $uid: String!) {
     }
     blocks {
       __typename
+      ...AllCampaigns
       ...CarouselCards_CampaignOverviewPage
       ...HotelListing_CampaignOverviewPage
     }
@@ -52,6 +54,7 @@ query GetCampaignOverviewPageRefs($locale: String!, $uid: String!) {
     blocks {
       __typename
       ...CarouselCards_CampaignOverviewPageRefs
+      ...AllCampaignsRefs
     }
     system {
       ...System

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

@@ -8,6 +8,10 @@ import {
   heroSchema,
   includedHotelsSchema,
 } from "../campaignPage/output"
+import {
+  allCampaignsRefsSchema,
+  allCampaignsSchema,
+} from "../schemas/blocks/allCampaigns"
 import {
   carouselCardsRefsSchema,
   carouselCardsSchema,
@@ -71,6 +75,14 @@ const campaignOverviewPageCarouselCards = z
   })
   .merge(carouselCardsSchema)
 
+const campaignOverviewPageAllCampaigns = z
+  .object({
+    __typename: z.literal(
+      CampaignOverviewPageEnum.ContentStack.blocks.AllCampaigns
+    ),
+  })
+  .merge(allCampaignsSchema)
+
 export const campaignOverviewPageHotelListing = z
   .object({
     __typename: z.literal(
@@ -80,6 +92,7 @@ export const campaignOverviewPageHotelListing = z
   .merge(campaignOverviewPageHotelListingSchema)
 
 export const blocksSchema = z.discriminatedUnion("__typename", [
+  campaignOverviewPageAllCampaigns,
   campaignOverviewPageCarouselCards,
   campaignOverviewPageHotelListing,
 ])
@@ -134,7 +147,16 @@ const campaignOverviewPageCarouselCardsRef = z
   })
   .merge(carouselCardsRefsSchema)
 
+const campaignOverviewPageAllCampaignsRef = z
+  .object({
+    __typename: z.literal(
+      CampaignOverviewPageEnum.ContentStack.blocks.AllCampaigns
+    ),
+  })
+  .merge(allCampaignsRefsSchema)
+
 const blockRefsSchema = z.discriminatedUnion("__typename", [
+  campaignOverviewPageAllCampaignsRef,
   campaignOverviewPageCarouselCardsRef,
 ])
 

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

@@ -45,6 +45,12 @@ export function getConnections({
           })
           break
         }
+        case CampaignOverviewPageEnum.ContentStack.blocks.AllCampaigns: {
+          block.all_campaigns.campaignsConnection.edges.forEach(({ node }) => {
+            connections.push(node.system)
+          })
+          break
+        }
       }
     })
   }

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

@@ -0,0 +1,80 @@
+import { z } from "zod"
+
+import { removeMultipleSlashes } from "@scandic-hotels/common/utils/url"
+
+import { BlocksEnums } from "../../../../types/blocksEnum"
+import { tempImageVaultAssetSchema } from "../imageVault"
+import { campaignPageRefSchema } from "../pageLinks"
+
+export const campaignPageCardSchema = z.object({
+  image: tempImageVaultAssetSchema,
+  heading: z.string(),
+  text: z.string(),
+})
+
+export const allCampaignsSchema = z.object({
+  typename: z
+    .literal(BlocksEnums.block.CampaignOverviewPageAllCampaigns)
+    .optional()
+    .default(BlocksEnums.block.CampaignOverviewPageAllCampaigns),
+  all_campaigns: z
+    .object({
+      heading: z.string(),
+      preamble: z.string().nullish(),
+      campaignsConnection: z.object({
+        edges: z
+          .array(
+            z.object({
+              node: z.object({
+                url: z.string(),
+                card_content: z
+                  .object({
+                    image: tempImageVaultAssetSchema,
+                    heading: z.string().nullish(),
+                    text: z.string().nullish(),
+                  })
+                  .nullish(),
+                system: z.object({
+                  locale: z.string(),
+                }),
+              }),
+            })
+          )
+          .transform((data) => {
+            const mappedCards = data.map(({ node }) => {
+              const { url, card_content } = node
+              if (url && card_content?.image && card_content?.heading) {
+                return {
+                  url: removeMultipleSlashes(`/${node.system.locale}/${url}`),
+                  heading: card_content.heading,
+                  image: card_content.image,
+                  text: card_content.text ?? null,
+                }
+              }
+
+              return null
+            })
+
+            return mappedCards.filter((card) => !!card)
+          }),
+      }),
+    })
+    .transform((data) => {
+      return {
+        ...data,
+        cards: data.campaignsConnection.edges,
+      }
+    }),
+})
+
+export const allCampaignsRefsSchema = z.object({
+  all_campaigns: z.object({
+    campaignsConnection: z.object({
+      edges: z.array(
+        z.object({
+          node: campaignPageRefSchema,
+        })
+      ),
+    }),
+  }),
+})

packages/trpc/lib/types/blocksEnum.ts

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

packages/trpc/lib/types/campaignOverviewPageEnum.ts

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