Merged in feat/sw-2874-move-select-rate (pull request #2750)

Approved-by: Joakim Jäderberg

apps/partner-sas/app/[lang]/hotelreservation/(standard)/select-rate/page.tsx

@@ -1,4 +1,24 @@
-export default async function SelectRatePage() {
-  // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-  return <div>select-rate</div>
+import { SelectRatePage as SelectRatePagePrimitive } from "@scandic-hotels/booking-flow/pages/SelectRatePage"
+
+import TrackingSDK from "@/components/TrackingSDK"
+import { getLang } from "@/i18n/serverContext"
+
+import { type LangParams, type PageArgs } from "@/types/params"
+
+export default async function SelectRatePage(props: PageArgs<LangParams>) {
+  const searchParams = await props.searchParams
+  const lang = await getLang()
+
+  return (
+    <SelectRatePagePrimitive
+      lang={lang}
+      searchParams={searchParams}
+      renderTracking={(props) => (
+        <TrackingSDK
+          hotelInfo={props.hotelsTrackingData}
+          pageData={props.pageTrackingData}
+        />
+      )}
+    />
+  )
 }

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

@@ -6,6 +6,7 @@ import "../../globals.css"
 
 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"
 import { Lang } from "@scandic-hotels/common/constants/language"
 import { TrpcProvider } from "@scandic-hotels/trpc/Provider"
 
@@ -62,40 +63,42 @@ export default async function RootLayout(props: RootLayoutProps) {
             locale={lang}
             messages={messages}
           >
-            {/* TODO handle onError */}
-            <TrpcProvider>
-              <BookingFlowContextProvider
-                data={{
-                  // TODO
-                  isLoggedIn: false,
-                }}
-              >
-                <BookingFlowTrackingProvider
-                  trackingFunctions={{
-                    trackBookingSearchClick,
-                    trackAccordionItemOpen,
-                    trackOpenSidePeek,
-                    trackGenericEvent,
+            <NuqsAdapter>
+              {/* TODO handle onError */}
+              <TrpcProvider>
+                <BookingFlowContextProvider
+                  data={{
+                    // TODO
+                    isLoggedIn: false,
                   }}
                 >
-                  <header
-                    style={{
-                      height: 64,
-                      backgroundColor: "dodgerblue",
-                      color: "white",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
+                  <BookingFlowTrackingProvider
+                    trackingFunctions={{
+                      trackBookingSearchClick,
+                      trackAccordionItemOpen,
+                      trackOpenSidePeek,
+                      trackGenericEvent,
                     }}
                   >
-                    {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-                    <h1>SAS</h1>
-                  </header>
-                  {props.bookingwidget}
-                  <main>{children}</main>
-                </BookingFlowTrackingProvider>
-              </BookingFlowContextProvider>
-            </TrpcProvider>
+                    <header
+                      style={{
+                        height: 64,
+                        backgroundColor: "dodgerblue",
+                        color: "white",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                      }}
+                    >
+                      {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+                      <h1>SAS</h1>
+                    </header>
+                    {props.bookingwidget}
+                    <main>{children}</main>
+                  </BookingFlowTrackingProvider>
+                </BookingFlowContextProvider>
+              </TrpcProvider>
+            </NuqsAdapter>
           </ClientIntlProvider>
         </div>
       </body>