feat: move room charge to top in price details modal

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/index.tsx

@@ -6,6 +6,7 @@ import { Typography } from "@scandic-hotels/design-system/Typography"
 import { useMyStayStore } from "@/stores/my-stay"
 
 import PriceType from "@/components/HotelReservation/MyStay/PriceType"
+import { sumPackages } from "@/components/HotelReservation/utils"
 
 import styles from "./details.module.css"
 
@@ -17,6 +18,7 @@ export default function PriceDetails() {
     formattedTotalPrice: state.totalPrice,
     isCancelled: state.bookedRoom.isCancelled,
     currencyCode: state.bookedRoom.currencyCode,
+    packages: state.bookedRoom.packages,
     priceType: state.bookedRoom.priceType,
     rateDefinition: state.bookedRoom.rateDefinition,
     roomPoints: state.bookedRoom.roomPoints,
@@ -24,6 +26,14 @@ export default function PriceDetails() {
     vouchers: state.bookedRoom.vouchers,
   }))
 
+  let totalPrice = pricing.totalPrice
+  // API returns negative values for totalPrice
+  // on voucher bookings (╯°□°）╯︵ ┻━┻
+  if (pricing.vouchers && totalPrice < 0) {
+    const pkgsSum = sumPackages(pricing.packages)
+    totalPrice = pkgsSum.price
+  }
+
   return (
     <div className={styles.priceDetails}>
       <div className={styles.price}>
@@ -34,7 +44,7 @@ export default function PriceDetails() {
             })}
           </p>
         </Typography>
-        <PriceType {...pricing} />
+        <PriceType {...pricing} totalPrice={totalPrice} />
       </div>
     </div>
   )