import { z } from "zod"; import { getEventLocationType, locationKeyToString } from "@calcom/app-store/locations"; import { classNames } from "@calcom/lib"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { Tooltip } from "@calcom/ui"; import { Link } from "@calcom/ui/components/icon"; import type { Props } from "./pages/AvailabilityPage"; const excludeNullValues = (value: unknown) => !!value; export function AvailableEventLocations({ locations }: { locations: Props["eventType"]["locations"] }) { const { t } = useLocale(); const renderLocations = locations.map((location, index) => { const eventLocationType = getEventLocationType(location.type); if (!eventLocationType) { // It's possible that the location app got uninstalled return null; } if (eventLocationType.variable === "hostDefault") { return null; } const translateAbleKeys = [ "in_person_attendee_address", "in_person", "attendee_phone_number", "link_meeting", "organizer_phone_number", ]; const locationKey = z.string().default("").parse(locationKeyToString(location)); const translatedLocation = location.type.startsWith("integrations:") ? eventLocationType.label : translateAbleKeys.includes(locationKey) ? t(locationKey) : locationKey; return (
{eventLocationType.iconUrl === "/link.svg" ? ( ) : ( {`${eventLocationType.label} )}

{translatedLocation}

); }); const filteredLocations = renderLocations.filter(excludeNullValues) as JSX.Element[]; return filteredLocations.length ? (
{filteredLocations}
) : null; }