feat(SW-66, SW-348): search functionality and ui

server/routers/contentstack/loyaltyPage/output.ts

@@ -1,432 +1,192 @@
 import { z } from "zod"
 
-import { Lang } from "@/constants/languages"
+import { discriminatedUnionArray } from "@/lib/discriminatedUnion"
 
-import { imageVaultAssetSchema } from "../schemas/imageVault"
-
-import { ImageVaultAsset } from "@/types/components/imageVault"
 import {
-  JoinLoyaltyContactTypenameEnum,
-  LoyaltyBlocksTypenameEnum,
-  LoyaltyCardsGridEnum,
-  LoyaltyComponentEnum,
-  LoyaltySidebarDynamicComponentEnum,
-  SidebarTypenameEnum,
-} from "@/types/components/loyalty/enums"
-import { Embeds } from "@/types/requests/embeds"
-import { PageLinkEnum } from "@/types/requests/pageLinks"
-import { RTEEmbedsEnum } from "@/types/requests/rte"
-import { EdgesWithTotalCount } from "@/types/requests/utils/edges"
-import { RTEDocument } from "@/types/rte/node"
+  cardGridRefsSchema,
+  cardsGridSchema,
+} from "../schemas/blocks/cardsGrid"
+import {
+  contentRefsSchema as blockContentRefsSchema,
+  contentSchema as blockContentSchema,
+} from "../schemas/blocks/content"
+import {
+  dynamicContentRefsSchema,
+  dynamicContentSchema as blockDynamicContentSchema,
+} from "../schemas/blocks/dynamicContent"
+import {
+  shortcutsRefsSchema,
+  shortcutsSchema,
+} from "../schemas/blocks/shortcuts"
+import { tempImageVaultAssetSchema } from "../schemas/imageVault"
+import {
+  contentRefsSchema as sidebarContentRefsSchema,
+  contentSchema as sidebarContentSchema,
+} from "../schemas/sidebar/content"
+import { dynamicContentSchema as sidebarDynamicContentSchema } from "../schemas/sidebar/dynamicContent"
+import {
+  joinLoyaltyContactRefsSchema,
+  joinLoyaltyContactSchema,
+} from "../schemas/sidebar/joinLoyaltyContact"
+import { systemSchema } from "../schemas/system"
 
-const loyaltyPageDynamicContent = z.object({
-  __typename: z.literal(
-    LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksDynamicContent
-  ),
-  dynamic_content: z.object({
-    title: z.string().nullable(),
-    subtitle: z.string().nullable(),
-    component: z.nativeEnum(LoyaltyComponentEnum),
-    link: z
-      .object({
-        text: z.string(),
-        href: z.string(),
-      })
-      .optional(),
-  }),
-})
+import { LoyaltyPageEnum } from "@/types/enums/loyaltyPage"
 
-const loyaltyPageShortcuts = z.object({
-  __typename: z.literal(LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksShortcuts),
-  shortcuts: z.object({
-    title: z.string().nullable(),
-    preamble: z.string().nullable(),
-    shortcuts: z.array(
-      z.object({
-        text: z.string().optional(),
-        openInNewTab: z.boolean(),
-        url: z.string(),
-        title: z.string(),
-      })
+// LoyaltyPage Refs
+const extendedCardGridRefsSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.CardsGrid),
+  })
+  .merge(cardGridRefsSchema)
+
+const extendedContentRefsSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.Content),
+  })
+  .merge(blockContentRefsSchema)
+
+const extendedDynamicContentRefsSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.DynamicContent),
+  })
+  .merge(dynamicContentRefsSchema)
+
+const extendedShortcutsRefsSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.Shortcuts),
+  })
+  .merge(shortcutsRefsSchema)
+
+const blocksRefsSchema = z.discriminatedUnion("__typename", [
+  extendedCardGridRefsSchema,
+  extendedContentRefsSchema,
+  extendedDynamicContentRefsSchema,
+  extendedShortcutsRefsSchema,
+])
+
+const contentSidebarRefsSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.sidebar.Content),
+  })
+  .merge(sidebarContentRefsSchema)
+
+const extendedJoinLoyaltyContactRefsSchema = z
+  .object({
+    __typename: z.literal(
+      LoyaltyPageEnum.ContentStack.sidebar.JoinLoyaltyContact
     ),
-  }),
-})
+  })
+  .merge(joinLoyaltyContactRefsSchema)
 
