feat(SW-415): Normalize roomSchema

components/ContentType/HotelPage/Rooms/index.tsx

@@ -22,20 +22,20 @@ export function Rooms({ rooms }: RoomsProps) {
 
   const mappedRooms = rooms
     .map((room) => {
-      const size = `${room.attributes.roomSize.min} - ${room.attributes.roomSize.max} m²`
+      const size = `${room.roomSize.min} - ${room.roomSize.max} m²`
       const personLabel =
-        room.attributes.occupancy.total === 1
+        room.occupancy.total === 1
           ? intl.formatMessage({ id: "hotelPages.rooms.roomCard.person" })
           : intl.formatMessage({ id: "hotelPages.rooms.roomCard.persons" })
 
-      const subtitle = `${size} (${room.attributes.occupancy.total} ${personLabel})`
+      const subtitle = `${size} (${room.occupancy.total} ${personLabel})`
 
       return {
         id: room.id,
-        images: room.attributes.content.images,
+        images: room.images,
-        title: room.attributes.name,
+        title: room.name,
         subtitle: subtitle,
-        sortOrder: room.attributes.sortOrder,
+        sortOrder: room.sortOrder,
         popularChoice: null,
       }
     })

components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx

@@ -53,16 +53,16 @@ export default function RoomCard({
   }
 
   const roomSize = roomCategories.find(
-    (category) => category.attributes.name === roomConfiguration.roomType
+    (category) => category.name === roomConfiguration.roomType
-  )?.attributes.roomSize
+  )?.roomSize
 
   const occupancy = roomCategories.find(
-    (category) => category.attributes.name === roomConfiguration.roomType
+    (category) => category.name === roomConfiguration.roomType
-  )?.attributes.occupancy.total
+  )?.occupancy.total
 
   const roomDescription = roomCategories.find(
-    (room) => room.attributes.name === roomConfiguration.roomType
+    (room) => room.name === roomConfiguration.roomType
-  )?.attributes.content.texts.descriptions.short
+  )?.descriptions.short
 
   return (
     <div className={styles.card}>

server/routers/hotels/output.ts

@@ -425,7 +425,8 @@ const roomFacilitiesSchema = z.object({
   sortOrder: z.number(),
 })
 
-export const roomSchema = z.object({
+export const roomSchema = z
+  .object({
     attributes: z.object({
       name: z.string(),
       sortOrder: z.number(),
@@ -445,6 +446,18 @@ export const roomSchema = z.object({
     id: z.string(),
     type: z.enum(["roomcategories"]),
   })
+  .transform((data) => {
+    return {
+      descriptions: data.attributes.content.texts.descriptions,
+      id: data.id,
+      images: data.attributes.content.images,
+      name: data.attributes.name,
+      occupancy: data.attributes.occupancy,
+      roomSize: data.attributes.roomSize,
+      sortOrder: data.attributes.sortOrder,
+      type: data.type,
+    }
+  })
 
 const merchantInformationSchema = z.object({
   webMerchantId: z.string(),

types/components/hotelPage/roomCard.ts

@@ -2,7 +2,7 @@ import type { RoomData } from "@/types/hotel"
 
 export interface RoomCardProps {
   id: string
-  images: RoomData["attributes"]["content"]["images"]
+  images: RoomData["images"]
   title: string
   subtitle: string
   badgeTextTransKey: string | null