import { serverClient } from "@/lib/trpc/server"

import RouterTransition from "@/components/TrackingSDK/RouterTransition"

import {
  TrackingSDKHotelInfo,
  TrackingSDKPageData,
} from "@/types/components/tracking"

export const preloadUserTracking = () => {
  void serverClient().user.tracking()
}

export default async function TrackingSDK({
  pageData,
  hotelInfo,
}: {
  pageData: TrackingSDKPageData
  hotelInfo?: TrackingSDKHotelInfo
}) {
  const userTrackingData = await serverClient().user.tracking()

  return (
    <RouterTransition
      pageData={pageData}
      userData={userTrackingData}
      hotelInfo={hotelInfo}
    />
  )
}