-const cardBlock = z.object({
-  __typename: z.literal(LoyaltyCardsGridEnum.Card),
-  heading: z.string().nullable(),
-  body_text: z.string().nullable(),
-  background_image: z.any(),
-  scripted_top_title: z.string().nullable(),
-  primaryButton: z
-    .object({
-      openInNewTab: z.boolean(),
-      title: z.string(),
-      href: z.string(),
-      isExternal: z.boolean(),
-    })
-    .optional(),
-  secondaryButton: z
-    .object({
-      openInNewTab: z.boolean(),
-      title: z.string(),
-      href: z.string(),
-      isExternal: z.boolean(),
-    })
-    .optional(),
-  system: z.object({
-    locale: z.nativeEnum(Lang),
-    uid: z.string(),
+const sidebarRefsSchema = z.discriminatedUnion("__typename", [
+  contentSidebarRefsSchema,
+  extendedJoinLoyaltyContactRefsSchema,
+  z.object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.sidebar.DynamicContent),
   }),
-})
-
-const loyaltyCardBlock = z.object({
-  __typename: z.literal(LoyaltyCardsGridEnum.LoyaltyCard),
-  heading: z.string().nullable(),
-  body_text: z.string().nullable(),
-  image: z.any(),
-  link: z
-    .object({
-      openInNewTab: z.boolean(),
-      title: z.string(),
-      href: z.string(),
-      isExternal: z.boolean(),
-    })
-    .optional(),
-  system: z.object({
-    locale: z.nativeEnum(Lang),
-    uid: z.string(),
-  }),
-})
-
-const loyaltyPageCardsItems = z.discriminatedUnion("__typename", [
-  loyaltyCardBlock,
-  cardBlock,
 ])
 
-const loyaltyPageCards = z.object({
-  __typename: z.literal(LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksCardsGrid),
-  cards_grid: z.object({
-    title: z.string().nullable(),
-    preamble: z.string().nullable(),
-    layout: z.enum(["twoColumnGrid", "threeColumnGrid", "twoPlusOne"]),
-    theme: z.enum(["one", "two", "three"]).nullable(),
-    cards: z.array(loyaltyPageCardsItems),
-  }),
-})
-
-const loyaltyPageBlockTextContent = z.object({
-  __typename: z.literal(LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksContent),
-  content: z.object({
-    content: z.object({
-      embedded_itemsConnection: z.object({
-        edges: z.array(z.any()),
-        totalCount: z.number(),
+export const loyaltyPageRefsSchema = z.object({
+  loyalty_page: z.object({
+    blocks: discriminatedUnionArray(blocksRefsSchema.options).optional(),
+    sidebar: discriminatedUnionArray(sidebarRefsSchema.options)
+      .optional()
+      .transform((data) => {
+        if (data) {
+          return data.filter(
+            (block) =>
+              block.__typename !==
+              LoyaltyPageEnum.ContentStack.sidebar.DynamicContent
+          )
+        }
+        return data
       }),
-      json: z.any(),
-    }),
+    system: systemSchema,
   }),
 })
 
-const loyaltyPageBlockItem = z.discriminatedUnion("__typename", [
-  loyaltyPageDynamicContent,
-  loyaltyPageBlockTextContent,
-  loyaltyPageShortcuts,
-  loyaltyPageCards,
+// LoyaltyPage
+export const extendedCardsGridSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.CardsGrid),
+  })
+  .merge(cardsGridSchema)
+
+export const extendedContentSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.Content),
+  })
+  .merge(blockContentSchema)
+
+export const extendedDynamicContentSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.DynamicContent),
+  })
+  .merge(blockDynamicContentSchema)
+
+export const extendedShortcutsSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.blocks.Shortcuts),
+  })
+  .merge(shortcutsSchema)
+
+export const blocksSchema = z.discriminatedUnion("__typename", [
+  extendedCardsGridSchema,
+  extendedContentSchema,
+  extendedDynamicContentSchema,
+  extendedShortcutsSchema,
 ])
 
-const loyaltyPageSidebarTextContent = z.object({
-  __typename: z.literal(SidebarTypenameEnum.LoyaltyPageSidebarContent),
-  content: z.object({
-    content: z.object({
-      embedded_itemsConnection: z.object({
-        edges: z.array(z.any()),
-        totalCount: z.number(),
-      }),
-      json: z.any(),
-    }),
-  }),
-})
+const contentSidebarSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.sidebar.Content),
+  })
+  .merge(sidebarContentSchema)
 
