feat: add "somewhere else" as a location option

apps/web/components/dialog/EditLocationDialog.tsx

@@ -336,7 +336,9 @@ export const EditLocationDialog = (props: ISetLocationDialog) => {
  });
  if (booking) {
  locationOptions.map((location) =>
- location.options.filter((l) => !["phone", "attendeeInPerson"].includes(l.value))
+ location.options.filter(
+ (l) => !["phone", "attendeeInPerson", "somewhereElse"].includes(l.value)
+ )
  );
  }
  return (

apps/web/public/static/locales/en/common.json

@@ -580,6 +580,8 @@
  "address": "Address",
  "enter_address": "Enter address",
  "in_person_attendee_address": "In Person (Attendee Address)",
+ "somewhere_else": "Somewhere Else",
+ "any_location": "Any location",
  "yes": "Yes",
  "no": "No",
  "additional_notes": "Additional notes",

packages/app-store/locations.ts

@@ -26,7 +26,14 @@ export type DefaultEventLocationType = {
  | "locationPhoneNumber"
  | "phone"
  | "hostDefault";
- defaultValueVariable: "address" | "attendeeAddress" | "link" | "hostPhoneNumber" | "hostDefault" | "phone";
+ defaultValueVariable:
+ | "address"
+ | "attendeeAddress"
+ | "link"
+ | "hostPhoneNumber"
+ | "hostDefault"
+ | "phone"
+ | "anyLocation";
 } & (
  | {
  organizerInputType: "phone" | "text" | null;
@@ -35,7 +42,7 @@ export type DefaultEventLocationType = {
  attendeeInputPlaceholder?: null;
  }
  | {
- attendeeInputType: "phone" | "attendeeAddress" | null;
+ attendeeInputType: "phone" | "attendeeAddress" | "anyLocation" | null;
  attendeeInputPlaceholder: string;
  organizerInputType?: null;
  organizerInputPlaceholder?: null;
@@ -78,6 +85,7 @@ export enum DefaultEventLocationTypeEnum {
  Link = "link",
  // Same as `OrganizerDefaultConferencingAppType`
  Conferencing = "conferencing",
+ SomewhereElse = "somewhereElse",
 }
 
 export const defaultLocations: DefaultEventLocationType[] = [
@@ -94,6 +102,19 @@ export const defaultLocations: DefaultEventLocationType[] = [
  iconUrl: "/map-pin-dark.svg",
  category: "in person",
  },
+ {
+ default: true,
+ type: DefaultEventLocationTypeEnum.SomewhereElse,
+ label: "somewhere_else",
+ variable: "address",
+ organizerInputType: null,
+ messageForOrganizer: "Cal will ask your invitee to enter any location before scheduling.",
+ attendeeInputType: "anyLocation",
+ attendeeInputPlaceholder: "any_location",
+ defaultValueVariable: "anyLocation",
+ iconUrl: "/message-pin.svg",
+ category: "other",
+ },
  {
  default: true,
  type: DefaultEventLocationTypeEnum.InPerson,
@@ -163,6 +184,7 @@ const translateAbleKeys = [
  "link_meeting",
  "organizer_phone_number",
  "organizer_default_conferencing_app",
+ "somewhere_else",
 ];
 
 export type LocationObject = {
@@ -171,7 +193,10 @@ export type LocationObject = {
  displayLocationPublicly?: boolean;
  credentialId?: number;
 } & Partial<
- Record<"address" | "attendeeAddress" | "link" | "hostPhoneNumber" | "hostDefault" | "phone", string>
+ Record<
+ "address" | "attendeeAddress" | "link" | "hostPhoneNumber" | "hostDefault" | "phone" | "anyLocation",
+ string
+ >
 >;
 
 // integrations:jitsi | 919999999999 | Delhi | https://manual.meeting.link | Around Video

packages/features/bookings/Booker/components/BookEventForm/BookingFields.tsx

@@ -85,7 +85,7 @@ export const BookingFields = ({
 
  // Attendee location field can be edited during reschedule
  if (field.name === SystemField.Enum.location) {
- if (locationResponse?.value === "attendeeInPerson" || "phone") {
+ if (["attendeeInPerson", "phone", "somewhereElse"].includes(locationResponse?.value)) {
  readOnly = false;
  }
  }

packages/features/bookings/lib/getBookingFields.ts

@@ -197,6 +197,11 @@ export const ensureBookingInputsHaveSystemFields = ({
  required: true,
  placeholder: "",
  },
+ somewhereElse: {
+ type: "text",
+ required: true,
+ placeholder: "",
+ },
  phone: {
  type: "phone",
  required: true,

packages/features/eventtypes/lib/types.ts

@@ -50,6 +50,7 @@ export type FormValues = {
  type: EventLocationType["type"];
  address?: string;
  attendeeAddress?: string;
+ anyLocation?: string;
  link?: string;
  hostPhoneNumber?: string;
  displayLocationPublicly?: boolean;