450 lines
12 KiB
TypeScript
450 lines
12 KiB
TypeScript
import { z } from "zod"
|
|
|
|
import { Lang } from "@/constants/languages"
|
|
|
|
import { removeMultipleSlashes } from "@/utils/url"
|
|
|
|
import { imageVaultAssetTransformedSchema } from "../schemas/imageVault"
|
|
|
|
import { Image } from "@/types/image"
|
|
|
|
// Help me write this zod schema based on the type ContactConfig
|
|
export const validateContactConfigSchema = z.object({
|
|
all_contact_config: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
email: z.object({
|
|
name: z.string().nullable(),
|
|
address: z.string().nullable(),
|
|
}),
|
|
email_loyalty: z.object({
|
|
name: z.string().nullable(),
|
|
address: z.string().nullable(),
|
|
}),
|
|
mailing_address: z.object({
|
|
zip: z.string().nullable(),
|
|
street: z.string().nullable(),
|
|
name: z.string().nullable(),
|
|
city: z.string().nullable(),
|
|
country: z.string().nullable(),
|
|
}),
|
|
phone: z.object({
|
|
number: z.string().nullable(),
|
|
name: z.string().nullable(),
|
|
}),
|
|
phone_loyalty: z.object({
|
|
number: z.string().nullable(),
|
|
name: z.string().nullable(),
|
|
}),
|
|
visiting_address: z.object({
|
|
zip: z.string().nullable(),
|
|
country: z.string().nullable(),
|
|
city: z.string().nullable(),
|
|
street: z.string().nullable(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
|
|
export enum ContactFieldGroupsEnum {
|
|
email = "email",
|
|
email_loyalty = "email_loyalty",
|
|
mailing_address = "mailing_address",
|
|
phone = "phone",
|
|
phone_loyalty = "phone_loyalty",
|
|
visiting_address = "visiting_address",
|
|
}
|
|
|
|
export type ContactFieldGroups = keyof typeof ContactFieldGroupsEnum
|
|
|
|
export type ContactConfigData = z.infer<typeof validateContactConfigSchema>
|
|
|
|
export type ContactConfig = ContactConfigData["all_contact_config"]["items"][0]
|
|
|
|
export type ContactFields = {
|
|
display_text: string | null
|
|
contact_field: string
|
|
footnote: string | null
|
|
}
|
|
|
|
export const validateCurrentHeaderConfigSchema = z.object({
|
|
all_current_header: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
frontpage_link_text: z.string(),
|
|
logoConnection: z.object({
|
|
edges: z.array(
|
|
z.object({
|
|
node: z.object({
|
|
description: z.string().optional().nullable(),
|
|
dimension: z.object({
|
|
height: z.number(),
|
|
width: z.number(),
|
|
}),
|
|
metadata: z.any().nullable(),
|
|
system: z.object({
|
|
uid: z.string(),
|
|
}),
|
|
title: z.string().nullable(),
|
|
url: z.string().nullable(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
menu: z.object({
|
|
links: z.array(
|
|
z.object({
|
|
href: z.string(),
|
|
title: z.string(),
|
|
})
|
|
),
|
|
}),
|
|
top_menu: z.object({
|
|
links: z.array(
|
|
z.object({
|
|
link: z.object({
|
|
href: z.string(),
|
|
title: z.string(),
|
|
}),
|
|
show_on_mobile: z.boolean(),
|
|
sort_order_mobile: z.number(),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
|
|
export type CurrentHeaderDataRaw = z.infer<
|
|
typeof validateCurrentHeaderConfigSchema
|
|
>
|
|
|
|
export type CurrentHeaderData = Omit<
|
|
CurrentHeaderDataRaw["all_current_header"]["items"][0],
|
|
"logoConnection"
|
|
> & {
|
|
logo: Image
|
|
}
|
|
|
|
const validateCurrentHeaderRefConfigSchema = z.object({
|
|
all_current_header: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
system: z.object({
|
|
content_type_uid: z.string(),
|
|
uid: z.string(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
|
|
export type CurrentHeaderRefDataRaw = z.infer<
|
|
typeof validateCurrentHeaderRefConfigSchema
|
|
>
|
|
|
|
const validateAppDownload = z.object({
|
|
href: z.string(),
|
|
imageConnection: z.object({
|
|
edges: z.array(
|
|
z.object({
|
|
node: z.object({
|
|
description: z.string().optional().nullable(),
|
|
dimension: z.object({
|
|
height: z.number(),
|
|
width: z.number(),
|
|
}),
|
|
metadata: z.any().nullable(),
|
|
system: z.object({
|
|
uid: z.string(),
|
|
}),
|
|
title: z.string(),
|
|
url: z.string(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
|
|
const validateNavigationItem = z.object({
|
|
links: z.array(z.object({ href: z.string(), title: z.string() })),
|
|
title: z.string(),
|
|
})
|
|
|
|
export type NavigationItem = z.infer<typeof validateNavigationItem>
|
|
|
|
export const validateFooterConfigSchema = z.object({
|
|
all_current_footer: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
title: z.string(),
|
|
about: z.object({
|
|
title: z.string(),
|
|
text: z.string(),
|
|
}),
|
|
app_downloads: z.object({
|
|
title: z.string(),
|
|
app_store: validateAppDownload,
|
|
google_play: validateAppDownload,
|
|
}),
|
|
logoConnection: z.object({
|
|
edges: z.array(
|
|
z.object({
|
|
node: z.object({
|
|
description: z.string().optional().nullable(),
|
|
dimension: z.object({
|
|
height: z.number(),
|
|
width: z.number(),
|
|
}),
|
|
metadata: z.any().nullable(),
|
|
system: z.object({
|
|
uid: z.string(),
|
|
}),
|
|
title: z.string(),
|
|
url: z.string(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
navigation: z.array(validateNavigationItem),
|
|
social_media: z.object({
|
|
title: z.string(),
|
|
facebook: z.object({ href: z.string(), title: z.string() }),
|
|
instagram: z.object({ href: z.string(), title: z.string() }),
|
|
twitter: z.object({ href: z.string(), title: z.string() }),
|
|
}),
|
|
trip_advisor: z.object({
|
|
title: z.string(),
|
|
logoConnection: z.object({
|
|
edges: z.array(
|
|
z.object({
|
|
node: z.object({
|
|
description: z.string().optional().nullable(),
|
|
dimension: z.object({
|
|
height: z.number(),
|
|
width: z.number(),
|
|
}),
|
|
metadata: z.any().nullable(),
|
|
system: z.object({
|
|
uid: z.string(),
|
|
}),
|
|
title: z.string(),
|
|
url: z.string(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
|
|
export type FooterDataRaw = z.infer<typeof validateFooterConfigSchema>
|
|
|
|
export type FooterData = Omit<
|
|
FooterDataRaw["all_current_footer"]["items"][0],
|
|
"logoConnection"
|
|
> & {
|
|
logo: Image
|
|
}
|
|
|
|
const validateFooterRefConfigSchema = z.object({
|
|
all_current_footer: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
system: z.object({
|
|
content_type_uid: z.string(),
|
|
uid: z.string(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
|
|
export type FooterRefDataRaw = z.infer<typeof validateFooterRefConfigSchema>
|
|
|
|
const linkConnectionNodeSchema = z
|
|
.object({
|
|
edges: z.array(
|
|
z.object({
|
|
node: z.object({
|
|
system: z.object({
|
|
uid: z.string(),
|
|
locale: z.nativeEnum(Lang),
|
|
}),
|
|
url: z.string(),
|
|
title: z.string(),
|
|
web: z.object({
|
|
original_url: z.string().nullable().optional(),
|
|
}),
|
|
}),
|
|
})
|
|
),
|
|
})
|
|
.transform((rawData) => {
|
|
const node = rawData.edges[0]?.node
|
|
if (!node) {
|
|
return null
|
|
}
|
|
const url = node.url
|
|
const originalUrl = node.web?.original_url
|
|
const lang = node.system.locale
|
|
return { originalUrl, url: removeMultipleSlashes(`/${lang}/${url}`) }
|
|
})
|
|
|
|
const internalExternalLinkSchema = z
|
|
.object({
|
|
external_link: z.object({
|
|
href: z.string(),
|
|
title: z.string(),
|
|
}),
|
|
is_external_link: z.boolean(),
|
|
open_in_new_tab: z.boolean(),
|
|
page_link: z.object({
|
|
link_title: z.string(),
|
|
linkConnection: linkConnectionNodeSchema,
|
|
}),
|
|
})
|
|
.transform((rawData) => {
|
|
if (!rawData) {
|
|
return null
|
|
}
|
|
|
|
const linkConnectionData = rawData.page_link.linkConnection
|
|
const isExternalLink =
|
|
rawData.is_external_link && rawData.external_link.href
|
|
const isOriginalLink = linkConnectionData?.originalUrl
|
|
const externalLink = rawData.external_link
|
|
const href =
|
|
isExternalLink || !linkConnectionData
|
|
? externalLink.href
|
|
: linkConnectionData.originalUrl || linkConnectionData.url
|
|
const title = isExternalLink
|
|
? externalLink.title
|
|
: rawData.page_link.link_title
|
|
|
|
return {
|
|
openInNewTab: rawData.open_in_new_tab,
|
|
title,
|
|
href,
|
|
isExternal: !!(isExternalLink || isOriginalLink),
|
|
}
|
|
})
|
|
|
|
const cardButtonSchema = z
|
|
.object({
|
|
cta_text: z.string(),
|
|
external_link: z.object({
|
|
href: z.string(),
|
|
title: z.string(),
|
|
}),
|
|
is_contentstack_link: z.boolean(),
|
|
linkConnection: linkConnectionNodeSchema,
|
|
open_in_new_tab: z.boolean(),
|
|
})
|
|
.transform((rawData) => {
|
|
if (!rawData) {
|
|
return null
|
|
}
|
|
|
|
const linkConnectionData = rawData.linkConnection
|
|
const isExternalLink = !rawData.is_contentstack_link
|
|
const externalLink = rawData.external_link
|
|
const href =
|
|
isExternalLink || !linkConnectionData
|
|
? externalLink.href
|
|
: linkConnectionData.originalUrl || linkConnectionData.url
|
|
const title = isExternalLink ? externalLink.title : rawData.cta_text
|
|
|
|
return {
|
|
openInNewTab: rawData.open_in_new_tab,
|
|
title,
|
|
href,
|
|
isExternal: !!(isExternalLink || linkConnectionData?.originalUrl),
|
|
}
|
|
})
|
|
|
|
const cardSchema = z
|
|
.object({
|
|
heading: z.string(),
|
|
body_text: z.string(),
|
|
background_image: imageVaultAssetTransformedSchema,
|
|
has_primary_button: z.boolean(),
|
|
has_secondary_button: z.boolean(),
|
|
scripted_top_title: z.string(),
|
|
primary_button: cardButtonSchema,
|
|
secondary_button: cardButtonSchema,
|
|
})
|
|
.transform((rawData) => {
|
|
return {
|
|
scriptedTopTitle: rawData.scripted_top_title,
|
|
heading: rawData.heading,
|
|
bodyText: rawData.body_text,
|
|
backgroundImage: rawData.background_image,
|
|
primaryButton: rawData.has_primary_button ? rawData.primary_button : null,
|
|
secondaryButton: rawData.has_secondary_button
|
|
? rawData.secondary_button
|
|
: null,
|
|
}
|
|
})
|
|
|
|
const menuItemSchema = z
|
|
.object({
|
|
title: z.string(),
|
|
link: internalExternalLinkSchema,
|
|
submenu: z.array(
|
|
z.object({
|
|
title: z.string(),
|
|
links: z.array(internalExternalLinkSchema),
|
|
})
|
|
),
|
|
see_all_link: internalExternalLinkSchema,
|
|
cardConnection: z.object({
|
|
edges: z.array(z.object({ node: cardSchema })),
|
|
}),
|
|
})
|
|
.transform((rawData) => {
|
|
return {
|
|
link: rawData.submenu.length ? null : rawData.link,
|
|
seeAllLink: rawData.submenu.length ? rawData.see_all_link : null,
|
|
submenu: rawData.submenu,
|
|
card: rawData.cardConnection.edges[0]?.node,
|
|
}
|
|
})
|
|
|
|
export const getHeaderSchema = z
|
|
.object({
|
|
all_header: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
top_link: internalExternalLinkSchema.optional(),
|
|
menu_items: z.array(menuItemSchema),
|
|
})
|
|
),
|
|
}),
|
|
})
|
|
.transform((rawData) => {
|
|
const { top_link, menu_items } = rawData.all_header.items[0]
|
|
|
|
return {
|
|
topLink: top_link,
|
|
menuItems: menu_items,
|
|
}
|
|
})
|
|
|
|
export const getHeaderRefSchema = z.object({
|
|
all_header: z.object({
|
|
items: z.array(
|
|
z.object({
|
|
system: z.object({
|
|
content_type_uid: z.string(),
|
|
uid: z.string(),
|
|
}),
|
|
})
|
|
),
|
|
}),
|
|
})
|