Merged in feat/SW-1379-multiroom-summary (pull request #1198)

Feat/SW-1379 multiroom summary

* fix: added early return in hotel query and added missing type annotations

* feat(SW-1379): update summary to support multiple rooms and add tests

* fix: added check for room number when using isMember for member prices

* fix: remove mocked array

* fix: minor bug fixes in rate details popup

* fix: translation key


Approved-by: Pontus Dreij
Approved-by: Arvid Norlin

components/HotelReservation/EnterDetails/Summary/Mobile/BottomSheet/bottomSheet.module.css

@@ -49,11 +49,15 @@
   opacity: 1;
 }
 
-.content,
 .priceDetailsButton {
   overflow: hidden;
 }
 
+.content {
+  max-height: 50dvh;
+  overflow-y: auto;
+}
+
 @media screen and (min-width: 768px) {
   .bottomSheet {
     padding: var(--Spacing-x2) 0 var(--Spacing-x7);

components/HotelReservation/EnterDetails/Summary/Mobile/index.tsx

@@ -14,20 +14,67 @@ import type { DetailsState } from "@/types/stores/enter-details"
 
 function storeSelector(state: DetailsState) {
   return {
-    join: state.guest.join,
-    membershipNo: state.guest.membershipNo,
+    bedType: state.bedType,
+    booking: state.booking,
+    breakfast: state.breakfast,
+    guest: state.guest,
+    packages: state.packages,
+    roomRate: state.roomRate,
+    roomPrice: state.roomPrice,
+    toggleSummaryOpen: state.actions.toggleSummaryOpen,
+    togglePriceDetailsModalOpen: state.actions.togglePriceDetailsModalOpen,
+    totalPrice: state.totalPrice,
+    vat: state.vat,
   }
 }
 
 export default function MobileSummary(props: SummaryProps) {
-  const { join, membershipNo } = useEnterDetailsStore(storeSelector)
-  const showPromo = !props.isMember && !join && !membershipNo
+  const {
+    bedType,
+    booking,
+    breakfast,
+    guest,
+    packages,
+    roomPrice,
+    roomRate,
+    toggleSummaryOpen,
+    togglePriceDetailsModalOpen,
+    totalPrice,
+    vat,
+  } = useEnterDetailsStore(storeSelector)
+
+  // TODO: rooms should be part of store
+  const rooms = [
+    {
+      adults: booking.rooms[0].adults,
+      childrenInRoom: booking.rooms[0].childrenInRoom,
+      bedType,
+      breakfast,
+      guest,
+      roomRate,
+      roomPrice,
+      roomType: props.roomType,
+      rateDetails: props.rateDetails,
+      cancellationText: props.cancellationText,
+    },
+  ]
+  const showPromo = !props.isMember && !guest.join && !guest.membershipNo
   return (
     <div className={styles.mobileSummary}>
       {showPromo ? <SignupPromoMobile /> : null}
       <SummaryBottomSheet>
         <div className={styles.wrapper}>
-          <SummaryUI {...props} />
+          <SummaryUI
+            booking={booking}
+            rooms={rooms}
+            isMember={props.isMember}
+            breakfastIncluded={props.breakfastIncluded}
+            packages={packages}
+            totalPrice={totalPrice}
+            vat={vat}
+            toggleSummaryOpen={toggleSummaryOpen}
+            togglePriceDetailsModalOpen={togglePriceDetailsModalOpen}
+          />
         </div>
       </SummaryBottomSheet>
     </div>