feat: add multiroom tracking to booking flow

apps/scandic-web/providers/EnterDetailsProvider.tsx

@@ -19,7 +19,7 @@ import { DetailsContext } from "@/contexts/Details"
 import type { DetailsStore } from "@/types/contexts/enter-details"
 import { StepEnum } from "@/types/enums/step"
 import type { DetailsProviderProps } from "@/types/providers/enter-details"
-import type { InitialState } from "@/types/stores/enter-details"
+import type { InitialState, RoomState } from "@/types/stores/enter-details"
 
 export default function EnterDetailsProvider({
   booking,
@@ -50,9 +50,9 @@ export default function EnterDetailsProvider({
           bedType:
             room.bedTypes?.length === 1
               ? {
-                  roomTypeCode: room.bedTypes[0].value,
-                  description: room.bedTypes[0].description,
-                }
+                roomTypeCode: room.bedTypes[0].value,
+                description: room.bedTypes[0].description,
+              }
               : undefined,
           mustBeGuaranteed: room.mustBeGuaranteed,
           isFlexRate: room.isFlexRate,
@@ -85,9 +85,13 @@ export default function EnterDetailsProvider({
     }
 
     const updatedRooms = storedValues.rooms.map((storedRoom, idx) => {
+      const room = store.rooms[idx]
+      if (!room) {
+        return null
+      }
       // Need to create a deep new copy
       // since store is readonly
-      const currentRoom = deepmerge({}, store.rooms[idx])
+      const currentRoom = deepmerge({}, room)
 
       if (!currentRoom.room.isAvailable) {
         return currentRoom
@@ -142,27 +146,38 @@ export default function EnterDetailsProvider({
     })
 
     const canProceedToPayment = updatedRooms.every(
-      (room) => room.isComplete && room.room.isAvailable
+      (room) => room?.isComplete && room?.room.isAvailable
+    )
+
+    const filteredOutMissingRooms = updatedRooms.filter(
+      (room): room is RoomState => !!room
     )
 
     const nights = dt(booking.toDate).diff(booking.fromDate, "days")
-    const currency = (updatedRooms[0].room.roomRate.publicRate?.localPrice
-      .currency ||
-      updatedRooms[0].room.roomRate.memberRate?.localPrice.currency)!
-    const totalPrice = calcTotalPrice(updatedRooms, currency, !!user, nights)
+    const currency = (filteredOutMissingRooms[0].room.roomRate.publicRate
+      ?.localPrice.currency ||
+      filteredOutMissingRooms[0].room.roomRate.memberRate?.localPrice.currency)!
+    const totalPrice = calcTotalPrice(
+      filteredOutMissingRooms,
+      currency,
+      !!user,
+      nights
+    )
 
-    const activeRoom = updatedRooms.findIndex((room) => !room.isComplete)
+    const activeRoom = filteredOutMissingRooms.findIndex(
+      (room) => !room.isComplete
+    )
 
     writeToSessionStorage({
       activeRoom,
       booking,
-      rooms: updatedRooms,
+      rooms: filteredOutMissingRooms,
     })
 
     storeRef.current?.setState({
       activeRoom: storedValues.activeRoom,
       canProceedToPayment,
-      rooms: updatedRooms,
+      rooms: filteredOutMissingRooms,
       totalPrice,
     })
   }, [booking, rooms, user])