@open-mercato/core 0.6.6-develop.6094.1.28b081ea16 → 0.6.6-develop.6121.1.5797a901b3

package/dist/modules/customers/components/calendar/AgendaList.js

@@ -0,0 +1,182 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { addDays } from "date-fns/addDays";
+import { format } from "date-fns/format";
+import { isToday } from "date-fns/isToday";
+import { isTomorrow } from "date-fns/isTomorrow";
+import { startOfDay } from "date-fns/startOfDay";
+import { CalendarClock } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+const MAX_AVATARS_PER_ROW = 2;
+const CATEGORY_BADGE_CLASS = {
+  meeting: "bg-status-info-bg text-status-info-text",
+  event: "bg-status-warning-bg text-status-warning-text",
+  task: "bg-primary text-primary-foreground",
+  other: "bg-status-neutral-bg text-status-neutral-text"
+};
+const CATEGORY_LABEL = {
+  meeting: { key: "customers.calendar.category.meeting", fallback: "Meeting" },
+  event: { key: "customers.calendar.category.event", fallback: "Event" },
+  task: { key: "customers.calendar.category.task", fallback: "Task" },
+  other: { key: "customers.calendar.category.other", fallback: "Other" }
+};
+function dayKeyOf(date) {
+  return format(date, "yyyy-MM-dd");
+}
+function formatUrlHost(location) {
+  try {
+    const url = new URL(location.startsWith("http") ? location : `https://${location}`);
+    return url.hostname;
+  } catch {
+    return location;
+  }
+}
+function formatTime(date) {
+  return date.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
+}
+function groupLabelOf(date) {
+  return date.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
+}
+function deriveTypeLabel(interactionType) {
+  const normalized = interactionType.replace(/[-_]+/g, " ").trim();
+  if (!normalized) return interactionType;
+  return normalized.charAt(0).toUpperCase() + normalized.slice(1);
+}
+function participantLabel(participant) {
+  return participant.name ?? participant.email ?? participant.userId;
+}
+function buildDayGroups(anchor, horizonDays, items) {
+  const sorted = [...items].sort((first, second) => first.start.getTime() - second.start.getTime());
+  const byDay = /* @__PURE__ */ new Map();
+  for (const item of sorted) {
+    const key = dayKeyOf(item.start);
+    const bucket = byDay.get(key);
+    if (bucket) bucket.push(item);
+    else byDay.set(key, [item]);
+  }
+  const firstDay = startOfDay(anchor);
+  const groups = [];
+  for (let offset = 0; offset <= horizonDays; offset += 1) {
+    const day = addDays(firstDay, offset);
+    const dayItems = byDay.get(dayKeyOf(day));
+    if (dayItems && dayItems.length > 0) groups.push({ date: day, items: dayItems });
+  }
+  return groups;
+}
+function AgendaDayHeader({ date, count }) {
+  const t = useT();
+  const todayMarker = isToday(date);
+  const tomorrowMarker = !todayMarker && isTomorrow(date);
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2 bg-muted/50 px-3 py-2.5 sm:px-5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: groupLabelOf(date) }),
+    todayMarker || tomorrowMarker ? /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium", todayMarker ? "text-foreground" : "text-muted-foreground"), children: `\xB7 ${todayMarker ? t("customers.calendar.agenda.today", "Today") : t("customers.calendar.agenda.tomorrow", "Tomorrow")}` }) : null,
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "w-2.5 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: count === 1 ? t("customers.calendar.agenda.eventCount", "1 event") : t("customers.calendar.agenda.eventsCount", "{count} events", { count }) })
+  ] });
+}
+function AgendaRow({
+  item,
+  typeLabels,
+  onItemClick
+}) {
+  const t = useT();
+  const canceled = item.status === "canceled";
+  const done = item.status === "done";
+  const typeLabel = typeLabels?.[item.interactionType] ?? deriveTypeLabel(item.interactionType);
+  const platformLabels = {
+    zoom: t("customers.calendar.platformFull.zoom", "Zoom"),
+    meet: t("customers.calendar.platformFull.meet", "Google Meet"),
+    slack: t("customers.calendar.platformFull.slack", "Slack"),
+    teams: t("customers.calendar.platformFull.teams", "Microsoft Teams")
+  };
+  const locationLabel = item.platform ? platformLabels[item.platform] : item.locationKind === "url" && item.location ? formatUrlHost(item.location) : item.location;
+  const startLabel = item.allDay ? t("customers.calendar.grid.allDay", "All day") : formatTime(item.start);
+  const endLabel = item.allDay ? null : formatTime(item.end);
+  const ariaTime = item.allDay ? startLabel : `${startLabel} \u2013 ${endLabel}`;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      "aria-label": `${item.title} \xB7 ${ariaTime}`,
+      onClick: () => onItemClick(item),
+      className: cn(
+        "h-auto w-full justify-start whitespace-normal rounded-none bg-background px-3 py-3 text-left transition-colors hover:bg-muted/30 sm:gap-3.5 sm:px-5",
+        canceled && "opacity-60"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex w-16 shrink-0 flex-col gap-0.5 sm:w-[86px]", children: [
+          /* @__PURE__ */ jsx("span", { className: cn("truncate text-sm font-semibold leading-4", done || canceled ? "text-muted-foreground" : "text-foreground"), children: startLabel }),
+          endLabel ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: endLabel }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("h-9 w-1 shrink-0 rounded-full", !item.color && "bg-muted-foreground/40"),
+            style: item.color ? { backgroundColor: item.color } : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "truncate text-sm font-semibold",
+                done || canceled ? "text-muted-foreground" : "text-foreground",
+                canceled && "line-through"
+              ),
+              children: item.title
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: locationLabel ? `${typeLabel} \xB7 ${locationLabel}` : typeLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          item.participants.length > 0 ? /* @__PURE__ */ jsxs("span", { className: "hidden items-center gap-0.5 sm:flex", children: [
+            item.participants.slice(0, MAX_AVATARS_PER_ROW).map((participant) => /* @__PURE__ */ jsx(Avatar, { size: "xs", label: participantLabel(participant) }, participant.userId)),
+            item.participants.length > MAX_AVATARS_PER_ROW ? /* @__PURE__ */ jsxs("span", { className: "ps-0.5 text-xs font-medium text-muted-foreground", children: [
+              "+",
+              item.participants.length - MAX_AVATARS_PER_ROW
+            ] }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-overline font-medium uppercase tracking-wide",
+                CATEGORY_BADGE_CLASS[item.category]
+              ),
+              children: t(CATEGORY_LABEL[item.category].key, CATEGORY_LABEL[item.category].fallback)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function AgendaList({ anchor, horizonDays, items, typeLabels, onItemClick }) {
+  const t = useT();
+  const groups = React.useMemo(() => buildDayGroups(anchor, horizonDays, items), [anchor, horizonDays, items]);
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(CalendarClock, { className: "h-6 w-6", "aria-hidden": "true" }),
+        title: t("customers.calendar.empty.agenda", "Nothing scheduled in this period")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col divide-y divide-border overflow-hidden border border-border bg-background", children: groups.map((group) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsx(AgendaDayHeader, { date: group.date, count: group.items.length }),
+    group.items.map((item) => /* @__PURE__ */ jsx(AgendaRow, { item, typeLabels, onItemClick }, item.id))
+  ] }, dayKeyOf(group.date))) });
+}
+export {
+  AgendaList
+};
+//# sourceMappingURL=AgendaList.js.map

