fix: sync current header with static-pages

server/routers/contentstack/config/index.ts

@@ -0,0 +1,5 @@
+import { mergeRouters } from "@/server/trpc"
+
+import { configQueryRouter } from "./query"
+
+export const configRouter = mergeRouters(configQueryRouter)

server/routers/contentstack/config/output.ts

@@ -0,0 +1,120 @@
+import { z } from "zod"
+
+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
+}
+
+export const validateHeaderConfigSchema = 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(),
+                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(),
+              }),
+            })
+          ),
+        }),
+        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 HeaderDataRaw = z.infer<typeof validateHeaderConfigSchema>
+
+export type HeaderData = Omit<
+  HeaderDataRaw["all_current_header"]["items"][0],
+  "logoConnection"
+> & {
+  logo: Image
+}

server/routers/contentstack/config/query.ts

@@ -0,0 +1,66 @@
+import { GetContactConfig } from "@/lib/graphql/Query/ContactConfig.graphql"
+import { GetCurrentHeader } from "@/lib/graphql/Query/CurrentHeader.graphql"
+import { request } from "@/lib/graphql/request"
+import { internalServerError, notFound } from "@/server/errors/trpc"
+import { contentstackProcedure, publicProcedure, router } from "@/server/trpc"
+
+import {
+  type ContactConfigData,
+  HeaderData,
+  HeaderDataRaw,
+  validateContactConfigSchema,
+  validateHeaderConfigSchema,
+} from "./output"
+
+export const configQueryRouter = router({
+  contact: contentstackProcedure.query(async ({ ctx }) => {
+    const { lang } = ctx
+
+    const response = await request<ContactConfigData>(GetContactConfig, {
+      locale: lang,
+    })
+
+    if (!response.data) {
+      throw notFound(response)
+    }
+
+    const validatedContactConfigConfig = validateContactConfigSchema.safeParse(
+      response.data
+    )
+
+    if (!validatedContactConfigConfig.success) {
+      throw internalServerError(validatedContactConfigConfig.error)
+    }
+
+    return validatedContactConfigConfig.data.all_contact_config.items[0]
+  }),
+  header: publicProcedure.query(async ({ ctx }) => {
+    console.log({ ctx })
+    const response = await request<HeaderDataRaw>(
+      GetCurrentHeader,
+      { locale: ctx.lang },
+      { next: { tags: [`header-${ctx.lang}`] } }
+    )
+
+    if (!response.data) {
+      throw notFound(response)
+    }
+
+    const validatedHeaderConfig = validateHeaderConfigSchema.safeParse(
+      response.data
+    )
+
+    if (!validatedHeaderConfig.success) {
+      throw internalServerError(validatedHeaderConfig.error)
+    }
+
+    const logo =
+      validatedHeaderConfig.data.all_current_header.items[0].logoConnection
+        .edges?.[0]?.node
+
+    return {
+      ...validatedHeaderConfig.data.all_current_header.items[0],
+      logo,
+    } as HeaderData
+  }),
+})