Merged in fix/sw-2543-toc-text (pull request #1921)

fix(SW-2543): Change terms and conditions text for flex

* fix(SW-2543): Change terms and conditions text for flex

Approved-by: Michael Zetterberg

apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/index.tsx

@@ -135,7 +135,7 @@ export default function ConfirmBooking({
         ) : null}
       </div>
       <div className={styles.checkboxContainer}>
-        <TermsAndConditions />
+        <TermsAndConditions isFlexBookingTerms />
       </div>
     </div>
   )
@@ -156,7 +156,7 @@ export function ConfirmBookingRedemption() {
         </Typography>
       </div>
       <div className={styles.checkboxContainer}>
-        <TermsAndConditions />
+        <TermsAndConditions isFlexBookingTerms />
       </div>
     </div>
   )

apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx

@@ -586,7 +586,7 @@ export default function PaymentClient({
               </section>
 
               <section className={styles.section}>
-                <TermsAndConditions />
+                <TermsAndConditions isFlexBookingTerms={hasOnlyFlexRates} />
               </section>
             </>
           )}

apps/scandic-web/components/HotelReservation/EnterDetails/Payment/TermsAndConditions/index.tsx

@@ -12,17 +12,54 @@ import useLang from "@/hooks/useLang"
 
 import styles from "../payment.module.css"
 
-export default function TermsAndConditions() {
+import type { TermsAndConditionsProps } from "@/types/components/hotelReservation/enterDetails/payment"
+
+export default function TermsAndConditions({
+  isFlexBookingTerms,
+}: TermsAndConditionsProps) {
   const intl = useIntl()
   const lang = useLang()
 
   return (
     <>
       <Caption>
-        {intl.formatMessage(
+        {isFlexBookingTerms
+          ? intl.formatMessage(
               {
                 defaultMessage:
-              "I accept the terms for this booking and the general <termsAndConditionsLink>Terms & Conditions</termsAndConditionsLink>, and understand that Scandic will process my personal data for this booking in accordance with <privacyPolicyLink>Scandic's Privacy policy</privacyPolicyLink>. I also accept that Scandic requires a valid payment card during my visit in case anything is left unpaid.",
+                  "I accept the terms for this booking and the general <termsAndConditionsLink>Terms & Conditions</termsAndConditionsLink>, and understand that Scandic will process my personal data for this booking in accordance with <privacyPolicyLink>Scandic's Privacy policy</privacyPolicyLink>.",
+              },
+              {
+                termsAndConditionsLink: (str) => (
+                  <Link
+                    className={styles.link}
+                    variant="underscored"
+                    href={bookingTermsAndConditions[lang]}
+                    target="_blank"
+                    weight="bold"
+                    size="small"
+                  >
+                    {str}
+                  </Link>
+                ),
+                privacyPolicyLink: (str) => (
+                  <Link
+                    className={styles.link}
+                    variant="underscored"
+                    href={privacyPolicy[lang]}
+                    target="_blank"
+                    weight="bold"
+                    size="small"
+                  >
+                    {str}
+                  </Link>
+                ),
+              }
+            )
+          : intl.formatMessage(
+              {
+                defaultMessage:
+                  "By paying with any of the payment methods available, I accept the terms for this booking and the general <termsAndConditionsLink>Terms & Conditions</termsAndConditionsLink>, and understand that Scandic will process my personal data for this booking in accordance with <privacyPolicyLink>Scandic's Privacy policy</privacyPolicyLink>. I also accept that Scandic requires a valid payment card during my visit in case anything is left unpaid.",
               },
               {
                 termsAndConditionsLink: (str) => (

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx

@@ -105,7 +105,7 @@ export default function Form() {
   const guaranteeMsg = intl.formatMessage(
     {
       defaultMessage:
-        "By guaranteeing with any of the payment methods available, I accept the terms for this stay and the general <termsAndConditionsLink>Terms & Conditions</termsAndConditionsLink>, and understand Scandic will process my personal data for this stay in accordance with <privacyPolicyLink>Scandic's Privacy Policy</privacyPolicyLink>. I accept Scandic requiring a valid credit card during my visit in case anything is left unpaid.",
+        "I accept the terms for this stay and the general <termsAndConditionsLink>Terms & Conditions</termsAndConditionsLink>, and understand Scandic will process my personal data for this stay in accordance with <privacyPolicyLink>Scandic's Privacy Policy</privacyPolicyLink>. ",
     },
     {
       termsAndConditionsLink: (str) => (

apps/scandic-web/types/components/hotelReservation/enterDetails/payment.ts

@@ -17,3 +17,7 @@ export type PriceChangeData = Array<{
   totalPrice: number
   packagePrice?: number
 } | null>
+
+export interface TermsAndConditionsProps {
+  isFlexBookingTerms: boolean
+}