Merged in feat/sw-2873-move-selecthotel-to-booking-flow (pull request #2727)

feat(SW-2873): Move select-hotel to booking flow * crude setup of select-hotel in partner-sas * wip * Fix linting * restructure tracking files * Remove dependency on trpc in tracking hooks * Move pageview tracking to common * Fix some lint and import issues * Add AlternativeHotelsPage * Add SelectHotelMapPage * Add AlternativeHotelsMapPage * remove next dependency in tracking store * Remove dependency on react in tracking hooks * move isSameBooking to booking-flow * Inject searchParamsComparator into tracking store * Move useTrackHardNavigation to common * Move useTrackSoftNavigation to common * Add TrackingSDK to partner-sas * call serverclient in layout * Remove unused css * Update types * Move HotelPin type * Fix todos * Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow * Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow * Fix component Approved-by: Joakim Jäderberg
2025-09-01 08:37:00 +00:00
parent 93a90bef9d
commit 87402a2092
157 changed files with 2026 additions and 1376 deletions
--- a/packages/booking-flow/lib/pages/SelectHotelPage.tsx
+++ b/packages/booking-flow/lib/pages/SelectHotelPage.tsx
@@ -0,0 +1,120 @@
+import stringify from "json-stable-stringify-without-jsonify"
+import { cookies } from "next/headers"
+import { notFound } from "next/navigation"
+import { Suspense } from "react"
+
+import { FamilyAndFriendsCodes } from "@scandic-hotels/common/constants/familyAndFriends"
+
+import FnFNotAllowedAlert from "../components/FnFNotAllowedAlert"
+import { SelectHotel } from "../components/SelectHotel"
+import { getHotels } from "../components/SelectHotel/helpers"
+import { getHotelSearchDetails } from "../misc/getHotelSearchDetails"
+import { getSelectHotelTracking } from "../misc/selectHotelTracking"
+import { parseSelectHotelSearchParams } from "../utils/url"
+
+import type { Lang } from "@scandic-hotels/common/constants/language"
+import type {
+  TrackingSDKHotelInfo,
+  TrackingSDKPageData,
+} from "@scandic-hotels/common/tracking/types"
+
+import type { NextSearchParams } from "../types"
+
+export async function SelectHotelPage({
+  lang,
+  searchParams,
+  renderTracking,
+}: {
+  lang: Lang
+  searchParams: NextSearchParams
+  renderTracking: (trackingProps: {
+    hotelsTrackingData: TrackingSDKHotelInfo
+    pageTrackingData: TrackingSDKPageData
+  }) => React.ReactNode
+}) {
+  const booking = parseSelectHotelSearchParams(searchParams)
+
+  if (!booking) return notFound()
+
+  const searchDetails = await getHotelSearchDetails({ ...booking, lang })
+
+  if (!searchDetails || !searchDetails.city) return notFound()
+
+  if (
+    booking.bookingCode &&
+    FamilyAndFriendsCodes.includes(booking.bookingCode)
+  ) {
+    const cookieStore = await cookies()
+    const isInvalidFNF = cookieStore.get("sc")?.value !== "1"
+
+    if (isInvalidFNF) {
+      return <FnFNotAllowedAlert />
+    }
+  }
+
+  const { city, redemption } = searchDetails
+
+  const hotels = await getHotels({
+    fromDate: booking.fromDate,
+    toDate: booking.toDate,
+    rooms: booking.rooms,
+    isAlternativeFor: null,
+    bookingCode: booking.bookingCode,
+    city: city,
+    redemption: !!redemption,
+    lang,
+  })
+
+  const isRedemptionAvailability = redemption
+    ? hotels.some(
+        (hotel) => hotel.availability.productType?.redemptions?.length
+      )
+    : false
+
+  const isBookingCodeRateAvailable = booking.bookingCode
+    ? hotels.some(
+        (hotel) =>
+          hotel.availability.bookingCode &&
+          hotel.availability.status === "Available"
+      )
+    : false
+
+  const arrivalDate = new Date(booking.fromDate)
+  const departureDate = new Date(booking.toDate)
+
+  const { hotelsTrackingData, pageTrackingData } = getSelectHotelTracking({
+    rooms: booking.rooms,
+    lang: lang,
+    pageId: "select-hotel",
+    pageName: "hotelreservation|select-hotel",
+    siteSections: "hotelreservation|select-hotel",
+    arrivalDate,
+    departureDate,
+    hotelsResult: hotels?.length ?? 0,
+    searchTerm: booking.hotelId,
+    country: hotels?.[0]?.hotel.address.country,
+    hotelCity: hotels?.[0]?.hotel.address.city,
+    bookingCode: booking.bookingCode,
+    isBookingCodeRateAvailable,
+    isRedemption: redemption,
+    isRedemptionAvailable: isRedemptionAvailability,
+  })
+
+  const suspenseKey = stringify(searchParams)
+
+  return (
+    <>
+      <SelectHotel
+        bookingCode={booking.bookingCode}
+        isBookingCodeRateAvailable={isBookingCodeRateAvailable}
+        city={city}
+        hotels={hotels}
+        title={city.name}
+        lang={lang}
+      />
+      <Suspense key={`${suspenseKey}-tracking`} fallback={null}>
+        {renderTracking({ hotelsTrackingData, pageTrackingData })}
+      </Suspense>
+    </>
+  )
+}