Merged in chore/move-bookingwidget-to-parallel-route (pull request #2738)

chore: Render partner-sas BookingWidget in parallel route

* Render BookingWidget in parallel route


Approved-by: Joakim Jäderberg

apps/partner-sas/app/[lang]/@bookingwidget/[...path]/page.tsx

@@ -0,0 +1 @@
+export { default } from "../page"

apps/partner-sas/app/[lang]/@bookingwidget/hotelreservation/[...paths]/loading.tsx

@@ -0,0 +1,11 @@
+import { BookingWidgetSkeleton } from "@scandic-hotels/booking-flow/BookingWidget/Skeleton"
+
+// This file is crucial for displaying a loading
+// state immediately in the booking flow.
+// Next doesn't recognize manually added Suspense
+// boundaries during page navigation (Server->Client)
+// thus making it seem as the page is frozen during
+// the time it takes for `BookingWidget` to resolve.
+export default function BookingWidgetLoading() {
+  return <BookingWidgetSkeleton />
+}

apps/partner-sas/app/[lang]/@bookingwidget/hotelreservation/[...paths]/page.tsx

@@ -0,0 +1 @@
+export { default } from "../page"

apps/partner-sas/app/[lang]/@bookingwidget/hotelreservation/booking-confirmation/page.tsx

@@ -0,0 +1,3 @@
+export default function ConfirmedBookingSlot() {
+  return null
+}

apps/partner-sas/app/[lang]/@bookingwidget/hotelreservation/page.tsx

@@ -0,0 +1 @@
+export { default } from "../page"

apps/partner-sas/app/[lang]/@bookingwidget/hotelreservation/payment-callback/page.tsx

@@ -0,0 +1,3 @@
+export default function ConfirmedBookingSlot() {
+  return null
+}

apps/partner-sas/app/[lang]/@bookingwidget/loading.module.css

@@ -0,0 +1,4 @@
+.container {
+  height: 76px;
+  width: 100%;
+}

apps/partner-sas/app/[lang]/@bookingwidget/page.tsx

@@ -0,0 +1,16 @@
+import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
+import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
+
+import { getLang } from "@/i18n/serverContext"
+
+import type { LangParams, PageArgs } from "@/types/params"
+
+export default async function BookingWidgetPage(props: PageArgs<LangParams>) {
+  const searchParams = await props.searchParams
+
+  const booking = parseBookingWidgetSearchParams(searchParams)
+
+  const lang = await getLang()
+
+  return <BookingWidget booking={booking} lang={lang} />
+}