Merged in feat/SW-1719-strikethrough-rates (pull request #2266)

Feat/SW-1719 strikethrough rates

* feat(SW-1719): Strikethrough rate if logged in on regular rate cards

* feat(SW-1719): Strikethrough rate if logged in on rate summary

* feat(SW-1719): Strikethrough rate if logged in on mobile rate summary

* feat(SW-1719): Strikethrough rate if logged in on enter details

* feat(SW-1719): Strikethrough rate support for multiple rooms

* feat(SW-1719): booking receipt fixes on confirmation page

* feat(SW-1719): improve initial total price calculation

* feat: harmonize enter details total price to use one and the same function


Approved-by: Michael Zetterberg

apps/scandic-web/components/HotelReservation/MyStay/PriceDetails/mapToPrice.ts

@@ -23,6 +23,9 @@ export function mapToPrice(room: Room) {
           currency: room.currencyCode,
           pricePerNight: room.roomPrice.perNight.local.price,
           pricePerStay: room.roomPrice.perStay.local.price,
+          regularPricePerStay:
+            room.roomPrice.perStay.local.regularPrice ||
+            room.roomPrice.perStay.local.price,
         },
       }
     case PriceTypeEnum.points:

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/index.tsx

@@ -40,12 +40,12 @@ export default function MultiRoom(props: MultiRoomProps) {
       <div className={styles.container}>
         <div className={styles.roomsContainer}>
           {rooms.map((booking, index) => (
-            <div
+            <Room
               key={booking.confirmationNumber}
-              className={styles.roomWrapper}
-            >
-              <Room {...props} booking={booking} roomNr={index + 1} />
-            </div>
+              {...props}
+              booking={booking}
+              roomNr={index + 1}
+            />
           ))}
         </div>
       </div>

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/multiRoom.module.css

@@ -22,15 +22,6 @@
   width: 100%;
 }
 
-.roomWrapper {
-  min-width: 0;
-  width: 100%;
-}
-
-.roomWrapper > * {
-  width: 100%;
-}
-
 .totalContainer {
   display: flex;
   flex-direction: column;
@@ -49,7 +40,7 @@
     grid-template-columns: repeat(2, 1fr);
   }
 
-  .roomsContainer:has(> *:nth-child(3):last-child) {
+  .roomsContainer:has(> *:nth-of-type(3):last-child) {
     grid-template-columns: repeat(3, 1fr);
   }
 

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css

@@ -110,6 +110,9 @@
 
 @media (min-width: 768px) {
   .multiRoom {
+    display: grid;
+    grid-row: span 3;
+    grid-template-rows: subgrid;
     padding: 0;
   }
 }