Merged in chore/move-enter-details (pull request #2778)

Chore/move enter details Approved-by: Anton Gunnarsson
2025-09-11 07:16:24 +00:00
parent 15711cb3a4
commit 7dee6d5083
238 changed files with 1656 additions and 1602 deletions
--- a/packages/booking-flow/lib/components/EnterDetails/Room/Multiroom.tsx
+++ b/packages/booking-flow/lib/components/EnterDetails/Room/Multiroom.tsx
@@ -0,0 +1,93 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import Title from "@scandic-hotels/design-system/Title"
+import { ChildBedMapEnum } from "@scandic-hotels/trpc/enums/childBedMapEnum"
+
+import { useRoomContext } from "../../../contexts/EnterDetails/RoomContext"
+import { useEnterDetailsStore } from "../../../stores/enter-details"
+import { EnterDetailsStepEnum } from "../../../stores/enter-details/enterDetailsStep"
+import BedType from "../BedType"
+import Breakfast from "../Breakfast"
+import Details from "../Details/Multiroom"
+import Header from "../Room/Header"
+import Section from "../Section"
+import SelectedRoom from "../SelectedRoom"
+import { getBedTypeInfoText } from "./utils"
+
+export default function Multiroom() {
+  const intl = useIntl()
+  const { room, roomNr } = useRoomContext()
+  const breakfastPackages = useEnterDetailsStore(
+    (state) => state.breakfastPackages
+  )
+
+  const showBreakfastStep =
+    !room.breakfastIncluded && !!breakfastPackages.length
+
+  const hasChildWithExtraBed = room.childrenInRoom?.some(
+    (child) => Number(child.bed) === ChildBedMapEnum.IN_EXTRA_BED
+  )
+
+  const bedTypeInfoText = getBedTypeInfoText(
+    intl,
+    !!hasChildWithExtraBed,
+    room.bedTypes.length > 1
+  )
+
+  return (
+    <section id={`room-${roomNr}`}>
+      <Header>
+        <Title level="h2" as="h4">
+          {intl.formatMessage(
+            {
+              defaultMessage: "Room {roomIndex}",
+            },
+            {
+              roomIndex: roomNr,
+            }
+          )}
+        </Title>
+      </Header>
+
+      <SelectedRoom />
+
+      {room.bedTypes.length ? (
+        <Section
+          header={intl.formatMessage({ defaultMessage: "Bed preference" })}
+          label={intl.formatMessage({ defaultMessage: "Preferred bed type" })}
+          additionalInfo={bedTypeInfoText}
+          step={EnterDetailsStepEnum.selectBed}
+        >
+          <BedType />
+        </Section>
+      ) : null}
+
+      {showBreakfastStep ? (
+        <Section
+          header={intl.formatMessage({
+            defaultMessage: "Breakfast",
+          })}
+          label={intl.formatMessage({
+            defaultMessage: "Select breakfast options",
+          })}
+          step={EnterDetailsStepEnum.breakfast}
+        >
+          <Breakfast />
+        </Section>
+      ) : null}
+
+      <Section
+        header={intl.formatMessage({
+          defaultMessage: "Details",
+        })}
+        step={EnterDetailsStepEnum.details}
+        label={intl.formatMessage({
+          defaultMessage: "Contact details",
+        })}
+      >
+        <Details />
+      </Section>
+    </section>
+  )
+}