From 57300e588ef315425752884da77138288e0876bd Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Thu, 6 Nov 2025 15:13:59 +0000
Subject: [PATCH] Merged in fix/STAY-97 (pull request #3092)

fix: Change copy of Total price in price summary ancillaries

* fix: Change copy of Total price in price summary ancillaries


Approved-by: Erik Tiekstra
---
 .../ActionButtons/index.tsx                   |  2 +-
 .../PriceDetails/PriceSummary/index.tsx       | 46 +++++++++++++------
 .../Steps/ConfirmationStep/index.tsx          | 16 +++----
 3 files changed, 39 insertions(+), 25 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/ActionButtons/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/ActionButtons/index.tsx
index 441286ad6..86f745ae7 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/ActionButtons/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/ActionButtons/index.tsx
@@ -109,7 +109,7 @@ export default function ActionButtons({
               isPriceDetailsOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"
             }
             size={20}
-            color="Icon/Interactive/Accent"
+            color="CurrentColor"
           />
         </Button>
       )}
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/PriceSummary/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/PriceSummary/index.tsx
index 5043ba22b..eedd2d2c8 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/PriceSummary/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/PriceSummary/index.tsx
@@ -51,8 +51,8 @@ export default function PriceSummary({
               title={item.title}
               quantity={item.quantityWithCard}
               label={intl.formatMessage({
-                id: "booking.priceIncludingVat",
-                defaultMessage: "Price including VAT",
+                id: "common.price",
+                defaultMessage: "Price",
               })}
               value={formatPrice(intl, item.totalPrice, item.currency)}
             />
@@ -80,19 +80,35 @@ export default function PriceSummary({
       ))}
 
       <div className={styles.column}>
-        <Typography variant="Body/Paragraph/mdBold">
-          <p>
-            {hasTotalPrice
-              ? intl.formatMessage({
-                  id: "priceSummary.totalPriceIncludingVat",
-                  defaultMessage: "Total price including VAT",
-                })
-              : intl.formatMessage({
-                  id: "common.totalPoints",
-                  defaultMessage: "Total points",
-                })}
-          </p>
-        </Typography>
+        {hasTotalPrice ? (
+          <Typography variant="Body/Paragraph/mdRegular">
+            <p>
+              {intl.formatMessage(
+                {
+                  id: "booking.totalPriceInclVat",
+                  defaultMessage: "<b>Total price</b> (incl VAT)",
+                },
+                {
+                  b: (str) => (
+                    <Typography variant="Body/Paragraph/mdBold">
+                      <span>{str}</span>
+                    </Typography>
+                  ),
+                }
+              )}
+            </p>
+          </Typography>
+        ) : (
+          <Typography variant="Body/Paragraph/mdBold">
+            <p>
+              {intl.formatMessage({
+                id: "common.totalPoints",
+                defaultMessage: "Total points",
+              })}
+            </p>
+          </Typography>
+        )}
+
         <div className={styles.totalPrice}>
           {(hasTotalPoints || hasTotalPrice) && (
             <Typography variant="Body/Paragraph/mdBold">
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
index f109f8c3c..1bd170107 100755
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
@@ -12,7 +12,7 @@ import { PaymentOption } from "@scandic-hotels/design-system/Form/PaymentOption"
 import { PaymentOptionsGroup } from "@scandic-hotels/design-system/Form/PaymentOptionsGroup"
 import { SelectPaymentMethod } from "@scandic-hotels/design-system/Form/SelectPaymentMethod"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import Link from "@scandic-hotels/design-system/OldDSLink"
+import { TextLink } from "@scandic-hotels/design-system/TextLink"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useAddAncillaryStore } from "@/stores/my-stay/add-ancillary-flow"
@@ -195,24 +195,22 @@ export default function ConfirmationStep({
               },
               {
                 termsAndConditionsLink: (str) => (
-                  <Link
-                    textDecoration="underline"
-                    color="Text/Interactive/Secondary"
+                  <TextLink
+                    typography="Link/sm"
                     target="_blank"
                     href={bookingTermsAndConditionsRoutes[lang]}
                   >
                     {str}
-                  </Link>
+                  </TextLink>
                 ),
                 privacyPolicyLink: (str) => (
-                  <Link
-                    textDecoration="underline"
-                    color="Text/Interactive/Secondary"
+                  <TextLink
+                    typography="Link/sm"
                     target="_blank"
                     href={privacyPolicyRoutes[lang]}
                   >
                     {str}
-                  </Link>
+                  </TextLink>
                 ),
               }
             )}