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

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

* Fix lockfile

* Fix styling

* a tiny little booking widget test

* Tiny fixes

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

* Remove unused scripts

* lint:fix

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

* Tiny lint fixes

* update test

* Update Input in booking-flow

* Clean up comments etc

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

* Setup tracking context for booking-flow

* Add missing use client

* Fix temp tracking function

* Pass booking to booking-widget

* Remove comment

* Add use client to booking widget tracking provider

* Add use client to tracking functions

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

* Move debug page

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

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

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


Approved-by: Bianca Widstam

apps/scandic-web/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"
 

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,

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"

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"

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"

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"