Track sessionId

app/[lang]/(live)/(public)/hotelreservation/(standard)/step/enterDetailsTracking.tsx

@@ -8,6 +8,7 @@ import { RoomConfiguration } from "@/server/routers/hotels/output"
 import { useEnterDetailsStore } from "@/stores/enter-details"
 import useTrackingStore from "@/stores/tracking"
 
+import { useSessionId } from "@/hooks/useSessionId"
 import { createSDKPageObject } from "@/utils/tracking"
 
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
@@ -47,6 +48,7 @@ export default function EnterDetailsTracking(props: Props) {
   } = useEnterDetailsStore((state) => state)
   const { getPageLoadTime, hasRun } = useTrackingStore()
   const pathName = usePathname()
+  const sessionId = useSessionId()
 
   // We need this check to differentiate hard vs soft navigations
   // This is not because of StrictMode
@@ -91,12 +93,13 @@ export default function EnterDetailsTracking(props: Props) {
 
     const trackingData = {
       ...pageTrackingData,
+      sessionId,
       pathName,
       pageLoadTime: getPageLoadTime(),
     }
     const pageObject = createSDKPageObject(trackingData)
     return pageObject
-  }, [currentStep, getPageLoadTime, lang, pathName])
+  }, [currentStep, getPageLoadTime, lang, pathName, sessionId])
 
   const hotelDetailsData = useMemo(() => {
     const isMember = true