From a71d62dc33012fbf70a8239f68d04918a9d76523 Mon Sep 17 00:00:00 2001 From: Everton Resende <97287024+evertonresende@users.noreply.github.com> Date: Fri, 6 Feb 2026 12:28:38 -0300 Subject: [PATCH] fix(ui): change phone booking display from Organizer Phone Number to Phone Call (#27636) * fix(ui): change phone booking display from Organizer Phone Number to Phone Call The label \"Organizer Phone Number\" was confusing for attendees on the booking page, as it exposed internal terminology. Replaced with the more user-friendly \"Phone Call\" label across the booking UI, companion app, and test assertions. Closes #13010 * fix: remove duplicate phone_call i18n key The phone_call key already existed in en/common.json (line 1685, Cal.ai Voice Agent section). Removed the duplicate entry we added. Found by ai-codex review. --- .../components/dialog/__tests__/EditLocationDialog.test.tsx | 4 ++-- apps/web/playwright/event-types.e2e.ts | 2 +- companion/components/event-type-detail/constants.ts | 2 +- companion/utils/defaultLocations.ts | 2 +- companion/utils/locationHelpers.ts | 4 ++-- packages/app-store/locations.ts | 4 ++-- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/apps/web/components/dialog/__tests__/EditLocationDialog.test.tsx b/apps/web/components/dialog/__tests__/EditLocationDialog.test.tsx index 84e83a4a1b..3134438fd9 100644 --- a/apps/web/components/dialog/__tests__/EditLocationDialog.test.tsx +++ b/apps/web/components/dialog/__tests__/EditLocationDialog.test.tsx @@ -47,7 +47,7 @@ vi.mock("@calcom/features/form/components/LocationSelect", () => { }); const AttendeePhoneNumberLabel = "Attendee phone number"; -const OrganizerPhoneLabel = "Organizer phone number"; +const OrganizerPhoneLabel = "Phone call"; const CampfireLabel = "Campfire"; const ZoomVideoLabel = "Zoom Video"; const OrganizerDefaultConferencingAppLabel = "Organizer's default app"; @@ -202,7 +202,7 @@ describe("EditLocationDialog", () => { }); describe("Team Booking Case", () => { - it("should not show Attendee Phone Number but show Organizer Phone Number and dynamic link Conferencing apps", async () => { + it("should not show Attendee Phone Number but show Phone Call option and dynamic link Conferencing apps", async () => { render(); expect(screen.queryByText(AttendeePhoneNumberLabel)).not.toBeInTheDocument(); diff --git a/apps/web/playwright/event-types.e2e.ts b/apps/web/playwright/event-types.e2e.ts index 0eb357fcce..ac0940a163 100644 --- a/apps/web/playwright/event-types.e2e.ts +++ b/apps/web/playwright/event-types.e2e.ts @@ -365,7 +365,7 @@ test.describe("Event Types tests", () => { await page.getByTestId(removeButtomId).nth(0).click(); await page.getByTestId(removeButtomId).nth(0).click(); - // Add Multiple Organizer Phone Number options + // Add Multiple Phone Call location options await page.getByTestId("location-select").last().click(); await page.getByTestId("location-select-item-userPhone").click(); diff --git a/companion/components/event-type-detail/constants.ts b/companion/components/event-type-detail/constants.ts index dff9194f1e..73c780f43e 100644 --- a/companion/components/event-type-detail/constants.ts +++ b/companion/components/event-type-detail/constants.ts @@ -62,7 +62,7 @@ export const defaultLocations = [ { label: "Organizer Address", type: "inPerson" as const }, { label: "Link Meeting", type: "link" as const }, { label: "Attendee Phone Number", type: "phone" as const }, - { label: "Organizer Phone Number", type: "userPhone" as const }, + { label: "Phone Call", type: "userPhone" as const }, ]; export const tabs = [ diff --git a/companion/utils/defaultLocations.ts b/companion/utils/defaultLocations.ts index 94e99129cf..ef2969b451 100644 --- a/companion/utils/defaultLocations.ts +++ b/companion/utils/defaultLocations.ts @@ -71,7 +71,7 @@ export const defaultLocations: DefaultLocation[] = [ }, { type: DefaultLocationType.UserPhone, - label: "Organizer Phone Number", + label: "Phone Call", iconUrl: "https://app.cal.com/phone.svg", category: "phone", organizerInputType: "phone", diff --git a/companion/utils/locationHelpers.ts b/companion/utils/locationHelpers.ts index bf072553ff..74336b49ca 100644 --- a/companion/utils/locationHelpers.ts +++ b/companion/utils/locationHelpers.ts @@ -83,7 +83,7 @@ export function mapApiLocationToItem(apiLocation: ApiLocation): LocationItem { id, type: "phone", phone: apiLocation.phone || "", - displayName: "Organizer Phone Number", + displayName: "Phone Call", iconUrl: "https://app.cal.com/phone.svg", public: apiLocation.public, }; @@ -198,7 +198,7 @@ export function getLocationDisplayName(locationType: string, integration?: strin address: "In Person (Organizer Address)", attendeeAddress: "In Person (Attendee Address)", link: "Link Meeting", - phone: "Organizer Phone Number", + phone: "Phone Call", attendeePhone: "Attendee Phone Number", attendeeDefined: "Custom Attendee Location", }; diff --git a/packages/app-store/locations.ts b/packages/app-store/locations.ts index 50281c145c..8d60b58034 100644 --- a/packages/app-store/locations.ts +++ b/packages/app-store/locations.ts @@ -192,7 +192,7 @@ export const defaultLocations: DefaultEventLocationType[] = [ { default: true, type: DefaultEventLocationTypeEnum.UserPhone, - label: "organizer_phone_number", + label: "phone_call", messageForOrganizer: "Provide your phone number", organizerInputType: "phone", organizerInputLabel: "phone_number", @@ -209,7 +209,7 @@ const translateAbleKeys = [ "in_person", "attendee_phone_number", "link_meeting", - "organizer_phone_number", + "phone_call", "organizer_default_conferencing_app", "somewhere_else", "custom_attendee_location",