"use client"

import { TrackingSDK } from "@scandic-hotels/tracking/TrackingSDK"

import { useBookingFlowConfig } from "../../../bookingFlowConfig/bookingFlowConfigContext"
import { useSearchHistory } from "../../../hooks/useSearchHistory"
import { useEnterDetailsStore } from "../../../stores/enter-details"
import { getTracking } from "./tracking"

import type { Lang } from "@scandic-hotels/common/constants/language"
import type { Hotel } from "@scandic-hotels/trpc/types/hotel"
import type { Room } from "@scandic-hotels/trpc/types/room"

import type { DetailsBooking } from "../../../utils/url"

interface TrackingWrapperProps {
  booking: DetailsBooking
  hotel: Hotel
  rooms: Room[]
  isMember: boolean
  lang: Lang
}

export default function EnterDetailsTrackingWrapper({
  booking,
  hotel,
  rooms,
  isMember,
  lang,
}: TrackingWrapperProps) {
  const { storedRooms, breakfastPackages } = useEnterDetailsStore((state) => ({
    storedRooms: state.rooms,
    breakfastPackages: state.breakfastPackages,
  }))
  const config = useBookingFlowConfig()
  const searchHistory = useSearchHistory()
  const searchTerm = searchHistory.searchHistory[0]?.name

  const { hotelsTrackingData, pageTrackingData, ancillaries } = getTracking(
    booking,
    hotel,
    rooms,
    isMember,
    lang,
    storedRooms,
    breakfastPackages,
    config,
    searchTerm
  )

  return (
    <TrackingSDK
      hotelInfo={hotelsTrackingData}
      pageData={pageTrackingData}
      ancillaries={ancillaries}
    />
  )
}