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

packages/design-system/lib/components/RateCard/Regular/index.tsx

@@ -17,7 +17,7 @@ interface RegularRateCardProps {
   memberRate?: Rate
   omnibusRate?: Rate
   approximateRate?: Rate
-  hidePublicRate?: boolean
+  isMemberRateActive?: boolean
   handleChange: () => void
   rateTermDetails: RateTermDetails[]
 }
@@ -32,7 +32,7 @@ export default function RegularRateCard({
   omnibusRate,
   rate,
   memberRate,
-  hidePublicRate,
+  isMemberRateActive,
   handleChange,
   rateTermDetails,
 }: RegularRateCardProps) {
@@ -97,7 +97,7 @@ export default function RegularRateCard({
             </div>
           </header>
           <div>
-            {!hidePublicRate && rate ? (
+            {!isMemberRateActive && rate ? (
               <div className={styles.rateRow}>
                 <Typography variant="Body/Supporting text (caption)/smBold">
                   <p>{rate.label}</p>
@@ -118,15 +118,29 @@ export default function RegularRateCard({
                   <p>{memberRate.label}</p>
                 </Typography>
                 <Typography variant="Title/Subtitle/md">
-                  <p>
+                  <span>
                     {`${memberRate.price} `}
                     <Typography variant="Body/Supporting text (caption)/smBold">
                       <span>{memberRate.unit}</span>
                     </Typography>
-                  </p>
+                  </span>
                 </Typography>
               </div>
             ) : null}
+            {isMemberRateActive && rate ? (
+              <Typography variant="Body/Paragraph/mdRegular">
+                <div
+                  className={`${styles.rateRow} ${styles.strikeThroughRate}`}
+                >
+                  <s>
+                    {`${rate.price} `}
+                    <Typography variant="Tag/sm">
+                      <span>{rate.unit}</span>
+                    </Typography>
+                  </s>
+                </div>
+              </Typography>
+            ) : null}
             {approximateRate ? (
               <div className={`${styles.rateRow} ${styles.approximateRate}`}>
                 <Typography variant="Body/Supporting text (caption)/smRegular">