Merged in fix/refactor-booking-flow-search-params (pull request #2148)

Fix: refactor booking flow search params

* wip: apply codemod and upgrade swc plugin

* wip: design-system to react 19, fix issues from async (search)params

* Prepare new parse function for booking flow search params

* Prepare serialize function for booking flow search params

* Improve handling of comma separated arrays

* Slightly refactor for readability

* Next abstracts URLSearchParams so handle the abstraction instead

* Refactor booking widget to use new search params parsing

* Rename search param functions

* Refactor select-hotel to use new search param parser

* Use new search params parser in select-rate and details

* Fix hotelId type

* Avoid passing down search params into BookingWidget components

* More updates to use new types instead of SearchParams<T>

* Remove types SelectHotelSearchParams and AlternativeSelectHotelSearchParams

* Fix parseBookingWidgetSearchParams return type

* Add error handling to booking search param parsers

* Fix modifyRateIndex handling in details page

* Clean up

* Refactor booking widget search param serializing to util function

* Move start page booking widget search param parsing to page

* Use new search param serializer in HandleErrorCallback

* Delete convertSearchParamsToObj & convertObjToSearchParams


Approved-by: Michael Zetterberg

apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainer.tsx

@@ -37,23 +37,25 @@ export async function SelectHotelMapContainer({
     bookingCode,
     childrenInRoom,
     city,
+    cityName,
     hotel: isAlternativeFor,
     noOfRooms,
     redemption,
-    selectHotelParams,
   } = searchDetails
 
   if (!city) {
     return notFound()
   }
 
-  const hotels = await getHotels(
-    selectHotelParams,
+  const hotels = await getHotels({
+    fromDate: booking.fromDate,
+    toDate: booking.toDate,
+    rooms: booking.rooms,
     isAlternativeFor,
     bookingCode,
     city,
-    !!redemption
-  )
+    redemption: !!redemption,
+  })
 
   const hotelPins = getHotelPins(hotels)
   const filterList = getFiltersFromHotels(hotels)
@@ -62,8 +64,8 @@ export async function SelectHotelMapContainer({
     hotel: { address: hotels?.[0]?.hotel?.address.streetAddress },
   })
 
-  const arrivalDate = new Date(selectHotelParams.fromDate)
-  const departureDate = new Date(selectHotelParams.toDate)
+  const arrivalDate = new Date(booking.fromDate)
+  const departureDate = new Date(booking.toDate)
   const isRedemptionAvailability = redemption
     ? hotels.some(
         (hotel) => hotel.availability.productType?.redemptions?.length
@@ -83,11 +85,11 @@ export async function SelectHotelMapContainer({
     adultsInRoom,
     childrenInRoom,
     hotels.length,
-    selectHotelParams.hotelId,
+    booking.hotelId,
     noOfRooms,
     hotels?.[0]?.hotel.address.country,
     hotels?.[0]?.hotel.address.city,
-    selectHotelParams.city,
+    cityName,
     bookingCode,
     isBookingCodeRateAvailable,
     redemption,

apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/tracking.ts

@@ -18,7 +18,7 @@ export function getTracking(
   adultsInRoom: number[],
   childrenInRoom: ChildrenInRoom,
   hotelsResult: number,
-  hotelId: string,
+  hotelId: string | undefined,
   noOfRooms: number,
   country: string | undefined,
   hotelCity: string | undefined,

apps/scandic-web/components/HotelReservation/SelectHotel/helpers.ts

@@ -14,17 +14,13 @@ import type {
   HotelFilter,
 } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
 import { AvailabilityEnum } from "@/types/components/hotelReservation/selectHotel/selectHotel"
-import type {
-  AlternativeHotelsSearchParams,
-  SelectHotelSearchParams,
-} from "@/types/components/hotelReservation/selectHotel/selectHotelSearchParams"
+import type { Child } from "@/types/components/hotelReservation/selectRate/selectRate"
 import type { AdditionalData, Hotel } from "@/types/hotel"
 import type { HotelsAvailabilityItem } from "@/types/trpc/routers/hotel/availability"
 import type {
   HotelLocation,
   Location,
 } from "@/types/trpc/routers/hotel/locations"
-import type { SelectHotelParams } from "@/utils/url"
 
 interface AvailabilityResponse {
   availability: HotelsAvailabilityItem[]
@@ -162,19 +158,32 @@ function sortAndFilterHotelsByAvailability(
   ].flat()
 }
 
-export async function getHotels(
-  booking: SelectHotelParams<
-    SelectHotelSearchParams | AlternativeHotelsSearchParams
-  >,
-  isAlternativeFor: HotelLocation | null,
-  bookingCode: string | undefined,
-  city: Location,
+type GetHotelsInput = {
+  fromDate: string
+  toDate: string
+  rooms: {
+    adults: number
+    childrenInRoom?: Child[]
+  }[]
+  isAlternativeFor: HotelLocation | null
+  bookingCode: string | undefined
+  city: Location
   redemption: boolean
-) {
+}
+
+export async function getHotels({
+  rooms,
+  fromDate,
+  toDate,
+  isAlternativeFor,
+  bookingCode,
+  city,
+  redemption,
+}: GetHotelsInput) {
   let availableHotelsResponse: SettledResult = []
   if (isAlternativeFor) {
     availableHotelsResponse = await Promise.allSettled(
-      booking.rooms.map(async (room) => {
+      rooms.map(async (room) => {
         return fetchAlternativeHotels(isAlternativeFor.id, {
           adults: room.adults,
           bookingCode,
@@ -182,14 +191,14 @@ export async function getHotels(
             ? generateChildrenString(room.childrenInRoom)
             : undefined,
           redemption,
-          roomStayEndDate: booking.toDate,
-          roomStayStartDate: booking.fromDate,
+          roomStayEndDate: toDate,
+          roomStayStartDate: fromDate,
         })
       })
     )
   } else if (bookingCode) {
     availableHotelsResponse = await Promise.allSettled(
-      booking.rooms.map(async (room) => {
+      rooms.map(async (room) => {
         return fetchBookingCodeAvailableHotels({
           adults: room.adults,
           bookingCode,
@@ -197,14 +206,14 @@ export async function getHotels(
             ? generateChildrenString(room.childrenInRoom)
             : undefined,
           cityId: city.id,
-          roomStayStartDate: booking.fromDate,
-          roomStayEndDate: booking.toDate,
+          roomStayStartDate: fromDate,
+          roomStayEndDate: toDate,
         })
       })
     )
   } else {
     availableHotelsResponse = await Promise.allSettled(
-      booking.rooms.map(
+      rooms.map(
         async (room) =>
           await fetchAvailableHotels({
             adults: room.adults,
@@ -213,8 +222,8 @@ export async function getHotels(
               : undefined,
             cityId: city.id,
             redemption,
-            roomStayEndDate: booking.toDate,
-            roomStayStartDate: booking.fromDate,
+            roomStayEndDate: toDate,
+            roomStayStartDate: fromDate,
           })
       )
     )

apps/scandic-web/components/HotelReservation/SelectHotel/tracking.ts

@@ -17,7 +17,7 @@ export function getTracking(
   adultsInRoom: number[],
   childrenInRoom: ChildrenInRoom,
   hotelsResult: number,
-  hotelId: string,
+  hotelId: string | undefined,
   noOfRooms: number,
   country: string | undefined,
   hotelCity: string | undefined,