web/packages/booking-flow/lib/components/SelectHotel/SelectHotelMap/SelectHotelMapContent/utils.ts

import type { HotelPin } from "../../../HotelCardDialogListing/utils"
import type { HotelResponse } from "../../helpers"

export function getVisibleHotelPins(
  map: google.maps.Map | null,
  filteredHotelPins: HotelPin[]
) {
  if (!map || !filteredHotelPins) return []

  const bounds = map.getBounds()
  if (!bounds) return []

  return filteredHotelPins.filter((pin) => {
    const { lat, lng } = pin.coordinates
    return bounds.contains({ lat, lng })
  })
}

export function getVisibleHotels(
  hotels: HotelResponse[],
  filteredHotelPins: HotelPin[],
  map: google.maps.Map | null
) {
  const visibleHotelPins = getVisibleHotelPins(map, filteredHotelPins)
  const visibleHotels = hotels.filter((hotel) =>
    visibleHotelPins.some((pin) => pin.operaId === hotel.hotel.operaId)
  )
  return visibleHotels
}