diff --git a/packages/features/form-builder/FormBuilderField.tsx b/packages/features/form-builder/FormBuilderField.tsx index 4cd6f2d4d7..88db03a320 100644 --- a/packages/features/form-builder/FormBuilderField.tsx +++ b/packages/features/form-builder/FormBuilderField.tsx @@ -4,6 +4,7 @@ import { Controller, useFormContext } from "react-hook-form"; import type { z } from "zod"; import { useLocale } from "@calcom/lib/hooks/useLocale"; +import { markdownToSafeHTML } from "@calcom/lib/markdownToSafeHTML"; import classNames from "@calcom/ui/classNames"; import { InfoBadge } from "@calcom/ui/components/badge"; import { Label } from "@calcom/ui/components/form"; @@ -19,6 +20,19 @@ import { } from "./useShouldBeDisabledDueToPrefill"; import { getTranslatedConfig as getTranslatedVariantsConfig } from "./utils/variantsConfig"; +// helper to render markdown label safely +const renderLabel = (field: Partial) => { + if (field.labelAsSafeHtml) { + return ( + + ); + } + return {field.label}; +}; + type RhfForm = { fields: z.infer; }; @@ -155,7 +169,7 @@ const WithLabel = ({ field.label && (