Merged in feat/SW-1384-filterable-carousel-cards (pull request #1235)

feat(SW-1384): add CarouselCards block to start page * feat(SW-1384): add filterable carousel cards block to start page * fix(SW-1384): remove unnecessary link prop from SectionHeader * fix(SW-1384): remove uneeded undefined * fix(SW-1384): better type safety * feat(SW-1384): Add see all link to filterable carousel cards section header * refactor(SW-1384): Replace FilterableCarouselCards with CarouselCards block * fix(SW-1384): Remove CardsEnumType type definition * fix(SW-1384):Implement code review feedback to CarouselCards * refactor(SW-1384): Convert CarouselCardFilterEnum to const enum with type Approved-by: Christian Andolf
2025-02-04 10:59:17 +00:00
parent 8b475e0ca8
commit 2e311be924
21 changed files with 764 additions and 177 deletions
@@ -0,0 +1,44 @@
+import { z } from "zod"
+
+import { tempImageVaultAssetSchema } from "../../imageVault"
+import { systemSchema } from "../../system"
+import { buttonSchema } from "../utils/buttonLinkSchema"
+import { linkConnectionRefsSchema } from "../utils/linkConnection"
+
+import { CardsEnum } from "@/types/enums/cards"
+
+export const contentCardSchema = z.object({
+  __typename: z.literal(CardsEnum.ContentCard),
+  title: z.string(),
+  heading: z.string(),
+  image: tempImageVaultAssetSchema,
+  body_text: z.string(),
+  promo_text: z.string().optional(),
+  has_primary_button: z.boolean(),
+  has_secondary_button: z.boolean(),
+  primary_button: buttonSchema,
+  secondary_button: buttonSchema,
+  system: systemSchema,
+})
+
+export const contentCardRefSchema = z.object({
+  __typename: z.literal(CardsEnum.ContentCard),
+  primary_button: linkConnectionRefsSchema,
+  secondary_button: linkConnectionRefsSchema,
+  system: systemSchema,
+})
+
+export function transformContentCard(card: typeof contentCardSchema._type) {
+  return {
+    __typename: card.__typename,
+    title: card.title,
+    heading: card.heading,
+    image: card.image,
+    bodyText: card.body_text,
+    promoText: card.promo_text,
+    primaryButton: card.has_primary_button ? card.primary_button : undefined,
+    secondaryButton: card.has_secondary_button
+      ? card.secondary_button
+      : undefined,
+  }
+}
@@ -0,0 +1,43 @@
+import { z } from "zod"
+
+import { tempImageVaultAssetSchema } from "../../imageVault"
+import { systemSchema } from "../../system"
+import { buttonSchema } from "../utils/buttonLinkSchema"
+import { linkConnectionRefsSchema } from "../utils/linkConnection"
+
+import { CardsEnum } from "@/types/enums/cards"
+
+export const infoCardBlockSchema = z.object({
+  __typename: z.literal(CardsEnum.InfoCard),
+  scripted_top_title: z.string().optional(),
+  heading: z.string().optional().default(""),
+  body_text: z.string().optional().default(""),
+  image: tempImageVaultAssetSchema,
+  title: z.string().optional(),
+  primary_button: buttonSchema.optional().nullable(),
+  secondary_button: buttonSchema.optional().nullable(),
+  system: systemSchema,
+})
+
+export function transformInfoCardBlock(card: typeof infoCardBlockSchema._type) {
+  return {
+    __typename: card.__typename,
+    scriptedTopTitle: card.scripted_top_title,
+    heading: card.heading,
+    bodyText: card.body_text,
+    image: card.image,
+    title: card.title,
+    primaryButton: card.primary_button?.href ? card.primary_button : undefined,
+    secondaryButton: card.secondary_button?.href
+      ? card.secondary_button
+      : undefined,
+    system: card.system,
+  }
+}
+
+export const infoCardBlockRefsSchema = z.object({
+  __typename: z.literal(CardsEnum.InfoCard),
+  primary_button: linkConnectionRefsSchema,
+  secondary_button: linkConnectionRefsSchema,
+  system: systemSchema,
+})
@@ -0,0 +1,25 @@
+import { z } from "zod"
+
+import { tempImageVaultAssetSchema } from "../../imageVault"
+import { systemSchema } from "../../system"
+import { buttonSchema } from "../utils/buttonLinkSchema"
+import { linkConnectionRefsSchema } from "../utils/linkConnection"
+
+import { CardsEnum } from "@/types/enums/cards"
+
+export const loyaltyCardBlockSchema = z.object({
+  __typename: z.literal(CardsEnum.LoyaltyCard),
+  body_text: z.string().optional(),
+  heading: z.string().optional().default(""),
+  // JSON - ImageVault Image
+  image: tempImageVaultAssetSchema,
+  link: buttonSchema,
+  system: systemSchema,
+  title: z.string().optional(),
+})
+
+export const loyaltyCardBlockRefsSchema = z.object({
+  __typename: z.literal(CardsEnum.LoyaltyCard),
+  link: linkConnectionRefsSchema,
+  system: systemSchema,
+})
@@ -0,0 +1,121 @@
+import { z } from "zod"
+
+import { tempImageVaultAssetSchema } from "../../imageVault"
+import {
+  accountPageSchema,
+  collectionPageSchema,
+  contentPageSchema,
+  destinationCityPageSchema,
+  destinationCountryPageSchema,
+  destinationOverviewPageSchema,
+  hotelPageSchema,
+  loyaltyPageSchema,
+  startPageSchema,
+  transformPageLink,
+} from "../../pageLinks"
+import { systemSchema } from "../../system"
+import { imageSchema } from "../image"
+import { imageContainerSchema } from "../imageContainer"
+import { buttonSchema } from "../utils/buttonLinkSchema"
+import { linkConnectionRefsSchema } from "../utils/linkConnection"
+
+import { CardsEnum } from "@/types/enums/cards"
+
+export const teaserCardBlockSchema = z.object({
+  __typename: z.literal(CardsEnum.TeaserCard),
+  heading: z.string().default(""),
+  body_text: z.string().default(""),
+  image: tempImageVaultAssetSchema,
+  primary_button: buttonSchema,
+  secondary_button: buttonSchema,
+  has_primary_button: z.boolean().default(false),
+  has_secondary_button: z.boolean().default(false),
+  has_sidepeek_button: z.boolean().default(false),
+  sidepeek_button: z
+    .object({
+      call_to_action_text: z.string().optional().default(""),
+    })
+    .optional(),
+  sidepeek_content: z
+    .object({
+      heading: z.string(),
+      content: z.object({
+        json: z.any(),
+        embedded_itemsConnection: z.object({
+          edges: z.array(
+            z.object({
+              node: z
+                .discriminatedUnion("__typename", [
+                  imageContainerSchema,
+                  imageSchema,
+                  accountPageSchema,
+                  collectionPageSchema,
+                  contentPageSchema,
+                  destinationCityPageSchema,
+                  destinationCountryPageSchema,
+                  destinationOverviewPageSchema,
+                  hotelPageSchema,
+                  loyaltyPageSchema,
+                  startPageSchema,
+                ])
+                .transform((data) => {
+                  const link = transformPageLink(data)
+                  if (link) {
+                    return link
+                  }
+                  return data
+                }),
+            })
+          ),
+        }),
+      }),
+      has_primary_button: z.boolean().default(false),
+      primary_button: buttonSchema,
+      has_secondary_button: z.boolean().default(false),
+      secondary_button: buttonSchema,
+    })
+    .optional()
+    .transform((data) => {
+      if (!data) {
+        return
+      }
+
+      return {
+        ...data,
+        primary_button: data.has_primary_button
+          ? data.primary_button
+          : undefined,
+        secondary_button: data.has_secondary_button
+          ? data.secondary_button
+          : undefined,
+      }
+    }),
+  system: systemSchema,
+})
+
+export function transformTeaserCardBlock(
+  card: typeof teaserCardBlockSchema._type
+) {
+  return {
+    __typename: card.__typename,
+    body_text: card.body_text,
+    heading: card.heading,
+    primaryButton: card.has_primary_button ? card.primary_button : undefined,
+    secondaryButton: card.has_secondary_button
+      ? card.secondary_button
+      : undefined,
+    sidePeekButton: card.has_sidepeek_button ? card.sidepeek_button : undefined,
+    sidePeekContent: card.has_sidepeek_button
+      ? card.sidepeek_content
+      : undefined,
+    image: card.image,
+    system: card.system,
+  }
+}
+
+export const teaserCardBlockRefsSchema = z.object({
+  __typename: z.literal(CardsEnum.TeaserCard),
+  primary_button: linkConnectionRefsSchema,
+  secondary_button: linkConnectionRefsSchema,
+  system: systemSchema,
+})