Track sessionId

components/TrackingSDK/RouterTransition.tsx

@@ -12,6 +12,7 @@ import {
 import useRouterTransitionStore from "@/stores/router-transition"
 import useTrackingStore from "@/stores/tracking"
 
+import { useSessionId } from "@/hooks/useSessionId"
 import { createSDKPageObject } from "@/utils/tracking"
 
 import { TrackingSDKProps } from "@/types/components/tracking"
@@ -35,6 +36,7 @@ export default function RouterTransition({
   )
   const { getPageLoadTime, hasRun, setHasRun } = useTrackingStore()
 
+  const sessionId = useSessionId()
   const pathName = usePathname()
   const { isTransitioning, stopRouterTransition } = useRouterTransitionStore()
 
@@ -49,6 +51,7 @@ export default function RouterTransition({
         if (entry) {
           const trackingData = {
             ...pageData,
+            sessionId,
             pathName,
             pageLoadTime: entry.duration / 1000,
           }
@@ -73,7 +76,7 @@ export default function RouterTransition({
       hasRunInitial.current = true
       setHasRun()
     }
-  }, [pathName, hasRun, setHasRun, hotelInfo, userData, pageData])
+  }, [pathName, hasRun, setHasRun, hotelInfo, userData, pageData, sessionId])
 
   useEffect(() => {
     if (isTransitioning && status === TransitionStatusEnum.NotRun) {
@@ -96,6 +99,7 @@ export default function RouterTransition({
       if (window.adobeDataLayer && hasRun && !hasRunInitial.current) {
         const trackingData = {
           ...pageData,
+          sessionId,
           pathName,
           pageLoadTime: getPageLoadTime(),
         }
@@ -126,6 +130,7 @@ export default function RouterTransition({
     hotelInfo,
     getPageLoadTime,
     hasRun,
+    sessionId,
   ])
 
   return null