Merged in feat/SW-2398-ui-update-for-booking-codes (pull request #1862)

feat: SW-2398 UI updates booking codes

* feat: SW-2398 UI updates booking codes

* feat: SW-2398 Rate cards UI changes

* feat: SW-2398 Optimized css with vars and chip code

* feat: SW-2398 Optimized code as review comments

* feat: SW-2398 Optimized code

* feat: SW-2398 Optimized code and mobile UX

* feat: SW-2398 Optimized code

* feat: SW-2398 Fixed UI

* feat: SW-2398 Updated animation


Approved-by: Erik Tiekstra

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/index.tsx

@@ -53,6 +53,7 @@ export interface Room {
 export interface PriceDetailsTableProps {
   bookingCode?: string
   fromDate: string
+  isCampaignRate?: boolean
   rooms: Room[]
   toDate: string
   totalPrice: Price
@@ -62,6 +63,7 @@ export interface PriceDetailsTableProps {
 export default function PriceDetailsTable({
   bookingCode,
   fromDate,
+  isCampaignRate,
   rooms,
   toDate,
   totalPrice,
@@ -83,6 +85,8 @@ export default function PriceDetailsTable({
   const allRoomsPackages: Package[] = rooms
     .flatMap((r) => r.packages)
     .filter((r): r is Package => !!r)
+
+  const isAllBreakfastIncluded = rooms.every((room) => room.breakfastIncluded)
   return (
     <table className={styles.priceDetailsTable}>
       {rooms.map((room, idx) => {
@@ -207,7 +211,11 @@ export default function PriceDetailsTable({
           regularPrice={totalPrice.local.regularPrice}
         />
 
-        <BookingCodeRow bookingCode={bookingCode} />
+        <BookingCodeRow
+          isCampaignRate={isCampaignRate}
+          isBreakfastIncluded={isAllBreakfastIncluded}
+          bookingCode={bookingCode}
+        />
       </Tbody>
     </table>
   )