refactor: url management in hotel reservation flow

components/HotelReservation/SelectRate/RoomSelection/index.tsx

@@ -2,9 +2,10 @@
 import { usePathname, useRouter, useSearchParams } from "next/navigation"
 import { useMemo } from "react"
 
+import { convertObjToSearchParams } from "@/utils/url"
+
 import RateSummary from "./RateSummary"
 import RoomCard from "./RoomCard"
-import { getHotelReservationQueryParams } from "./utils"
 
 import styles from "./roomSelection.module.css"
 
@@ -26,28 +27,22 @@ export default function RoomSelection({
   const { roomConfigurations, rateDefinitions } = roomsAvailability
 
   const queryParams = useMemo(() => {
-    const params = new URLSearchParams(searchParams)
-    const searchParamsObject = getHotelReservationQueryParams(searchParams)
+    // TODO: handle multiple rooms
+    const newSearchParams = convertObjToSearchParams(
+      {
+        rooms: [
+          {
+            roomTypeCode: rateSummary?.roomTypeCode,
+            rateCode: rateSummary?.public.rateCode,
+            counterRateCode: rateSummary?.member?.rateCode,
+            packages: selectedPackages,
+          },
+        ],
+      },
+      searchParams
+    )
 
-    searchParamsObject.room.forEach((item, index) => {
-      if (rateSummary?.roomTypeCode) {
-        params.set(`room[${index}].roomtype`, rateSummary.roomTypeCode)
-      }
-      if (rateSummary?.public?.rateCode) {
-        params.set(`room[${index}].ratecode`, rateSummary.public.rateCode)
-      }
-      if (rateSummary?.member?.rateCode) {
-        params.set(
-          `room[${index}].counterratecode`,
-          rateSummary.member.rateCode
-        )
-      }
-      selectedPackages.length > 0
-        ? params.set(`room[${index}].packages`, selectedPackages.join(","))
-        : params.delete(`room[${index}].packages`)
-    })
-
-    return params
+    return newSearchParams
   }, [searchParams, rateSummary, selectedPackages])
 
   function handleSubmit(e: React.FormEvent<HTMLFormElement>) {