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
2025-09-01 08:37:00 +00:00
parent 93a90bef9d
commit 87402a2092
157 changed files with 2026 additions and 1376 deletions
--- a/packages/common/stores/tracking.ts
+++ b/packages/common/stores/tracking.ts
@@ -0,0 +1,81 @@
+"use client"
+
+import { create } from "zustand"
+
+interface TrackingStoreState {
+  initialStartTime: number
+  setInitialPageLoadTime: (time: number) => void
+  getPageLoadTime: () => number
+  currentParams: URLSearchParams | null
+  previousParams: URLSearchParams | null
+  currentPath: string | null
+  previousPath: string | null
+  currentLang: string | null
+  previousLang: string | null
+  updateRouteInfo: (path: string, lang: string, params: URLSearchParams) => void
+  hasPathOrLangChanged: () => boolean
+  hasBookingFlowParamsChanged: (
+    searchParamsComparator: (input: {
+      previousParams: URLSearchParams
+      currentParams: URLSearchParams
+    }) => boolean
+  ) => boolean
+}
+
+const useTrackingStore = create<TrackingStoreState>((set, get) => ({
+  initialStartTime: Date.now(),
+  setInitialPageLoadTime: (time) => set({ initialStartTime: time }),
+  getPageLoadTime: () => {
+    const { initialStartTime } = get()
+    return (Date.now() - initialStartTime) / 1000
+  },
+  currentParams: null,
+  previousParams: null,
+  currentPath: null,
+  previousPath: null,
+  currentLang: null,
+  previousLang: null,
+  updateRouteInfo: (path, lang, params) =>
+    set((state) => {
+      if (!path || !lang) return state
+
+      if (!state.currentPath || !state.currentLang) {
+        return {
+          currentParams: params,
+          currentPath: path,
+          currentLang: lang,
+          previousParams: null,
+          previousPath: null,
+          previousLang: null,
+        }
+      }
+
+      return {
+        previousParams: state.currentParams,
+        previousPath: state.currentPath,
+        previousLang: state.currentLang,
+        currentParams: params,
+        currentPath: path,
+        currentLang: lang,
+      }
+    }),
+  hasPathOrLangChanged: () => {
+    const { currentPath, previousPath, currentLang, previousLang } = get()
+
+    if (!previousPath || !previousLang) return false
+
+    return currentPath !== previousPath || currentLang !== previousLang
+  },
+  hasBookingFlowParamsChanged: (searchParamsComparator) => {
+    const { currentPath, currentParams, previousParams } = get()
+
+    if (!previousParams || !currentParams) return false
+
+    if (!currentPath?.match(/^\/(da|de|en|fi|no|sv)\/(hotelreservation)/))
+      return false
+
+    return searchParamsComparator({ previousParams, currentParams })
+  },
+}))
+
+export default useTrackingStore