Merged in chore/SW-2878-extract-booking-confirmation-pag (pull request #2779)

Chore/SW-2878 extract booking confirmation pag * chore(SW-2878): Moved booking confirmation page to booking-flow package * chore(SW-2878): Fixed promo styles as per design * chore(SW-2878): Kept tiny duplicate function to avoid export from booking-flow package Approved-by: Anton Gunnarsson
2025-09-10 07:50:48 +00:00
parent c6da0fb8cb
commit a5790ee454
77 changed files with 410 additions and 371 deletions
--- a/packages/booking-flow/lib/components/BookingConfirmation/Promos/index.tsx
+++ b/packages/booking-flow/lib/components/BookingConfirmation/Promos/index.tsx
@@ -0,0 +1,65 @@
+"use client"
+import { useEffect } from "react"
+import { useIntl } from "react-intl"
+
+import { myStay } from "@scandic-hotels/common/constants/routes/myStay"
+
+import useLang from "../../../hooks/useLang"
+import { Promo } from "./Promo"
+
+import styles from "./promos.module.css"
+
+import type { BookingConfirmation } from "@scandic-hotels/trpc/types/bookingConfirmation"
+
+import type { AdditionalInfoCookieValue } from "../../../types/components/findMyBooking/additionalInfoCookieValue"
+
+export interface PromosProps extends Pick<BookingConfirmation, "booking"> {}
+
+export function Promos({ booking }: PromosProps) {
+  const intl = useIntl()
+  const lang = useLang()
+  const { refId, confirmationNumber, hotelId } = booking
+  const { email, firstName, lastName } = booking.guest
+  useEffect(() => {
+    // Setting the `bv` cookie allows direct access to My stay without prompting for more information.
+    const value: AdditionalInfoCookieValue = {
+      email,
+      firstName,
+      lastName,
+      confirmationNumber,
+    }
+    document.cookie = `bv=${JSON.stringify(value)}; Path=/; Max-Age=600; Secure; SameSite=Strict`
+  }, [confirmationNumber, email, firstName, lastName])
+
+  const myStayURL = `${myStay[lang]}?RefId=${encodeURIComponent(refId)}`
+  return (
+    <div className={styles.promos}>
+      <Promo
+        buttonText={intl.formatMessage({
+          defaultMessage: "View and buy add-ons",
+        })}
+        href={myStayURL}
+        text={intl.formatMessage({
+          defaultMessage:
+            "Discover the little extra touches to make your upcoming stay even more unforgettable.",
+        })}
+        title={intl.formatMessage({
+          defaultMessage: "Spice things up",
+        })}
+      />
+      <Promo
+        buttonText={intl.formatMessage({
+          defaultMessage: "Book another stay",
+        })}
+        href={`/${lang}?hotel=${hotelId}`}
+        text={intl.formatMessage({
+          defaultMessage:
+            "Get inspired and start dreaming beyond your next trip. Explore more Scandic destinations.",
+        })}
+        title={intl.formatMessage({
+          defaultMessage: "Book your next stay",
+        })}
+      />
+    </div>
+  )
+}