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
2025-08-05 09:20:20 +00:00
parent 03c9244fdf
commit 1bd8fe6821
206 changed files with 1936 additions and 796 deletions
--- a/apps/partner-sas/app/[lang]/debug/page.tsx
+++ b/apps/partner-sas/app/[lang]/debug/page.tsx
@@ -0,0 +1,53 @@
 import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
 import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { serverClient } from "@/lib/trpc"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 import { ClientComponent } from "../../../components/ClientComponent"
 type SearchParams<S = {}> = {
  searchParams: Promise<S & { [key: string]: string }>
 }
 export default async function Debug(props: SearchParams) {
  const searchParams = await props.searchParams
  const intl = await getIntl()
  const lang = await getLang()
  const caller = await serverClient()
  const destinations = await caller.autocomplete.destinations({
    lang,
    includeTypes: ["hotels"],
    query: "Göteborg",
  })
  const hotel = destinations.hits.hotels[0].name
  const booking = parseBookingWidgetSearchParams(searchParams)
  return (
    <div style={{ padding: "20px" }}>
      <Typography>
        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
        <p>from booking-flow package:</p>
      </Typography>
      <BookingWidget booking={booking} lang={lang} />
      <hr />
      <Typography variant="Title/Decorative/lg">
        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
        <p>hello world with data: {hotel}</p>
      </Typography>
      <Typography>
        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
        <p>
          translated:
          {intl.formatMessage({ defaultMessage: "Map of the city" })}
        </p>
      </Typography>
      <hr />
      <ClientComponent />
    </div>
  )
 }
--- a/apps/partner-sas/app/[lang]/layout.tsx
+++ b/apps/partner-sas/app/[lang]/layout.tsx
@@ -1,7 +1,9 @@
 import "@scandic-hotels/design-system/style.css"
 import "@scandic-hotels/design-system/fonts.css"
 import "@scandic-hotels/design-system/style.css"
 import "@/public/_static/css/design-system-new-deprecated.css"
 import "../../globals.css"
 import { BookingFlowTrackingProvider } from "@scandic-hotels/booking-flow/BookingFlowTrackingProvider"
 import { Lang } from "@scandic-hotels/common/constants/language"
 import { TrpcProvider } from "@scandic-hotels/trpc/Provider"
@@ -9,6 +11,8 @@ import { getMessages } from "@/i18n"
 import ClientIntlProvider from "@/i18n/Provider"
 import { setLang } from "@/i18n/serverContext"
 import { trackBookingSearchClick } from "../utils/tracking"
 import type { Metadata } from "next"
 export const metadata: Metadata = {
@@ -35,21 +39,39 @@ export default async function RootLayout(props: RootLayoutProps) {
  return (
    <html lang="en">
-      <head>
+      <head>{/* TODO */}</head>
        {/* eslint-disable-next-line @next/next/no-css-tags */}
        <link rel="stylesheet" href="/_static/css/core.css" />
        {/* eslint-disable-next-line @next/next/no-css-tags */}
        <link rel="stylesheet" href="/_static/css/scandic.css" />
      </head>
      <body className="scandic">
-        <ClientIntlProvider
+        <div className="root">
-          defaultLocale={Lang.en}
+          <ClientIntlProvider
-          locale={params.lang}
+            defaultLocale={Lang.en}
-          messages={messages}
+            locale={params.lang}
-        >
+            messages={messages}
-          {/* TODO handle onError */}
+          >
-          <TrpcProvider>{children}</TrpcProvider>
+            {/* TODO handle onError */}
-        </ClientIntlProvider>
+            <TrpcProvider>
              <BookingFlowTrackingProvider
                trackingFunctions={{
                  trackBookingSearchClick,
                }}
              >
                <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>
                <main>{children}</main>
              </BookingFlowTrackingProvider>
            </TrpcProvider>
          </ClientIntlProvider>
        </div>
      </body>
    </html>
  )
--- a/apps/partner-sas/app/[lang]/page.module.css
+++ b/apps/partner-sas/app/[lang]/page.module.css
@@ -1,4 +0,0 @@
 .page {
  padding-left: 200px;
  padding-top: 200px;
 }
--- a/apps/partner-sas/app/[lang]/page.tsx
+++ b/apps/partner-sas/app/[lang]/page.tsx
@@ -1,44 +1,29 @@
-import { Temp } from "@scandic-hotels/booking-flow/test-entry"
+import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
-import { Lang } from "@scandic-hotels/common/constants/language"
+import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { serverClient } from "@/lib/trpc"
-import { getIntl } from "@/i18n"
+import { getLang } from "@/i18n/serverContext"
-import { ClientComponent } from "./ClientComponent"
+import type { Lang } from "@scandic-hotels/common/constants/language"
-import styles from "./page.module.css"
+type SearchParams<S = {}> = {
  searchParams: Promise<S & { [key: string]: string }>
 }
-export default async function Home() {
+export default async function Home(props: SearchParams<{ lang: Lang }>) {
-  const intl = await getIntl()
+  const searchParams = await props.searchParams
-  const caller = await serverClient()
+
-  const destinations = await caller.autocomplete.destinations({
+  // TODO we need this import right now to ensure configureServerClient is called,
-    lang: Lang.en,
+  // but we should ensure it's called in a layout instead.
-    includeTypes: ["hotels"],
+  const _caller = await serverClient()
-    query: "Göteborg",
+  const lang = await getLang()
-  })
+
-  const hotel = destinations.hits.hotels[0].name
+  const booking = parseBookingWidgetSearchParams(searchParams)
  return (
-    <div className={styles.page}>
+    <div>
-      <main>
+      <BookingWidget booking={booking} lang={lang} />
        <Typography variant="Title/Decorative/lg">
          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
          <p>hello world with data: {hotel}</p>
        </Typography>
        <Typography>
          <p>{intl.formatMessage({ defaultMessage: "Map of the city" })}</p>
        </Typography>
        <hr />
        <ClientComponent />
        <hr />
        <Typography>
          {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
          <p>from booking-flow package:</p>
        </Typography>
        <Temp />
      </main>
    </div>
  )
 }
--- a/apps/partner-sas/app/favicon.ico
+++ b/apps/partner-sas/app/favicon.ico
--- a/apps/partner-sas/app/utils/tracking.ts
+++ b/apps/partner-sas/app/utils/tracking.ts
@@ -0,0 +1,11 @@
 "use client"
 export function trackBookingSearchClick(
  searchTerm: string,
  searchType: "hotel" | "destination"
 ) {
  console.log("TODO: Implement trackBookingSearchClick", {
    searchTerm,
    searchType,
  })
 }
--- a/apps/partner-sas/components/ClientComponent.tsx
+++ b/apps/partner-sas/components/ClientComponent.tsx
--- a/apps/partner-sas/components/IntlProvider.tsx
+++ b/apps/partner-sas/components/IntlProvider.tsx
@@ -0,0 +1,24 @@
 "use client"
 import { type IntlConfig, IntlProvider } from "react-intl"
 type ClientIntlProviderProps = React.PropsWithChildren<
  Pick<IntlConfig, "defaultLocale" | "locale" | "messages">
 >
 export default function ClientIntlProvider({
  children,
  locale,
  defaultLocale,
  messages,
 }: ClientIntlProviderProps) {
  return (
    <IntlProvider
      locale={locale}
      defaultLocale={defaultLocale}
      messages={messages}
    >
      {children}
    </IntlProvider>
  )
 }
--- a/apps/partner-sas/globals.css
+++ b/apps/partner-sas/globals.css
@@ -0,0 +1,107 @@
 :root {
  --current-max-width: 113.5rem;
  --max-width: 94.5rem;
  --max-width-content: min(calc(100dvw - var(--max-width-spacing)), 74.75rem);
  --max-width-text-block: 49.5rem;
  --current-mobile-site-header-height: 52.41px;
  --max-width-navigation: 89.5rem;
  --max-width-single-spacing: var(--Layout-Mobile-Margin-Margin-min);
  --max-width-spacing: calc(var(--max-width-single-spacing) * 2);
  --max-width-page: min(
    calc(100dvw - var(--max-width-spacing)),
    var(--max-width-navigation)
  );
  --sitewide-alert-height: 0px; /* Will be overridden when a sitewide alert is visible */
  --main-menu-mobile-height: 75px;
  --main-menu-desktop-height: 125px;
  --booking-widget-mobile-height: 75px;
  --booking-widget-tablet-height: 150px;
  --booking-widget-desktop-height: 77px;
  --hotel-page-map-desktop-width: 23.75rem;
  /* Z-INDEX */
  --header-z-index: 11;
  --menu-overlay-z-index: 11;
  --booking-widget-z-index: 10;
  --booking-widget-open-z-index: 100;
  --dialog-z-index: 9;
  --back-to-top-button: 80;
  --language-switcher-z-index: 85;
  --sidepeek-z-index: 100;
  --lightbox-z-index: 150;
  --default-modal-overlay-z-index: 100;
  --default-modal-z-index: 101;
  --modal-box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
  --popup-box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.1);
  @supports (interpolate-size: allow-keywords) {
    interpolate-size: allow-keywords;
  }
 }
 * {
  box-sizing: border-box;
 }
 html,
 body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
 }
 body {
  min-height: 100dvh;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  color: var(--Text-Default);
 }
 body.overflow-hidden {
  overflow: hidden;
 }
 .root {
  isolation: isolate;
 }
 /* From Tailwind */
 .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
 }
 ul {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
 }
@media screen and (min-width: 768px) {
  :root {
    --max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);
  }
  body.overflow-hidden {
    overflow: auto;
    overflow-x: hidden;
  }
 }
