Tracking WIP

components/TrackingSDK/RouterTransition.tsx

@@ -4,8 +4,9 @@ import { usePathname } from "next/navigation"
 import { startTransition, useEffect, useOptimistic, useState } from "react"
 
 import useRouterTransitionStore from "@/stores/router-transition"
+import useTrackingStore from "@/stores/tracking"
 
-import { createSDKPageObject } from "@/utils/tracking"
+import { createSDKPageObject, trackPageViewStart } from "@/utils/tracking"
 
 import { TrackingSDKProps } from "@/types/components/tracking"
 
@@ -20,15 +21,28 @@ type TransitionStatus = keyof typeof TransitionStatusEnum
 export default function RouterTransition({
   pageData,
   userData,
+  hotelInfo,
 }: TrackingSDKProps) {
   const [loading, setLoading] = useOptimistic(false)
   const [status, setStatus] = useState<TransitionStatus>(
     TransitionStatusEnum.NotRun
   )
+  const { getPageLoadTime } = useTrackingStore()
 
   const pathName = usePathname()
   const { isTransitioning, stopRouterTransition } = useRouterTransitionStore()
 
+  // useEffect(() => {
+  //   const handleStart = () => {
+  //     trackPageViewStart()
+  //     setInitialPageLoadTime(Date.now())
+  //   }
+
+  //   return () => {
+  //     handleStart()
+  //   }
+  // }, [pathName])
+
   useEffect(() => {
     if (isTransitioning && status === TransitionStatusEnum.NotRun) {
       startTransition(() => {
@@ -48,13 +62,21 @@ export default function RouterTransition({
       status === TransitionStatusEnum.Done
     ) {
       if (window.adobeDataLayer) {
-        const trackingData = { ...pageData, pathName }
+        const trackingData = {
+          ...pageData,
+          pathName,
+          pageLoadTime: getPageLoadTime(),
+        }
         const pageObject = createSDKPageObject(trackingData)
-
+        console.log(
+          "TRACKING: Tracking RouterTransition pageViewEnd",
+          pageObject
+        )
         window.adobeDataLayer.push({
           event: "pageViewEnd",
           pageInfo: pageObject,
           userInfo: userData,
+          hotelInfo: hotelInfo,
         })
       }
     }
@@ -67,6 +89,8 @@ export default function RouterTransition({
     pageData,
     pathName,
     userData,
+    hotelInfo,
+    getPageLoadTime,
   ])
 
   return null