Merged in feat/SW-2078-update-confirmation-page-vouchers (pull request #1731)

Feat/SW-2078 update confirmation page vouchers and Corp Cheques rate

* feat: SW-2078 Tablet bookingCode ref forward issue fix

(cherry picked from commit 16a6a00fd99b6b6220a98ad74de062d67d35e1c0)

* feat: SW-2078 Display Vouchers and Cheques prices on confirmation page

(cherry picked from commit a76494de497a7d5e7641cb0036bd7055acf875c1)

* feat: SW-2078 Rebase issue fix

* feat: SW-2079 Updated rate title in terms modal

* feat: SW-2078 Optimized code

* feat: SW-2078 Removed extra tags


Approved-by: Christian Andolf

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/index.tsx

@@ -273,17 +273,24 @@ export function ReferenceCard({
           <Typography variant="Title/Overline/sm">
             <p>{intl.formatMessage({ id: "Booking code" })}</p>
           </Typography>
-          <IconChip
-            color="blue"
-            icon={<DiscountIcon color="Icon/Feedback/Information" />}
-          >
-            <Typography variant="Body/Supporting text (caption)/smBold">
-              <p className={styles.bookingCode}>
-                <strong>{intl.formatMessage({ id: "Booking code" })}</strong>:{" "}
-                {bookingCode}
-              </p>
-            </Typography>
-          </IconChip>
+          <Typography variant="Body/Supporting text (caption)/smBold">
+            <IconChip
+              color="blue"
+              icon={<DiscountIcon color="Icon/Feedback/Information" />}
+            >
+              {intl.formatMessage(
+                { id: "<strong>Booking code</strong>: {value}" },
+                {
+                  value: bookingCode,
+                  strong: (text) => (
+                    <Typography variant="Body/Supporting text (caption)/smBold">
+                      <strong>{text}</strong>
+                    </Typography>
+                  ),
+                }
+              )}
+            </IconChip>
+          </Typography>
         </div>
       )}
       <div className={styles.actionArea}>

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/referenceCard.module.css

@@ -43,10 +43,6 @@
   display: none;
 }
 
-.bookingCode {
-  color: var(--UI-Semantic-Information);
-}
-
 .guaranteed {
   align-items: flex-start;
   border-radius: var(--Corner-radius-Medium);