@media screen and (min-width: 1367px) {
  :root {
    --max-width-single-spacing: var(--Layout-Desktop-Margin-Margin-min);
  }
 }
--- a/apps/partner-sas/next.config.ts
+++ b/apps/partner-sas/next.config.ts
@@ -12,6 +12,17 @@ const nextConfig: NextConfig = {
  ],
  output: "standalone",
  experimental: {
    swcPlugins: [
      [
        "@swc/plugin-formatjs",
        {
          ast: true,
        },
      ],
    ],
  },
  webpack: function (config: any) {
    config.module.rules.push(
      {
@@ -27,17 +38,6 @@ const nextConfig: NextConfig = {
    return config
  },
  experimental: {
    swcPlugins: [
      [
        "@swc/plugin-formatjs",
        {
          ast: true,
        },
      ],
    ],
  },
 }
 export default Sentry.withSentryConfig(nextConfig, {
--- a/apps/partner-sas/package.json
+++ b/apps/partner-sas/package.json
@@ -34,6 +34,7 @@
    "@playwright/test": "^1.53.1",
    "@scandic-hotels/common": "workspace:*",
    "@scandic-hotels/typescript-config": "workspace:*",
    "@swc/plugin-formatjs": "^3.2.2",
    "@types/node": "^20",
    "@types/react": "19.1.0",
    "@types/react-dom": "19.1.0",
--- a/apps/partner-sas/playwright.config.ts
+++ b/apps/partner-sas/playwright.config.ts
@@ -28,25 +28,37 @@ export default defineConfig({
    /* Base URL to use in actions like `await page.goto('/')`. */
    baseURL: "http://localhost:3001",
    /* How long to wait for actions to complete. */
    actionTimeout: 15 * 1000,
    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: "on-first-retry",
+    trace: process.env.CI ? "on-first-retry" : "retain-on-failure",
  },
  /* Configure projects for major browsers */
  projects: [
    {
      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      use: {
        ...devices["Desktop Chrome"],
        viewport: { width: 1400, height: 720 },
      },
    },
    {
      name: "firefox",
-      use: { ...devices["Desktop Firefox"] },
+      use: {
        ...devices["Desktop Firefox"],
        viewport: { width: 1400, height: 720 },
      },
    },
    {
      name: "webkit",
-      use: { ...devices["Desktop Safari"] },
+      use: {
        ...devices["Desktop Safari"],
        viewport: { width: 1400, height: 720 },
      },
    },
    /* Test against mobile viewports. */
--- a/apps/partner-sas/public/_static/icons/cancel.svg
+++ b/apps/partner-sas/public/_static/icons/cancel.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#57514E"><path d="m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
--- a/apps/partner-sas/tests/booking-widget.spec.ts
+++ b/apps/partner-sas/tests/booking-widget.spec.ts
@@ -0,0 +1,206 @@
 import { expect, type Page, test } from "@playwright/test"
 import { serializeBookingSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { ChildBedMapEnum } from "@scandic-hotels/trpc/enums/childBedMapEnum"
 test("can make a search with city", async ({ page }) => {
  await page.goto("/")
  // Search for city
  const combobox = page.getByRole("combobox", { name: /where to/i })
  await combobox.click()
  await combobox.fill("stockholm")
  await page.getByRole("option", { name: /stockholm sweden/i }).click()
  // Open datepicker
  // If we had better accessibility for our datepicker this would be so much easier
  const today = new Date()
  const tomorrow = new Date(today)
  tomorrow.setDate(today.getDate() + 1)
  await page
    .getByRole("button", {
      name: `${formatDate(today)} - ${formatDate(tomorrow)}`,
    })
    .click()
  // Select future dates
  const twoDaysFromNow = new Date(today)
  twoDaysFromNow.setDate(today.getDate() + 2)
  await clickDatePickerDate(page, twoDaysFromNow)
  const threeDaysFromNow = new Date(today)
  threeDaysFromNow.setDate(today.getDate() + 3)
  await clickDatePickerDate(page, threeDaysFromNow)
  await page
    .getByRole("button", {
      name: /select dates/i,
    })
    .click()
  // Select rooms and guests
  // Once again, better accessibility would make this so much easier
  await page.getByRole("button", { name: /1 room, 1 adult/i }).click()
  const roomsDialog = page.getByRole("dialog")
  const room1section = roomsDialog.getByText(/room 1/i).locator("..")
  // Add 1 adult
  await room1section
    .locator("section")
    .filter({ hasText: /adults/i })
    .getByRole("button", { name: /add/i })
    .click()
  // Add 1 child aged 10
  await room1section
    .locator("section")
    .filter({ hasText: /children/i })
    .getByRole("button", { name: /add/i })
    .click()
  await room1section.getByRole("button", { name: /age/i }).click()
  await page.getByRole("option", { name: /10/i }).click()
  await page.getByRole("button", { name: /add room/i }).click()
  const room2section = roomsDialog.getByText(/room 2/i).locator("..")
  // Add 2 adults
  await room2section
    .locator("section")
    .filter({ hasText: /adults/i })
    .getByRole("button", { name: /add/i })
    .click({ clickCount: 2 })
  await roomsDialog.getByRole("button", { name: /done/i }).click()
  await page.getByRole("button", { name: /search/i }).click()
  // Assert that we navigated to the correct URL
  const expectedSearchParams = serializeBookingSearchParams({
    rooms: [
      {
        adults: 2,
        childrenInRoom: [{ age: 10, bed: ChildBedMapEnum.IN_EXTRA_BED }],
      },
      {
        adults: 3,
        childrenInRoom: [],
      },
    ],
    fromDate: twoDaysFromNow.toISOString().split("T")[0],
    toDate: threeDaysFromNow.toISOString().split("T")[0],
    city: "STOCKHOLM",
  })
  await expect(page).toHaveURL(
    `/en/hotelreservation/select-hotel?${expectedSearchParams}`
  )
 })
 test("can make a search with hotel", async ({ page }) => {
  await page.goto("/")
  // Search for hotel
  const combobox = page.getByRole("combobox", { name: /where to/i })
  await combobox.click()
  await combobox.fill("downtown camper")
  await page.getByRole("option", { name: /downtown camper/i }).click()
  // Open datepicker
  // If we had better accessibility for our datepicker this would be so much easier
  const today = new Date()
  const tomorrow = new Date(today)
  tomorrow.setDate(today.getDate() + 1)
  await page
    .getByRole("button", {
      name: `${formatDate(today)} - ${formatDate(tomorrow)}`,
    })
    .click()
  // Select future dates
  const twoDaysFromNow = new Date(today)
  twoDaysFromNow.setDate(today.getDate() + 2)
  await clickDatePickerDate(page, twoDaysFromNow)
  const threeDaysFromNow = new Date(today)
  threeDaysFromNow.setDate(today.getDate() + 3)
  await clickDatePickerDate(page, threeDaysFromNow)
  await page
    .getByRole("button", {
      name: /select dates/i,
    })
    .click()
  // Select rooms and guests
  // Once again, better accessibility would make this so much easier
  await page.getByRole("button", { name: /1 room, 1 adult/i }).click()
  const roomsDialog = page.getByRole("dialog")
  const room1section = roomsDialog.getByText(/room 1/i).locator("..")
  // Add 1 adult
  await room1section
    .locator("section")
    .filter({ hasText: /adults/i })
    .getByRole("button", { name: /add/i })
    .click()
  // Add 1 child aged 10
  await room1section
    .locator("section")
    .filter({ hasText: /children/i })
    .getByRole("button", { name: /add/i })
    .click()
  await room1section.getByRole("button", { name: /age/i }).click()
  await page.getByRole("option", { name: /10/i }).click()
  await page.getByRole("button", { name: /add room/i }).click()
  const room2section = roomsDialog.getByText(/room 2/i).locator("..")
  // Add 2 adults
  await room2section
    .locator("section")
    .filter({ hasText: /adults/i })
    .getByRole("button", { name: /add/i })
    .click({ clickCount: 2 })
  await roomsDialog.getByRole("button", { name: /done/i }).click()
  await page.getByRole("button", { name: /search/i }).click()
  // Assert that we navigated to the correct URL
  const expectedSearchParams = serializeBookingSearchParams({
    rooms: [
      {
        adults: 2,
        childrenInRoom: [{ age: 10, bed: ChildBedMapEnum.IN_EXTRA_BED }],
      },
      {
        adults: 3,
        childrenInRoom: [],
      },
    ],
    fromDate: twoDaysFromNow.toISOString().split("T")[0],
    toDate: threeDaysFromNow.toISOString().split("T")[0],
    hotelId: "879", // Downtown Camper
  })
  await expect(page).toHaveURL(
    `/en/hotelreservation/select-rate?${expectedSearchParams}`
  )
 })
 const formatDate = (date: Date) => {
  const day = date.getDate()
  const month = date.toLocaleDateString("en-US", { month: "short" })
  const weekday = date.toLocaleDateString("en-US", { weekday: "short" })
  return `${weekday}, ${day} ${month}`
 }
 const clickDatePickerDate = async (page: Page, date: Date) => {
  const dateString = date.toISOString().split("T")[0] // YYYY-MM-DD format
  await page.locator(`[data-day="${dateString}"]`).getByRole("button").click()
 }
--- a/apps/partner-sas/tests/dummy.spec.ts
+++ b/apps/partner-sas/tests/dummy.spec.ts
@@ -1,7 +0,0 @@
 import { expect, test } from "@playwright/test"
 test("has text", async ({ page }) => {
  await page.goto("/")
  await expect(page.getByText(/hello world/i)).toBeVisible()
 })
--- a/apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/start_page/[uid]/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/start_page/[uid]/page.tsx
@@ -1,5 +1,6 @@
 import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import StartPage from "@/components/ContentType/StartPage"
 import { parseBookingWidgetSearchParams } from "@/utils/url"
 import type { NextSearchParams, PageArgs } from "@/types/params"
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/payment-callback/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/payment-callback/page.tsx
@@ -1,5 +1,9 @@
 import { notFound } from "next/navigation"
 import {
  bookingConfirmation,
  details,
 } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { logger } from "@scandic-hotels/common/logger"
 import { getServiceToken } from "@scandic-hotels/common/tokenManager"
 import { BookingErrorCodeEnum } from "@scandic-hotels/trpc/enums/bookingErrorCode"
@@ -8,10 +12,6 @@ import { encrypt } from "@scandic-hotels/trpc/utils/encryption"
 import { isValidSession } from "@scandic-hotels/trpc/utils/session"
 import { PaymentCallbackStatusEnum } from "@/constants/booking"
 import {
  bookingConfirmation,
  details,
 } from "@/constants/routes/hotelReservation"
 import { serverClient } from "@/lib/trpc/server"
 import { auth } from "@/auth"
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/map/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/map/page.tsx
@@ -1,10 +1,11 @@
 import { notFound } from "next/navigation"
 import { Suspense } from "react"
 import { parseSelectHotelSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { SelectHotelMapContainer } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainer"
 import { SelectHotelMapContainerSkeleton } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton"
 import { MapContainer } from "@/components/MapContainer"
 import { parseSelectHotelSearchParams } from "@/utils/url"
 import styles from "./page.module.css"
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/page.tsx
@@ -3,8 +3,10 @@ import { cookies } from "next/headers"
 import { notFound } from "next/navigation"
 import { Suspense } from "react"
 import { parseSelectHotelSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { alternativeHotelsMap } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { FamilyAndFriendsCodes } from "@/constants/booking"
 import { alternativeHotelsMap } from "@/constants/routes/hotelReservation"
 import FnFNotAllowedAlert from "@/components/HotelReservation/FnFNotAllowedAlert/FnFNotAllowedAlert"
 import SelectHotel from "@/components/HotelReservation/SelectHotel"
@@ -13,7 +15,6 @@ import { getTracking } from "@/components/HotelReservation/SelectHotel/tracking"
 import TrackingSDK from "@/components/TrackingSDK"
 import { getIntl } from "@/i18n"
 import { getHotelSearchDetails } from "@/utils/hotelSearchDetails"
 import { parseSelectHotelSearchParams } from "@/utils/url"
 import {
  type LangParams,
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/details/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/details/page.tsx
@@ -2,6 +2,8 @@ import { cookies } from "next/headers"
 import { notFound } from "next/navigation"
 import { Suspense } from "react"
 import { parseDetailsSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { FamilyAndFriendsCodes } from "@/constants/booking"
 import {
  getBreakfastPackages,
@@ -20,7 +22,6 @@ import EnterDetailsTrackingWrapper from "@/components/HotelReservation/EnterDeta
 import FnFNotAllowedAlert from "@/components/HotelReservation/FnFNotAllowedAlert/FnFNotAllowedAlert"
 import RoomProvider from "@/providers/Details/RoomProvider"
 import EnterDetailsProvider from "@/providers/EnterDetailsProvider"
 import { parseDetailsSearchParams } from "@/utils/url"
 import styles from "./page.module.css"
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
@@ -2,10 +2,11 @@ import stringify from "json-stable-stringify-without-jsonify"
 import { notFound } from "next/navigation"
 import { Suspense } from "react"
 import { parseSelectHotelSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { SelectHotelMapContainer } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainer"
 import { SelectHotelMapContainerSkeleton } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton"
 import { MapContainer } from "@/components/MapContainer"
 import { parseSelectHotelSearchParams } from "@/utils/url"
 import styles from "./page.module.css"
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx
@@ -3,8 +3,10 @@ import { cookies } from "next/headers"
 import { notFound } from "next/navigation"
 import { Suspense } from "react"
 import { parseSelectHotelSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { selectHotelMap } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { FamilyAndFriendsCodes } from "@/constants/booking"
 import { selectHotelMap } from "@/constants/routes/hotelReservation"
 import FnFNotAllowedAlert from "@/components/HotelReservation/FnFNotAllowedAlert/FnFNotAllowedAlert"
 import SelectHotel from "@/components/HotelReservation/SelectHotel"
@@ -12,7 +14,6 @@ import { getHotels } from "@/components/HotelReservation/SelectHotel/helpers"
 import { getTracking } from "@/components/HotelReservation/SelectHotel/tracking"
 import TrackingSDK from "@/components/TrackingSDK"
 import { getHotelSearchDetails } from "@/utils/hotelSearchDetails"
 import { parseSelectHotelSearchParams } from "@/utils/url"
 import type { LangParams, NextSearchParams, PageArgs } from "@/types/params"
--- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx
@@ -1,11 +1,11 @@
 import { notFound } from "next/navigation"
 import { parseSelectRateSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
 import { combineRegExps, rateTypeRegex } from "@/constants/booking"
 import SelectRate from "@/components/HotelReservation/SelectRate"
 import { parseSelectRateSearchParams } from "@/utils/url"
 import type { LangParams, NextSearchParams, PageArgs } from "@/types/params"
--- a/apps/scandic-web/app/[lang]/(live)/@bookingwidget/(contentTypes)/destination_city_page/[uid]/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/@bookingwidget/(contentTypes)/destination_city_page/[uid]/page.tsx
@@ -1,7 +1,9 @@
 import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
 import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { getDestinationCityPage } from "@/lib/trpc/memoizedRequests"
-import { BookingWidget } from "@/components/BookingWidget"
+import { getLang } from "@/i18n/serverContext"
 import { parseBookingWidgetSearchParams } from "@/utils/url"
 import type { NextSearchParams, PageArgs } from "@/types/params"
@@ -20,5 +22,7 @@ export default async function BookingWidgetDestinationCityPage(
  const booking = parseBookingWidgetSearchParams(bookingWidgetSearchParams)
-  return <BookingWidget booking={booking} />
+  const lang = await getLang()
  return <BookingWidget booking={booking} lang={lang} />
 }
--- a/apps/scandic-web/app/[lang]/(live)/@bookingwidget/(contentTypes)/hotel_page/[uid]/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/@bookingwidget/(contentTypes)/hotel_page/[uid]/page.tsx
@@ -1,8 +1,9 @@
 import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
 import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { getHotel, getHotelPage } from "@/lib/trpc/memoizedRequests"
 import { BookingWidget } from "@/components/BookingWidget"
 import { getLang } from "@/i18n/serverContext"
 import { parseBookingWidgetSearchParams } from "@/utils/url"
 import type { NextSearchParams, PageArgs } from "@/types/params"
@@ -12,9 +13,10 @@ export default async function BookingWidgetHotelPage(
  const searchParams = await props.searchParams
  const hotelPageData = await getHotelPage()
  const lang = await getLang()
  const hotelData = await getHotel({
    hotelId: hotelPageData?.hotel_page_id || "",
-    language: await getLang(),
+    language: lang,
    isCardOnlyPayment: false,
  })
@@ -34,5 +36,5 @@ export default async function BookingWidgetHotelPage(
  const booking = parseBookingWidgetSearchParams(bookingWidgetSearchParams)
-  return <BookingWidget booking={booking} />
+  return <BookingWidget booking={booking} lang={lang} />
 }
--- a/apps/scandic-web/app/[lang]/(live)/@bookingwidget/hotelreservation/[...paths]/loading.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/@bookingwidget/hotelreservation/[...paths]/loading.tsx
@@ -1,4 +1,4 @@
-import { BookingWidgetSkeleton } from "@/components/BookingWidget/Client"
+import { BookingWidgetSkeleton } from "@scandic-hotels/booking-flow/BookingWidget/Skeleton"
 // This file is crucial for displaying a loading
 // state immediately in the booking flow.
--- a/apps/scandic-web/app/[lang]/(live)/@bookingwidget/hotelreservation/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/@bookingwidget/hotelreservation/page.tsx
@@ -1,5 +1,7 @@
-import { BookingWidget } from "@/components/BookingWidget"
+import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
-import { parseBookingWidgetSearchParams } from "@/utils/url"
+import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { getLang } from "@/i18n/serverContext"
 import type { LangParams, NextSearchParams, PageArgs } from "@/types/params"
@@ -10,5 +12,7 @@ export default async function BookingWidgetPage(
  const booking = parseBookingWidgetSearchParams(searchParams)
-  return <BookingWidget booking={booking} />
+  const lang = await getLang()
  return <BookingWidget booking={booking} lang={lang} />
 }
--- a/apps/scandic-web/app/[lang]/(live)/@bookingwidget/page.tsx
+++ b/apps/scandic-web/app/[lang]/(live)/@bookingwidget/page.tsx
@@ -1,5 +1,7 @@
-import { BookingWidget } from "@/components/BookingWidget"
+import { BookingWidget } from "@scandic-hotels/booking-flow/BookingWidget"
-import { parseBookingWidgetSearchParams } from "@/utils/url"
+import { parseBookingWidgetSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { getLang } from "@/i18n/serverContext"
 import type { LangParams, NextSearchParams, PageArgs } from "@/types/params"
@@ -10,5 +12,7 @@ export default async function BookingWidgetPage(
  const booking = parseBookingWidgetSearchParams(searchParams)
-  return <BookingWidget booking={booking} />
+  const lang = await getLang()
  return <BookingWidget booking={booking} lang={lang} />
 }
--- a/apps/scandic-web/app/[lang]/(live)/layout.tsx
+++ b/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 />
+                  <BookingFlowTrackingProvider
-                  <SitewideAlert />
+                    trackingFunctions={{
-                  <Header />
+                      trackBookingSearchClick,
-                  {bookingwidget}
+                    }}
-                  {children}
+                  >
-                  <Footer />
+                    <RouteChange />
-                  <ToastHandler />
+                    <SitewideAlert />
-                  <SessionRefresher />
+                    <Header />
-                  <StorageCleaner />
+                    {bookingwidget}
-                  <CookieBotConsent />
+                    {children}
-                  <ReactQueryDevtools initialIsOpen={false} />
+                    <Footer />
                    <ToastHandler />
                    <SessionRefresher />
                    <StorageCleaner />
                    <CookieBotConsent />
                    <ReactQueryDevtools initialIsOpen={false} />
                  </BookingFlowTrackingProvider>
                </RACRouterProvider>
              </TrpcProvider>
            </ClientIntlProvider>
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx
@@ -1,13 +1,13 @@
 import Link from "next/link"
 import React, { Suspense } from "react"
 import { hotelreservation } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { partnerSas } from "@scandic-hotels/common/constants/routes/myPages"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { hotelreservation } from "@/constants/routes/hotelReservation"
 import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 import Image from "@/components/Image"
--- a/apps/scandic-web/components/BookingWidget/index.tsx
+++ b/apps/scandic-web/components/BookingWidget/index.tsx
@@ -1,39 +0,0 @@
 import { Suspense } from "react"
 import {
  getPageSettingsBookingCode,
  isBookingWidgetHidden,
 } from "@/lib/trpc/memoizedRequests"
 import BookingWidgetClient, { BookingWidgetSkeleton } from "./Client"
 import type { BookingWidgetProps } from "@/types/components/bookingWidget"
 export async function BookingWidget(props: BookingWidgetProps) {
  return (
    <Suspense fallback={<BookingWidgetSkeleton />}>
      <InternalBookingWidget {...props} />
    </Suspense>
  )
 }
 async function InternalBookingWidget({ type, booking }: BookingWidgetProps) {
  const isHidden = await isBookingWidgetHidden()
  if (isHidden) {
    return null
  }
  let pageSettingsBookingCodePromise: Promise<string> | null = null
  if (!booking.bookingCode) {
    pageSettingsBookingCodePromise = getPageSettingsBookingCode()
  }
  return (
    <BookingWidgetClient
      type={type}
      data={booking}
      pageSettingsBookingCodePromise={pageSettingsBookingCodePromise}
    />
  )
 }
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelList/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelList/index.tsx
@@ -4,12 +4,12 @@ import { useMap, useMapsLibrary } from "@vis.gl/react-google-maps"
 import { useEffect, useMemo, useState } from "react"
 import { useIntl } from "react-intl"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { useDestinationDataStore } from "@/stores/destination-data"
 import DestinationFilterAndSort from "@/components/DestinationFilterAndSort"
 import { debounce } from "@/utils/debounce"
 import HotelListContent from "./Content"
 import HotelListSkeleton from "./HotelListSkeleton"
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/Form.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/DestinationSearch/Form.tsx
@@ -5,7 +5,8 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { z } from "zod"
-import { Search } from "@/components/Forms/BookingWidget/FormContent/Search"
+import { Search } from "@scandic-hotels/booking-flow/BookingWidget/BookingWidgetForm/FormContent/Search"
 import { toast } from "@/components/TempDesignSystem/Toasts"
 const destinationSearchFormSchema = z.object({
--- a/apps/scandic-web/components/ContentType/DestinationPage/Map/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/Map/index.tsx
@@ -11,6 +11,7 @@ import {
 } from "react"
 import { useIntl } from "react-intl"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { BackToTopButton } from "@scandic-hotels/design-system/BackToTopButton"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
@@ -20,7 +21,6 @@ import { useDestinationPageHotelsMapStore } from "@/stores/destination-page-hote
 import DestinationFilterAndSort from "@/components/DestinationFilterAndSort"
 import { useScrollToTop } from "@/hooks/useScrollToTop"
 import { debounce } from "@/utils/debounce"
 import DynamicMap from "./DynamicMap"
 import MapContent from "./MapContent"
--- a/apps/scandic-web/components/ContentType/DestinationPage/SidebarContentWrapper/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/SidebarContentWrapper/index.tsx
@@ -2,12 +2,10 @@
 import { useRef } from "react"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { StickyElementNameEnum } from "@scandic-hotels/common/stores/sticky-position"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { StickyElementNameEnum } from "@/stores/sticky-position"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import styles from "./sidebarContentWrapper.module.css"
 interface SidebarContentWrapperProps extends React.PropsWithChildren {
--- a/apps/scandic-web/components/ContentType/HotelMapPage/Client.tsx
+++ b/apps/scandic-web/components/ContentType/HotelMapPage/Client.tsx
@@ -10,11 +10,11 @@ import {
 } from "react"
 import { useIntl } from "react-intl"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import InteractiveMap from "@/components/Maps/InteractiveMap"
 import { debounce } from "@/utils/debounce"
 import Sidebar from "./Sidebar"
--- a/apps/scandic-web/components/ContentType/HotelPage/Map/MapWithCard/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/Map/MapWithCard/index.tsx
@@ -2,9 +2,8 @@
 import { type PropsWithChildren, useRef } from "react"
-import { StickyElementNameEnum } from "@/stores/sticky-position"
+import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
-
+import { StickyElementNameEnum } from "@scandic-hotels/common/stores/sticky-position"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import styles from "./mapWithCard.module.css"
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/index.tsx
@@ -1,11 +1,10 @@
 import Link from "next/link"
 import { selectRateWithParams } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { dt } from "@scandic-hotels/common/dt"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { selectRateWithParams } from "@/constants/routes/hotelReservation"
 import ImageGallery from "@/components/ImageGallery"
 import SidePeek from "@/components/TempDesignSystem/SidePeek"
 import { getIntl } from "@/i18n"
--- a/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/index.tsx
@@ -11,13 +11,12 @@ import {
  useState,
 } from "react"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { StickyElementNameEnum } from "@scandic-hotels/common/stores/sticky-position"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { StickyElementNameEnum } from "@/stores/sticky-position"
 import useScrollShadows from "@/hooks/useScrollShadows"
 import useScrollSpy from "@/hooks/useScrollSpy"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import { trackHotelTabClick } from "@/utils/tracking"
 import styles from "./tabNavigation.module.css"
--- a/apps/scandic-web/components/ContentType/StartPage/index.tsx
+++ b/apps/scandic-web/components/ContentType/StartPage/index.tsx
@@ -1,3 +1,4 @@
 import { FloatingBookingWidget } from "@scandic-hotels/booking-flow/BookingWidget/FloatingBookingWidget"
 import Title from "@scandic-hotels/design-system/Title"
 import { BlocksEnums } from "@scandic-hotels/trpc/types/blocksEnum"
@@ -5,13 +6,13 @@ import { getStartPage } from "@/lib/trpc/memoizedRequests"
 import Blocks from "@/components/Blocks"
 import FullWidthCampaign from "@/components/Blocks/FullWidthCampaign"
 import { FloatingBookingWidget } from "@/components/BookingWidget/FloatingBookingWidget"
 import Image from "@/components/Image"
 import TrackingSDK from "@/components/TrackingSDK"
 import { getLang } from "@/i18n/serverContext"
 import styles from "./startPage.module.css"
-import type { BookingWidgetSearchData } from "@/types/components/bookingWidget"
+import type { BookingWidgetSearchData } from "@scandic-hotels/booking-flow/BookingWidget"
 export default async function StartPage({
  booking,
@@ -24,6 +25,7 @@ export default async function StartPage({
  }
  const { header, blocks } = content.startPage
  const lang = await getLang()
  return (
    <div className={styles.background}>
@@ -32,7 +34,7 @@ export default async function StartPage({
          <Title color="white" textAlign="center">
            {header.heading}
          </Title>
-          <FloatingBookingWidget booking={booking} />
+          <FloatingBookingWidget booking={booking} lang={lang} />
        </div>
        {header.hero_image ? (
          <Image
--- a/apps/scandic-web/components/DatePicker/Single/Desktop.tsx
+++ b/apps/scandic-web/components/DatePicker/Single/Desktop.tsx
@@ -19,7 +19,13 @@ import { locales } from "../locales"
 import styles from "./desktop.module.css"
 import classNames from "react-day-picker/style.module.css"
-import type { DatePickerSingleProps } from "@/types/components/datepicker"
+type DatePickerSingleProps = {
  close: () => void
  startMonth?: Date
  hideHeader?: boolean
  selectedDate: Date
  handleOnSelect: (selected: Date) => void
 }
 export default function DatePickerSingleDesktop({
  close,
--- a/apps/scandic-web/components/DatePicker/Single/Mobile.tsx
+++ b/apps/scandic-web/components/DatePicker/Single/Mobile.tsx
@@ -15,7 +15,13 @@ import { locales } from "../locales"
 import styles from "./mobile.module.css"
 import classNames from "react-day-picker/style.module.css"
-import type { DatePickerSingleProps } from "@/types/components/datepicker"
+type DatePickerSingleProps = {
  close: () => void
  startMonth?: Date
  hideHeader?: boolean
  selectedDate: Date
  handleOnSelect: (selected: Date) => void
 }
 export default function DatePickerSingleMobile({
  close,
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/index.tsx
@@ -2,12 +2,12 @@
 import { useIntl } from "react-intl"
 import { longDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { longDateFormat } from "@/constants/dateFormats"
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 import useLang from "@/hooks/useLang"
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx
@@ -2,16 +2,16 @@
 import { useIntl } from "react-intl"
 import {
  changeOrCancelDateFormat,
  longDateFormat,
 } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import Caption from "@scandic-hotels/design-system/Caption"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { CancellationRuleEnum } from "@/constants/booking"
 import {
  changeOrCancelDateFormat,
  longDateFormat,
 } from "@/constants/dateFormats"
 import Image from "@/components/Image"
 import useLang from "@/hooks/useLang"
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Tracking/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Tracking/index.tsx
@@ -2,11 +2,12 @@
 import { useEffect, useState } from "react"
 import { useSearchHistory } from "@scandic-hotels/booking-flow/hooks/useSearchHistory"
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 import TrackingSDK from "@/components/TrackingSDK"
 import useLang from "@/hooks/useLang"
 import { useSearchHistory } from "@/hooks/useSearchHistory"
 import { clearPaymentInfoSessionStorage } from "../../EnterDetails/Payment/helpers"
 import { getTracking } from "./tracking"
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/BookingAlert/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/BookingAlert/index.tsx
@@ -5,6 +5,7 @@ import { useEffect, useRef, useState } from "react"
 import { useIntl } from "react-intl"
 import { selectRate } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { BookingErrorCodeEnum } from "@scandic-hotels/trpc/enums/bookingErrorCode"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
@@ -12,7 +13,6 @@ import { useEnterDetailsStore } from "@/stores/enter-details"
 import Alert from "@/components/TempDesignSystem/Alert"
 import useLang from "@/hooks/useLang"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import styles from "./bookingAlert.module.css"
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/HandleErrorCallback.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentCallback/HandleErrorCallback.tsx
@@ -3,13 +3,14 @@
 import { useRouter } from "next/navigation"
 import { useEffect } from "react"
 import { serializeBookingSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { PaymentCallbackStatusEnum } from "@/constants/booking"
 import { detailsStorageName } from "@/stores/enter-details"
 import LoadingSpinner from "@/components/LoadingSpinner"
 import { trackPaymentEvent } from "@/utils/tracking"
 import { trackEvent } from "@/utils/tracking/base"
 import { serializeBookingSearchParams } from "@/utils/url"
 import {
  clearPaymentInfoSessionStorage,
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx
@@ -9,7 +9,8 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
-import { selectRate } from "@scandic-hotels/common/constants/routes/hotelReservation"
+import { bookingConfirmation,selectRate  } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { logger } from "@scandic-hotels/common/logger"
 import Body from "@scandic-hotels/design-system/Body"
 import { Button } from "@scandic-hotels/design-system/Button"
@@ -22,7 +23,6 @@ import { BookingStatusEnum } from "@scandic-hotels/trpc/enums/bookingStatus"
 import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
 import { PAYMENT_METHOD_TITLES } from "@/constants/booking"
 import { bookingConfirmation } from "@/constants/routes/hotelReservation"
 import { env } from "@/env/client"
 import { useEnterDetailsStore } from "@/stores/enter-details"
@@ -30,7 +30,6 @@ import PaymentOption from "@/components/HotelReservation/PaymentOption"
 import { useAvailablePaymentOptions } from "@/hooks/booking/useAvailablePaymentOptions"
 import { useHandleBookingStatus } from "@/hooks/booking/useHandleBookingStatus"
 import useLang from "@/hooks/useLang"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import { formatPhoneNumber } from "@/utils/phone"
 import { trackPaymentEvent } from "@/utils/tracking"
 import { trackEvent } from "@/utils/tracking/base"
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/StorageCleaner.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/StorageCleaner.tsx
@@ -2,7 +2,8 @@
 import { usePathname } from "next/navigation"
 import { useEffect } from "react"
-import { hotelreservation } from "@/constants/routes/hotelReservation"
+import { hotelreservation } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { detailsStorageName } from "@/stores/enter-details"
 import useLang from "@/hooks/useLang"
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
@@ -5,6 +5,7 @@ import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
 import { longDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import Body from "@scandic-hotels/design-system/Body"
 import { Divider } from "@scandic-hotels/design-system/Divider"
@@ -12,8 +13,6 @@ import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Subtitle from "@scandic-hotels/design-system/Subtitle"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { longDateFormat } from "@/constants/dateFormats"
 import BookingCodeChip from "@/components/BookingCodeChip"
 import PriceDetailsModal from "@/components/HotelReservation/PriceDetailsModal"
 import { isBookingCodeRate } from "@/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/utils"
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Tracking/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Tracking/index.tsx
@@ -1,9 +1,10 @@
 "use client"
 import { useSearchHistory } from "@scandic-hotels/booking-flow/hooks/useSearchHistory"
 import { useEnterDetailsStore } from "@/stores/enter-details"
 import TrackingSDK from "@/components/TrackingSDK"
 import { useSearchHistory } from "@/hooks/useSearchHistory"
 import { getTracking } from "./tracking"
--- a/apps/scandic-web/components/HotelReservation/HotelCard/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/HotelCard/index.tsx
@@ -11,16 +11,16 @@ import { memo } from "react"
 import { useIntl } from "react-intl"
 import TripAdvisorChip from "@scandic-hotels/booking-flow/components/TripAdvisorChip"
-import { selectRate } from "@scandic-hotels/common/constants/routes/hotelReservation"
+import {
  alternativeHotelsMap,
  selectHotelMap,
  selectRate,
 } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import Caption from "@scandic-hotels/design-system/Caption"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import {
  alternativeHotelsMap,
  selectHotelMap,
 } from "@/constants/routes/hotelReservation"
 import { useHotelsMapStore } from "@/stores/hotels-map"
 import BookingCodeChip from "@/components/BookingCodeChip"
--- a/apps/scandic-web/components/HotelReservation/HotelCardListing/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/HotelCardListing/index.tsx
@@ -4,9 +4,12 @@ import { useSession } from "next-auth/react"
 import { useEffect, useMemo, useRef } from "react"
 import { useIntl } from "react-intl"
 import {
  BookingCodeFilterEnum,
  useBookingCodeFilterStore,
 } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import { BackToTopButton } from "@scandic-hotels/design-system/BackToTopButton"
 import { useBookingCodeFilterStore } from "@/stores/bookingCode-filter"
 import { useHotelFilterStore } from "@/stores/hotel-filters"
 import { useHotelsMapStore } from "@/stores/hotels-map"
@@ -23,7 +26,6 @@ import {
  type HotelCardListingProps,
  HotelCardListingTypeEnum,
 } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 export default function HotelCardListing({
  hotelData,
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/index.tsx
@@ -7,13 +7,13 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
 import { guaranteeCallback } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { trpc } from "@scandic-hotels/trpc/client"
 import { BreakfastPackageEnum } from "@scandic-hotels/trpc/enums/breakfast"
 import { guaranteeCallback } from "@/constants/routes/hotelReservation"
 import { env } from "@/env/client"
 import {
  AncillaryStepEnum,
--- a/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Receipt/Footer/index.tsx
@@ -1,10 +1,9 @@
 import { longDateWithYearFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { getNumberOfNights } from "@scandic-hotels/common/utils/dateFormatting"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
 import { longDateWithYearFormat } from "@/constants/dateFormats"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/Steps/Confirmation/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/Steps/Confirmation/index.tsx
@@ -2,10 +2,10 @@
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { longDateWithYearFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { longDateWithYearFormat } from "@/constants/dateFormats"
 import { useMyStayStore } from "@/stores/my-stay"
 import Modal from "@/components/HotelReservation/MyStay/Modal"
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Confirmation/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Confirmation/index.tsx
@@ -1,11 +1,11 @@
 "use client"
 import { useIntl } from "react-intl"
 import { longDateWithYearFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { trpc } from "@scandic-hotels/trpc/client"
 import { longDateWithYearFormat } from "@/constants/dateFormats"
 import { useMyStayStore } from "@/stores/my-stay"
 import Modal from "@/components/HotelReservation/MyStay/Modal"
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/index.tsx
@@ -7,12 +7,11 @@ import {
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { longDateWithYearFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { longDateWithYearFormat } from "@/constants/dateFormats"
 import DatePickerSingleDesktop from "@/components/DatePicker/Single/Desktop"
 import DatePickerSingleMobile from "@/components/DatePicker/Single/Mobile"
 import Modal from "@/components/HotelReservation/MyStay/Modal"
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/Form/index.tsx
@@ -4,11 +4,11 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
 import { guaranteeCallback } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import Checkbox from "@scandic-hotels/design-system/Form/Checkbox"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { guaranteeCallback } from "@/constants/routes/hotelReservation"
 import { bookingTermsAndConditions, privacyPolicy } from "@/constants/webHrefs"
 import { env } from "@/env/client"
 import { useMyStayStore } from "@/stores/my-stay"
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Dates/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Dates/index.tsx
@@ -1,11 +1,11 @@
 "use client"
 import { useIntl } from "react-intl"
 import { shortDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { shortDateFormat } from "@/constants/dateFormats"
 import { useMyStayStore } from "@/stores/my-stay"
 import useLang from "@/hooks/useLang"
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx
@@ -1,6 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 import { changeOrCancelDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
@@ -11,7 +12,6 @@ import { RateEnum } from "@scandic-hotels/trpc/enums/rate"
 import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
 import { CancellationRuleEnum } from "@/constants/booking"
 import { changeOrCancelDateFormat } from "@/constants/dateFormats"
 import { IconForFeatureCode } from "@/components/HotelReservation/utils"
 import Image from "@/components/Image"
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/ModifyBy.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/ModifyBy.tsx
@@ -1,8 +1,8 @@
 import { useIntl } from "react-intl"
 import { changeOrCancelDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { changeOrCancelDateFormat } from "@/constants/dateFormats"
 import { useMyStayStore } from "@/stores/my-stay"
 import { hasModifiableRate } from "@/components/HotelReservation/MyStay/utils"
--- a/apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/index.tsx
@@ -2,11 +2,10 @@
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
 import { longDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { longDateFormat } from "@/constants/dateFormats"
 import useLang from "@/hooks/useLang"
 import BookingCodeRow from "./Row/BookingCode"
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx
@@ -13,17 +13,14 @@ import {
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 import { BookingCodeFilterEnum,useBookingCodeFilterStore  } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import { ChipButton } from "@scandic-hotels/design-system/ChipButton"
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { useBookingCodeFilterStore } from "@/stores/bookingCode-filter"
 import styles from "./bookingCodeFilter.module.css"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 export default function BookingCodeFilter() {
  const intl = useIntl()
  const [isOpen, setIsOpen] = useState(false)
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/MobileMapButtonContainer/index.tsx
@@ -2,13 +2,12 @@
 import { useIntl } from "react-intl"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import {
  alternativeHotelsMap,
  selectHotelMap,
-} from "@/constants/routes/hotelReservation"
+} from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import Link from "@/components/TempDesignSystem/Link"
 import useLang from "@/hooks/useLang"
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/NoAvailabilityAlert.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/NoAvailabilityAlert.tsx
@@ -1,7 +1,6 @@
 import { alternativeHotels } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
 import { alternativeHotels } from "@/constants/routes/hotelReservation"
 import Alert from "@/components/TempDesignSystem/Alert"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/index.tsx
@@ -4,15 +4,19 @@ import { useCallback, useMemo, useRef, useState } from "react"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 import {
  BookingCodeFilterEnum,
  useBookingCodeFilterStore,
 } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import {
  alternativeHotels,
  selectHotel,
 } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { BackToTopButton } from "@scandic-hotels/design-system/BackToTopButton"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import {
  alternativeHotels,
  selectHotel,
 } from "@/constants/routes/hotelReservation"
 import { useBookingCodeFilterStore } from "@/stores/bookingCode-filter"
 import { useHotelFilterStore } from "@/stores/hotel-filters"
 import { useHotelsMapStore } from "@/stores/hotels-map"
@@ -21,7 +25,6 @@ import InteractiveMap from "@/components/Maps/InteractiveMap"
 import Link from "@/components/TempDesignSystem/Link"
 import useLang from "@/hooks/useLang"
 import { useScrollToTop } from "@/hooks/useScrollToTop"
 import { debounce } from "@/utils/debounce"
 import BookingCodeFilter from "../../BookingCodeFilter"
 import FilterAndSortModal from "../../Filters/FilterAndSortModal"
@@ -31,7 +34,6 @@ import { getVisibleHotels } from "./utils"
 import styles from "./selectHotelMapContent.module.css"
 import type { SelectHotelMapProps } from "@/types/components/hotelReservation/selectHotel/map"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 import type { HotelResponse } from "@/components/HotelReservation/SelectHotel/helpers"
 const SKELETON_LOAD_DELAY = 750
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/index.tsx
@@ -2,13 +2,13 @@
 import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 import { longDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { longDateFormat } from "@/constants/dateFormats"
 import { useRatesStore } from "@/stores/select-rate"
 import PriceDetailsModal from "@/components/HotelReservation/PriceDetailsModal"
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/Summary.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/MobileSummary/Summary.tsx
@@ -3,6 +3,7 @@ import { Fragment } from "react"
 import { Button as ButtonRAC } from "react-aria-components"
 import { useIntl } from "react-intl"
 import { longDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import Body from "@scandic-hotels/design-system/Body"
 import { Button } from "@scandic-hotels/design-system/Button"
@@ -12,7 +13,6 @@ import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Subtitle from "@scandic-hotels/design-system/Subtitle"
 import { ChildBedMapEnum } from "@scandic-hotels/trpc/enums/childBedMapEnum"
 import { longDateFormat } from "@/constants/dateFormats"
 import { useRatesStore } from "@/stores/select-rate"
 import PriceDetailsModal from "@/components/HotelReservation/PriceDetailsModal"
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/index.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react"
 import { useIntl } from "react-intl"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import Subtitle from "@scandic-hotels/design-system/Subtitle"
@@ -8,7 +9,6 @@ import Subtitle from "@scandic-hotels/design-system/Subtitle"
 import { useRatesStore } from "@/stores/select-rate"
 import { useRoomContext } from "@/contexts/SelectRate/Room"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import SelectedRoomPanel from "./SelectedRoomPanel"
 import { roomSelectionPanelVariants } from "./variants"
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/index.tsx
@@ -1,10 +1,10 @@
 "use client"
 import { useIntl } from "react-intl"
 import { alternativeHotels } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { AvailabilityEnum } from "@scandic-hotels/trpc/enums/selectHotel"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
 import { alternativeHotels } from "@/constants/routes/hotelReservation"
 import { useRatesStore } from "@/stores/select-rate"
 import Alert from "@/components/TempDesignSystem/Alert"
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/BookingCodeFilter/index.tsx
@@ -13,6 +13,7 @@ import {
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import { ChipButton } from "@scandic-hotels/design-system/ChipButton"
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -27,8 +28,6 @@ import useLang from "@/hooks/useLang"
 import styles from "./bookingCodeFilter.module.css"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 export default function BookingCodeFilter() {
  const intl = useIntl()
  const lang = useLang()
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/index.tsx
@@ -2,6 +2,7 @@
 import { useSession } from "next-auth/react"
 import { useIntl } from "react-intl"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
@@ -14,8 +15,6 @@ import { getBreakfastMessage } from "./getBreakfastMessage"
 import styles from "./breakfastMessage.module.css"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 export default function BreakfastMessage({
  breakfastIncludedMember,
  breakfastIncludedStandard,
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx
@@ -2,6 +2,7 @@
 import { useSession } from "next-auth/react"
 import { useIntl } from "react-intl"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import CampaignRateCard from "@scandic-hotels/design-system/CampaignRateCard"
 import NoRateAvailableCard from "@scandic-hotels/design-system/NoRateAvailableCard"
@@ -19,7 +20,6 @@ import { calculatePricePerNightPriceProduct } from "./totalPricePerNight"
 import type { PriceProduct } from "@scandic-hotels/trpc/types/roomAvailability"
 import type { SharedRateCardProps } from "@/types/components/hotelReservation/selectRate/rates"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 interface CampaignProps extends SharedRateCardProps {
  campaign: PriceProduct[]
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Redemptions.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Redemptions.tsx
@@ -1,6 +1,7 @@
 "use client"
 import { useIntl } from "react-intl"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import PointsRateCard from "@scandic-hotels/design-system/PointsRateCard"
 import { sumPackages } from "@/components/HotelReservation/utils"
@@ -10,7 +11,6 @@ import useRateTitles from "@/hooks/booking/useRateTitles"
 import type { RedemptionProduct } from "@scandic-hotels/trpc/types/roomAvailability"
 import type { SharedRateCardProps } from "@/types/components/hotelReservation/selectRate/rates"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 interface RedemptionsProps extends SharedRateCardProps {
  redemptions: RedemptionProduct[]
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Regular.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Regular.tsx
@@ -2,6 +2,7 @@
 import { useSession } from "next-auth/react"
 import { useIntl } from "react-intl"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import NoRateAvailableCard from "@scandic-hotels/design-system/NoRateAvailableCard"
 import RegularRateCard from "@scandic-hotels/design-system/RegularRateCard"
@@ -19,7 +20,6 @@ import { calculatePricePerNightPriceProduct } from "./totalPricePerNight"
 import type { PriceProduct } from "@scandic-hotels/trpc/types/roomAvailability"
 import type { SharedRateCardProps } from "@/types/components/hotelReservation/selectRate/rates"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 interface Rate {
  label: string
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx
@@ -2,6 +2,7 @@
 import { useSession } from "next-auth/react"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
@@ -20,7 +21,6 @@ import Regular from "./Regular"
 import type { Product } from "@scandic-hotels/trpc/types/roomAvailability"
 import type { RatesProps } from "@/types/components/hotelReservation/selectRate/rates"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 export default function Rates({
  roomConfiguration: {
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/index.tsx
@@ -3,6 +3,10 @@
 import { notFound, useSearchParams } from "next/navigation"
 import { useIntl } from "react-intl"
 import {
  parseSelectRateSearchParams,
  searchParamsToRecord,
 } from "@scandic-hotels/booking-flow/utils/url"
 import { trpc } from "@scandic-hotels/trpc/client"
 import { selectRateRoomsAvailabilityInputSchema } from "@scandic-hotels/trpc/routers/hotels/input"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
@@ -10,7 +14,6 @@ import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
 import Alert from "@/components/TempDesignSystem/Alert"
 import useLang from "@/hooks/useLang"
 import RatesProvider from "@/providers/RatesProvider"
 import { parseSelectRateSearchParams, searchParamsToRecord } from "@/utils/url"
 import RateSummary from "./RateSummary"
 import Rooms from "./Rooms"
--- a/apps/scandic-web/components/HotelReservation/SelectRate/Tracking/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/Tracking/index.tsx
@@ -3,11 +3,14 @@
 import { useSearchParams } from "next/navigation"
 import React from "react"
 import {
  parseSelectRateSearchParams,
  searchParamsToRecord,
 } from "@scandic-hotels/booking-flow/utils/url"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
 import TrackingSDK from "@/components/TrackingSDK"
 import useLang from "@/hooks/useLang"
 import { parseSelectRateSearchParams, searchParamsToRecord } from "@/utils/url"
 import { getValidDates } from "../getValidDates"
 import { getTracking } from "./tracking"
--- a/apps/scandic-web/components/MapContainer/index.tsx
+++ b/apps/scandic-web/components/MapContainer/index.tsx
@@ -2,7 +2,7 @@
 import { useCallback, useEffect, useRef, useState } from "react"
-import { debounce } from "@/utils/debounce"
+import { debounce } from "@scandic-hotels/common/utils/debounce"
 import styles from "./mapModal.module.css"
--- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Content.tsx
+++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Content.tsx
@@ -3,9 +3,9 @@
 import { useEffect, useRef, useState } from "react"
 import { useIntl } from "react-intl"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { debounce } from "@/utils/debounce"
 import { getEmployeeInfo } from "@/utils/user"
 import styles from "./digitalTeamMemberCard.module.css"
--- a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx
+++ b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/index.tsx
@@ -1,5 +1,6 @@
 import { useIntl } from "react-intl"
 import { changeOrCancelDateFormat } from "@scandic-hotels/common/constants/dateFormats"
 import { dt } from "@scandic-hotels/common/dt"
 import IconChip from "@scandic-hotels/design-system/IconChip"
 import DiscountIcon from "@scandic-hotels/design-system/Icons/DiscountIcon"
@@ -7,8 +8,6 @@ import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
 import { changeOrCancelDateFormat } from "@/constants/dateFormats"
 import GuestDetails from "@/components/HotelReservation/MyStay/GuestDetails"
 import PriceType from "@/components/HotelReservation/MyStay/PriceType"
 import { hasModifiableRate } from "@/components/HotelReservation/MyStay/utils"
--- a/apps/scandic-web/components/SitewideAlert/index.tsx
+++ b/apps/scandic-web/components/SitewideAlert/index.tsx
@@ -2,15 +2,14 @@
 import { useCallback, useRef } from "react"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { StickyElementNameEnum } from "@scandic-hotels/common/stores/sticky-position"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { trpc } from "@scandic-hotels/trpc/client"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
 import { StickyElementNameEnum } from "@/stores/sticky-position"
 import Alert from "@/components/TempDesignSystem/Alert"
 import useLang from "@/hooks/useLang"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import { debounce } from "@/utils/debounce"
 import styles from "./sitewideAlert.module.css"
--- a/apps/scandic-web/components/StickyMeetingPackageWidget/index.tsx
+++ b/apps/scandic-web/components/StickyMeetingPackageWidget/index.tsx
@@ -2,10 +2,10 @@
 import { useRef } from "react"
-import { StickyElementNameEnum } from "@/stores/sticky-position"
+import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { StickyElementNameEnum } from "@scandic-hotels/common/stores/sticky-position"
 import MeetingPackageWidget from "@/components/MeetingPackageWidget"
 import useStickyPosition from "@/hooks/useStickyPosition"
 import styles from "./stickyMeetingPackageWidget.module.css"
--- a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx
@@ -13,11 +13,10 @@ import {
 } from "react-aria-components"
 import { useIntl } from "react-intl"
 import { debounce } from "@scandic-hotels/common/utils/debounce"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { debounce } from "@/utils/debounce"
 import { Arrow } from "../Popover/Arrow"
 import { Breadcrumb } from "./Breadcrumb"
 import { splitBreadcrumbs } from "./utils"
--- a/apps/scandic-web/constants/booking.ts
+++ b/apps/scandic-web/constants/booking.ts
@@ -7,7 +7,6 @@ import BedSingleIcon from "@scandic-hotels/design-system/Icons/BedSingleIcon"
 import BedSofaExtraIcon from "@scandic-hotels/design-system/Icons/BedSofaExtraIcon"
 import BedTwinIcon from "@scandic-hotels/design-system/Icons/BedTwinIcon"
 import BedWallExtraIcon from "@scandic-hotels/design-system/Icons/BedWallExtraIcon"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
 import type { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
 import type { IconProps } from "@scandic-hotels/design-system/Icons"
@@ -19,7 +18,6 @@ import type { JSX } from "react"
 export const FamilyAndFriendsCodes = ["D000029555", "D000029271", "D000029195"]
 export const bookingSearchTypes = [SEARCH_TYPE_REDEMPTION] as const
 export const SEARCHTYPE = "searchtype"
 export const MEMBERSHIP_FAILED_ERROR = "MembershipFailedError"
--- a/apps/scandic-web/constants/routes/hotelReservation.js
+++ b/apps/scandic-web/constants/routes/hotelReservation.js
@@ -1,69 +0,0 @@
 /**
 * @typedef {import('@scandic-hotels/common/constants/language').Lang} Lang
 */
 /**
 * @param {Lang} lang
 */
 export function hotelreservation(lang) {
  return `/${lang}/hotelreservation`
 }
 /**
 * @param {Lang} lang
 */
 export function bookingConfirmation(lang) {
  return `${hotelreservation(lang)}/booking-confirmation`
 }
 /**
 * @param {Lang} lang
 */
 export function details(lang) {
  return `${hotelreservation(lang)}/details`
 }
 /**
 * @param {Lang} lang
 */
 export function selectHotel(lang) {
  return `${hotelreservation(lang)}/select-hotel`
 }
 /**
 * @param {Lang} lang
 */
 export function selectHotelMap(lang) {
  return `${hotelreservation(lang)}/select-hotel/map`
 }
 /**
 * @param {Lang} lang
 * @param {string} hotelId
 * @param {string} fromdate
 * @param {string} todate
 */
 export function selectRateWithParams(lang, hotelId, fromdate, todate) {
  return `${hotelreservation(lang)}/select-rate?room%5B0%5D.adults=1&fromdate=${fromdate}&todate=${todate}&hotel=${hotelId}`
 }
 /**
 * @param {Lang} lang
 */
 export function alternativeHotels(lang) {
  return `${hotelreservation(lang)}/alternative-hotels`
 }
 /**
 * @param {Lang} lang
 */
 export function alternativeHotelsMap(lang) {
  return `${hotelreservation(lang)}/alternative-hotels/map`
 }
 /**
 * @param {Lang} lang
 */
 export function guaranteeCallback(lang) {
  return `${hotelreservation(lang)}/gla-payment-callback`
 }
--- a/apps/scandic-web/hooks/useScrollSpy.ts
+++ b/apps/scandic-web/hooks/useScrollSpy.ts
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react"
-import { debounce } from "../utils/debounce"
+import { debounce } from "@scandic-hotels/common/utils/debounce"
 export default function useScrollSpy(
  sectionIds: string[],
--- a/apps/scandic-web/lib/trpc/memoizedRequests/index.ts
+++ b/apps/scandic-web/lib/trpc/memoizedRequests/index.ts
@@ -2,7 +2,6 @@ import { redirect } from "next/navigation"
 import { isDefined } from "@scandic-hotels/common/utils/isDefined"
 // import { isDefined } from "@/server/utils"
 import { getLang } from "@/i18n/serverContext"
 import { cache } from "@/utils/cache"
@@ -290,37 +289,6 @@ export const getPageSettings = cache(async function getMemoizedPageSettings(
  return caller.contentstack.pageSettings.get({ lang })
 })
 export const isBookingWidgetHidden = cache(
  async function isMemoizedBookingWidgetHidden() {
    const lang = await getLang()
    const [pageSettingsResult, siteConfigResults] = await Promise.allSettled([
      getPageSettings(lang),
      getSiteConfig(lang),
    ])
    const pageSettings =
      pageSettingsResult.status === "fulfilled"
        ? pageSettingsResult.value
        : null
    const siteConfig =
      siteConfigResults.status === "fulfilled" ? siteConfigResults.value : null
    const hideFromPageSettings =
      pageSettings?.page.settings.hide_booking_widget ?? false
    const hideFromSiteConfig = siteConfig?.bookingWidgetDisabled ?? false
    return hideFromPageSettings || hideFromSiteConfig
  }
 )
 export const getPageSettingsBookingCode = cache(
  async function getMemoizedPageSettingsBookingCode() {
    const lang = await getLang()
    const pageSettings = await getPageSettings(lang)
    return pageSettings?.page.settings.booking_code ?? ""
  }
 )
 export const getJobylonFeed = cache(async function getMemoizedJobylonFeed() {
  const caller = await serverClient()
  return caller.partner.jobylon.feed.get()
--- a/apps/scandic-web/package.json
+++ b/apps/scandic-web/package.json
@@ -19,15 +19,6 @@
    "test:watch": "vitest",
    "ci:build": "yarn lint && yarn test && yarn build",
    "clean": "rm -rf .next",
    "i18n:extract": "formatjs extract \"{actions,app,components,constants,contexts,env,hooks,i18n,lib,middlewares,netlify,providers,server,services,stores,utils}/**/*.{ts,tsx}\" --format i18n/tooling/formatter.mjs --out-file i18n/tooling/extracted.json",
    "i18n:upload": "jiti i18n/tooling/upload.ts",
    "i18n:download": "jiti i18n/tooling/download.ts",
    "i18n:compile": "formatjs compile-folder --ast --format i18n/tooling/formatter.mjs i18n/tooling/translations-all i18n/dictionaries",
    "i18n:push": "yarn i18n:extract && yarn i18n:upload",
    "i18n:pull": "yarn i18n:download && yarn i18n:compile",
    "i18n:sync": "yarn i18n:push && yarn i18n:pull",
    "i18n:diff": "node i18n/tooling/diff.mjs",
    "i18n:clean": "jiti i18n/tooling/clean.ts",
    "check-types": "tsc --noEmit"
  },
  "dependencies": {
--- a/apps/scandic-web/stores/enter-details/helpers.ts
+++ b/apps/scandic-web/stores/enter-details/helpers.ts
@@ -12,6 +12,7 @@ import {
 import { detailsStorageName } from "."
 import type { BookingWidgetSearchData } from "@scandic-hotels/booking-flow/BookingWidget"
 import type { Packages } from "@scandic-hotels/trpc/types/packages"
 import type {
  CorporateChequeProduct,
@@ -20,7 +21,6 @@ import type {
  VoucherProduct,
 } from "@scandic-hotels/trpc/types/roomAvailability"
 import type { BookingWidgetSearchData } from "@/types/components/bookingWidget"
 import type { BreakfastPackage } from "@/types/components/hotelReservation/breakfast"
 import { type RoomRate } from "@/types/components/hotelReservation/enterDetails/details"
 import type { Price } from "@/types/components/hotelReservation/price"
--- a/apps/scandic-web/stores/enter-details/index.ts
+++ b/apps/scandic-web/stores/enter-details/index.ts
@@ -3,9 +3,10 @@ import { produce } from "immer"
 import { useContext } from "react"
 import { create, useStore } from "zustand"
 import { getDefaultCountryFromLang } from "@/constants/languages"
 import { dt } from "@scandic-hotels/common/dt"
 import { getDefaultCountryFromLang } from "@/constants/languages"
 import { DetailsContext } from "@/contexts/Details"
 import {
@@ -16,6 +17,8 @@ import {
  writeToSessionStorage,
 } from "./helpers"
 import type { Lang } from "@scandic-hotels/common/constants/language"
 import type { BreakfastPackages } from "@/types/components/hotelReservation/breakfast"
 import type { Price } from "@/types/components/hotelReservation/price"
 import { StepEnum } from "@/types/enums/step"
@@ -25,7 +28,6 @@ import type {
  RoomState,
 } from "@/types/stores/enter-details"
 import type { SafeUser } from "@/types/user"
 import type { Lang } from "@/constants/routes/hotelReservation"
 const defaultGuestState = {
  countryCode: "",
--- a/apps/scandic-web/stores/select-rate/index.ts
+++ b/apps/scandic-web/stores/select-rate/index.ts
@@ -2,12 +2,13 @@ import { produce } from "immer"
 import { useContext } from "react"
 import { create, useStore } from "zustand"
 import { BookingCodeFilterEnum } from "@scandic-hotels/booking-flow/stores/bookingCode-filter"
 import { serializeBookingSearchParams } from "@scandic-hotels/booking-flow/utils/url"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
 import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
 import { AvailabilityEnum } from "@scandic-hotels/trpc/enums/selectHotel"
 import { RatesContext } from "@/contexts/Rates"
 import { serializeBookingSearchParams } from "@/utils/url"
 import {
  findDefaultCurrency,
@@ -18,7 +19,6 @@ import {
 import type { Package, Packages } from "@scandic-hotels/trpc/types/packages"
 import type { PriceProduct } from "@scandic-hotels/trpc/types/roomAvailability"
 import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 import type { InitialState, RatesState } from "@/types/stores/rates"
 export function createRatesStore({
--- a/apps/scandic-web/stores/tracking.ts
+++ b/apps/scandic-web/stores/tracking.ts
@@ -5,7 +5,7 @@ import { create } from "zustand"
 import {
  parseBookingWidgetSearchParams,
  searchParamsToRecord,
-} from "@/utils/url"
+} from "@scandic-hotels/booking-flow/utils/url"
 import { checkIsSameBooking } from "./enter-details/helpers"
--- a/apps/scandic-web/types/components/bookingWidget/guestsRoomsPicker.ts
+++ b/apps/scandic-web/types/components/bookingWidget/guestsRoomsPicker.ts
@@ -1,38 +0,0 @@
 import type { Child } from "@scandic-hotels/trpc/types/child"
 export type ChildBed = {
  label: string
  value: number
 }
 export type GuestsRoom = {
  adults: number
  childrenInRoom: Child[]
 }
 export type GuestsRoomPickerProps = {
  index: number
 }
 export type SelectorProps = {
  roomIndex: number
  currentAdults: number
  currentChildren: Child[]
  childrenInAdultsBed: number
 }
 export type ChildInfoSelectorProps = {
  child: Child
  adults: number
  index: number
  roomIndex: number
  childrenInAdultsBed: number
 }
 export interface CounterProps {
  count: number
  handleOnIncrease: () => void
  handleOnDecrease: () => void
  disableIncrease: boolean
  disableDecrease: boolean
 }
--- a/apps/scandic-web/types/components/bookingWidget/index.ts
+++ b/apps/scandic-web/types/components/bookingWidget/index.ts
@@ -1,42 +0,0 @@
 import type { VariantProps } from "class-variance-authority"
 import type { z } from "zod"
 import type {
  bookingCodeSchema,
  bookingWidgetSchema,
 } from "@/components/Forms/BookingWidget/schema"
 import type { bookingWidgetVariants } from "@/components/Forms/BookingWidget/variants"
 import type { BookingSearchType } from "../hotelReservation/booking"
 import type { GuestsRoom } from "./guestsRoomsPicker"
 export type BookingWidgetSchema = z.output<typeof bookingWidgetSchema>
 export type BookingCodeSchema = z.output<typeof bookingCodeSchema>
 export type BookingWidgetSearchData = {
  city?: string
  hotelId?: string
  fromDate?: string
  toDate?: string
  rooms?: GuestsRoom[]
  bookingCode?: string
  searchType?: BookingSearchType
 }
 export type BookingWidgetType = VariantProps<
  typeof bookingWidgetVariants
 >["type"]
 export interface BookingWidgetProps {
  type?: BookingWidgetType
  booking: BookingWidgetSearchData
 }
 export interface BookingWidgetClientProps {
  type?: BookingWidgetType
  data: BookingWidgetSearchData
  pageSettingsBookingCodePromise: Promise<string> | null
 }
 export interface BookingWidgetToggleButtonProps {
  openMobileSearch: () => void
 }
--- a/apps/scandic-web/types/components/datepicker.ts
+++ b/apps/scandic-web/types/components/datepicker.ts
@@ -1,21 +0,0 @@
 import type { DateRange } from "react-day-picker"
 export interface DatePickerFormProps {
  name?: string
 }
 interface DatePickerProps {
  close: () => void
  startMonth?: Date
  hideHeader?: boolean
 }
 export interface DatePickerRangeProps extends DatePickerProps {
  selectedRange: DateRange | undefined
  handleOnSelect: (nextRange: DateRange | undefined, selectedDay: Date) => void
 }
 export interface DatePickerSingleProps extends DatePickerProps {
  selectedDate: Date
  handleOnSelect: (selected: Date) => void
 }
--- a/apps/scandic-web/types/components/form/bookingwidget.ts
+++ b/apps/scandic-web/types/components/form/bookingwidget.ts
@@ -1,12 +0,0 @@
 import type { BookingWidgetType } from "@/types/components/bookingWidget"
 export interface BookingWidgetFormProps {
  type?: BookingWidgetType
  onClose: () => void
 }
 export interface BookingWidgetFormContentProps {
  formId: string
  onSubmit: () => void
  isSearching: boolean
 }
--- a/apps/scandic-web/types/components/hotelReservation/booking.ts
+++ b/apps/scandic-web/types/components/hotelReservation/booking.ts
@@ -1,3 +0,0 @@
 import type { bookingSearchTypes } from "@/constants/booking"
 export type BookingSearchType = (typeof bookingSearchTypes)[number]
--- a/apps/scandic-web/types/components/hotelReservation/enterDetails/details.ts
+++ b/apps/scandic-web/types/components/hotelReservation/enterDetails/details.ts
@@ -1,3 +1,4 @@
 import type { BookingSearchType } from "@scandic-hotels/booking-flow/searchType"
 import type { productTypePointsSchema } from "@scandic-hotels/trpc/routers/hotels/schemas/productTypePrice"
 import type { Child } from "@scandic-hotels/trpc/types/child"
 import type { PackageEnum } from "@scandic-hotels/trpc/types/packages"
@@ -10,7 +11,6 @@ import type {
  guestDetailsSchema,
  signedInDetailsSchema,
 } from "@/components/HotelReservation/EnterDetails/Details/RoomOne/schema"
 import type { BookingSearchType } from "../booking"
 import type { Price } from "../price"
 export type DetailsSchema = z.output<typeof guestDetailsSchema>
--- a/Show More
+++ b/Show More
		`@@ -0,0 +1 @@`
							<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#57514E"><path d="m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
		`@@ -1,3 +0,0 @@`
			`import type { bookingSearchTypes } from "@/constants/booking"`

			`export type BookingSearchType = (typeof bookingSearchTypes)[number]`