feat: consume serach params in summary and step page

app/[lang]/(live)/(public)/hotelreservation/(standard)/[step]/page.tsx

@@ -7,6 +7,7 @@ import {
   getProfileSafely,
   getRoomAvailability,
 } from "@/lib/trpc/memoizedRequests"
+import { HotelIncludeEnum } from "@/server/routers/hotels/input"
 
 import BedType from "@/components/HotelReservation/EnterDetails/BedType"
 import Breakfast from "@/components/HotelReservation/EnterDetails/Breakfast"
@@ -14,11 +15,12 @@ import Details from "@/components/HotelReservation/EnterDetails/Details"
 import HistoryStateManager from "@/components/HotelReservation/EnterDetails/HistoryStateManager"
 import Payment from "@/components/HotelReservation/EnterDetails/Payment"
 import SectionAccordion from "@/components/HotelReservation/EnterDetails/SectionAccordion"
-import getHotelReservationQueryParams from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
+import { getQueryParamsForEnterDetails } from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
 import { getIntl } from "@/i18n"
 
 import { StepEnum } from "@/types/components/hotelReservation/enterDetails/step"
-import type { LangParams, PageArgs } from "@/types/params"
+import { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
+import type { LangParams, PageArgs, } from "@/types/params"
 
 export function preload() {
   void getProfileSafely()
@@ -32,35 +34,52 @@ function isValidStep(step: string): step is StepEnum {
 export default async function StepPage({
   params,
   searchParams,
-}: PageArgs<LangParams & { step: StepEnum }, { hotel: string }>) {
+}: PageArgs<
+  LangParams & { step: StepEnum },
+  SelectRateSearchParams
+>) {
   if (!searchParams.hotel) {
     redirect(`/${params.lang}`)
   }
   void getBreakfastPackages(searchParams.hotel)
-  const stepParams = new URLSearchParams(searchParams)
-  const paramsObject = getHotelReservationQueryParams(stepParams)
-  void getRoomAvailability({
-    hotelId: paramsObject.hotel,
-    adults: paramsObject.room[0].adults,
-    roomStayStartDate: paramsObject.fromDate,
-    roomStayEndDate: paramsObject.toDate,
-  })
-  const intl = await getIntl()
 
-  const hotel = await getHotelData(searchParams.hotel, params.lang)
+  const intl = await getIntl()
+  const selectRoomParams = new URLSearchParams(searchParams)
+  const {
+    hotel: hotelId,
+    adults,
+    children,
+    roomTypeCode,
+    rateCode,
+    fromDate,
+    toDate,
+  } = getQueryParamsForEnterDetails(selectRoomParams)
+
+  void getRoomAvailability({
+    hotelId: parseInt(hotelId),
+    adults,
+    children,
+    roomStayStartDate: fromDate,
+    roomStayEndDate: toDate,
+    rateCode
+  })
+
+  const hotelData = await getHotelData(hotelId, params.lang, undefined, [HotelIncludeEnum.RoomCategories])
+
   const user = await getProfileSafely()
   const savedCreditCards = await getCreditCardsSafely()
   const breakfastPackages = await getBreakfastPackages(searchParams.hotel)
 
   const roomAvailability = await getRoomAvailability({
-    hotelId: paramsObject.hotel,
-    adults: paramsObject.room[0].adults,
-    roomStayStartDate: paramsObject.fromDate,
-    roomStayEndDate: paramsObject.toDate,
-    rateCode: paramsObject.room[0].ratecode,
+    hotelId: parseInt(hotelId),
+    adults,
+    children,
+    roomStayStartDate: fromDate,
+    roomStayEndDate: toDate,
+    rateCode
   })
 
-  if (!isValidStep(params.step) || !hotel || !roomAvailability) {
+  if (!isValidStep(params.step) || !hotelData || !roomAvailability) {
     return notFound()
   }
 
@@ -79,16 +98,32 @@ export default async function StepPage({
     id: "Select payment method",
   })
 
+  const availableRoom = roomAvailability?.roomConfigurations
+    .filter((room) => room.status === "Available")
+    .find((room) => room.roomTypeCode === roomTypeCode)?.roomType
+  const roomTypes = hotelData.included
+    ?.find((room) => room.name === availableRoom)
+    ?.roomTypes.map((room) => ({
+      description: room.mainBed.description,
+      size: room.mainBed.widthRange,
+      value: room.code,
+    }))
+
   return (
     <section>
       <HistoryStateManager />
-      <SectionAccordion
-        header={intl.formatMessage({ id: "Select bed" })}
-        step={StepEnum.selectBed}
-        label={intl.formatMessage({ id: "Request bedtype" })}
-      >
-        <BedType />
-      </SectionAccordion>
+
+      {/* TODO: How to handle no beds found? */}
+      {roomTypes ? (
+        <SectionAccordion
+          header="Select bed"
+          step={StepEnum.selectBed}
+          label={intl.formatMessage({ id: "Request bedtype" })}
+        >
+          <BedType roomTypes={roomTypes} />
+        </SectionAccordion>
+      ) : null}
+
       <SectionAccordion
         header={intl.formatMessage({ id: "Food options" })}
         step={StepEnum.breakfast}
@@ -111,13 +146,13 @@ export default async function StepPage({
         <Payment
           hotelId={searchParams.hotel}
           otherPaymentOptions={
-            hotel.data.attributes.merchantInformationData
+            hotelData.data.attributes.merchantInformationData
               .alternatePaymentOptions
           }
           savedCreditCards={savedCreditCards}
           mustBeGuaranteed={mustBeGuaranteed}
         />
       </SectionAccordion>
-    </section>
+    </section >
   )
 }