feat(WEB-304): remaning UI from design system primitives

server/routers/contentstack/breadcrumbs/output.ts

@@ -48,10 +48,18 @@ export const validateMyPagesBreadcrumbsRefsContentstackSchema = z.object({
   all_account_page: breadcrumbsRefsItems,
 })
 
+export type GetMyPagesBreadcrumbsRefsData = z.infer<
+  typeof validateMyPagesBreadcrumbsRefsContentstackSchema
+>
+
 export const validateLoyaltyPageBreadcrumbsRefsContentstackSchema = z.object({
   all_loyalty_page: breadcrumbsRefsItems,
 })
 
+export type GetLoyaltyPageBreadcrumbsRefsData = z.infer<
+  typeof validateLoyaltyPageBreadcrumbsContentstackSchema
+>
+
 const page = z.object({
   web: z.object({
     breadcrumbs: z.object({
@@ -91,6 +99,14 @@ export const validateMyPagesBreadcrumbsContentstackSchema = z.object({
   all_account_page: breadcrumbsItems,
 })
 
+export type GetMyPagesBreadcrumbsData = z.infer<
+  typeof validateMyPagesBreadcrumbsContentstackSchema
+>
+
 export const validateLoyaltyPageBreadcrumbsContentstackSchema = z.object({
   all_loyalty_page: breadcrumbsItems,
 })
+
+export type GetLoyaltyPageBreadcrumbsData = z.infer<
+  typeof validateLoyaltyPageBreadcrumbsContentstackSchema
+>

server/routers/contentstack/breadcrumbs/query.ts

@@ -7,9 +7,13 @@ import {
   GetMyPagesBreadcrumbsRefs,
 } from "@/lib/graphql/Query/BreadcrumbsMyPages.graphql"
 import { internalServerError } from "@/server/errors/trpc"
-import { contentstackProcedure, router } from "@/server/trpc"
+import { contentstackExtendedProcedureUID, router } from "@/server/trpc"
 
 import {
+  type GetLoyaltyPageBreadcrumbsData,
+  type GetLoyaltyPageBreadcrumbsRefsData,
+  type GetMyPagesBreadcrumbsData,
+  type GetMyPagesBreadcrumbsRefsData,
   validateLoyaltyPageBreadcrumbsContentstackSchema,
   validateLoyaltyPageBreadcrumbsRefsContentstackSchema,
   validateMyPagesBreadcrumbsContentstackSchema,
@@ -23,12 +27,6 @@ import {
   Variables,
 } from "./utils"
 
-import type {
-  GetLoyaltyPageBreadcrumbsData,
-  GetLoyaltyPageBreadcrumbsRefsData,
-  GetMyPagesBreadcrumbsData,
-  GetMyPagesBreadcrumbsRefsData,
-} from "@/types/requests/myPages/breadcrumbs"
 import { PageTypeEnum } from "@/types/requests/pageType"
 
 async function getLoyaltyPageBreadcrumbs(variables: Variables) {
@@ -111,7 +109,7 @@ async function getMyPagesBreadcrumbs(variables: Variables) {
 }
 
 export const breadcrumbsQueryRouter = router({
-  get: contentstackProcedure.query(async ({ ctx }) => {
+  get: contentstackExtendedProcedureUID.query(async ({ ctx }) => {
     const variables = {
       locale: ctx.lang,
       url: ctx.pathname,

server/routers/contentstack/breadcrumbs/utils.ts

@@ -9,13 +9,12 @@ import {
 } from "@/utils/generateTag"
 import { removeMultipleSlashes } from "@/utils/url"
 
-import { BreadcrumbsRefsItems, getBreadcrumbsSchema, Page } from "./output"
+import { type BreadcrumbsRefsItems, getBreadcrumbsSchema, Page } from "./output"
 
-import type { GetBreadcrumbsItems } from "@/types/requests/myPages/breadcrumbs"
 import type { Edges } from "@/types/requests/utils/edges"
 import type { NodeRefs } from "@/types/requests/utils/refs"
 
-export function getConnections(refs: GetBreadcrumbsItems) {
+export function getConnections(refs: BreadcrumbsRefsItems) {
   const connections: Edges<NodeRefs>[] = []
 
   refs.items.forEach((ref) => {