Merged in feat/sw-2873-move-selecthotel-to-booking-flow (pull request #2727)

feat(SW-2873): Move select-hotel to booking flow

* crude setup of select-hotel in partner-sas

* wip

* Fix linting

* restructure tracking files

* Remove dependency on trpc in tracking hooks

* Move pageview tracking to common

* Fix some lint and import issues

* Add AlternativeHotelsPage

* Add SelectHotelMapPage

* Add AlternativeHotelsMapPage

* remove next dependency in tracking store

* Remove dependency on react in tracking hooks

* move isSameBooking to booking-flow

* Inject searchParamsComparator into tracking store

* Move useTrackHardNavigation to common

* Move useTrackSoftNavigation to common

* Add TrackingSDK to partner-sas

* call serverclient in layout

* Remove unused css

* Update types

* Move HotelPin type

* Fix todos

* Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow

* Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow

* Fix component


Approved-by: Joakim Jäderberg

apps/scandic-web/utils/tracking/booking.ts

@@ -3,7 +3,7 @@
 import { trackEvent } from "@scandic-hotels/common/tracking/base"
 
 import type { BreakfastPackages } from "@/types/components/hotelReservation/breakfast"
-import type { LowestRoomPriceEvent } from "@/types/components/tracking"
+import type { LowestRoomPriceEvent } from "@scandic-hotels/common/tracking/types"
 
 export function trackLowestRoomPrice(event: LowestRoomPriceEvent) {
   trackEvent({

apps/scandic-web/utils/tracking/index.ts

@@ -11,10 +11,10 @@ export {
   trackLoginClick,
   trackSocialMediaClick,
 } from "./navigation"
+export { trackPaymentEvent, trackUpdatePaymentMethod } from "./payment"
+export { trackClick } from "@scandic-hotels/common/tracking/base"
 export {
   createSDKPageObject,
   trackPageView,
   trackPageViewStart,
-} from "./pageview"
-export { trackPaymentEvent, trackUpdatePaymentMethod } from "./payment"
-export { trackClick } from "@scandic-hotels/common/tracking/base"
+} from "@scandic-hotels/common/tracking/pageview"

apps/scandic-web/utils/tracking/navigation.ts

@@ -1,6 +1,6 @@
 import { trackEvent } from "@scandic-hotels/common/tracking/base"
 
-import type { TrackingPosition } from "@/types/components/tracking"
+import type { TrackingPosition } from "@scandic-hotels/common/tracking/types"
 
 export function trackFooterClick(group: string, name: string) {
   trackEvent({

apps/scandic-web/utils/tracking/pageview.ts

@@ -1,37 +0,0 @@
-import { trackEvent } from "@scandic-hotels/common/tracking/base"
-
-import type { TrackingSDKData } from "@/types/components/tracking"
-
-function convertSlashToPipe(url: string) {
-  const formattedUrl = url.startsWith("/") ? url.slice(1) : url
-  return formattedUrl.replaceAll("/", "|")
-}
-
-export function trackPageViewStart() {
-  trackEvent({
-    event: "pageViewStart",
-  })
-}
-
-export function trackPageView(data: any) {
-  trackEvent(data)
-}
-
-export function createSDKPageObject(
-  trackingData: TrackingSDKData
-): TrackingSDKData {
-  let pageName = convertSlashToPipe(trackingData.pageName)
-  let siteSections = convertSlashToPipe(trackingData.siteSections)
-
-  if (trackingData.pathName.indexOf("/webview/") > -1) {
-    pageName = "webview|" + pageName
-    siteSections = "webview|" + siteSections
-  }
-
-  return {
-    ...trackingData,
-    domain: typeof window !== "undefined" ? window.location.host : "",
-    pageName: pageName,
-    siteSections: siteSections,
-  }
-}

apps/scandic-web/utils/tracking/payment.ts

@@ -3,7 +3,7 @@ import { trackEvent } from "@scandic-hotels/common/tracking/base"
 import type {
   PaymentEvent,
   PaymentFailEvent,
-} from "@/types/components/tracking"
+} from "@scandic-hotels/common/tracking/types"
 
 function isPaymentFailEvent(event: PaymentEvent): event is PaymentFailEvent {
   return "errorMessage" in event