Merged in feat/book-425-optimize-campaign-rate-card (pull request #3015)

Feat/book 425 optimize campaign rate card

* feat(BOOK-425): design updates to RateCard

* feat(BOOK-425): design updates to campaign BookingCodeChip

* feat(BOOK-425): fixed breakfast message & booking code chips on select rate and enter detailss

* feat(BOOK-425): fixed booking code chip on Booking Confirmation page

* fixed draft comments

* fixed more comments

* feat(BOOK-425): removed fixed height from RateCard banner

* fixed another variable comment

* fixed more pr comments

* fixed more pr comments

* updated ratecard campaign standard rate title color

* removed deconstructed props


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/BookingConfirmation/Receipt/Room/index.tsx

@@ -5,6 +5,7 @@ import { useIntl } from "react-intl"
 
 import { CancellationRuleEnum } from "@scandic-hotels/common/constants/booking"
 import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
+import { BookingCodeChip } from "@scandic-hotels/design-system/BookingCodeChip"
 import { Button } from "@scandic-hotels/design-system/Button"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -25,20 +26,22 @@ type BookingConfirmationReceiptRoomProps = {
   room: Room
   roomNumber: number
   roomCount: number
+  showBookingCodeChip?: boolean
 }
 
 export function ReceiptRoom({
   room,
   roomNumber,
   roomCount,
+  showBookingCodeChip = false,
 }: BookingConfirmationReceiptRoomProps) {
   const intl = useIntl()
-  const { currencyCode, isVatCurrency } = useBookingConfirmationStore(
-    (state) => ({
+  const { currencyCode, isVatCurrency, bookingCode } =
+    useBookingConfirmationStore((state) => ({
       currencyCode: state.currencyCode,
       isVatCurrency: state.isVatCurrency,
-    })
-  )
+      bookingCode: state.bookingCode,
+    }))
 
   if (!room) {
     return <RoomSkeletonLoader />
@@ -74,7 +77,8 @@ export function ReceiptRoom({
   }
 
   const guests = guestsParts.join(", ")
-  const showDiscounted = room.rateDefinition.isMemberRate
+  const showDiscounted =
+    room.rateDefinition.isMemberRate || room.rateDefinition.isCampaignRate
 
   return (
     <>
@@ -276,6 +280,14 @@ export function ReceiptRoom({
           breakfastIncluded={room.breakfastIncluded}
           guests={guests}
         />
+
+        {showBookingCodeChip && (
+          <BookingCodeChip
+            isCampaign={room.rateDefinition.isCampaignRate}
+            bookingCode={bookingCode}
+            alignCenter
+          />
+        )}
       </div>
       <Divider color="Border/Divider/Subtle" />
     </>