Merged in feat/BOOK-479-scandic-go-hotels-rm-brf- (pull request #3143)

feat(BOOK-479): Updated breakfast UI for ScandicGo hotels

Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/Breakfast/breakfast.module.css

@@ -1,13 +0,0 @@
-.entry {
-  display: flex;
-  gap: var(--Space-x05);
-  justify-content: space-between;
-}
-
-.textDefault {
-  color: var(--Text-Default);
-}
-
-.uiTextMediumContrast {
-  color: var(--UI-Text-Medium-contrast);
-}

packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/Breakfast/index.tsx

@@ -1,79 +0,0 @@
-"use client"
-import { useIntl } from "react-intl"
-
-import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
-import { Typography } from "@scandic-hotels/design-system/Typography"
-
-import styles from "./breakfast.module.css"
-
-import type { BreakfastPackage } from "@scandic-hotels/trpc/routers/hotels/schemas/packages"
-
-interface BreakfastProps {
-  adults: number
-  breakfast: BreakfastPackage | false | undefined
-  breakfastIncluded: boolean
-  guests: string
-  nights: number
-}
-
-export default function Breakfast({
-  adults,
-  breakfast,
-  breakfastIncluded,
-  guests,
-  nights,
-}: BreakfastProps) {
-  const intl = useIntl()
-
-  const breakfastBuffet = intl.formatMessage({
-    id: "common.breakfastBuffet",
-    defaultMessage: "Breakfast buffet",
-  })
-
-  if (breakfastIncluded || breakfast) {
-    const price = breakfast
-      ? formatPrice(
-          intl,
-          breakfast.localPrice.price * adults * nights,
-          breakfast.localPrice.currency
-        )
-      : intl.formatMessage({
-          id: "common.included",
-          defaultMessage: "Included",
-        })
-    return (
-      <div className={styles.entry}>
-        <div>
-          <Typography variant="Body/Paragraph/mdRegular">
-            <p className={styles.textDefault}>{breakfastBuffet}</p>
-          </Typography>
-          <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p className={styles.uiTextMediumContrast}>{guests}</p>
-          </Typography>
-        </div>
-        <Typography variant="Body/Paragraph/mdRegular">
-          <p className={styles.textDefault}>{price}</p>
-        </Typography>
-      </div>
-    )
-  }
-
-  if (breakfast === false) {
-    const noBreakfast = intl.formatMessage({
-      id: "common.noBreakfast",
-      defaultMessage: "No breakfast",
-    })
-    return (
-      <div className={styles.entry}>
-        <Typography variant="Body/Paragraph/mdRegular">
-          <p className={styles.textDefault}>{breakfastBuffet}</p>
-        </Typography>
-        <Typography variant="Body/Paragraph/mdRegular">
-          <p className={styles.textDefault}>{noBreakfast}</p>
-        </Typography>
-      </div>
-    )
-  }
-
-  return null
-}

packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/index.tsx

@@ -12,7 +12,7 @@ import { Typography } from "@scandic-hotels/design-system/Typography"
 import { ChildBedMapEnum } from "@scandic-hotels/trpc/enums/childBedMapEnum"
 
 import { getRoomFeatureDescription } from "../../../../../utils/getRoomFeatureDescription"
-import Breakfast from "./Breakfast"
+import { SummaryBreakfast } from "../../../../SummaryBreakfast"
 
 import styles from "./room.module.css"
 
@@ -26,6 +26,7 @@ interface RoomProps {
   nightsCount: number
   defaultCurrency: CurrencyEnum
   showBookingCodeChip?: boolean
+  hotelOffersBreakfast?: boolean
 }
 
 export default function Room({
@@ -36,6 +37,7 @@ export default function Room({
   nightsCount,
   defaultCurrency,
   showBookingCodeChip = false,
+  hotelOffersBreakfast = true,
 }: RoomProps) {
   const intl = useIntl()
   const adults = room.adults
@@ -132,6 +134,13 @@ export default function Room({
     )
   }
 
+  const breakfastPrice = room.breakfast
+    ? room.breakfast?.localPrice.price * adults * nightsCount
+    : room.breakfast
+  const breakfastCurrency = room.breakfast
+    ? room.breakfast?.localPrice.currency
+    : null
+
   return (
     <>
       <div className={styles.room} data-testid={`summary-room-${roomNumber}`}>
@@ -340,12 +349,12 @@ export default function Room({
           </Typography>
         ) : null}
 
-        <Breakfast
-          adults={room.adults}
-          breakfast={room.breakfast}
+        <SummaryBreakfast
           breakfastIncluded={room.breakfastIncluded}
+          breakfastPrice={breakfastPrice}
+          breakfastCurrency={breakfastCurrency}
           guests={guests}
-          nights={nightsCount}
+          hotelOffersBreakfast={hotelOffersBreakfast}
         />
       </div>
       {showBookingCodeChip && (