-const loyaltyPageJoinLoyaltyContact = z.object({
-  __typename: z.literal(
-    SidebarTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContact
-  ),
-  join_loyalty_contact: z.object({
-    title: z.string().nullable(),
-    preamble: z.string().nullable(),
-    button: z
-      .object({
-        openInNewTab: z.boolean(),
-        title: z.string(),
-        href: z.string(),
-        isExternal: z.boolean(),
-      })
-      .nullable(),
-    contact: z.array(
-      z.object({
-        __typename: z.literal(
-          JoinLoyaltyContactTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContactBlockContactContact
-        ),
-        contact: z.object({
-          display_text: z.string().nullable(),
-          contact_field: z.string(),
-          footnote: z.string().nullable(),
-        }),
-      })
+const dynamicContentSidebarSchema = z
+  .object({
+    __typename: z.literal(LoyaltyPageEnum.ContentStack.sidebar.DynamicContent),
+  })
+  .merge(sidebarDynamicContentSchema)
+
+export const joinLoyaltyContactSidebarSchema = z
+  .object({
+    __typename: z.literal(
+      LoyaltyPageEnum.ContentStack.sidebar.JoinLoyaltyContact
     ),
-  }),
-})
+  })
+  .merge(joinLoyaltyContactSchema)
 
-const loyaltyPageSidebarDynamicContent = z.object({
-  __typename: z.literal(SidebarTypenameEnum.LoyaltyPageSidebarDynamicContent),
-  dynamic_content: z.object({
-    component: z.nativeEnum(LoyaltySidebarDynamicComponentEnum),
-  }),
-})
-
-const loyaltyPageSidebarItem = z.discriminatedUnion("__typename", [
-  loyaltyPageSidebarTextContent,
-  loyaltyPageSidebarDynamicContent,
-  loyaltyPageJoinLoyaltyContact,
+export const sidebarSchema = z.discriminatedUnion("__typename", [
+  contentSidebarSchema,
+  dynamicContentSidebarSchema,
+  joinLoyaltyContactSidebarSchema,
 ])
 
-export const validateLoyaltyPageSchema = z.object({
-  heading: z.string().nullable(),
-  preamble: z.string().nullable(),
-  hero_image: imageVaultAssetSchema.nullable().optional(),
-  blocks: z.array(loyaltyPageBlockItem).nullable(),
-  sidebar: z.array(loyaltyPageSidebarItem).nullable(),
-  system: z.object({
-    uid: z.string(),
-    locale: z.nativeEnum(Lang),
-    created_at: z.string(),
-    updated_at: z.string(),
-  }),
-})
-
-// Block types
-export type DynamicContent = z.infer<typeof loyaltyPageDynamicContent>
-
-type BlockContentRaw = z.infer<typeof loyaltyPageBlockTextContent>
-export interface RteBlockContent extends BlockContentRaw {
-  content: {
-    content: {
-      json: RTEDocument
-      embedded_itemsConnection: EdgesWithTotalCount<Embeds>
-    }
-  }
-}
-
-type LoyaltyCardRaw = z.infer<typeof loyaltyCardBlock>
-
-type LoyaltyCard = Omit<LoyaltyCardRaw, "image"> & {
-  image?: ImageVaultAsset
-}
-
-type CardRaw = z.infer<typeof cardBlock>
-
-type Card = Omit<CardRaw, "background_image"> & {
-  backgroundImage?: ImageVaultAsset
-}
-
-type CardsGridRaw = z.infer<typeof loyaltyPageCards>
-
-export type CardsGrid = Omit<CardsGridRaw, "cards"> & {
-  cards: (LoyaltyCard | Card)[]
-}
-
-export type CardsRaw = CardsGrid["cards_grid"]["cards"][number]
-
-export type Shortcuts = z.infer<typeof loyaltyPageShortcuts>
-
-export type Block = RteBlockContent | DynamicContent | Shortcuts | CardsGrid
-
-// Sidebar block types
-type SidebarContentRaw = z.infer<typeof loyaltyPageSidebarTextContent>
-
-export type RteSidebarContent = Omit<SidebarContentRaw, "content"> & {
-  content: {
-    content: {
-      json: RTEDocument
-      embedded_itemsConnection: EdgesWithTotalCount<Embeds>
-    }
-  }
-}
-type SideBarDynamicContent = z.infer<typeof loyaltyPageSidebarDynamicContent>
-
-export type JoinLoyaltyContact = z.infer<typeof loyaltyPageJoinLoyaltyContact>
-export type Sidebar =
-  | JoinLoyaltyContact
-  | RteSidebarContent
-  | SideBarDynamicContent
-type LoyaltyPageDataRaw = z.infer<typeof validateLoyaltyPageSchema>
-
-export type LoyaltyPage = Omit<
-  LoyaltyPageDataRaw,
-  "blocks" | "sidebar" | "hero_image"
-> & {
-  heroImage?: ImageVaultAsset
-  blocks: Block[]
-  sidebar: Sidebar[]
-}
-
-// Refs types
-const pageConnectionRefs = z.object({
-  edges: z.array(
-    z.object({
-      node: z.object({
-        __typename: z.nativeEnum(PageLinkEnum),
-        system: z.object({
-          content_type_uid: z.string(),
-          uid: z.string(),
-        }),
-      }),
-    })
-  ),
-})
-
-const rteConnectionRefs = z.object({
-  edges: z.array(
-    z.object({
-      node: z.object({
-        __typename: z.nativeEnum(RTEEmbedsEnum),
-        system: z.object({
-          content_type_uid: z.string(),
-          uid: z.string(),
-        }),
-      }),
-    })
-  ),
-})
-
-const cardBlockRefs = z.object({
-  __typename: z.literal(LoyaltyCardsGridEnum.Card),
-  primary_button: z
+export const loyaltyPageSchema = z.object({
+  loyalty_page: z
     .object({
-      linkConnection: pageConnectionRefs,
-    })
-    .nullable(),
-  secondary_button: z
-    .object({
-      linkConnection: pageConnectionRefs,
-    })
-    .nullable(),
-
-  system: z.object({
-    content_type_uid: z.string(),
-    uid: z.string(),
-  }),
-})
-
-const loyaltyCardBlockRefs = z.object({
-  __typename: z.literal(LoyaltyCardsGridEnum.LoyaltyCard),
-  link: z
-    .object({
-      linkConnection: pageConnectionRefs,
-    })
-    .nullable(),
-
-  system: z.object({
-    content_type_uid: z.string(),
-    uid: z.string(),
-  }),
-})
-
-const cardGridCardsRef = z.discriminatedUnion("__typename", [
-  loyaltyCardBlockRefs,
-  cardBlockRefs,
-])
-
-const loyaltyPageCardsRefs = z.object({
-  __typename: z.literal(LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksCardsGrid),
-  cards_grid: z.object({
-    cardConnection: z.object({
-      edges: z.array(
+      blocks: discriminatedUnionArray(blocksSchema.options).nullable(),
+      heading: z.string().optional(),
+      hero_image: tempImageVaultAssetSchema,
+      preamble: z.string().optional(),
+      sidebar: discriminatedUnionArray(sidebarSchema.options).nullable(),
+      title: z.string().optional(),
+      system: systemSchema.merge(
         z.object({
-          node: cardGridCardsRef,
+          created_at: z.string(),
+          updated_at: z.string(),
         })
       ),
+    })
+    .transform((data) => {
+      return {
+        blocks: data.blocks ? data.blocks : [],
+        heading: data.heading,
+        heroImage: data.hero_image,
+        preamble: data.preamble,
+        sidebar: data.sidebar ? data.sidebar : [],
+        system: data.system,
+      }
     }),
-  }),
 })
-
-const loyaltyPageDynamicContentRefs = z.object({
-  __typename: z.literal(
-    LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksDynamicContent
-  ),
-  dynamic_content: z.object({
-    link: z.object({
-      pageConnection: pageConnectionRefs,
-    }),
-  }),
-})
-
-const loyaltyPageShortcutsRefs = z.object({
-  __typename: z.literal(LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksShortcuts),
-  shortcuts: z.object({
-    shortcuts: z.array(
-      z.object({
-        linkConnection: pageConnectionRefs,
-      })
-    ),
-  }),
-})
-
-const loyaltyPageBlockTextContentRefs = z.object({
-  __typename: z.literal(LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksContent),
-  content: z.object({
-    content: z.object({
-      embedded_itemsConnection: rteConnectionRefs,
-    }),
-  }),
-})
-
-const loyaltyPageBlocRefsItem = z.discriminatedUnion("__typename", [
-  loyaltyPageDynamicContentRefs,
-  loyaltyPageBlockTextContentRefs,
-  loyaltyPageShortcutsRefs,
-  loyaltyPageCardsRefs,
-])
-
-const loyaltyPageSidebarTextContentRef = z.object({
-  __typename: z.literal(SidebarTypenameEnum.LoyaltyPageSidebarContent),
-  content: z.object({
-    content: z.object({
-      embedded_itemsConnection: rteConnectionRefs,
-    }),
-  }),
-})
-
-const loyaltyPageSidebarJoinLoyaltyContactRef = z.object({
-  __typename: z.literal(
-    SidebarTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContact
-  ),
-  join_loyalty_contact: z.object({
-    button: z
-      .object({
-        linkConnection: pageConnectionRefs,
-      })
-      .nullable(),
-  }),
-})
-
-const loyaltyPageSidebarRefsItem = z.discriminatedUnion("__typename", [
-  loyaltyPageSidebarTextContentRef,
-  loyaltyPageSidebarJoinLoyaltyContactRef,
-])
-
-export const validateLoyaltyPageRefsSchema = z.object({
-  loyalty_page: z.object({
-    blocks: z.array(loyaltyPageBlocRefsItem).nullable(),
-    sidebar: z.array(loyaltyPageSidebarRefsItem).nullable(),
-    system: z.object({
-      content_type_uid: z.string(),
-      uid: z.string(),
-    }),
-  }),
-})
-
-export type LoyaltyPageRefsDataRaw = z.infer<
-  typeof validateLoyaltyPageRefsSchema
->