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/Summary/Mobile/index.tsx

@@ -10,55 +10,23 @@ import SummaryBottomSheet from "./BottomSheet"
 import styles from "./mobile.module.css"
 
 import type { SummaryProps } from "@/types/components/hotelReservation/summary"
-import type { DetailsState } from "@/types/stores/enter-details"
-
-function storeSelector(state: DetailsState) {
-  return {
-    bedType: state.bedType,
-    booking: state.booking,
-    breakfast: state.breakfast,
-    guest: state.guest,
-    packages: state.packages,
-    roomRate: state.roomRate,
-    roomPrice: state.roomPrice,
-    toggleSummaryOpen: state.actions.toggleSummaryOpen,
-    togglePriceDetailsModalOpen: state.actions.togglePriceDetailsModalOpen,
-    totalPrice: state.totalPrice,
-    vat: state.vat,
-  }
-}
 
 export default function MobileSummary(props: SummaryProps) {
   const {
-    bedType,
     booking,
-    breakfast,
-    guest,
-    packages,
-    roomPrice,
-    roomRate,
-    toggleSummaryOpen,
-    togglePriceDetailsModalOpen,
+    actions: { toggleSummaryOpen, togglePriceDetailsModalOpen },
     totalPrice,
     vat,
-  } = useEnterDetailsStore(storeSelector)
+  } = useEnterDetailsStore((state) => state)
+
+  const rooms = useEnterDetailsStore((state) => state.rooms)
+
+  const showPromo =
+    !props.isMember &&
+    rooms.length === 1 &&
+    !rooms[0].guest.join &&
+    !rooms[0].guest.membershipNo
 
-  // TODO: rooms should be part of store
-  const rooms = [
-    {
-      adults: booking.rooms[0].adults,
-      childrenInRoom: booking.rooms[0].childrenInRoom,
-      bedType,
-      breakfast,
-      guest,
-      roomRate,
-      roomPrice,
-      roomType: props.roomType,
-      rateDetails: props.rateDetails,
-      cancellationText: props.cancellationText,
-    },
-  ]
-  const showPromo = !props.isMember && !guest.join && !guest.membershipNo
   return (
     <div className={styles.mobileSummary}>
       {showPromo ? <SignupPromoMobile /> : null}
@@ -69,7 +37,6 @@ export default function MobileSummary(props: SummaryProps) {
             rooms={rooms}
             isMember={props.isMember}
             breakfastIncluded={props.breakfastIncluded}
-            packages={packages}
             totalPrice={totalPrice}
             vat={vat}
             toggleSummaryOpen={toggleSummaryOpen}