@open-mercato/core 0.10.1-develop.7917.1.c74e12c1d2 → 0.10.1-develop.7921.1.e5774a7073

package/dist/modules/customers/components/detail/ScheduleActivityDialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Users, Phone, Check, Mail, Calendar, X, StickyNote } from "lucide-react";
 import { cn } from "@open-mercato/shared/lib/utils";
@@ -32,6 +32,7 @@ import {
   LinkedEntitiesField
 } from "./schedule/index.js";
 import { PRIORITY_NUMBER, priorityFromNumber } from "../../lib/calendar/editorPayload.js";
+import { selectedEventType, useEventTypeCatalog } from "../calendar/editor/useEventTypeCatalog.js";
 const TYPE_TABS = [
   { type: "meeting", icon: Users, labelKey: "customers.schedule.types.meeting", fallback: "Meeting" },
   { type: "call", icon: Phone, labelKey: "customers.schedule.types.call", fallback: "Call" },
@@ -124,9 +125,37 @@ function ScheduleActivityDialog({
   defaultCountryIso2
 }) {
   const t = useT();
-  const state = useScheduleFormState({ open, editData: editData ?? null });
+  const needsTypeCatalog = Boolean(editData?.interactionType && !TYPE_TABS.some(({ type }) => type === editData.interactionType));
+  const catalog = useEventTypeCatalog(open && needsTypeCatalog);
+  const definition = needsTypeCatalog ? selectedEventType(catalog.items, editData.interactionType) : null;
+  const baseKind = definition?.behavior.baseKind;
+  const initialActivityType = baseKind === "event" ? "meeting" : baseKind;
+  const resolvedEditData = React.useMemo(
+    () => editData && initialActivityType ? { ...editData, interactionType: initialActivityType } : editData,
+    [editData, initialActivityType]
+  );
+  const state = useScheduleFormState({ open, editData: resolvedEditData ?? null });
   const presentationType = resolveScheduleActivityType(state.activityType);
-  const visibleFields = FIELD_VISIBILITY[presentationType];
+  const [typeChanged, setTypeChanged] = React.useState(false);
+  React.useEffect(() => {
+    setTypeChanged(false);
+  }, [open, editData]);
+  const keepsCustomType = needsTypeCatalog && !typeChanged && state.activityType === initialActivityType;
+  const catalogPending = needsTypeCatalog && catalog.status !== "ready";
+  const visibleFields = React.useMemo(() => {
+    const fields = new Set(FIELD_VISIBILITY[presentationType]);
+    if (!keepsCustomType || !definition) return fields;
+    const configured = definition.behavior.fields;
+    if (!configured.endTime) fields.delete("duration");
+    if (!configured.allDay) fields.delete("allDay");
+    if (!configured.recurrence) fields.delete("recurrence");
+    if (configured.location === "none") fields.delete("location");
+    if (configured.people === "none") {
+      fields.delete("participants");
+      fields.delete("guestPermissions");
+    }
+    return fields;
+  }, [presentationType, keepsCustomType, definition]);
   const { confirm, ConfirmDialogElement } = useConfirmDialog();
   const isEditing = Boolean(editData?.id);
   const chrome = TYPE_CHROME[presentationType];
@@ -220,7 +249,7 @@ function ScheduleActivityDialog({
   const snapshotOpenKeyRef = React.useRef(null);
   const snapshotSettleCountRef = React.useRef(0);
   const closeConfirmPendingRef = React.useRef(false);
-  const openKey = open ? `${editData?.id ?? "new"}` : null;
+  const openKey = open ? `${editData?.id ?? "new"}:${initialActivityType ?? ""}` : null;
   React.useEffect(() => {
     if (!open) {
       initialSnapshotRef.current = null;
@@ -330,8 +359,9 @@ function ScheduleActivityDialog({
   const trimmedCallPhone = callPhoneNumber.trim();
   const isDateMissing = isDateRequired(presentationType) && !trimmedDate;
   const isTimeMissing = isTimeRequired(presentationType) && !state.allDay && !trimmedStartTime;
-  const isSubmitDisabled = state.saving || !state.title.trim() || isDateMissing || isTimeMissing;
+  const isSubmitDisabled = catalogPending || state.saving || !state.title.trim() || isDateMissing || isTimeMissing;
   const handleSave = React.useCallback(async () => {
+    if (catalogPending) return;
     if (!state.title.trim()) return;
     if (isDateMissing) {
       flash(t("customers.activities.errors.dateRequired", "Date is required"), "error");
@@ -368,33 +398,35 @@ function ScheduleActivityDialog({
         if (phoneNumberForPayload) customValues.callPhoneNumber = phoneNumberForPayload;
       }
       const payloadEntityId = isSaveEdit && editData?.entityId ? editData.entityId : entityId;
+      const hiddenFieldValue = keepsCustomType && isSaveEdit ? void 0 : null;
+      const preservesSchedule = keepsCustomType && isSaveEdit && !visibleFields.has("date");
       const payload = {
         ...isSaveEdit ? { id: editData.id } : {},
         entityId: payloadEntityId,
         dealId,
-        interactionType: state.activityType,
+        interactionType: keepsCustomType ? editData.interactionType : state.activityType,
         title: state.title.trim(),
         body: state.description.trim() || null,
         // The dialog has no status control, so an edit must leave the stored status
         // (and its `occurredAt`) alone instead of re-opening a completed activity (#6481).
         ...isSaveEdit ? {} : { status: "planned" },
-        date: trimmedDate || null,
-        time: trimmedDate ? timeForPayload || null : null,
+        date: preservesSchedule ? void 0 : trimmedDate || null,
+        time: preservesSchedule ? void 0 : trimmedDate ? timeForPayload || null : null,
         phoneNumber: presentationType === "call" ? phoneNumberForPayload : void 0,
         // Only tasks expose the priority control, so other types leave the column
         // untouched rather than clearing it on a type switch (#5943).
         priority: presentationType === "task" ? buildTaskPriorityPayload(taskPriority, seededTaskPriority) : void 0,
-        scheduledAt,
-        durationMinutes: visibleFields.has("duration") && !state.allDay ? state.duration : null,
-        location: visibleFields.has("location") ? state.location.trim() || null : null,
-        allDay: visibleFields.has("allDay") ? state.allDay : null,
-        recurrenceRule: visibleFields.has("recurrence") ? recurrenceRule : null,
-        recurrenceEnd: visibleFields.has("recurrence") && state.recurrenceEndType === "date" && state.recurrenceEndDate ? new Date(state.recurrenceEndDate).toISOString() : null,
-        participants: visibleFields.has("participants") && state.participants.length > 0 ? state.participants.map((p) => ({ userId: p.userId, name: p.name, email: p.email, status: p.status ?? "pending" })) : null,
-        guestPermissions: visibleFields.has("participants") && state.participants.length > 0 ? state.guestPermissions : null,
+        scheduledAt: preservesSchedule ? void 0 : scheduledAt,
+        durationMinutes: visibleFields.has("duration") ? state.allDay ? null : state.duration : hiddenFieldValue,
+        location: visibleFields.has("location") ? state.location.trim() || null : hiddenFieldValue,
+        allDay: visibleFields.has("allDay") ? state.allDay : hiddenFieldValue,
+        recurrenceRule: visibleFields.has("recurrence") ? recurrenceRule : hiddenFieldValue,
+        recurrenceEnd: visibleFields.has("recurrence") && state.recurrenceEndType === "date" && state.recurrenceEndDate ? new Date(state.recurrenceEndDate).toISOString() : visibleFields.has("recurrence") ? null : hiddenFieldValue,
+        participants: visibleFields.has("participants") ? state.participants.length > 0 ? state.participants.map((p) => ({ userId: p.userId, name: p.name, email: p.email, status: p.status ?? "pending" })) : null : hiddenFieldValue,
+        guestPermissions: visibleFields.has("participants") ? state.participants.length > 0 ? state.guestPermissions : null : hiddenFieldValue,
         linkedEntities: state.linkedEntities.length > 0 ? state.linkedEntities.map((e) => ({ id: e.id, type: e.type, label: e.label })) : null,
-        reminderMinutes: visibleFields.has("reminder") ? state.reminderMinutes : null,
-        visibility: visibleFields.has("visibility") ? state.visibility : null,
+        reminderMinutes: visibleFields.has("reminder") ? state.reminderMinutes : hiddenFieldValue,
+        visibility: visibleFields.has("visibility") ? state.visibility : hiddenFieldValue,
         ...Object.keys(customValues).length > 0 ? { customValues } : {}
       };
       await runGuardedMutation(
@@ -409,7 +441,7 @@ function ScheduleActivityDialog({
         {
           operation: isSaveEdit ? "updateActivity" : "createActivity",
           interactionId: editData?.id ?? null,
-          interactionType: state.activityType
+          interactionType: payload.interactionType
         }
       );
       flash(t("customers.schedule.saved", "Activity scheduled"), "success");
@@ -437,7 +469,7 @@ function ScheduleActivityDialog({
     } finally {
       state.setSaving(false);
     }
-  }, [callDirection, callOutcome, callPhoneInvalidMessage, callPhoneNumber, isDateMissing, isTimeMissing, presentationType, state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, seededTaskPriority, state.startTime, t, taskPriority, state.title, translateErrorMessage, trimmedCallPhone, trimmedDate, trimmedStartTime, state.visibility, visibleFields]);
+  }, [callDirection, callOutcome, callPhoneInvalidMessage, callPhoneNumber, catalogPending, keepsCustomType, isDateMissing, isTimeMissing, presentationType, state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, seededTaskPriority, state.startTime, t, taskPriority, state.title, translateErrorMessage, trimmedCallPhone, trimmedDate, trimmedStartTime, state.visibility, visibleFields]);
   const handleKeyDown = useDialogKeyHandler({ onConfirm: handleSave });
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => {
     if (!o) void guardedClose();
@@ -464,103 +496,135 @@ function ScheduleActivityDialog({
           }, className: "flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-background", "aria-label": t("customers.schedule.cancel", "Cancel"), children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" }) })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-background p-6", children: [
-          state.conflict && /* @__PURE__ */ jsxs(Alert, { status: "warning", className: "rounded-lg", children: [
-            /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.schedule.conflict.title", "Calendar conflict") }),
-            /* @__PURE__ */ jsx(AlertDescription, { children: state.conflict })
+          catalogPending && /* @__PURE__ */ jsxs(Alert, { status: catalog.status === "error" ? "error" : "information", children: [
+            /* @__PURE__ */ jsx(AlertDescription, { children: t(catalog.status === "error" ? "customers.calendar.editor.catalogLoadFailed" : "customers.calendar.editor.catalogLoading") }),
+            catalog.status === "error" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: catalog.retry, children: t("customers.calendar.errors.retry") })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {
-            const isActive = state.activityType === type;
-            return /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => state.setActivityType(type),
-                "aria-pressed": isActive,
-                className: cn(
-                  "flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors",
-                  isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(Icon, { className: "size-[18px]" }),
-                  t(labelKey, fallback)
-                ]
-              },
-              type
-            );
-          }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(presentationType, "title", t, "customers.schedule.titleLabel", "Title") }),
+          !catalogPending && /* @__PURE__ */ jsxs(Fragment, { children: [
+            state.conflict && /* @__PURE__ */ jsxs(Alert, { status: "warning", className: "rounded-lg", children: [
+              /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.schedule.conflict.title", "Calendar conflict") }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: state.conflict })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {
+              const isActive = state.activityType === type;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setTypeChanged(true);
+                    state.setActivityType(type);
+                  },
+                  "aria-pressed": isActive,
+                  className: cn(
+                    "flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors",
+                    isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "size-[18px]" }),
+                    t(labelKey, fallback)
+                  ]
+                },
+                type
+              );
+            }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(presentationType, "title", t, "customers.schedule.titleLabel", "Title") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  value: state.title,
+                  onChange: (e) => state.setTitle(e.target.value),
+                  placeholder: presentationType === "email" ? t("customers.schedule.subjectPlaceholder", "Subject...") : t("customers.schedule.titlePlaceholder", "Activity title..."),
+                  className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground",
+                  autoFocus: true
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx(
-              "input",
+              DateTimeFields,
               {
-                type: "text",
-                value: state.title,
-                onChange: (e) => state.setTitle(e.target.value),
-                placeholder: presentationType === "email" ? t("customers.schedule.subjectPlaceholder", "Subject...") : t("customers.schedule.titlePlaceholder", "Activity title..."),
-                className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground",
-                autoFocus: true
+                visible: visibleFields,
+                activityType: presentationType,
+                date: state.date,
+                setDate: state.setDate,
+                startTime: state.startTime,
+                setStartTime: state.setStartTime,
+                duration: state.duration,
+                setDuration: state.setDuration,
+                allDay: state.allDay,
+                setAllDay: state.setAllDay,
+                recurrenceEnabled: state.recurrenceEnabled,
+                setRecurrenceEnabled: state.setRecurrenceEnabled,
+                recurrenceDays: state.recurrenceDays,
+                toggleRecurrenceDay: state.toggleRecurrenceDay,
+                recurrenceEndType: state.recurrenceEndType,
+                setRecurrenceEndType: state.setRecurrenceEndType,
+                recurrenceCount: state.recurrenceCount,
+                setRecurrenceCount: state.setRecurrenceCount,
+                recurrenceEndDate: state.recurrenceEndDate,
+                setRecurrenceEndDate: state.setRecurrenceEndDate
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            DateTimeFields,
-            {
-              visible: visibleFields,
-              activityType: presentationType,
-              date: state.date,
-              setDate: state.setDate,
-              startTime: state.startTime,
-              setStartTime: state.setStartTime,
-              duration: state.duration,
-              setDuration: state.setDuration,
-              allDay: state.allDay,
-              setAllDay: state.setAllDay,
-              recurrenceEnabled: state.recurrenceEnabled,
-              setRecurrenceEnabled: state.setRecurrenceEnabled,
-              recurrenceDays: state.recurrenceDays,
-              toggleRecurrenceDay: state.toggleRecurrenceDay,
-              recurrenceEndType: state.recurrenceEndType,
-              setRecurrenceEndType: state.setRecurrenceEndType,
-              recurrenceCount: state.recurrenceCount,
-              setRecurrenceCount: state.setRecurrenceCount,
-              recurrenceEndDate: state.recurrenceEndDate,
-              setRecurrenceEndDate: state.setRecurrenceEndDate
-            }
-          ),
-          presentationType === "call" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.directionLabel", "Direction") }),
-              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_DIRECTIONS.map((opt) => {
-                const isActive = callDirection === opt.key;
-                return /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-pressed": isActive,
-                    onClick: () => setCallDirection(opt.key),
-                    className: cn(
-                      "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
-                      isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
-                      t(opt.labelKey, opt.labelFallback)
-                    ]
-                  },
-                  opt.key
-                );
-              }) })
+            ),
+            presentationType === "call" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.directionLabel", "Direction") }),
+                /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_DIRECTIONS.map((opt) => {
+                  const isActive = callDirection === opt.key;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": isActive,
+                      onClick: () => setCallDirection(opt.key),
+                      className: cn(
+                        "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
+                        isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
+                        t(opt.labelKey, opt.labelFallback)
+                      ]
+                    },
+                    opt.key
+                  );
+                }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.outcomeLabel", "Outcome") }),
+                /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_OUTCOMES.map((opt) => {
+                  const isActive = callOutcome === opt.key;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": isActive,
+                      onClick: () => setCallOutcome(isActive ? null : opt.key),
+                      className: cn(
+                        "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
+                        isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
+                        t(opt.labelKey, opt.labelFallback)
+                      ]
+                    },
+                    opt.key
+                  );
+                }) })
+              ] })
             ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.outcomeLabel", "Outcome") }),
-              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_OUTCOMES.map((opt) => {
-                const isActive = callOutcome === opt.key;
+            presentationType === "task" && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.task.priorityLabel", "Priority") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: TASK_PRIORITIES.map((opt) => {
+                const isActive = taskPriority === opt.key;
                 return /* @__PURE__ */ jsxs(
                   "button",
                   {
                     type: "button",
                     "aria-pressed": isActive,
-                    onClick: () => setCallOutcome(isActive ? null : opt.key),
+                    onClick: () => setTaskPriority(opt.key),
                     className: cn(
                       "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
                       isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
@@ -570,106 +634,83 @@ function ScheduleActivityDialog({
                       t(opt.labelKey, opt.labelFallback)
                     ]
                   },
-                  opt.key
+                  opt.key ?? "none"
                 );
               }) })
-            ] })
-          ] }),
-          presentationType === "task" && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.task.priorityLabel", "Priority") }),
-            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: TASK_PRIORITIES.map((opt) => {
-              const isActive = taskPriority === opt.key;
-              return /* @__PURE__ */ jsxs(
-                "button",
+            ] }),
+            /* @__PURE__ */ jsx(
+              ParticipantsField,
+              {
+                visible: visibleFields,
+                activityType: presentationType,
+                participants: state.participants,
+                setParticipants: state.setParticipants,
+                removeParticipant: state.removeParticipant,
+                guestPermissions: state.guestPermissions,
+                setGuestPermissions: state.setGuestPermissions
+              }
+            ),
+            presentationType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "schedule-call-phone", className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.phoneLabel", "Phone number") }),
+              /* @__PURE__ */ jsx(
+                PhoneNumberField,
                 {
-                  type: "button",
-                  "aria-pressed": isActive,
-                  onClick: () => setTaskPriority(opt.key),
-                  className: cn(
-                    "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
-                    isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
-                    t(opt.labelKey, opt.labelFallback)
-                  ]
-                },
-                opt.key ?? "none"
-              );
-            }) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            ParticipantsField,
-            {
-              visible: visibleFields,
-              activityType: presentationType,
-              participants: state.participants,
-              setParticipants: state.setParticipants,
-              removeParticipant: state.removeParticipant,
-              guestPermissions: state.guestPermissions,
-              setGuestPermissions: state.setGuestPermissions
-            }
-          ),
-          presentationType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx("label", { htmlFor: "schedule-call-phone", className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.phoneLabel", "Phone number") }),
+                  id: "schedule-call-phone",
+                  value: callPhoneNumber,
+                  onValueChange: handleCallPhoneChange,
+                  placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
+                  externalError: callPhoneError,
+                  invalidLabel: callPhoneInvalidMessage,
+                  minDigits: 7,
+                  defaultCountryIso2
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx(
+              LocationField,
+              {
+                visible: visibleFields,
+                activityType: presentationType,
+                location: state.location,
+                setLocation: state.setLocation
+              }
+            ),
             /* @__PURE__ */ jsx(
-              PhoneNumberField,
+              LinkedEntitiesField,
               {
-                id: "schedule-call-phone",
-                value: callPhoneNumber,
-                onValueChange: handleCallPhoneChange,
-                placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
-                externalError: callPhoneError,
-                invalidLabel: callPhoneInvalidMessage,
-                minDigits: 7,
-                defaultCountryIso2
+                visible: visibleFields,
+                activityType: presentationType,
+                linkedEntities: state.linkedEntities,
+                setLinkedEntities: state.setLinkedEntities
               }
-            )
-          ] }) : /* @__PURE__ */ jsx(
-            LocationField,
-            {
-              visible: visibleFields,
-              activityType: presentationType,
-              location: state.location,
-              setLocation: state.setLocation
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            LinkedEntitiesField,
-            {
-              visible: visibleFields,
-              activityType: presentationType,
-              linkedEntities: state.linkedEntities,
-              setLinkedEntities: state.setLinkedEntities
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: getFieldLabel(presentationType, "description", t, "customers.schedule.description", "Description") }),
-            /* @__PURE__ */ jsx("div", { className: "mt-[8px]", children: /* @__PURE__ */ jsx(
-              SwitchableMarkdownInput,
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: getFieldLabel(presentationType, "description", t, "customers.schedule.description", "Description") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-[8px]", children: /* @__PURE__ */ jsx(
+                SwitchableMarkdownInput,
+                {
+                  value: state.description,
+                  onChange: state.setDescription,
+                  isMarkdownEnabled: state.markdownEnabled,
+                  disableMarkdown: presentationType === "email",
+                  rows: presentationType === "email" ? 8 : void 0,
+                  textareaClassName: presentationType === "email" ? "w-full resize-y overflow-y-auto rounded-lg border border-muted-foreground/20 bg-background px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : void 0,
+                  height: 120,
+                  placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              FooterFields,
               {
-                value: state.description,
-                onChange: state.setDescription,
-                isMarkdownEnabled: state.markdownEnabled,
-                disableMarkdown: presentationType === "email",
-                rows: presentationType === "email" ? 8 : void 0,
-                textareaClassName: presentationType === "email" ? "w-full resize-y overflow-y-auto rounded-lg border border-muted-foreground/20 bg-background px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : void 0,
-                height: 120,
-                placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+                visible: visibleFields,
+                activityType: presentationType,
+                reminderMinutes: state.reminderMinutes,
+                setReminderMinutes: state.setReminderMinutes,
+                visibility: state.visibility,
+                setVisibility: state.setVisibility
               }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            FooterFields,
-            {
-              visible: visibleFields,
-              activityType: presentationType,
-              reminderMinutes: state.reminderMinutes,
-              setReminderMinutes: state.setReminderMinutes,
-              visibility: state.visibility,
-              setVisibility: state.setVisibility
-            }
-          )
+            )
+          ] })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4", children: [
           /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => {