fix: rename children to childrenInRoom

components/HotelReservation/EnterDetails/BedType/BedTypeInfo/index.tsx

@@ -11,7 +11,7 @@ export default function BedTypeInfo({ hasMultipleBedTypes }: BedTypeInfoProps) {
   const intl = useIntl()
 
   const hasChildWithExtraBed = useEnterDetailsStore((state) =>
-    state.booking.rooms[0].children?.some(
+    state.booking.rooms[0].childrenInRoom?.some(
       (child) => Number(child.bed) === ChildBedMapEnum.IN_EXTRA_BED
     )
   )

components/HotelReservation/EnterDetails/Breakfast/index.tsx

@@ -38,7 +38,7 @@ export default function Breakfast({ packages }: BreakfastProps) {
   )
 
   const children = useEnterDetailsStore(
-    (state) => state.booking.rooms[0].children
+    (state) => state.booking.rooms[0].childrenInRoom
   )
 
   const methods = useForm<BreakfastFormSchema>({

components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx

@@ -239,7 +239,7 @@ export default function PaymentClient({
         checkOutDate: toDate,
         rooms: rooms.map((room) => ({
           adults: room.adults,
-          childrenAges: room.children?.map((child) => ({
+          childrenAges: room.childrenInRoom?.map((child) => ({
             age: child.age,
             bedType: bedTypeMap[parseInt(child.bed.toString())],
           })),

components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/index.tsx

@@ -66,7 +66,7 @@ export default function PriceDetailsTable({
     useEnterDetailsStore(storeSelector)
 
   // TODO: Update for Multiroom later
-  const { adults, children } = booking.rooms[0]
+  const { adults, childrenInRoom } = booking.rooms[0]
   const nights = getNights(booking.fromDate, booking.toDate)
 
   const vatPercentage = vat / 100
@@ -121,13 +121,13 @@ export default function PriceDetailsTable({
               breakfast.localPrice.currency
             )}
           />
-          {children?.length ? (
+          {childrenInRoom?.length ? (
             <Row
               label={`${intl.formatMessage(
                 {
                   id: "{totalChildren, plural, one {# child} other {# children}}",
                 },
-                { totalChildren: children.length }
+                { totalChildren: childrenInRoom.length }
               )}, ${intl.formatMessage(
                 {
                   id: "{totalBreakfasts, plural, one {# breakfast} other {# breakfasts}}",

components/HotelReservation/EnterDetails/Summary/UI/index.tsx

@@ -73,7 +73,7 @@ export default function SummaryUI({
 
   // TODO: Update for Multiroom later
   const adults = booking.rooms[0].adults
-  const children = booking.rooms[0].children
+  const children = booking.rooms[0].childrenInRoom
 
   const childrenBeds = children?.reduce(
     (acc, value) => {

components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainer.tsx

@@ -26,7 +26,6 @@ import {
   type TrackingSDKHotelInfo,
   type TrackingSDKPageData,
 } from "@/types/components/tracking"
-import type { Lang } from "@/constants/languages"
 
 function isValidHotelData(hotel: NullableHotelData): hotel is HotelData {
   return hotel !== null && hotel !== undefined
@@ -37,7 +36,7 @@ export async function SelectHotelMapContainer({
   selectHotelParams,
   adultsInRoom,
   childrenInRoom,
-  child,
+  childrenInRoomString,
 }: SelectHotelMapContainerProps) {
   const lang = getLang()
   const googleMapId = env.GOOGLE_DYNAMIC_MAP_ID
@@ -49,7 +48,7 @@ export async function SelectHotelMapContainer({
       roomStayStartDate: selectHotelParams.fromDate,
       roomStayEndDate: selectHotelParams.toDate,
       adults: adultsInRoom,
-      children: childrenInRoom,
+      children: childrenInRoomString,
     })
   )
 
@@ -83,9 +82,11 @@ export async function SelectHotelMapContainer({
     arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
     departureDate: format(departureDate, "yyyy-MM-dd"),
     noOfAdults: adultsInRoom,
-    noOfChildren: child?.length,
-    ageOfChildren: child?.map((c) => c.age).join(","),
-    childBedPreference: child?.map((c) => ChildBedMapEnum[c.bed]).join("|"),
+    noOfChildren: childrenInRoom?.length,
+    ageOfChildren: childrenInRoom?.map((c) => c.age).join(","),
+    childBedPreference: childrenInRoom
+      ?.map((c) => ChildBedMapEnum[c.bed])
+      .join("|"),
     noOfRooms: 1, // // TODO: Handle multiple rooms
     duration: differenceInCalendarDays(departureDate, arrivalDate),
     leadTime: differenceInCalendarDays(arrivalDate, new Date()),

components/HotelReservation/SelectHotel/index.tsx

@@ -48,8 +48,8 @@ export default async function SelectHotel({
   const {
     selectHotelParams,
     adultsInRoom,
+    childrenInRoomString,
     childrenInRoom,
-    childrenInRoomArray,
   } = reservationParams
 
   const intl = await getIntl()
@@ -60,7 +60,7 @@ export default async function SelectHotel({
       roomStayStartDate: selectHotelParams.fromDate,
       roomStayEndDate: selectHotelParams.toDate,
       adults: adultsInRoom,
-      children: childrenInRoom,
+      children: childrenInRoomString,
     })
   )
 
@@ -118,9 +118,9 @@ export default async function SelectHotel({
     arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
     departureDate: format(departureDate, "yyyy-MM-dd"),
     noOfAdults: adultsInRoom,
-    noOfChildren: childrenInRoomArray?.length,
-    ageOfChildren: childrenInRoomArray?.map((c) => c.age).join(","),
-    childBedPreference: childrenInRoomArray
+    noOfChildren: childrenInRoom?.length,
+    ageOfChildren: childrenInRoom?.map((c) => c.age).join(","),
+    childBedPreference: childrenInRoom
       ?.map((c) => ChildBedMapEnum[c.bed])
       .join("|"),
     noOfRooms: 1, // // TODO: Handle multiple rooms