package/dist/modules/customers/components/calendar/AgendaList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/AgendaList.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { addDays } from 'date-fns/addDays'\nimport { format } from 'date-fns/format'\nimport { isToday } from 'date-fns/isToday'\nimport { isTomorrow } from 'date-fns/isTomorrow'\nimport { startOfDay } from 'date-fns/startOfDay'\nimport { CalendarClock } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport type { AgendaListProps, CalendarCategory, CalendarItem } from './types'\n\nconst MAX_AVATARS_PER_ROW = 2\n\nconst CATEGORY_BADGE_CLASS: Record<CalendarCategory, string> = {\n  meeting: 'bg-status-info-bg text-status-info-text',\n  event: 'bg-status-warning-bg text-status-warning-text',\n  task: 'bg-primary text-primary-foreground',\n  other: 'bg-status-neutral-bg text-status-neutral-text',\n}\n\nconst CATEGORY_LABEL: Record<CalendarCategory, { key: string; fallback: string }> = {\n  meeting: { key: 'customers.calendar.category.meeting', fallback: 'Meeting' },\n  event: { key: 'customers.calendar.category.event', fallback: 'Event' },\n  task: { key: 'customers.calendar.category.task', fallback: 'Task' },\n  other: { key: 'customers.calendar.category.other', fallback: 'Other' },\n}\n\ntype AgendaDayGroup = { date: Date; items: CalendarItem[] }\n\nfunction dayKeyOf(date: Date): string {\n  return format(date, 'yyyy-MM-dd')\n}\n\nfunction formatUrlHost(location: string): string {\n  try {\n    const url = new URL(location.startsWith('http') ? location : `https://${location}`)\n    return url.hostname\n  } catch {\n    return location\n  }\n}\n\nfunction formatTime(date: Date): string {\n  return date.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' })\n}\n\nfunction groupLabelOf(date: Date): string {\n  return date.toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' })\n}\n\nfunction deriveTypeLabel(interactionType: string): string {\n  const normalized = interactionType.replace(/[-_]+/g, ' ').trim()\n  if (!normalized) return interactionType\n  return normalized.charAt(0).toUpperCase() + normalized.slice(1)\n}\n\nfunction participantLabel(participant: CalendarItem['participants'][number]): string {\n  return participant.name ?? participant.email ?? participant.userId\n}\n\nfunction buildDayGroups(anchor: Date, horizonDays: number, items: CalendarItem[]): AgendaDayGroup[] {\n  const sorted = [...items].sort((first, second) => first.start.getTime() - second.start.getTime())\n  const byDay = new Map<string, CalendarItem[]>()\n  for (const item of sorted) {\n    const key = dayKeyOf(item.start)\n    const bucket = byDay.get(key)\n    if (bucket) bucket.push(item)\n    else byDay.set(key, [item])\n  }\n  const firstDay = startOfDay(anchor)\n  const groups: AgendaDayGroup[] = []\n  for (let offset = 0; offset <= horizonDays; offset += 1) {\n    const day = addDays(firstDay, offset)\n    const dayItems = byDay.get(dayKeyOf(day))\n    if (dayItems && dayItems.length > 0) groups.push({ date: day, items: dayItems })\n  }\n  return groups\n}\n\nfunction AgendaDayHeader({ date, count }: { date: Date; count: number }) {\n  const t = useT()\n  const todayMarker = isToday(date)\n  const tomorrowMarker = !todayMarker && isTomorrow(date)\n  return (\n    <div className=\"flex w-full items-center gap-2 bg-muted/50 px-3 py-2.5 sm:px-5\">\n      <span className=\"text-sm font-semibold text-foreground\">{groupLabelOf(date)}</span>\n      {todayMarker || tomorrowMarker ? (\n        <span className={cn('text-xs font-medium', todayMarker ? 'text-foreground' : 'text-muted-foreground')}>\n          {`\u00B7 ${todayMarker ? t('customers.calendar.agenda.today', 'Today') : t('customers.calendar.agenda.tomorrow', 'Tomorrow')}`}\n        </span>\n      ) : null}\n      <span aria-hidden=\"true\" className=\"w-2.5 shrink-0\" />\n      <span className=\"text-xs font-medium text-muted-foreground\">\n        {count === 1\n          ? t('customers.calendar.agenda.eventCount', '1 event')\n          : t('customers.calendar.agenda.eventsCount', '{count} events', { count })}\n      </span>\n    </div>\n  )\n}\n\nfunction AgendaRow({\n  item,\n  typeLabels,\n  onItemClick,\n}: {\n  item: CalendarItem\n  typeLabels?: Record<string, string>\n  onItemClick: (item: CalendarItem) => void\n}) {\n  const t = useT()\n  const canceled = item.status === 'canceled'\n  const done = item.status === 'done'\n  const typeLabel = typeLabels?.[item.interactionType] ?? deriveTypeLabel(item.interactionType)\n  const platformLabels: Record<string, string> = {\n    zoom: t('customers.calendar.platformFull.zoom', 'Zoom'),\n    meet: t('customers.calendar.platformFull.meet', 'Google Meet'),\n    slack: t('customers.calendar.platformFull.slack', 'Slack'),\n    teams: t('customers.calendar.platformFull.teams', 'Microsoft Teams'),\n  }\n  const locationLabel = item.platform\n    ? platformLabels[item.platform]\n    : item.locationKind === 'url' && item.location\n      ? formatUrlHost(item.location)\n      : item.location\n  const startLabel = item.allDay ? t('customers.calendar.grid.allDay', 'All day') : formatTime(item.start)\n  const endLabel = item.allDay ? null : formatTime(item.end)\n  const ariaTime = item.allDay ? startLabel : `${startLabel} \u2013 ${endLabel}`\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      aria-label={`${item.title} \u00B7 ${ariaTime}`}\n      onClick={() => onItemClick(item)}\n      className={cn(\n        'h-auto w-full justify-start whitespace-normal rounded-none bg-background px-3 py-3 text-left transition-colors hover:bg-muted/30 sm:gap-3.5 sm:px-5',\n        canceled && 'opacity-60',\n      )}\n    >\n      <div className=\"flex w-16 shrink-0 flex-col gap-0.5 sm:w-[86px]\">\n        <span className={cn('truncate text-sm font-semibold leading-4', done || canceled ? 'text-muted-foreground' : 'text-foreground')}>\n          {startLabel}\n        </span>\n        {endLabel ? <span className=\"truncate text-xs text-muted-foreground\">{endLabel}</span> : null}\n      </div>\n      <span\n        aria-hidden=\"true\"\n        className={cn('h-9 w-1 shrink-0 rounded-full', !item.color && 'bg-muted-foreground/40')}\n        style={item.color ? { backgroundColor: item.color } : undefined}\n      />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <span\n          className={cn(\n            'truncate text-sm font-semibold',\n            done || canceled ? 'text-muted-foreground' : 'text-foreground',\n            canceled && 'line-through',\n          )}\n        >\n          {item.title}\n        </span>\n        <span className=\"truncate text-xs text-muted-foreground\">\n          {locationLabel ? `${typeLabel} \u00B7 ${locationLabel}` : typeLabel}\n        </span>\n      </div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        {item.participants.length > 0 ? (\n          <span className=\"hidden items-center gap-0.5 sm:flex\">\n            {item.participants.slice(0, MAX_AVATARS_PER_ROW).map((participant) => (\n              <Avatar key={participant.userId} size=\"xs\" label={participantLabel(participant)} />\n            ))}\n            {item.participants.length > MAX_AVATARS_PER_ROW ? (\n              <span className=\"ps-0.5 text-xs font-medium text-muted-foreground\">\n                +{item.participants.length - MAX_AVATARS_PER_ROW}\n              </span>\n            ) : null}\n          </span>\n        ) : null}\n        <span\n          className={cn(\n            'inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-overline font-medium uppercase tracking-wide',\n            CATEGORY_BADGE_CLASS[item.category],\n          )}\n        >\n          {t(CATEGORY_LABEL[item.category].key, CATEGORY_LABEL[item.category].fallback)}\n        </span>\n      </div>\n    </Button>\n  )\n}\n\nexport function AgendaList({ anchor, horizonDays, items, typeLabels, onItemClick }: AgendaListProps) {\n  const t = useT()\n  const groups = React.useMemo(() => buildDayGroups(anchor, horizonDays, items), [anchor, horizonDays, items])\n  if (groups.length === 0) {\n    return (\n      <EmptyState\n        icon={<CalendarClock className=\"h-6 w-6\" aria-hidden=\"true\" />}\n        title={t('customers.calendar.empty.agenda', 'Nothing scheduled in this period')}\n      />\n    )\n  }\n  return (\n    <div className=\"flex w-full flex-col divide-y divide-border overflow-hidden border border-border bg-background\">\n      {groups.map((group) => (\n        <React.Fragment key={dayKeyOf(group.date)}>\n          <AgendaDayHeader date={group.date} count={group.items.length} />\n          {group.items.map((item) => (\n            <AgendaRow key={item.id} item={item} typeLabels={typeLabels} onItemClick={onItemClick} />\n          ))}\n        </React.Fragment>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/CalendarEventEditor.js

@@ -0,0 +1,331 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Calendar, X } from "lucide-react";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCallOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader, extractOptimisticLockConflict } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { mapCrudServerErrorToFormErrors } from "@open-mercato/ui/backend/utils/serverErrors";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { useDialogKeyHandler } from "@open-mercato/ui/hooks/useDialogKeyHandler";
+import {
+  buildEditorCategoryOptions,
+  buildInteractionPayload,
+  computeDurationMinutes,
+  createDefaultFormState,
+  defaultRepeatDaysForDateInput,
+  EDITOR_KINDS,
+  KIND_CONFIG,
+  parseItemToFormState,
+  resolveSavedOwnerUserId
+} from "../../lib/calendar/editorPayload.js";
+import { Field } from "./editor/inputs.js";
+import { SegmentGroup } from "./editor/SegmentGroup.js";
+import { RelatedToField } from "./editor/RelatedToField.js";
+import { CategoryField } from "./editor/CategoryField.js";
+import { RepeatField } from "./editor/RepeatField.js";
+import { PeopleField } from "./editor/PeopleField.js";
+import { ScheduleSection } from "./editor/ScheduleSection.js";
+import { LocationField } from "./editor/LocationField.js";
+import { useConflictProbe, useEditorLabelResolution } from "./editor/hooks.js";
+const PEOPLE_FIELD_TEXT = {
+  attendees: { labelKey: "customers.calendar.editor.attendees", label: "Attendees", placeholderKey: "customers.calendar.editor.addPeoplePlaceholder", placeholder: "Add staff or customer\u2026" },
+  participants: { labelKey: "customers.calendar.editor.participants", label: "Participants", placeholderKey: "customers.calendar.editor.addPeoplePlaceholder", placeholder: "Add staff or customer\u2026" },
+  to: { labelKey: "customers.calendar.editor.to", label: "To", placeholderKey: "customers.calendar.editor.addRecipientPlaceholder", placeholder: "Add recipient\u2026" }
+};
+function CalendarEventEditor({ open, mode, item, defaultDate, defaultRange, typeLabels, typeColors, surfacedTypes, eventCategories, conflictScope, currentUserId, onOpenChange, onSaved }) {
+  const t = useT();
+  const locale = useLocale();
+  const [form, setForm] = React.useState(() => createDefaultFormState(defaultDate ?? null, void 0, defaultRange ?? null));
+  const [fieldErrors, setFieldErrors] = React.useState({});
+  const [saving, setSaving] = React.useState(false);
+  const openKeyRef = React.useRef(null);
+  const isEdit = mode === "edit" && Boolean(item?.id);
+  const config = KIND_CONFIG[form.kind];
+  const update = React.useCallback((patch) => {
+    setForm((previous) => ({ ...previous, ...patch }));
+  }, []);
+  React.useEffect(() => {
+    if (!open) {
+      openKeyRef.current = null;
+      return;
+    }
+    const key = `${mode}:${item?.id ?? "new"}`;
+    if (openKeyRef.current === key) return;
+    openKeyRef.current = key;
+    setForm(
+      mode === "edit" && item ? parseItemToFormState(item) : createDefaultFormState(defaultDate ?? null, void 0, defaultRange ?? null)
+    );
+    setFieldErrors({});
+  }, [open, mode, item, defaultDate, defaultRange]);
+  useEditorLabelResolution(open, form, update);
+  const draftOwnerUserId = resolveSavedOwnerUserId(config, form, isEdit, item?.ownerUserId ?? null);
+  const conflict = useConflictProbe(open, form, config, isEdit && item ? item.raw.id : null, draftOwnerUserId, conflictScope ?? "all", currentUserId ?? null);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: "customers-calendar-event-editor",
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const handleSave = React.useCallback(async () => {
+    const errors = {};
+    if (!form.title.trim()) errors.title = t("customers.calendar.editor.validation.titleRequired", "Title is required");
+    if (!form.relatedTo) errors.relatedTo = t("customers.calendar.editor.validation.relatedToRequired", "Select a person or company to link this event");
+    if (config.hasEnd && !form.allDay && computeDurationMinutes(form) === null) {
+      errors.ends = t("customers.calendar.editor.validation.endsBeforeStarts", "End must be after start");
+    }
+    setFieldErrors(errors);
+    if (Object.keys(errors).length > 0) return;
+    setSaving(true);
+    try {
+      const payload = buildInteractionPayload(form, { mode, id: item?.id });
+      await runMutation({
+        operation: () => {
+          const call = () => apiCallOrThrow("/api/customers/interactions", {
+            method: isEdit ? "PUT" : "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(payload)
+          });
+          return isEdit ? withScopedApiRequestHeaders(buildOptimisticLockHeader(item?.updatedAt), call) : call();
+        },
+        mutationPayload: {
+          operation: isEdit ? "updateCalendarEvent" : "createCalendarEvent",
+          interactionId: item?.id ?? null,
+          interactionType: form.category ?? form.kind
+        },
+        context: {
+          formId: "customers-calendar-event-editor",
+          resourceKind: "customers.interaction",
+          resourceId: item?.id ?? "new",
+          retryLastMutation
+        }
+      });
+      flash(t("customers.calendar.editor.saved", "Event saved"), "success");
+      onOpenChange(false);
+      requestAnimationFrame(() => {
+        onSaved();
+      });
+    } catch (err) {
+      if (extractOptimisticLockConflict(err)) {
+        onOpenChange(false);
+        return;
+      }
+      const { message } = mapCrudServerErrorToFormErrors(err);
+      const key = typeof message === "string" ? message.trim() : "";
+      flash(key ? t(key, key) : t("customers.calendar.editor.error", "Failed to save event"), "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [config.hasEnd, form, isEdit, item?.id, mode, onOpenChange, onSaved, retryLastMutation, runMutation, t]);
+  const handleKeyDown = useDialogKeyHandler({ onConfirm: handleSave, disabled: saving });
+  const categoryOptions = React.useMemo(
+    () => buildEditorCategoryOptions({
+      typeLabels,
+      surfacedTypes: surfacedTypes ?? [],
+      eventCategories: eventCategories ?? [],
+      selectedValue: form.category ?? form.kind,
+      selectedFallbackLabel: t(`customers.calendar.editor.types.${form.kind}`, form.kind)
+    }),
+    [typeLabels, surfacedTypes, eventCategories, form.category, form.kind, t]
+  );
+  const titleLabel = form.kind === "email" ? t("customers.calendar.editor.titleLabel.email", "Subject") : form.kind === "note" ? t("customers.calendar.editor.titleLabel.note", "Note") : t("customers.calendar.editor.titleLabel.generic", "Title");
+  const dialogTitle = isEdit ? t("customers.calendar.editor.title.edit", "Edit event") : t("customers.calendar.editor.title.create", "New event");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onKeyDown: handleKeyDown,
+      "aria-describedby": void 0,
+      dismissible: false,
+      className: "flex h-dvh max-h-dvh w-screen max-w-none flex-col gap-0 overflow-hidden rounded-none border-0 bg-background p-0 shadow-xl sm:h-auto sm:max-h-screen sm:w-full sm:max-w-md sm:rounded-2xl sm:border-0",
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogTitle }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3 border-b border-border bg-background py-4 pl-5 pr-4", children: [
+          /* @__PURE__ */ jsx(Calendar, { "aria-hidden": true, className: "size-6 shrink-0 text-foreground", strokeWidth: 1.75 }),
+          /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-sm font-medium leading-5 text-foreground", children: dialogTitle }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => onOpenChange(false),
+              "aria-label": t("customers.calendar.editor.close", "Close"),
+              className: "shrink-0 text-muted-foreground",
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": true, className: "size-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-5 px-4 py-5 sm:px-6 sm:py-6", children: [
+          conflict ? /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "rounded-lg", children: [
+            /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.calendar.editor.conflictTitle", "Calendar conflict") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: conflict })
+          ] }) : null,
+          /* @__PURE__ */ jsx(
+            SegmentGroup,
+            {
+              ariaLabel: t("customers.calendar.editor.typeSwitcher", "Event type"),
+              value: form.kind,
+              onChange: (kind) => update({ kind, category: null }),
+              options: EDITOR_KINDS.map((kind) => ({ value: kind, label: t(`customers.calendar.editor.types.${kind}`, kind) }))
+            }
+          ),
+          /* @__PURE__ */ jsx(Field, { label: titleLabel, error: fieldErrors.title, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: form.title,
+              onChange: (event) => update({ title: event.target.value }),
+              placeholder: t("customers.calendar.editor.titlePlaceholder", "Add a title\u2026"),
+              "aria-label": titleLabel,
+              autoFocus: true,
+              size: "lg"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: t("customers.calendar.editor.relatedTo", "Related to"), error: fieldErrors.relatedTo, children: /* @__PURE__ */ jsx(
+            RelatedToField,
+            {
+              label: t("customers.calendar.editor.relatedTo", "Related to"),
+              value: form.relatedTo,
+              deal: form.dealId && form.dealLabel ? { id: form.dealId, label: form.dealLabel } : null,
+              onChange: (relatedTo) => update({ relatedTo }),
+              onDealChange: (deal) => update({ dealId: deal?.id ?? null, dealLabel: deal?.label ?? null }),
+              error: fieldErrors.relatedTo
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            ScheduleSection,
+            {
+              dateLabel: config.dateLabel,
+              hasAllDay: config.hasAllDay,
+              hasEnd: config.hasEnd,
+              allDay: form.allDay,
+              date: form.date,
+              startTime: form.startTime,
+              endDate: form.endDate,
+              endTime: form.endTime,
+              locale,
+              endsError: fieldErrors.ends,
+              onAllDayChange: (allDay) => update({ allDay }),
+              onDateChange: (date) => {
+                const untouchedDefault = JSON.stringify(form.repeatDays) === JSON.stringify(defaultRepeatDaysForDateInput(form.date));
+                update(
+                  untouchedDefault ? { date, repeatDays: defaultRepeatDaysForDateInput(date) } : { date }
+                );
+              },
+              onStartTimeChange: (startTime) => update({ startTime }),
+              onEndDateChange: (endDate) => update({ endDate }),
+              onEndTimeChange: (endTime) => update({ endTime })
+            }
+          ),
+          config.hasRepeat ? /* @__PURE__ */ jsx(
+            RepeatField,
+            {
+              freq: form.repeatFreq,
+              days: form.repeatDays,
+              endType: form.repeatEndType,
+              count: form.repeatCount,
+              untilDate: form.repeatUntilDate,
+              locale,
+              onFreqChange: (repeatFreq) => update(
+                repeatFreq === "weekly" ? { repeatFreq, repeatDays: defaultRepeatDaysForDateInput(form.date) } : { repeatFreq }
+              ),
+              onToggleDay: (index) => update({ repeatDays: form.repeatDays.map((active, dayIndex) => dayIndex === index ? !active : active) }),
+              onEndTypeChange: (repeatEndType) => update({ repeatEndType }),
+              onCountChange: (repeatCount) => update({ repeatCount }),
+              onUntilDateChange: (repeatUntilDate) => update({ repeatUntilDate })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(Field, { label: t("customers.calendar.editor.category", "Category"), children: /* @__PURE__ */ jsx(
+            CategoryField,
+            {
+              label: t("customers.calendar.editor.category", "Category"),
+              value: form.category ?? form.kind,
+              options: categoryOptions,
+              colors: typeColors,
+              onChange: (category) => update({ category })
+            }
+          ) }),
+          config.location ? /* @__PURE__ */ jsx(LocationField, { variant: config.location, value: form.location, onChange: (location) => update({ location }) }) : null,
+          config.people && config.people !== "assignee" ? /* @__PURE__ */ jsx(Field, { label: t(PEOPLE_FIELD_TEXT[config.people].labelKey, PEOPLE_FIELD_TEXT[config.people].label), children: /* @__PURE__ */ jsx(
+            PeopleField,
+            {
+              mode: "multi",
+              includeCustomers: true,
+              placeholder: t(PEOPLE_FIELD_TEXT[config.people].placeholderKey, PEOPLE_FIELD_TEXT[config.people].placeholder),
+              ariaLabel: t(PEOPLE_FIELD_TEXT[config.people].labelKey, PEOPLE_FIELD_TEXT[config.people].label),
+              value: form.participants,
+              onChange: (participants) => update({ participants })
+            }
+          ) }) : null,
+          config.hasPriority ? /* @__PURE__ */ jsx(Field, { label: t("customers.calendar.editor.priority.label", "Priority"), children: /* @__PURE__ */ jsx(
+            SegmentGroup,
+            {
+              size: "md",
+              ariaLabel: t("customers.calendar.editor.priority.label", "Priority"),
+              value: form.priority,
+              onChange: (priority) => update({ priority }),
+              options: [
+                { value: "low", label: t("customers.calendar.editor.priority.low", "Low") },
+                { value: "medium", label: t("customers.calendar.editor.priority.medium", "Medium") },
+                { value: "high", label: t("customers.calendar.editor.priority.high", "High") }
+              ]
+            }
+          ) }) : null,
+          config.people === "assignee" ? /* @__PURE__ */ jsx(Field, { label: t("customers.calendar.editor.assignee", "Assignee"), children: /* @__PURE__ */ jsx(
+            PeopleField,
+            {
+              mode: "single",
+              includeCustomers: false,
+              placeholder: t("customers.calendar.editor.assigneePlaceholder", "Assign to a team member\u2026"),
+              ariaLabel: t("customers.calendar.editor.assignee", "Assignee"),
+              value: form.assigneeUserId ? [{ userId: form.assigneeUserId, name: form.assigneeName ?? form.assigneeUserId, isCustomer: false }] : [],
+              onChange: (entries) => {
+                const next = entries[entries.length - 1] ?? null;
+                update({ assigneeUserId: next?.userId ?? null, assigneeName: next?.name ?? null });
+              }
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsx(Field, { label: t("customers.calendar.editor.description", "Description"), children: /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: form.description,
+              onChange: (event) => update({ description: event.target.value }),
+              placeholder: t("customers.calendar.editor.descriptionPlaceholder", "Add details\u2026"),
+              "aria-label": t("customers.calendar.editor.description", "Description"),
+              className: "h-24 resize-none"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-3 border-t border-border bg-background px-5 py-4", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => onOpenChange(false),
+              children: t("customers.calendar.editor.cancel", "Cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: handleSave,
+              disabled: saving,
+              children: saving ? t("customers.calendar.editor.saving", "Saving\u2026") : t("customers.calendar.editor.save", "Save event")
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  CalendarEventEditor
+};
+//# sourceMappingURL=CalendarEventEditor.js.map

package/dist/modules/customers/components/calendar/CalendarEventEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/CalendarEventEditor.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Calendar, X } from 'lucide-react'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { mapCrudServerErrorToFormErrors } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\nimport {\n  buildEditorCategoryOptions,\n  buildInteractionPayload,\n  computeDurationMinutes,\n  createDefaultFormState,\n  defaultRepeatDaysForDateInput,\n  EDITOR_KINDS,\n  KIND_CONFIG,\n  parseItemToFormState,\n  resolveSavedOwnerUserId,\n  type EditorFormState,\n  type EditorKind,\n  type EditorPriority,\n} from '../../lib/calendar/editorPayload'\nimport type { ConflictScope } from '../../lib/calendar/preferences'\nimport type { CalendarItem } from './types'\nimport { Field } from './editor/inputs'\nimport { SegmentGroup } from './editor/SegmentGroup'\nimport { RelatedToField } from './editor/RelatedToField'\nimport { CategoryField } from './editor/CategoryField'\nimport { RepeatField } from './editor/RepeatField'\nimport { PeopleField } from './editor/PeopleField'\nimport { ScheduleSection } from './editor/ScheduleSection'\nimport { LocationField } from './editor/LocationField'\nimport { useConflictProbe, useEditorLabelResolution } from './editor/hooks'\n\nexport interface CalendarEventEditorProps {\n  open: boolean\n  mode: 'create' | 'edit'\n  item?: CalendarItem | null\n  defaultDate?: Date\n  defaultRange?: { start: Date; end: Date } | null\n  typeLabels: Record<string, string>\n  typeColors: Record<string, string | null>\n  surfacedTypes?: string[]\n  eventCategories?: string[]\n  conflictScope?: ConflictScope\n  currentUserId?: string | null\n  onOpenChange(open: boolean): void\n  onSaved(): void\n}\n\ntype FieldErrors = { title?: string; relatedTo?: string; ends?: string }\n\nconst PEOPLE_FIELD_TEXT = {\n  attendees: { labelKey: 'customers.calendar.editor.attendees', label: 'Attendees', placeholderKey: 'customers.calendar.editor.addPeoplePlaceholder', placeholder: 'Add staff or customer\u2026' },\n  participants: { labelKey: 'customers.calendar.editor.participants', label: 'Participants', placeholderKey: 'customers.calendar.editor.addPeoplePlaceholder', placeholder: 'Add staff or customer\u2026' },\n  to: { labelKey: 'customers.calendar.editor.to', label: 'To', placeholderKey: 'customers.calendar.editor.addRecipientPlaceholder', placeholder: 'Add recipient\u2026' },\n} as const\n\nexport function CalendarEventEditor({ open, mode, item, defaultDate, defaultRange, typeLabels, typeColors, surfacedTypes, eventCategories, conflictScope, currentUserId, onOpenChange, onSaved }: CalendarEventEditorProps) {\n  const t = useT()\n  const locale = useLocale()\n  const [form, setForm] = React.useState<EditorFormState>(() => createDefaultFormState(defaultDate ?? null, undefined, defaultRange ?? null))\n  const [fieldErrors, setFieldErrors] = React.useState<FieldErrors>({})\n  const [saving, setSaving] = React.useState(false)\n  const openKeyRef = React.useRef<string | null>(null)\n  const isEdit = mode === 'edit' && Boolean(item?.id)\n  const config = KIND_CONFIG[form.kind]\n\n  const update = React.useCallback((patch: Partial<EditorFormState>) => {\n    setForm((previous) => ({ ...previous, ...patch }))\n  }, [])\n\n  React.useEffect(() => {\n    if (!open) {\n      openKeyRef.current = null\n      return\n    }\n    const key = `${mode}:${item?.id ?? 'new'}`\n    if (openKeyRef.current === key) return\n    openKeyRef.current = key\n    setForm(\n      mode === 'edit' && item\n        ? parseItemToFormState(item)\n        : createDefaultFormState(defaultDate ?? null, undefined, defaultRange ?? null),\n    )\n    setFieldErrors({})\n  }, [open, mode, item, defaultDate, defaultRange])\n\n  useEditorLabelResolution(open, form, update)\n  // Probe against the owner the interaction will actually be SAVED with so the\n  // editor warning matches the grid's post-save conflict rings: tasks own via\n  // their assignee, other kinds stay ownerless on create / keep the existing\n  // owner on edit (conflicts then come from shared participants).\n  const draftOwnerUserId = resolveSavedOwnerUserId(config, form, isEdit, item?.ownerUserId ?? null)\n  // Self-exclude by the underlying interaction id (raw.id): findEditorConflictItems\n  // drops candidates by raw.id, and every expanded occurrence of a recurring series\n  // shares it \u2014 so the edited record never conflicts with itself. (asEditableItem\n  // already normalizes a clicked occurrence's id to raw.id, so these match today;\n  // raw.id keeps it correct even if a future edit path skips that normalization.)\n  const conflict = useConflictProbe(open, form, config, isEdit && item ? item.raw.id : null, draftOwnerUserId, conflictScope ?? 'all', currentUserId ?? null)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-calendar-event-editor',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  const handleSave = React.useCallback(async () => {\n    const errors: FieldErrors = {}\n    if (!form.title.trim()) errors.title = t('customers.calendar.editor.validation.titleRequired', 'Title is required')\n    if (!form.relatedTo) errors.relatedTo = t('customers.calendar.editor.validation.relatedToRequired', 'Select a person or company to link this event')\n    if (config.hasEnd && !form.allDay && computeDurationMinutes(form) === null) {\n      errors.ends = t('customers.calendar.editor.validation.endsBeforeStarts', 'End must be after start')\n    }\n    setFieldErrors(errors)\n    if (Object.keys(errors).length > 0) return\n    setSaving(true)\n    try {\n      const payload = buildInteractionPayload(form, { mode, id: item?.id })\n      await runMutation({\n        operation: () => {\n          const call = () =>\n            apiCallOrThrow('/api/customers/interactions', {\n              method: isEdit ? 'PUT' : 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify(payload),\n            })\n          return isEdit ? withScopedApiRequestHeaders(buildOptimisticLockHeader(item?.updatedAt), call) : call()\n        },\n        mutationPayload: {\n          operation: isEdit ? 'updateCalendarEvent' : 'createCalendarEvent',\n          interactionId: item?.id ?? null,\n          interactionType: form.category ?? form.kind,\n        },\n        context: {\n          formId: 'customers-calendar-event-editor',\n          resourceKind: 'customers.interaction',\n          resourceId: item?.id ?? 'new',\n          retryLastMutation,\n        },\n      })\n      flash(t('customers.calendar.editor.saved', 'Event saved'), 'success')\n      onOpenChange(false)\n      requestAnimationFrame(() => { onSaved() })\n    } catch (err) {\n      // An optimistic-lock 409 is surfaced as the persistent conflict bar by\n      // useGuardedMutation (surfaceRecordConflict) \u2014 close without re-flashing.\n      if (extractOptimisticLockConflict(err)) {\n        onOpenChange(false)\n        return\n      }\n      const { message } = mapCrudServerErrorToFormErrors(err)\n      const key = typeof message === 'string' ? message.trim() : ''\n      flash(key ? t(key, key) : t('customers.calendar.editor.error', 'Failed to save event'), 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [config.hasEnd, form, isEdit, item?.id, mode, onOpenChange, onSaved, retryLastMutation, runMutation, t])\n\n  const handleKeyDown = useDialogKeyHandler({ onConfirm: handleSave, disabled: saving })\n\n  const categoryOptions = React.useMemo(\n    () =>\n      buildEditorCategoryOptions({\n        typeLabels,\n        surfacedTypes: surfacedTypes ?? [],\n        eventCategories: eventCategories ?? [],\n        selectedValue: form.category ?? form.kind,\n        selectedFallbackLabel: t(`customers.calendar.editor.types.${form.kind}`, form.kind),\n      }),\n    [typeLabels, surfacedTypes, eventCategories, form.category, form.kind, t],\n  )\n\n  const titleLabel = form.kind === 'email'\n    ? t('customers.calendar.editor.titleLabel.email', 'Subject')\n    : form.kind === 'note'\n      ? t('customers.calendar.editor.titleLabel.note', 'Note')\n      : t('customers.calendar.editor.titleLabel.generic', 'Title')\n  const dialogTitle = isEdit ? t('customers.calendar.editor.title.edit', 'Edit event') : t('customers.calendar.editor.title.create', 'New event')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        onKeyDown={handleKeyDown}\n        aria-describedby={undefined}\n        dismissible={false}\n        className=\"flex h-dvh max-h-dvh w-screen max-w-none flex-col gap-0 overflow-hidden rounded-none border-0 bg-background p-0 shadow-xl sm:h-auto sm:max-h-screen sm:w-full sm:max-w-md sm:rounded-2xl sm:border-0\"\n      >\n        <VisuallyHidden>\n          <DialogTitle>{dialogTitle}</DialogTitle>\n        </VisuallyHidden>\n        <div className=\"flex shrink-0 items-center gap-3 border-b border-border bg-background py-4 pl-5 pr-4\">\n          <Calendar aria-hidden className=\"size-6 shrink-0 text-foreground\" strokeWidth={1.75} />\n          <p className=\"min-w-0 flex-1 text-sm font-medium leading-5 text-foreground\">{dialogTitle}</p>\n          <IconButton\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onOpenChange(false)}\n            aria-label={t('customers.calendar.editor.close', 'Close')}\n            className=\"shrink-0 text-muted-foreground\"\n          >\n            <X aria-hidden className=\"size-5\" />\n          </IconButton>\n        </div>\n        <div className=\"flex-1 overflow-y-auto\">\n          <div className=\"flex flex-col items-start gap-5 px-4 py-5 sm:px-6 sm:py-6\">\n            {conflict ? (\n              <Alert variant=\"warning\" className=\"rounded-lg\">\n                <AlertTitle>{t('customers.calendar.editor.conflictTitle', 'Calendar conflict')}</AlertTitle>\n                <AlertDescription>{conflict}</AlertDescription>\n              </Alert>\n            ) : null}\n            <SegmentGroup<EditorKind>\n              ariaLabel={t('customers.calendar.editor.typeSwitcher', 'Event type')}\n              value={form.kind}\n              onChange={(kind) => update({ kind, category: null })}\n              options={EDITOR_KINDS.map((kind) => ({ value: kind, label: t(`customers.calendar.editor.types.${kind}`, kind) }))}\n            />\n            <Field label={titleLabel} error={fieldErrors.title}>\n              <Input\n                type=\"text\"\n                value={form.title}\n                onChange={(event) => update({ title: event.target.value })}\n                placeholder={t('customers.calendar.editor.titlePlaceholder', 'Add a title\u2026')}\n                aria-label={titleLabel}\n                autoFocus\n                size=\"lg\"\n              />\n            </Field>\n            <Field label={t('customers.calendar.editor.relatedTo', 'Related to')} error={fieldErrors.relatedTo}>\n              <RelatedToField\n                label={t('customers.calendar.editor.relatedTo', 'Related to')}\n                value={form.relatedTo}\n                deal={form.dealId && form.dealLabel ? { id: form.dealId, label: form.dealLabel } : null}\n                onChange={(relatedTo) => update({ relatedTo })}\n                onDealChange={(deal) => update({ dealId: deal?.id ?? null, dealLabel: deal?.label ?? null })}\n                error={fieldErrors.relatedTo}\n              />\n            </Field>\n            <ScheduleSection\n              dateLabel={config.dateLabel}\n              hasAllDay={config.hasAllDay}\n              hasEnd={config.hasEnd}\n              allDay={form.allDay}\n              date={form.date}\n              startTime={form.startTime}\n              endDate={form.endDate}\n              endTime={form.endTime}\n              locale={locale}\n              endsError={fieldErrors.ends}\n              onAllDayChange={(allDay) => update({ allDay })}\n              onDateChange={(date) => {\n                const untouchedDefault =\n                  JSON.stringify(form.repeatDays) === JSON.stringify(defaultRepeatDaysForDateInput(form.date))\n                update(\n                  untouchedDefault\n                    ? { date, repeatDays: defaultRepeatDaysForDateInput(date) }\n                    : { date },\n                )\n              }}\n              onStartTimeChange={(startTime) => update({ startTime })}\n              onEndDateChange={(endDate) => update({ endDate })}\n              onEndTimeChange={(endTime) => update({ endTime })}\n            />\n            {config.hasRepeat ? (\n              <RepeatField\n                freq={form.repeatFreq}\n                days={form.repeatDays}\n                endType={form.repeatEndType}\n                count={form.repeatCount}\n                untilDate={form.repeatUntilDate}\n                locale={locale}\n                onFreqChange={(repeatFreq) =>\n                  update(\n                    repeatFreq === 'weekly'\n                      ? { repeatFreq, repeatDays: defaultRepeatDaysForDateInput(form.date) }\n                      : { repeatFreq },\n                  )}\n                onToggleDay={(index) =>\n                  update({ repeatDays: form.repeatDays.map((active, dayIndex) => (dayIndex === index ? !active : active)) })}\n                onEndTypeChange={(repeatEndType) => update({ repeatEndType })}\n                onCountChange={(repeatCount) => update({ repeatCount })}\n                onUntilDateChange={(repeatUntilDate) => update({ repeatUntilDate })}\n              />\n            ) : null}\n            <Field label={t('customers.calendar.editor.category', 'Category')}>\n              <CategoryField\n                label={t('customers.calendar.editor.category', 'Category')}\n                value={form.category ?? form.kind}\n                options={categoryOptions}\n                colors={typeColors}\n                onChange={(category) => update({ category })}\n              />\n            </Field>\n            {config.location ? (\n              <LocationField variant={config.location} value={form.location} onChange={(location) => update({ location })} />\n            ) : null}\n            {config.people && config.people !== 'assignee' ? (\n              <Field label={t(PEOPLE_FIELD_TEXT[config.people].labelKey, PEOPLE_FIELD_TEXT[config.people].label)}>\n                <PeopleField\n                  mode=\"multi\"\n                  includeCustomers\n                  placeholder={t(PEOPLE_FIELD_TEXT[config.people].placeholderKey, PEOPLE_FIELD_TEXT[config.people].placeholder)}\n                  ariaLabel={t(PEOPLE_FIELD_TEXT[config.people].labelKey, PEOPLE_FIELD_TEXT[config.people].label)}\n                  value={form.participants}\n                  onChange={(participants) => update({ participants })}\n                />\n              </Field>\n            ) : null}\n            {config.hasPriority ? (\n              <Field label={t('customers.calendar.editor.priority.label', 'Priority')}>\n                <SegmentGroup<EditorPriority>\n                  size=\"md\"\n                  ariaLabel={t('customers.calendar.editor.priority.label', 'Priority')}\n                  value={form.priority}\n                  onChange={(priority) => update({ priority })}\n                  options={[\n                    { value: 'low', label: t('customers.calendar.editor.priority.low', 'Low') },\n                    { value: 'medium', label: t('customers.calendar.editor.priority.medium', 'Medium') },\n                    { value: 'high', label: t('customers.calendar.editor.priority.high', 'High') },\n                  ]}\n                />\n              </Field>\n            ) : null}\n            {config.people === 'assignee' ? (\n              <Field label={t('customers.calendar.editor.assignee', 'Assignee')}>\n                <PeopleField\n                  mode=\"single\"\n                  includeCustomers={false}\n                  placeholder={t('customers.calendar.editor.assigneePlaceholder', 'Assign to a team member\u2026')}\n                  ariaLabel={t('customers.calendar.editor.assignee', 'Assignee')}\n                  value={form.assigneeUserId\n                    ? [{ userId: form.assigneeUserId, name: form.assigneeName ?? form.assigneeUserId, isCustomer: false }]\n                    : []}\n                  onChange={(entries) => {\n                    const next = entries[entries.length - 1] ?? null\n                    update({ assigneeUserId: next?.userId ?? null, assigneeName: next?.name ?? null })\n                  }}\n                />\n              </Field>\n            ) : null}\n            <Field label={t('customers.calendar.editor.description', 'Description')}>\n              <Textarea\n                value={form.description}\n                onChange={(event) => update({ description: event.target.value })}\n                placeholder={t('customers.calendar.editor.descriptionPlaceholder', 'Add details\u2026')}\n                aria-label={t('customers.calendar.editor.description', 'Description')}\n                className=\"h-24 resize-none\"\n              />\n            </Field>\n          </div>\n        </div>\n        <div className=\"flex shrink-0 items-center justify-end gap-3 border-t border-border bg-background px-5 py-4\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => onOpenChange(false)}\n          >\n            {t('customers.calendar.editor.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={handleSave}\n            disabled={saving}\n          >\n            {saving ? t('customers.calendar.editor.saving', 'Saving\u2026') : t('customers.calendar.editor.save', 'Save event')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}