This creates the alternative hotels page. It is mostly a copy of the select hotel page, and most of the contents of the pages lives under the same component in /components.

Merged in feat/sw-397-alternative-hotels (pull request #1211)

Feat/sw 397 alternative hotels

* fix(SW-397): create alternative hotels page

* update types

* Adapt to new changes for fetching data

* Make bookingcode optional

* Code review fixes


Approved-by: Simon.Emanuelsson

components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainer.tsx

@@ -6,6 +6,7 @@ import { env } from "@/env/server"
 import { getCityCoordinates } from "@/lib/trpc/memoizedRequests"
 
 import {
+  fetchAlternativeHotels,
   fetchAvailableHotels,
   getFiltersFromHotels,
 } from "@/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/utils"
@@ -36,16 +37,20 @@ function isValidHotelData(hotel: NullableHotelData): hotel is HotelData {
 
 export async function SelectHotelMapContainer({
   searchParams,
+  isAlternativeHotels,
 }: SelectHotelMapContainerProps) {
   const lang = getLang()
   const googleMapId = env.GOOGLE_DYNAMIC_MAP_ID
   const googleMapsApiKey = env.GOOGLE_STATIC_MAP_KEY
   const getHotelSearchDetailsPromise = safeTry(
-    getHotelSearchDetails({
-      searchParams: searchParams as SelectHotelSearchParams & {
-        [key: string]: string
+    getHotelSearchDetails(
+      {
+        searchParams: searchParams as SelectHotelSearchParams & {
+          [key: string]: string
+        },
       },
-    })
+      isAlternativeHotels
+    )
   )
 
   const [searchDetails] = await getHotelSearchDetailsPromise
@@ -58,19 +63,29 @@ export async function SelectHotelMapContainer({
     adultsInRoom,
     childrenInRoom,
     childrenInRoomString,
+    hotel: isAlternativeFor,
   } = searchDetails
 
   if (!city) return notFound()
 
-  const fetchAvailableHotelsPromise = safeTry(
-    fetchAvailableHotels({
-      cityId: city.id,
-      roomStayStartDate: selectHotelParams.fromDate,
-      roomStayEndDate: selectHotelParams.toDate,
-      adults: adultsInRoom,
-      children: childrenInRoomString,
-    })
-  )
+  const fetchAvailableHotelsPromise = isAlternativeFor
+    ? safeTry(
+        fetchAlternativeHotels(isAlternativeFor.id, {
+          roomStayStartDate: selectHotelParams.fromDate,
+          roomStayEndDate: selectHotelParams.toDate,
+          adults: adultsInRoom,
+          children: childrenInRoomString,
+        })
+      )
+    : safeTry(
+        fetchAvailableHotels({
+          cityId: city.id,
+          roomStayStartDate: selectHotelParams.fromDate,
+          roomStayEndDate: selectHotelParams.toDate,
+          adults: adultsInRoom,
+          children: childrenInRoomString,
+        })
+      )
 
   const [hotels] = await fetchAvailableHotelsPromise
 
@@ -87,18 +102,24 @@ export async function SelectHotelMapContainer({
   const departureDate = new Date(selectHotelParams.toDate)
 
   const pageTrackingData: TrackingSDKPageData = {
-    pageId: "select-hotel",
+    pageId: isAlternativeFor ? "alternative-hotels" : "select-hotel",
     domainLanguage: lang,
     channel: TrackingChannelEnum["hotelreservation"],
-    pageName: "hotelreservation|select-hotel|mapview",
-    siteSections: "hotelreservation|select-hotel|mapview",
+    pageName: isAlternativeHotels
+      ? "hotelreservation|alternative-hotels|mapview"
+      : "hotelreservation|select-hotel|mapview",
+    siteSections: isAlternativeHotels
+      ? "hotelreservation|altervative-hotels|mapview"
+      : "hotelreservation|select-hotel|mapview",
     pageType: "bookinghotelsmapviewpage",
     siteVersion: "new-web",
   }
 
   const hotelsTrackingData: TrackingSDKHotelInfo = {
     availableResults: validHotels.length,
-    searchTerm: selectHotelParams.city,
+    searchTerm: isAlternativeFor
+      ? selectHotelParams.hotelId
+      : (selectHotelParams.city as string),
     arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
     departureDate: format(departureDate, "yyyy-MM-dd"),
     noOfAdults: adultsInRoom,