import { useQuery } from '@tanstack/react-query'

import useAuth from '@/hooks/useAuth'
import { eventViewerStateStaleTime } from '@/queries/consumer/eventDetailCache'
import { consumerKeys } from '@/queries/consumerKeys'
import { fetchEventViewerState } from '@/services/eventViewerState'

export const useEventViewerStateQuery = (eventId: string) => {
  const { user } = useAuth()
  const viewerId = user?.userId ?? ''

  return useQuery({
    queryKey: consumerKeys.eventViewerState(eventId, viewerId),
    queryFn: () => fetchEventViewerState(eventId),
    enabled: Boolean(eventId && user?.accessToken && viewerId),
    staleTime: eventViewerStateStaleTime,
  })
}