Merged in feat/enter-details-multiroom (pull request #1280)

feat(SW-1259): Enter details multiroom

* refactor: remove per-step URLs

* WIP: map multiroom data

* fix: lint errors in details page

* fix: made useEnterDetailsStore tests pass

* fix: WIP refactor enter details store

* fix: WIP enter details store update

* fix: added room index to select correct room

* fix: added logic for navigating between steps and rooms

* fix: update summary to work with store changes

* fix: added room and total price calculation

* fix: removed unused code and added test for breakfast included

* refactor: move store selectors into helpers

* refactor: session storage state for multiroom booking

* feat: update enter details accordion navigation

* fix: added room index to each form component so they select correct room

* fix: added unique id to input to handle case when multiple inputs have same name

* fix: update payment step with store changes

* fix: rebase issues

* fix: now you should only be able to go to a step if previous room is completed

* refactor: cleanup

* fix: if no availability just skip that room for now

* fix: add select-rate Summary and adjust typings


Approved-by: Arvid Norlin

types/components/hotelReservation/enterDetails/details.ts

@@ -1,14 +1,21 @@
 import type { z } from "zod"
 
+import type { Product } from "@/types/trpc/routers/hotel/roomAvailability"
 import type { SafeUser } from "@/types/user"
 import type {
   guestDetailsSchema,
   signedInDetailsSchema,
 } from "@/components/HotelReservation/EnterDetails/Details/schema"
+import type { Price } from "../price"
 
 export type DetailsSchema = z.output<typeof guestDetailsSchema>
 export type SignedInDetailsSchema = z.output<typeof signedInDetailsSchema>
 
+export interface RoomPrice {
+  perNight: Price
+  perStay: Price
+}
+
 type MemberPrice = {
   currency: string
   price: number
@@ -23,3 +30,8 @@ export type JoinScandicFriendsCardProps = {
   name: string
   memberPrice?: MemberPrice
 }
+
+export type RoomRate = {
+  publicRate: Product["productType"]["public"]
+  memberRate?: Product["productType"]["member"]
+}

types/components/hotelReservation/enterDetails/room.ts

@@ -2,6 +2,7 @@ import type { RoomConfiguration } from "@/types/trpc/routers/hotel/roomAvailabil
 
 export interface SelectedRoomProps {
   hotelId: string
+  roomType: string
+  roomTypeCode: string
   rateDescription: string
-  room: RoomConfiguration
 }

types/components/hotelReservation/price.ts

@@ -0,0 +1,9 @@
+interface TPrice {
+  currency: string
+  price: number
+}
+
+export interface Price {
+  requested: TPrice | undefined
+  local: TPrice
+}

types/components/hotelReservation/selectRate/rateSummary.ts

@@ -1,5 +1,5 @@
-import type { Price } from "@/types/stores/enter-details"
 import type { RoomsAvailability } from "@/types/trpc/routers/hotel/roomAvailability"
+import type { Price } from "../price"
 import type { RoomPackages } from "./roomFilter"
 import type { SelectRateSearchParams } from "./selectRate"
 

types/components/hotelReservation/selectRate/section.ts

@@ -31,7 +31,6 @@ export interface DetailsProps extends SectionProps {}
 
 export interface PaymentProps {
   user: SafeUser
-  roomPrice: { publicPrice: number; memberPrice: number | undefined }
   otherPaymentOptions: PaymentMethodEnum[]
   mustBeGuaranteed: boolean
   supportedCards: PaymentMethodEnum[]

types/components/hotelReservation/selectRate/sectionAccordion.ts

@@ -1,7 +1,8 @@
-import { StepEnum } from "@/types/enums/step"
+import type { StepEnum } from "@/types/enums/step"
 
 export interface SectionAccordionProps {
   header: string
   label: string
   step: StepEnum
+  roomIndex: number
 }

types/components/hotelReservation/summary.ts

@@ -1,50 +1,46 @@
-import type { DetailsProviderProps } from "@/types/providers/enter-details"
 import type { Packages } from "@/types/requests/packages"
-import type {
-  DetailsState,
-  Price,
-  RoomPrice,
-} from "@/types/stores/enter-details"
-import type { RoomAvailability } from "@/types/trpc/routers/hotel/roomAvailability"
-import type { BedTypeSchema } from "./enterDetails/bedType"
-import type { BreakfastPackage } from "./enterDetails/breakfast"
-import type { DetailsSchema } from "./enterDetails/details"
+import type { RoomState } from "@/types/stores/enter-details"
+import type { RoomPrice, RoomRate } from "./enterDetails/details"
+import type { Price } from "./price"
 import type { Child, SelectRateSearchParams } from "./selectRate/selectRate"
 
-export type RoomsData = Pick<DetailsState, "roomPrice"> &
-  Pick<RoomAvailability, "cancellationText" | "rateDetails"> &
-  Pick<RoomAvailability["selectedRoom"], "roomType"> & {
-    adults: number
-    children?: Child[]
-    packages: Packages | null
-  }
+export type RoomsData = {
+  rateDetails: string[] | undefined
+  roomType: string
+  cancellationText: string
+  roomPrice: RoomPrice
+  adults: number
+  children?: Child[]
+  packages: Packages | null
+}
 
-export interface SummaryProps
-  extends Pick<RoomAvailability, "cancellationText" | "rateDetails">,
-    Pick<RoomAvailability["selectedRoom"], "roomType"> {
+export interface SummaryProps {
   isMember: boolean
   breakfastIncluded: boolean
 }
 
 export interface SummaryUIProps {
   booking: SelectRateSearchParams
+  isMember: boolean
+  totalPrice: Price
+  toggleSummaryOpen: () => void
+  togglePriceDetailsModalOpen: () => void
+  vat: number
+}
+
+export interface EnterDetailsSummaryProps extends SummaryUIProps {
+  breakfastIncluded: boolean
+  rooms: RoomState[]
+}
+
+export interface SelectRateSummaryProps extends SummaryUIProps {
   rooms: {
     adults: number
     childrenInRoom: Child[] | undefined
-    bedType: BedTypeSchema | undefined
-    breakfast: BreakfastPackage | false | undefined
-    guest: DetailsSchema | undefined
-    roomRate: DetailsProviderProps["roomRate"]
-    roomPrice: RoomPrice
     roomType: string
+    roomPrice: RoomPrice
+    roomRate: RoomRate
     rateDetails: string[] | undefined
     cancellationText: string
   }[]
-  isMember: boolean
-  breakfastIncluded: boolean
-  packages: Packages | null
-  totalPrice: Price
-  vat: number
-  toggleSummaryOpen: () => void
-  togglePriceDetailsModalOpen: () => void
 }