Merged in feat/sw-2879-booking-widget-to-booking-flow-package (pull request #2532)

feat(SW-2879): Move BookingWidget to booking-flow package

* Fix lockfile

* Fix styling

* a tiny little booking widget test

* Tiny fixes

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package

* Remove unused scripts

* lint:fix

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package

* Tiny lint fixes

* update test

* Update Input in booking-flow

* Clean up comments etc

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package

* Setup tracking context for booking-flow

* Add missing use client

* Fix temp tracking function

* Pass booking to booking-widget

* Remove comment

* Add use client to booking widget tracking provider

* Add use client to tracking functions

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package

* Move debug page

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package

* Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package


Approved-by: Bianca Widstam

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

@@ -7,6 +7,7 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"
 import { SessionProvider } from "next-auth/react"
 
+import { BookingFlowTrackingProvider } from "@scandic-hotels/booking-flow/BookingFlowTrackingProvider"
 import { Lang } from "@scandic-hotels/common/constants/language"
 
 import TrpcProvider from "@/lib/trpc/Provider"
@@ -26,6 +27,7 @@ import { FontPreload } from "@/fonts/font-preloading"
 import { getMessages } from "@/i18n"
 import ClientIntlProvider from "@/i18n/Provider"
 import { setLang } from "@/i18n/serverContext"
+import { trackBookingSearchClick } from "@/utils/tracking/booking"
 
 import type { LangParams, LayoutArgs } from "@/types/params"
 
@@ -65,17 +67,23 @@ export default async function RootLayout(
             >
               <TrpcProvider>
                 <RACRouterProvider>
-                  <RouteChange />
-                  <SitewideAlert />
-                  <Header />
-                  {bookingwidget}
-                  {children}
-                  <Footer />
-                  <ToastHandler />
-                  <SessionRefresher />
-                  <StorageCleaner />
-                  <CookieBotConsent />
-                  <ReactQueryDevtools initialIsOpen={false} />
+                  <BookingFlowTrackingProvider
+                    trackingFunctions={{
+                      trackBookingSearchClick,
+                    }}
+                  >
+                    <RouteChange />
+                    <SitewideAlert />
+                    <Header />
+                    {bookingwidget}
+                    {children}
+                    <Footer />
+                    <ToastHandler />
+                    <SessionRefresher />
+                    <StorageCleaner />
+                    <CookieBotConsent />
+                    <ReactQueryDevtools initialIsOpen={false} />
+                  </BookingFlowTrackingProvider>
                 </RACRouterProvider>
               </TrpcProvider>
             </ClientIntlProvider>