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

server/routers/contentstack/accountPage/query.ts

@@ -4,7 +4,8 @@ import { Lang } from "@/constants/languages"
 import {
   GetAccountPage,
   GetAccountPageRefs,
-} from "@/lib/graphql/Query/AccountPage.graphql"
+} from "@/lib/graphql/Query/AccountPage/AccountPage.graphql"
+import { GetMyPagesMetaData } from "@/lib/graphql/Query/AccountPage/MetaData.graphql"
 import { request } from "@/lib/graphql/request"
 import { notFound } from "@/server/errors/trpc"
 import { contentstackExtendedProcedureUID, router } from "@/server/trpc"
@@ -12,27 +13,27 @@ import { contentstackExtendedProcedureUID, router } from "@/server/trpc"
 import {
   generateRefsResponseTag,
   generateTag,
-  generateTags,
+  generateTagsFromSystem,
 } from "@/utils/generateTag"
 
 import { removeEmptyObjects } from "../../utils"
+import { getMetaData, getResponse } from "../metadata/utils"
 import {
-  type AccountPage,
-  AccountPageDataRaw,
-  AccountPageRefsDataRaw,
-  validateAccountPageRefsSchema,
-  validateAccountPageSchema,
+  accountPageMetadataSchema,
+  accountPageRefsSchema,
+  accountPageSchema,
 } from "./output"
 import { getConnections } from "./utils"
 
-import { ContentEntries } from "@/types/components/myPages/myPage/enums"
 import {
   TrackingChannelEnum,
-  TrackingSDKPageData,
+  type TrackingSDKPageData,
 } from "@/types/components/tracking"
-import { Embeds } from "@/types/requests/embeds"
-import { Edges } from "@/types/requests/utils/edges"
-import { RTEDocument } from "@/types/rte/node"
+import type {
+  GetAccountpageMetadata,
+  GetAccountPageRefsSchema,
+  GetAccountPageSchema,
+} from "@/types/trpc/routers/contentstack/accountPage"
 
 const meter = metrics.getMeter("trpc.accountPage")
 
@@ -64,7 +65,7 @@ export const accountPageQueryRouter = router({
       "contentstack.accountPage.refs start",
       JSON.stringify({ query: { lang, uid } })
     )
-    const refsResponse = await request<AccountPageRefsDataRaw>(
+    const refsResponse = await request<GetAccountPageRefsSchema>(
       GetAccountPageRefs,
       {
         locale: lang,
@@ -96,10 +97,9 @@ export const accountPageQueryRouter = router({
       throw notFoundError
     }
 
-    const cleanedData = removeEmptyObjects(refsResponse.data)
-
-    const validatedAccountPageRefs =
-      validateAccountPageRefsSchema.safeParse(cleanedData)
+    const validatedAccountPageRefs = accountPageRefsSchema.safeParse(
+      refsResponse.data
+    )
     if (!validatedAccountPageRefs.success) {
       getAccountPageRefsFailCounter.add(1, {
         lang,
@@ -120,7 +120,7 @@ export const accountPageQueryRouter = router({
     const connections = getConnections(validatedAccountPageRefs.data)
 
     const tags = [
-      generateTags(lang, connections),
+      generateTagsFromSystem(lang, connections),
       generateTag(lang, validatedAccountPageRefs.data.account_page.system.uid),
     ].flat()
     getAccountPageRefsSuccessCounter.add(1, { lang, uid, tags })
@@ -129,7 +129,7 @@ export const accountPageQueryRouter = router({
       "contentstack.accountPage start",
       JSON.stringify({ query: { lang, uid } })
     )
-    const response = await request<AccountPageDataRaw>(
+    const response = await request<GetAccountPageSchema>(
       GetAccountPage,
       {
         locale: lang,
@@ -161,9 +161,7 @@ export const accountPageQueryRouter = router({
       throw notFoundError
     }
 
-    const validatedAccountPage = validateAccountPageSchema.safeParse(
-      response.data
-    )
+    const validatedAccountPage = accountPageSchema.safeParse(response.data)
 
     if (!validatedAccountPage.success) {
       getAccountPageFailCounter.add(1, {
@@ -186,48 +184,6 @@ export const accountPageQueryRouter = router({
       "contentstack.accountPage success",
       JSON.stringify({ query: { lang, uid } })
     )
-    // TODO: Make returned data nicer
-    const content = validatedAccountPage.data.account_page.content.map(
-      (block) => {
-        switch (block.__typename) {
-          case ContentEntries.AccountPageContentDynamicContent:
-            return block
-          case ContentEntries.AccountPageContentShortcuts:
-            return {
-              ...block,
-              shortcuts: {
-                ...block.shortcuts,
-                shortcuts: block.shortcuts.shortcuts.map((shortcut) => ({
-                  text: shortcut.text,
-                  openInNewTab: shortcut.open_in_new_tab,
-                  ...shortcut.linkConnection.edges[0].node,
-                  url:
-                    shortcut.linkConnection.edges[0].node.original_url ||
-                    `/${shortcut.linkConnection.edges[0].node.system.locale}${shortcut.linkConnection.edges[0].node.url}`,
-                })),
-              },
-            }
-          case ContentEntries.AccountPageContentTextContent:
-            return {
-              ...block,
-              text_content: {
-                content: {
-                  json: block.text_content.content.json as RTEDocument,
-                  embedded_itemsConnection: block.text_content.content
-                    .embedded_itemsConnection as Edges<Embeds>,
-                },
-              },
-            }
-          default:
-            return null
-        }
-      }
-    )
-
-    const accountPage = {
-      ...validatedAccountPage.data.account_page,
-      content,
-    } as AccountPage
 
     const parsedtitle = response.data.account_page.title
       .replaceAll(" ", "")
@@ -243,8 +199,34 @@ export const accountPageQueryRouter = router({
     }
 
     return {
-      accountPage,
+      accountPage: validatedAccountPage.data.account_page,
       tracking,
     }
   }),
+  metadata: router({
+    get: contentstackExtendedProcedureUID.query(async ({ ctx }) => {
+      const variables = {
+        locale: ctx.lang,
+        uid: ctx.uid,
+      }
+      const response = await getResponse<GetAccountpageMetadata>(
+        GetMyPagesMetaData,
+        variables
+      )
+
+      const validatedMetadata = accountPageMetadataSchema.safeParse(
+        response.data
+      )
+
+      if (!validatedMetadata.success) {
+        console.error(
+          `Failed to validate My Page MetaData Data - (uid: ${variables.uid})`
+        )
+        console.error(validatedMetadata.error)
+        return null
+      }
+
+      return getMetaData(validatedMetadata.data.account_page)
+    }),
+  }),
 })