Merged in feature/select-rate-vertical-data-flow (pull request #2535)

Feature/select rate vertical data flow

* add fix from SW-2666

* use translations for room packages

* move types to it's own file

* Merge branch 'master' of bitbucket.org:scandic-swap/web into feature/select-rate-vertical-data-flow

* merge

* feature/select-rate: double rate for campaing rates

* revert NODE_ENV check in Cookiebot script

* revert testing values

* fix(SW-3171): fix all filter selected in price details

* fix(SW-3166): multiroom anchoring when changing filter

* fix(SW-3172): check hotelType, show correct breakfast message

* Merge branch 'feature/select-rate-vertical-data-flow' of bitbucket.org:scandic-swap/web into feature/select-rate-vertical-data-flow

* fix: show special needs icons for subsequent roomTypes SW-3167

* fix: Display strike through text when logged in SW-3168

* fix: Reinstate the scrollToView behaviour when selecting a rate SW-3169

* merge

* .

* PR fixes

* fix: don't return notFound()

* .

* always include defaults for room packages

* merge

* merge

* merge

* Remove floating h1 for new select-rate


Approved-by: Anton Gunnarsson

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/details/page.tsx

@@ -41,8 +41,8 @@ export default async function DetailsPage(
 
   if (!booking) return notFound()
 
-  if (selectRoomParams.has("modifyRateIndex")) {
-    selectRoomParams.delete("modifyRateIndex")
+  if (selectRoomParams.has("activeRoomIndex")) {
+    selectRoomParams.delete("activeRoomIndex")
   }
 
   if (

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate-old/loading.tsx

@@ -0,0 +1,16 @@
+import { HotelInfoCardSkeleton } from "@/components/HotelReservation/SelectRate/HotelInfoCard"
+import { RoomsContainerSkeleton } from "@/components/HotelReservation/SelectRate/RoomsContainer/RoomsContainerSkeleton"
+
+// Select Rate loading doesn't need a layout and wrapper
+// to force loading.tsx to show again since refetch of
+// availability happens client-side and only the RoomCards
+// display a loading state since we already have the hotel
+// data
+export default function LoadingSelectRate() {
+  return (
+    <>
+      <HotelInfoCardSkeleton />
+      <RoomsContainerSkeleton />
+    </>
+  )
+}

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate-old/page.tsx

@@ -0,0 +1,43 @@
+import { notFound } from "next/navigation"
+
+import { parseSelectRateSearchParams } from "@scandic-hotels/booking-flow/utils/url"
+import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
+
+import { combineRegExps, rateTypeRegex } from "@/constants/booking"
+
+import SelectRate from "@/components/HotelReservation/SelectRate"
+
+import type { LangParams, NextSearchParams, PageArgs } from "@/types/params"
+
+const singleRoomRateTypes = combineRegExps(
+  [rateTypeRegex.ARB, rateTypeRegex.VOUCHER],
+  "i"
+)
+
+export default async function SelectRatePage(
+  props: PageArgs<LangParams & { section: string }, NextSearchParams>
+) {
+  const params = await props.params
+  const searchParams = await props.searchParams
+  const booking = parseSelectRateSearchParams(searchParams)
+
+  if (!booking) return notFound()
+
+  const isMultiRoom = booking.rooms.length > 1
+  const isRedemption = booking.searchType === SEARCH_TYPE_REDEMPTION
+  const isArbOrVoucher = booking.bookingCode
+    ? singleRoomRateTypes.test(booking.bookingCode)
+    : false
+
+  if ((isMultiRoom && isRedemption) || (isMultiRoom && isArbOrVoucher)) {
+    return notFound()
+  }
+
+  // If someone tries to update the url with
+  // a bookingCode also, then we need to remove it
+  if (isRedemption && searchParams.bookingCode) {
+    delete searchParams.bookingCode
+  }
+
+  return <SelectRate lang={params.lang} booking={booking} />
+}

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx

@@ -1,11 +1,14 @@
 import { notFound } from "next/navigation"
 
 import { parseSelectRateSearchParams } from "@scandic-hotels/booking-flow/utils/url"
+import { logger } from "@scandic-hotels/common/logger"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
 
 import { combineRegExps, rateTypeRegex } from "@/constants/booking"
+import { getHotel } from "@/lib/trpc/memoizedRequests"
 
-import SelectRate from "@/components/HotelReservation/SelectRate"
+import SelectRate from "@/components/HotelReservation/SelectRate2"
+import { SelectRateProvider } from "@/contexts/SelectRate/SelectRateContext"
 
 import type { LangParams, NextSearchParams, PageArgs } from "@/types/params"
 
@@ -21,7 +24,10 @@ export default async function SelectRatePage(
   const searchParams = await props.searchParams
   const booking = parseSelectRateSearchParams(searchParams)
 
-  if (!booking) return notFound()
+  if (!booking) {
+    logger.debug("Invalid search params", searchParams)
+    notFound()
+  }
 
   const isMultiRoom = booking.rooms.length > 1
   const isRedemption = booking.searchType === SEARCH_TYPE_REDEMPTION
@@ -30,7 +36,11 @@ export default async function SelectRatePage(
     : false
 
   if ((isMultiRoom && isRedemption) || (isMultiRoom && isArbOrVoucher)) {
-    return notFound()
+    logger.debug(
+      "Invalid search params, can't have multiroom and redemption/voucher",
+      { isMultiRoom, isRedemption, isArbOrVoucher }
+    )
+    notFound()
   }
 
   // If someone tries to update the url with
@@ -39,5 +49,20 @@ export default async function SelectRatePage(
     delete searchParams.bookingCode
   }
 
-  return <SelectRate lang={params.lang} booking={booking} />
+  const hotelData = await getHotel({
+    hotelId: booking.hotelId,
+    isCardOnlyPayment: false,
+    language: params.lang,
+  })
+
+  if (!hotelData) {
+    logger.debug("Unable to find hotel data")
+    notFound()
+  }
+
+  return (
+    <SelectRateProvider hotelData={hotelData}>
+      <SelectRate hotelData={hotelData} booking={booking} />
+    </SelectRateProvider>
+  )
 }