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/PriceDetailsModal/PriceDetailsTable/Row/BookingCode.tsx

@@ -14,14 +14,15 @@ export default function BookingCodeRow({
   bookingCode,
   isCampaignRate,
 }: BookingCodeRowProps) {
-  if (!bookingCode) {
+  if (!bookingCode && !isCampaignRate) {
     return null
   }
 
   return (
     <tr className={styles.row}>
-      <td colSpan={2} align="left">
+      <td colSpan={2} align="center" className={styles.bookingCodeCell}>
         <BookingCodeChip
+          alignCenter
           bookingCode={bookingCode}
           isCampaign={isCampaignRate}
         />

packages/booking-flow/lib/components/PriceDetailsModal/PriceDetailsTable/Row/Price/Regular.tsx

@@ -23,12 +23,14 @@ export interface RegularPriceType {
 
 interface RegularPriceProps extends SharedPriceRowProps {
   isMemberRate: boolean
+  isCampaignRate?: boolean
   price: RegularPriceType["regular"]
 }
 
 export default function RegularPrice({
   bedType,
   isMemberRate,
+  isCampaignRate,
   nights,
   packages,
   price,
@@ -58,7 +60,8 @@ export default function RegularPrice({
   if (regularPriceIsHigherThanPrice) {
     regularCharge = formatPrice(intl, price.regularPricePerStay, price.currency)
   }
-  const isDiscounted = isMemberRate || regularPriceIsHigherThanPrice
+  const isDiscounted =
+    isMemberRate || isCampaignRate || regularPriceIsHigherThanPrice
 
   return (
     <>

packages/booking-flow/lib/components/PriceDetailsModal/PriceDetailsTable/Row/row.module.css

@@ -19,3 +19,8 @@
   text-decoration: line-through;
   color: var(--Text-Secondary);
 }
+
+.bookingCodeCell {
+  justify-content: center;
+  width: 100%;
+}