feat: consume serach params in summary and step page

components/HotelReservation/SelectRate/RoomSelection/index.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState } from "react"
 
 import RateSummary from "./RateSummary"
 import RoomCard from "./RoomCard"
-import getHotelReservationQueryParams from "./utils"
+import { getHotelReservationQueryParams } from "./utils"
 
 import styles from "./roomSelection.module.css"
 

components/HotelReservation/SelectRate/RoomSelection/utils.ts

@@ -2,11 +2,22 @@ import { getFormattedUrlQueryParams } from "@/utils/url"
 
 import type { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
 
-function getHotelReservationQueryParams(searchParams: URLSearchParams) {
+export function getHotelReservationQueryParams(searchParams: URLSearchParams) {
   return getFormattedUrlQueryParams(searchParams, {
     adults: "number",
     age: "number",
   }) as SelectRateSearchParams
 }
 
-export default getHotelReservationQueryParams
+export function getQueryParamsForEnterDetails(searchParams: URLSearchParams) {
+  const selectRoomParamsObject = getHotelReservationQueryParams(searchParams)
+
+  const { room } = selectRoomParamsObject
+  return {
+    ...selectRoomParamsObject,
+    adults: room[0].adults, // TODO: Handle multiple rooms
+    children: room[0].child?.length.toString(), // TODO: Handle multiple rooms
+    roomTypeCode: room[0].roomtypecode,
+    rateCode: room[0].ratecode,
+  }
+}