diff --git a/apps/web/playwright/fixtures/regularBookings.ts b/apps/web/playwright/fixtures/regularBookings.ts index b0a84078e0..93671b0a59 100644 --- a/apps/web/playwright/fixtures/regularBookings.ts +++ b/apps/web/playwright/fixtures/regularBookings.ts @@ -73,10 +73,10 @@ const fillQuestion = async (eventTypePage: Page, questionType: string, customLoc }, multiselect: async () => { if (customLocators.shouldChangeMultiSelectLocator) { - await eventTypePage.locator("form svg").nth(1).click(); + await eventTypePage.getByLabel("multi-select-dropdown").click(); await eventTypePage.getByTestId("select-option-Option 1").click(); } else { - await eventTypePage.locator("form svg").last().click(); + await eventTypePage.getByLabel("multi-select-dropdown").last().click(); await eventTypePage.getByTestId("select-option-Option 1").click(); } }, @@ -88,10 +88,10 @@ const fillQuestion = async (eventTypePage: Page, questionType: string, customLoc }, select: async () => { if (customLocators.shouldChangeSelectLocator) { - await eventTypePage.locator("form svg").nth(1).click(); + await eventTypePage.getByLabel("select-dropdown").first().click(); await eventTypePage.getByTestId("select-option-Option 1").click(); } else { - await eventTypePage.locator("form svg").last().click(); + await eventTypePage.getByLabel("select-dropdown").last().click(); await eventTypePage.getByTestId("select-option-Option 1").click(); } }, @@ -138,11 +138,12 @@ const fillAllQuestions = async (eventTypePage: Page, questions: string[], option await eventTypePage.getByPlaceholder("Textarea test").fill("This is a sample text for textarea."); break; case "select": - await eventTypePage.locator("form svg").last().click(); + await eventTypePage.getByLabel("select-dropdown").last().click(); await eventTypePage.getByTestId("select-option-Option 1").click(); break; case "multiselect": - await eventTypePage.locator("form svg").nth(4).click(); + // select-dropdown + await eventTypePage.getByLabel("multi-select-dropdown").click(); await eventTypePage.getByTestId("select-option-Option 1").click(); break; case "number": diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index 378daac39d..a5ac5b14d5 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -2121,6 +2121,7 @@ "manage_availability_schedules":"Manage availability schedules", "lock_timezone_toggle_on_booking_page": "Lock timezone on booking page", "description_lock_timezone_toggle_on_booking_page" : "To lock the timezone on booking page, useful for in-person events.", + "number_in_international_format": "Please enter number in international format.", "install_calendar":"Install Calendar", "branded_subdomain": "Branded Subdomain", "branded_subdomain_description": "Get your own branded subdomain, such as acme.cal.com", diff --git a/packages/app-store/routing-forms/components/react-awesome-query-builder/widgets.tsx b/packages/app-store/routing-forms/components/react-awesome-query-builder/widgets.tsx index 4e018496f4..c62e1d0b0f 100644 --- a/packages/app-store/routing-forms/components/react-awesome-query-builder/widgets.tsx +++ b/packages/app-store/routing-forms/components/react-awesome-query-builder/widgets.tsx @@ -166,6 +166,7 @@ const MultiSelectWidget = ({ return ( { if (!item) { diff --git a/packages/features/form-builder/Components.tsx b/packages/features/form-builder/Components.tsx index da955e1cd9..b16723d0e9 100644 --- a/packages/features/form-builder/Components.tsx +++ b/packages/features/form-builder/Components.tsx @@ -20,6 +20,7 @@ import { CheckboxField, } from "@calcom/ui"; import { UserPlus, X } from "@calcom/ui/components/icon"; +import InfoBadge from "@calcom/web/components/ui/InfoBadge"; import { ComponentForField } from "./FormBuilderField"; import { propsTypes } from "./propsTypes"; @@ -395,6 +396,7 @@ export const Components: Record = { } }, [options, setValue, value]); + const { t } = useLocale(); return (
@@ -418,17 +420,25 @@ export const Components: Record = { checked={value?.value === option.value} /> {option.label ?? ""} + + {option.value === "phone" && ( + + )} + ); }) ) : ( // Show option itself as label because there is just one option <> -