Merged in feat/SW-1589-implement-booking-code-enter (pull request #1368)

Feat/SW-1589 implement booking code enter

* feat: SW-1589 Booking code rate implementation

* feat: SW-1589 Optimized price display

* feat: SW-1589 Display standard price

* feat: SW-1589 Fixed rate title issue


Approved-by: Niclas Edenvin

apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx

@@ -11,6 +11,7 @@ import {
   ArrowRightIcon,
   CheckIcon,
   ChevronDownSmallIcon,
+  PriceTagIcon,
 } from "@/components/Icons"
 import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
@@ -175,7 +176,10 @@ export default function SummaryUI({
                       </Caption>
                     </Button>
                   }
-                  title={room.cancellationText}
+                  title={
+                    room.rateTitle ? room.rateTitle : room.cancellationText
+                  }
+                  subtitle={room.rateTitle ? room.cancellationText : undefined}
                 >
                   <div className={styles.terms}>
                     {room.rateDetails?.map((info) => (
@@ -366,6 +370,7 @@ export default function SummaryUI({
               }))}
               totalPrice={totalPrice}
               vat={vat}
+              bookingCode={booking.bookingCode}
             />
           </div>
           <div>
@@ -376,6 +381,15 @@ export default function SummaryUI({
                 totalPrice.local.currency
               )}
             </Body>
+            {totalPrice.local.regularPrice && (
+              <Caption color="uiTextMediumContrast" striked={true}>
+                {formatPrice(
+                  intl,
+                  totalPrice.local.regularPrice,
+                  totalPrice.local.currency
+                )}
+              </Caption>
+            )}
             {totalPrice.requested && (
               <Caption color="uiTextMediumContrast">
                 {intl.formatMessage(
@@ -392,6 +406,12 @@ export default function SummaryUI({
             )}
           </div>
         </div>
+        {booking.bookingCode && (
+          <div>
+            <PriceTagIcon />
+            {booking.bookingCode}
+          </div>
+        )}
         <Divider className={styles.bottomDivider} color="primaryLightSubtle" />
       </div>
       {showSignupPromo && memberPrice && !isMember ? (