Merged in feat/sw-3472-booking-flow-parameterization (pull request #2811)

feat(SW-3272): Add BookingFlowConfig

* Add BookingFlowConfig

* Rename "provider" to BookingFlowConfig

* Change bookingCode to boolean

* Fix error


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood

apps/partner-sas/app/[lang]/layout.tsx

@@ -7,6 +7,7 @@ import "../../globals.css"
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"
 
+import { BookingFlowConfig } from "@scandic-hotels/booking-flow/BookingFlowConfig"
 import { BookingFlowContextProvider } from "@scandic-hotels/booking-flow/BookingFlowContextProvider"
 import { BookingFlowTrackingProvider } from "@scandic-hotels/booking-flow/BookingFlowTrackingProvider"
 import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
@@ -56,6 +57,8 @@ type RootLayoutProps = {
   bookingwidget: React.ReactNode
 }
 
+const bookingFlowConfig = { bookingCodeEnabled: false } as const
+
 export default async function RootLayout(props: RootLayoutProps) {
   const params = await props.params
   const lang = params.lang
@@ -87,36 +90,38 @@ export default async function RootLayout(props: RootLayoutProps) {
             <NuqsAdapter>
               <TrpcProvider>
                 <RACRouterProvider>
-                  <BookingFlowContextProvider
-                    data={{
-                      // TODO
-                      isLoggedIn: false,
-                    }}
-                  >
-                    <BookingFlowTrackingProvider
-                      trackingFunctions={{
-                        trackBookingSearchClick,
-                        trackAccordionItemOpen,
-                        trackOpenSidePeek,
-                        trackGenericEvent,
-                        trackGlaSaveCardAttempt,
-                        trackLoginClick,
-                        trackPaymentEvent,
-                        trackUpdatePaymentMethod,
-                        trackBreakfastSelection,
-                        trackBedSelection,
+                  <BookingFlowConfig config={bookingFlowConfig}>
+                    <BookingFlowContextProvider
+                      data={{
+                        // TODO
+                        isLoggedIn: false,
                       }}
                     >
-                      <SiteWideAlert />
-                      <Header />
-                      {props.bookingwidget}
-                      <main>{children}</main>
-                      <Footer />
-                      <ToastHandler />
-                      <CookieBotConsent />
-                      <ReactQueryDevtools initialIsOpen={false} />
-                    </BookingFlowTrackingProvider>
-                  </BookingFlowContextProvider>
+                      <BookingFlowTrackingProvider
+                        trackingFunctions={{
+                          trackBookingSearchClick,
+                          trackAccordionItemOpen,
+                          trackOpenSidePeek,
+                          trackGenericEvent,
+                          trackGlaSaveCardAttempt,
+                          trackLoginClick,
+                          trackPaymentEvent,
+                          trackUpdatePaymentMethod,
+                          trackBreakfastSelection,
+                          trackBedSelection,
+                        }}
+                      >
+                        <SiteWideAlert />
+                        <Header />
+                        {props.bookingwidget}
+                        <main>{children}</main>
+                        <Footer />
+                        <ToastHandler />
+                        <CookieBotConsent />
+                        <ReactQueryDevtools initialIsOpen={false} />
+                      </BookingFlowTrackingProvider>
+                    </BookingFlowContextProvider>
+                  </BookingFlowConfig>
                 </RACRouterProvider>
               </TrpcProvider>
             </NuqsAdapter>

apps/scandic-web/app/[lang]/(live)/layout.tsx

@@ -8,11 +8,13 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"
 import { SessionProvider } from "next-auth/react"
 
+import { BookingFlowConfig } from "@scandic-hotels/booking-flow/BookingFlowConfig"
 import StorageCleaner from "@scandic-hotels/booking-flow/components/EnterDetails/StorageCleaner"
 import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
 import { Lang } from "@scandic-hotels/common/constants/language"
 import { ToastHandler } from "@scandic-hotels/design-system/ToastHandler"
 
+import { bookingFlowConfig } from "@/constants/bookingFlowConfig"
 import TrpcProvider from "@/lib/trpc/Provider"
 
 import { SessionRefresher } from "@/components/Auth/TokenRefresher"
@@ -72,20 +74,22 @@ export default async function RootLayout(
               <NuqsAdapter>
                 <TrpcProvider>
                   <RACRouterProvider>
-                    <BookingFlowProviders>
-                      <RouteChange />
-                      <SitewideAlert />
-                      <Header />
-                      {bookingwidget}
-                      {children}
-                      <Footer />
-                      <ToastHandler />
-                      <SessionRefresher />
-                      <StorageCleaner />
-                      <CookieBotConsent />
-                      <UserExists />
-                      <ReactQueryDevtools initialIsOpen={false} />
-                    </BookingFlowProviders>
+                    <BookingFlowConfig config={bookingFlowConfig}>
+                      <BookingFlowProviders>
+                        <RouteChange />
+                        <SitewideAlert />
+                        <Header />
+                        {bookingwidget}
+                        {children}
+                        <Footer />
+                        <ToastHandler />
+                        <SessionRefresher />
+                        <StorageCleaner />
+                        <CookieBotConsent />
+                        <UserExists />
+                        <ReactQueryDevtools initialIsOpen={false} />
+                      </BookingFlowProviders>
+                    </BookingFlowConfig>
                   </RACRouterProvider>
                 </TrpcProvider>
               </NuqsAdapter>

apps/scandic-web/app/[lang]/(no-layout)/layout.tsx

@@ -8,11 +8,13 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"
 import { SessionProvider } from "next-auth/react"
 
+import { BookingFlowConfig } from "@scandic-hotels/booking-flow/BookingFlowConfig"
 import StorageCleaner from "@scandic-hotels/booking-flow/components/EnterDetails/StorageCleaner"
 import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
 import { Lang } from "@scandic-hotels/common/constants/language"
 import { ToastHandler } from "@scandic-hotels/design-system/ToastHandler"
 
+import { bookingFlowConfig } from "@/constants/bookingFlowConfig"
 import TrpcProvider from "@/lib/trpc/Provider"
 
 import { SessionRefresher } from "@/components/Auth/TokenRefresher"
@@ -56,13 +58,15 @@ export default async function RootLayout(
           >
             <NuqsAdapter>
               <TrpcProvider>
-                <RouteChange />
-                {children}
-                <ToastHandler />
-                <SessionRefresher />
-                <StorageCleaner />
-                <CookieBotConsent />
-                <ReactQueryDevtools initialIsOpen={false} />
+                <BookingFlowConfig config={bookingFlowConfig}>
+                  <RouteChange />
+                  {children}
+                  <ToastHandler />
+                  <SessionRefresher />
+                  <StorageCleaner />
+                  <CookieBotConsent />
+                  <ReactQueryDevtools initialIsOpen={false} />
+                </BookingFlowConfig>
               </TrpcProvider>
             </NuqsAdapter>
           </ClientIntlProvider>

apps/scandic-web/app/[lang]/(partner)/layout.tsx

@@ -7,11 +7,13 @@ import "@scandic-hotels/design-system/style.css"
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"
 
+import { BookingFlowConfig } from "@scandic-hotels/booking-flow/BookingFlowConfig"
 import StorageCleaner from "@scandic-hotels/booking-flow/components/EnterDetails/StorageCleaner"
 import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
 import { Lang } from "@scandic-hotels/common/constants/language"
 import { ToastHandler } from "@scandic-hotels/design-system/ToastHandler"
 
+import { bookingFlowConfig } from "@/constants/bookingFlowConfig"
 import TrpcProvider from "@/lib/trpc/Provider"
 
 import TokenRefresher from "@/components/Auth/TokenRefresher"
@@ -56,13 +58,15 @@ export default async function RootLayout(
         >
           <NuqsAdapter>
             <TrpcProvider>
-              <RouteChange />
-              {children}
-              <ToastHandler />
-              <TokenRefresher />
-              <StorageCleaner />
-              <CookieBotConsent />
-              <ReactQueryDevtools initialIsOpen={false} />
+              <BookingFlowConfig config={bookingFlowConfig}>
+                <RouteChange />
+                {children}
+                <ToastHandler />
+                <TokenRefresher />
+                <StorageCleaner />
+                <CookieBotConsent />
+                <ReactQueryDevtools initialIsOpen={false} />
+              </BookingFlowConfig>
             </TrpcProvider>
           </NuqsAdapter>
         </ClientIntlProvider>

apps/scandic-web/constants/bookingFlowConfig.ts

@@ -0,0 +1 @@
+export const bookingFlowConfig = { bookingCodeEnabled: true } as const