fix: ad events for tracking navigations and initial page load

components/TrackingSDK/RouterTransition.tsx

@@ -0,0 +1,33 @@
+"use client"
+
+import { useEffect, useOptimistic } from "react"
+
+import useRouterTransitionStore from "@/stores/router-transition"
+
+export default function RouterTransition() {
+  const [loading, setLoading] = useOptimistic(false)
+  const { isTransitioning, stopRouterTransition } = useRouterTransitionStore()
+
+  useEffect(() => {
+    if (!isTransitioning) {
+      return
+    }
+
+    if (isTransitioning) {
+      setLoading(true)
+    }
+
+    if (!loading && isTransitioning) {
+      stopRouterTransition()
+
+      // Send event to adobe that navigation transition is completed
+      if (window.adobeDataLayer) {
+        window.adobeDataLayer.push({
+          event: "pageViewEnd",
+        })
+      }
+    }
+  }, [isTransitioning, setLoading, loading, stopRouterTransition])
+
+  return null
+}