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

components/HotelReservation/EnterDetails/Breakfast/index.tsx

@@ -6,6 +6,7 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { useEnterDetailsStore } from "@/stores/enter-details"
+import { selectRoom } from "@/stores/enter-details/helpers"
 
 import { Highlight } from "@/components/TempDesignSystem/Form/ChoiceCard/_Card"
 import RadioCard from "@/components/TempDesignSystem/Form/ChoiceCard/Radio"
@@ -22,16 +23,19 @@ import type {
 } from "@/types/components/hotelReservation/enterDetails/breakfast"
 import { BreakfastPackageEnum } from "@/types/enums/breakfast"
 
-export default function Breakfast({ packages }: BreakfastProps) {
+export default function Breakfast({
+  packages,
+  roomIndex,
+}: BreakfastProps & { roomIndex: number }) {
   const intl = useIntl()
 
-  const formValuesBreakfast = useEnterDetailsStore(({ formValues }) =>
-    formValues?.breakfast
-      ? formValues.breakfast.code
-      : formValues?.breakfast === false
-        ? "false"
-        : undefined
-  )
+  const room = useEnterDetailsStore((state) => selectRoom(state, roomIndex))
+
+  const breakfastSelection = room?.breakfast
+    ? room.breakfast.code
+    : room?.breakfast === false
+      ? "false"
+      : undefined
 
   const updateBreakfast = useEnterDetailsStore(
     (state) => state.actions.updateBreakfast
@@ -42,8 +46,8 @@ export default function Breakfast({ packages }: BreakfastProps) {
   )
 
   const methods = useForm<BreakfastFormSchema>({
-    defaultValues: formValuesBreakfast
-      ? { breakfast: formValuesBreakfast }
+    defaultValues: breakfastSelection
+      ? { breakfast: breakfastSelection }
       : undefined,
     criteriaMode: "all",
     mode: "all",
@@ -63,6 +67,12 @@ export default function Breakfast({ packages }: BreakfastProps) {
     [packages, updateBreakfast]
   )
 
+  useEffect(() => {
+    if (breakfastSelection) {
+      methods.setValue("breakfast", breakfastSelection)
+    }
+  }, [breakfastSelection, methods])
+
   useEffect(() => {
     if (methods.formState.isSubmitting) {
       return