diff --git a/packages/features/ee/workflows/components/WorkflowStepContainer.tsx b/packages/features/ee/workflows/components/WorkflowStepContainer.tsx index d15399ef78..3802e86e44 100644 --- a/packages/features/ee/workflows/components/WorkflowStepContainer.tsx +++ b/packages/features/ee/workflows/components/WorkflowStepContainer.tsx @@ -9,7 +9,7 @@ import "react-phone-number-input/style.css"; import type { RetellAgentWithDetails } from "@calcom/features/calAIPhone/providers/retellAI"; import { Dialog } from "@calcom/features/components/controlled-dialog"; import PhoneInput from "@calcom/features/components/phone-input"; -import { SENDER_ID } from "@calcom/lib/constants"; +import { SENDER_ID, SENDER_NAME } from "@calcom/lib/constants"; import { formatPhoneNumber } from "@calcom/lib/formatPhoneNumber"; import { useHasActiveTeamPlan } from "@calcom/lib/hooks/useHasPaidPlan"; import { useLocale } from "@calcom/lib/hooks/useLocale"; @@ -43,6 +43,7 @@ import { Editor } from "@calcom/ui/components/editor"; import { CheckboxField } from "@calcom/ui/components/form"; import { EmailField } from "@calcom/ui/components/form"; import { TextArea } from "@calcom/ui/components/form"; +import { Input } from "@calcom/ui/components/form"; import { Label } from "@calcom/ui/components/form"; import { TextField } from "@calcom/ui/components/form"; import { Select } from "@calcom/ui/components/form"; @@ -761,6 +762,47 @@ export default function WorkflowStepContainer(props: WorkflowStepProps) { }} /> + {!isWhatsappAction(form.getValues(`steps.${step.stepNumber - 1}.action`)) && + !isCalAIAction(form.getValues(`steps.${step.stepNumber - 1}.action`)) && ( +
+ {_isSenderIsNeeded ? ( + <> +
+
+ +
+ +
+ +
{t("sender_id_info")}
+
+
+ {form.formState.errors.steps && + form.formState?.errors?.steps[step.stepNumber - 1]?.sender && ( +

{t("sender_id_error_message")}

+ )} + + ) : ( + <> +
+ + +
+ + )} +
+ )} {isCalAIAction(form.getValues(`steps.${step.stepNumber - 1}.action`)) && !stepAgentId && (