@open-mercato/core 0.6.6-develop.6089.1.a7ed560528 → 0.6.6-develop.6121.1.5797a901b3

package/dist/modules/customers/components/calendar/editor/hooks.js

@@ -0,0 +1,132 @@
+"use client";
+import * as React from "react";
+import { endOfDay } from "date-fns/endOfDay";
+import { startOfDay } from "date-fns/startOfDay";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { computeDurationMinutes } from "../../../lib/calendar/editorPayload.js";
+import { findEditorConflictItems } from "../../../lib/calendar/conflicts.js";
+import { mapInteractionToCalendarItem } from "../../../lib/calendar/mapItem.js";
+import { expandOccurrences } from "../../../lib/calendar/recurrence.js";
+import { getFetchWindow } from "../../../lib/calendar/range.js";
+import { fetchInteractionWindow } from "../useCalendarItems.js";
+import { fetchDealById, fetchRelatedEntityById, findStaffMemberName } from "./lookups.js";
+function useEditorLabelResolution(open, form, update) {
+  React.useEffect(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    let cancelled = false;
+    async function resolveLabels() {
+      if (form.relatedTo && form.relatedTo.kind === "unknown") {
+        const resolved = await fetchRelatedEntityById(form.relatedTo.id, controller.signal);
+        if (!cancelled && resolved) update({ relatedTo: { id: resolved.id, kind: resolved.kind, label: resolved.label } });
+      }
+      if (form.dealId && !form.dealLabel) {
+        const deal = await fetchDealById(form.dealId, controller.signal);
+        if (!cancelled && deal) update({ dealLabel: deal.label });
+      }
+      if (form.assigneeUserId && !form.assigneeName) {
+        const name = await findStaffMemberName(form.assigneeUserId, controller.signal);
+        if (!cancelled && name) update({ assigneeName: name });
+      }
+    }
+    resolveLabels().catch(() => {
+      if (cancelled || controller.signal.aborted || !form.relatedTo || form.relatedTo.kind !== "unknown" || form.relatedTo.label) {
+        return;
+      }
+      update({ relatedTo: { ...form.relatedTo, label: form.relatedTo.id } });
+    });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [open, form.relatedTo, form.dealId, form.dealLabel, form.assigneeUserId, form.assigneeName, update]);
+}
+function formatClock(date) {
+  return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+}
+function useConflictProbe(open, form, config, excludeId, draftOwnerUserId, scope, currentUserId) {
+  const t = useT();
+  const [conflict, setConflict] = React.useState(null);
+  const participantsKey = form.participants.map((participant) => participant.userId).join(",");
+  React.useEffect(() => {
+    if (!open || !form.date) {
+      setConflict(null);
+      return;
+    }
+    const isAllDay = config.hasAllDay && form.allDay;
+    let start;
+    let end;
+    if (isAllDay) {
+      const dayDate = /* @__PURE__ */ new Date(`${form.date}T00:00:00`);
+      if (Number.isNaN(dayDate.getTime())) {
+        setConflict(null);
+        return;
+      }
+      start = startOfDay(dayDate);
+      end = endOfDay(dayDate);
+    } else {
+      if (!form.startTime) {
+        setConflict(null);
+        return;
+      }
+      start = /* @__PURE__ */ new Date(`${form.date}T${form.startTime}:00`);
+      if (Number.isNaN(start.getTime())) {
+        setConflict(null);
+        return;
+      }
+      const durationMinutes = config.hasEnd ? computeDurationMinutes(form) ?? 30 : 30;
+      end = new Date(start.getTime() + durationMinutes * 6e4);
+    }
+    const dayStart = startOfDay(start);
+    dayStart.setDate(dayStart.getDate() - 1);
+    const dayEnd = endOfDay(end);
+    dayEnd.setDate(dayEnd.getDate() + 1);
+    const fetchWindow = getFetchWindow({ from: dayStart, to: dayEnd });
+    const controller = new AbortController();
+    let active = true;
+    const timer = setTimeout(async () => {
+      try {
+        const { payloads } = await fetchInteractionWindow(fetchWindow, controller.signal);
+        if (!active) return;
+        const others = [];
+        for (const payload of payloads) {
+          const item = mapInteractionToCalendarItem(payload, {});
+          if (!item) continue;
+          others.push(...expandOccurrences(item, fetchWindow));
+        }
+        const conflictItems = findEditorConflictItems(
+          {
+            start,
+            end,
+            ownerUserId: draftOwnerUserId,
+            participants: form.participants.map((participant) => ({ userId: participant.userId, name: participant.name })),
+            status: form.status
+          },
+          others,
+          excludeId,
+          { scope, currentUserId }
+        );
+        if (!active) return;
+        if (conflictItems.length === 0) {
+          setConflict(null);
+          return;
+        }
+        const summary = conflictItems.map((item) => `${formatClock(item.start)}\u2013${formatClock(item.end)}: ${item.title || t("customers.calendar.grid.untitled", "Untitled")}`).join(", ");
+        setConflict(summary ? t("customers.calendar.editor.conflictWarning", "Overlaps with: {items}", { items: summary }) : null);
+      } catch {
+        if (active) setConflict(null);
+      }
+    }, 500);
+    return () => {
+      active = false;
+      clearTimeout(timer);
+      controller.abort();
+    };
+  }, [open, form.date, form.startTime, form.endDate, form.endTime, form.allDay, form.status, participantsKey, config.hasAllDay, config.hasEnd, excludeId, draftOwnerUserId, scope, currentUserId, t]);
+  return conflict;
+}
+export {
+  useConflictProbe,
+  useEditorLabelResolution
+};
+//# sourceMappingURL=hooks.js.map

package/dist/modules/customers/components/calendar/editor/hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/hooks.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { startOfDay } from 'date-fns/startOfDay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { computeDurationMinutes, type EditorFormState, type EditorKindConfig } from '../../../lib/calendar/editorPayload'\nimport { findEditorConflictItems } from '../../../lib/calendar/conflicts'\nimport type { ConflictScope } from '../../../lib/calendar/preferences'\nimport { mapInteractionToCalendarItem } from '../../../lib/calendar/mapItem'\nimport { expandOccurrences } from '../../../lib/calendar/recurrence'\nimport { getFetchWindow } from '../../../lib/calendar/range'\nimport type { CalendarItem } from '../types'\nimport { fetchInteractionWindow } from '../useCalendarItems'\nimport { fetchDealById, fetchRelatedEntityById, findStaffMemberName } from './lookups'\n\n// Edit-mode prefill stores ids only (parseItemToFormState is pure); resolve the\n// human labels for the related entity, the deal chip and the task assignee.\nexport function useEditorLabelResolution(\n  open: boolean,\n  form: EditorFormState,\n  update: (patch: Partial<EditorFormState>) => void,\n): void {\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    async function resolveLabels() {\n      if (form.relatedTo && form.relatedTo.kind === 'unknown') {\n        const resolved = await fetchRelatedEntityById(form.relatedTo.id, controller.signal)\n        if (!cancelled && resolved) update({ relatedTo: { id: resolved.id, kind: resolved.kind, label: resolved.label } })\n      }\n      if (form.dealId && !form.dealLabel) {\n        const deal = await fetchDealById(form.dealId, controller.signal)\n        if (!cancelled && deal) update({ dealLabel: deal.label })\n      }\n      if (form.assigneeUserId && !form.assigneeName) {\n        const name = await findStaffMemberName(form.assigneeUserId, controller.signal)\n        if (!cancelled && name) update({ assigneeName: name })\n      }\n    }\n    resolveLabels().catch(() => {\n      if (cancelled || controller.signal.aborted || !form.relatedTo || form.relatedTo.kind !== 'unknown' || form.relatedTo.label) {\n        return\n      }\n      update({ relatedTo: { ...form.relatedTo, label: form.relatedTo.id } })\n    })\n    return () => {\n      cancelled = true\n      controller.abort()\n    }\n  }, [open, form.relatedTo, form.dealId, form.dealLabel, form.assigneeUserId, form.assigneeName, update])\n}\n\nfunction formatClock(date: Date): string {\n  return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n}\n\n// Debounced save-time conflict probe. Detection uses the SAME `findConflicts`\n// logic the grid uses (overlap + shared owner/participant) against a freshly\n// fetched \u00B11-day window, so the editor warning is always consistent with the\n// conflict badges/rings the user sees on the calendar. The warning is\n// informational and never blocks saving.\nexport function useConflictProbe(\n  open: boolean,\n  form: EditorFormState,\n  config: EditorKindConfig,\n  excludeId: string | null,\n  draftOwnerUserId: string | null,\n  scope: ConflictScope,\n  currentUserId: string | null,\n): string | null {\n  const t = useT()\n  const [conflict, setConflict] = React.useState<string | null>(null)\n  const participantsKey = form.participants.map((participant) => participant.userId).join(',')\n  React.useEffect(() => {\n    if (!open || !form.date) {\n      setConflict(null)\n      return\n    }\n    // Resolve the draft's [start, end] span exactly as the grid will after save:\n    // all-day spans startOfDay..endOfDay (matching mapInteractionToCalendarItem),\n    // timed events use the start + computed duration (multi-day endDate included).\n    const isAllDay = config.hasAllDay && form.allDay\n    let start: Date\n    let end: Date\n    if (isAllDay) {\n      const dayDate = new Date(`${form.date}T00:00:00`)\n      if (Number.isNaN(dayDate.getTime())) {\n        setConflict(null)\n        return\n      }\n      start = startOfDay(dayDate)\n      end = endOfDay(dayDate)\n    } else {\n      if (!form.startTime) {\n        setConflict(null)\n        return\n      }\n      start = new Date(`${form.date}T${form.startTime}:00`)\n      if (Number.isNaN(start.getTime())) {\n        setConflict(null)\n        return\n      }\n      const durationMinutes = config.hasEnd ? computeDurationMinutes(form) ?? 30 : 30\n      end = new Date(start.getTime() + durationMinutes * 60_000)\n    }\n    // The same padded window + recurrence expansion the grid uses, so the probe\n    // sees the exact candidate set behind the grid's conflict badges/rings. The\n    // window pads \u00B11 day around the FULL draft span so multi-day drafts still\n    // catch neighbours near their end, not just their start day.\n    const dayStart = startOfDay(start)\n    dayStart.setDate(dayStart.getDate() - 1)\n    const dayEnd = endOfDay(end)\n    dayEnd.setDate(dayEnd.getDate() + 1)\n    const fetchWindow = getFetchWindow({ from: dayStart, to: dayEnd })\n    const controller = new AbortController()\n    let active = true\n    const timer = setTimeout(async () => {\n      try {\n        const { payloads } = await fetchInteractionWindow(fetchWindow, controller.signal)\n        if (!active) return\n        const others: CalendarItem[] = []\n        for (const payload of payloads) {\n          const item = mapInteractionToCalendarItem(payload, {})\n          if (!item) continue\n          others.push(...expandOccurrences(item, fetchWindow))\n        }\n        const conflictItems = findEditorConflictItems(\n          {\n            start,\n            end,\n            ownerUserId: draftOwnerUserId,\n            participants: form.participants.map((participant) => ({ userId: participant.userId, name: participant.name })),\n            status: form.status,\n          },\n          others,\n          excludeId,\n          { scope, currentUserId },\n        )\n        if (!active) return\n        if (conflictItems.length === 0) {\n          setConflict(null)\n          return\n        }\n        const summary = conflictItems\n          .map((item) => `${formatClock(item.start)}\u2013${formatClock(item.end)}: ${item.title || t('customers.calendar.grid.untitled', 'Untitled')}`)\n          .join(', ')\n        setConflict(summary ? t('customers.calendar.editor.conflictWarning', 'Overlaps with: {items}', { items: summary }) : null)\n      } catch {\n        if (active) setConflict(null)\n      }\n    }, 500)\n    return () => {\n      active = false\n      clearTimeout(timer)\n      controller.abort()\n    }\n    // Re-probe when schedule-relevant inputs change (time window, all-day, attendees, owner, status, scope).\n  }, [open, form.date, form.startTime, form.endDate, form.endTime, form.allDay, form.status, participantsKey, config.hasAllDay, config.hasEnd, excludeId, draftOwnerUserId, scope, currentUserId, t]) // eslint-disable-line react-hooks/exhaustive-deps\n  return conflict\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/inputs.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Plus } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+const CONTROL_BORDER = "border border-input";
+const CONTROL_TEXT = "text-sm text-foreground placeholder:text-muted-foreground";
+const LABEL_CLASS = "text-xs font-medium text-muted-foreground";
+const DROPDOWN_PANEL_CLASS = "absolute z-50 mt-1 max-h-56 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md";
+function Field({ label, children, error }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: LABEL_CLASS, children: label }),
+    children,
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
+  ] });
+}
+function UppercaseBadge({ style, className, children }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center rounded-full bg-muted px-2 py-0.5 text-overline font-medium uppercase text-muted-foreground",
+        className
+      ),
+      style,
+      children
+    }
+  );
+}
+function categoryPillStyle(color) {
+  if (typeof color === "string" && /^#[0-9a-fA-F]{6}$/.test(color)) {
+    return { backgroundColor: `${color}59`, color: `color-mix(in srgb, ${color} 55%, black)` };
+  }
+  if (typeof color === "string" && color.length > 0) {
+    return {
+      backgroundColor: `color-mix(in srgb, ${color} 35%, white)`,
+      color: `color-mix(in srgb, ${color} 55%, black)`
+    };
+  }
+  return {};
+}
+function AllDayToggle({ checked, onCheckedChange, label }) {
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      checked,
+      "aria-label": label,
+      onCheckedChange,
+      className: "h-6 w-10"
+    }
+  );
+}
+function formatDisplayDate(value, locale) {
+  const parsed = /* @__PURE__ */ new Date(`${value}T00:00:00`);
+  if (Number.isNaN(parsed.getTime())) return value;
+  return new Intl.DateTimeFormat(locale, { weekday: "short", month: "short", day: "numeric", year: "numeric" }).format(parsed);
+}
+function DateControl({
+  value,
+  onChange,
+  ariaLabel,
+  locale,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex h-9 w-full items-center justify-between rounded-md bg-background px-3",
+        CONTROL_BORDER,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: formatDisplayDate(value, locale) }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px w-2 shrink-0" }),
+        /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true, className: "size-4 shrink-0 opacity-60" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            value,
+            onChange: (event) => {
+              if (event.target.value) onChange(event.target.value);
+            },
+            "aria-label": ariaLabel,
+            className: "absolute inset-0 h-full w-full cursor-pointer border-0 bg-transparent p-0 opacity-0 shadow-none hover:bg-transparent",
+            inputClassName: "h-full cursor-pointer"
+          }
+        )
+      ]
+    }
+  );
+}
+function TimeControl({ value, onChange, ariaLabel }) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      type: "time",
+      value,
+      onChange: (event) => {
+        if (event.target.value) onChange(event.target.value);
+      },
+      "aria-label": ariaLabel,
+      className: "h-9 w-32 shrink-0"
+    }
+  );
+}
+function PersonChip({
+  name,
+  badge,
+  compact,
+  onRemove,
+  removeLabel
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center gap-1.5 rounded-full bg-muted pl-1 pr-2",
+        compact ? "py-0.5" : "py-1"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Avatar, { size: "xs", label: name }),
+        /* @__PURE__ */ jsx("span", { className: "max-w-40 truncate text-xs font-medium text-foreground", children: name }),
+        badge,
+        onRemove ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "ghost",
+            size: "xs",
+            onClick: (event) => {
+              event.stopPropagation();
+              onRemove();
+            },
+            "aria-label": removeLabel,
+            className: "size-5 shrink-0",
+            children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": true, className: "size-3.5 rotate-45 opacity-50" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  AllDayToggle,
+  CONTROL_BORDER,
+  CONTROL_TEXT,
+  DROPDOWN_PANEL_CLASS,
+  DateControl,
+  Field,
+  LABEL_CLASS,
+  PersonChip,
+  TimeControl,
+  UppercaseBadge,
+  categoryPillStyle
+};
+//# sourceMappingURL=inputs.js.map

package/dist/modules/customers/components/calendar/editor/inputs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/inputs.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronDown, Plus } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\n\nexport const CONTROL_BORDER = 'border border-input'\nexport const CONTROL_TEXT = 'text-sm text-foreground placeholder:text-muted-foreground'\nexport const LABEL_CLASS = 'text-xs font-medium text-muted-foreground'\nexport const DROPDOWN_PANEL_CLASS =\n  'absolute z-50 mt-1 max-h-56 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md'\n\nexport function Field({ label, children, error }: { label: string; children: React.ReactNode; error?: string | null }) {\n  return (\n    <div className=\"flex w-full flex-col gap-1.5\">\n      <span className={LABEL_CLASS}>{label}</span>\n      {children}\n      {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport function UppercaseBadge({ style, className, children }: { style?: React.CSSProperties; className?: string; children: React.ReactNode }) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center rounded-full bg-muted px-2 py-0.5 text-overline font-medium uppercase text-muted-foreground',\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </span>\n  )\n}\n\n// Mockup tint colors are illustrative; runtime pills derive from the\n// dictionary entry color using the appearanceColor hex-alpha tint technique\n// (see EventBlock.softTintStyle) with a darkened text shade of the same hue.\nexport function categoryPillStyle(color: string | null | undefined): React.CSSProperties {\n  if (typeof color === 'string' && /^#[0-9a-fA-F]{6}$/.test(color)) {\n    return { backgroundColor: `${color}59`, color: `color-mix(in srgb, ${color} 55%, black)` }\n  }\n  if (typeof color === 'string' && color.length > 0) {\n    return {\n      backgroundColor: `color-mix(in srgb, ${color} 35%, white)`,\n      color: `color-mix(in srgb, ${color} 55%, black)`,\n    }\n  }\n  return {}\n}\n\nexport function AllDayToggle({ checked, onCheckedChange, label }: { checked: boolean; onCheckedChange(next: boolean): void; label: string }) {\n  return (\n    <Switch\n      checked={checked}\n      aria-label={label}\n      onCheckedChange={onCheckedChange}\n      className=\"h-6 w-10\"\n    />\n  )\n}\n\nfunction formatDisplayDate(value: string, locale: string): string {\n  const parsed = new Date(`${value}T00:00:00`)\n  if (Number.isNaN(parsed.getTime())) return value\n  return new Intl.DateTimeFormat(locale, { weekday: 'short', month: 'short', day: 'numeric', year: 'numeric' }).format(parsed)\n}\n\nexport function DateControl({\n  value,\n  onChange,\n  ariaLabel,\n  locale,\n  className,\n}: {\n  value: string\n  onChange(next: string): void\n  ariaLabel: string\n  locale: string\n  className?: string\n}) {\n  return (\n    <div\n      className={cn(\n        'relative flex h-9 w-full items-center justify-between rounded-md bg-background px-3',\n        CONTROL_BORDER,\n        className,\n      )}\n    >\n      <span className=\"truncate text-sm text-foreground\">{formatDisplayDate(value, locale)}</span>\n      <span aria-hidden className=\"h-px w-2 shrink-0\" />\n      <ChevronDown aria-hidden className=\"size-4 shrink-0 opacity-60\" />\n      <Input\n        type=\"date\"\n        value={value}\n        onChange={(event) => { if (event.target.value) onChange(event.target.value) }}\n        aria-label={ariaLabel}\n        className=\"absolute inset-0 h-full w-full cursor-pointer border-0 bg-transparent p-0 opacity-0 shadow-none hover:bg-transparent\"\n        inputClassName=\"h-full cursor-pointer\"\n      />\n    </div>\n  )\n}\n\nexport function TimeControl({ value, onChange, ariaLabel }: { value: string; onChange(next: string): void; ariaLabel: string }) {\n  return (\n    <Input\n      type=\"time\"\n      value={value}\n      onChange={(event) => { if (event.target.value) onChange(event.target.value) }}\n      aria-label={ariaLabel}\n      className=\"h-9 w-32 shrink-0\"\n    />\n  )\n}\n\nexport function PersonChip({\n  name,\n  badge,\n  compact,\n  onRemove,\n  removeLabel,\n}: {\n  name: string\n  badge?: React.ReactNode\n  compact?: boolean\n  onRemove?: () => void\n  removeLabel?: string\n}) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center gap-1.5 rounded-full bg-muted pl-1 pr-2',\n        compact ? 'py-0.5' : 'py-1',\n      )}\n    >\n      <Avatar size=\"xs\" label={name} />\n      <span className=\"max-w-40 truncate text-xs font-medium text-foreground\">{name}</span>\n      {badge}\n      {onRemove ? (\n        <IconButton\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={(event) => { event.stopPropagation(); onRemove() }}\n          aria-label={removeLabel}\n          className=\"size-5 shrink-0\"\n        >\n          <Plus aria-hidden className=\"size-3.5 rotate-45 opacity-50\" />\n        </IconButton>\n      ) : null}\n    </span>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/calendar/editor/lookups.js

@@ -0,0 +1,107 @@
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { fetchAssignableStaffMembers } from "../../detail/assignableStaff.js";
+function readNonEmptyString(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function extractRelatedEntityOption(item, kind) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  const displayName = readNonEmptyString(item.displayName) ?? readNonEmptyString(item.display_name);
+  const detail = kind === "person" ? readNonEmptyString(item.primaryEmail) ?? readNonEmptyString(item.primary_email) : readNonEmptyString(item.domain) ?? readNonEmptyString(item.websiteUrl) ?? readNonEmptyString(item.website_url);
+  const label = displayName ?? detail ?? id;
+  return { id, kind, label, subtitle: detail && detail !== label ? detail : null };
+}
+async function searchRelatedEntities(kind, query, signal) {
+  const params = new URLSearchParams({ page: "1", pageSize: "20", sortField: "name", sortDir: "asc" });
+  if (query.length) params.set("search", query);
+  const endpoint = kind === "person" ? `/api/customers/people?${params.toString()}` : `/api/customers/companies?${params.toString()}`;
+  const data = await readApiResultOrThrow(endpoint, { signal });
+  const items = Array.isArray(data?.items) ? data.items : [];
+  return items.map((item) => item && typeof item === "object" ? extractRelatedEntityOption(item, kind) : null).filter((option) => option !== null);
+}
+async function fetchRelatedEntityOfKind(kind, entityId, signal) {
+  const params = new URLSearchParams({ page: "1", pageSize: "1", ids: entityId });
+  const endpoint = kind === "person" ? `/api/customers/people?${params.toString()}` : `/api/customers/companies?${params.toString()}`;
+  try {
+    const data = await readApiResultOrThrow(endpoint, { signal });
+    const item = Array.isArray(data?.items) ? data.items[0] : null;
+    return item && typeof item === "object" ? extractRelatedEntityOption(item, kind) : null;
+  } catch {
+    return null;
+  }
+}
+async function fetchRelatedEntityById(entityId, signal) {
+  const [person, company] = await Promise.all([
+    fetchRelatedEntityOfKind("person", entityId, signal),
+    fetchRelatedEntityOfKind("company", entityId, signal)
+  ]);
+  return person ?? company;
+}
+function extractDealOption(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  const label = readNonEmptyString(item.title) ?? id;
+  return { id, label };
+}
+async function fetchDealsForEntity(entity, signal) {
+  const params = new URLSearchParams({ page: "1", pageSize: "20" });
+  params.set(entity.kind === "person" ? "personId" : "companyId", entity.id);
+  const data = await readApiResultOrThrow(
+    `/api/customers/deals?${params.toString()}`,
+    { signal }
+  );
+  const items = Array.isArray(data?.items) ? data.items : [];
+  return items.map((item) => item && typeof item === "object" ? extractDealOption(item) : null).filter((option) => option !== null);
+}
+async function fetchDealById(dealId, signal) {
+  try {
+    const params = new URLSearchParams({ page: "1", pageSize: "1", ids: dealId });
+    const data = await readApiResultOrThrow(
+      `/api/customers/deals?${params.toString()}`,
+      { signal }
+    );
+    const item = Array.isArray(data?.items) ? data.items[0] : null;
+    return item && typeof item === "object" ? extractDealOption(item) : null;
+  } catch {
+    return null;
+  }
+}
+async function searchPeopleOptions(query, options) {
+  const [staff, customers] = await Promise.all([
+    fetchAssignableStaffMembers(query, { pageSize: 10, signal: options.signal }),
+    options.includeCustomers ? searchRelatedEntities("person", query, options.signal) : Promise.resolve([])
+  ]);
+  const staffOptions = staff.map((member) => ({
+    userId: member.userId,
+    name: member.displayName,
+    email: member.email,
+    isCustomer: false
+  }));
+  const customerOptions = customers.map((person) => ({
+    userId: person.id,
+    name: person.label,
+    email: person.subtitle,
+    isCustomer: true
+  }));
+  return [...staffOptions, ...customerOptions];
+}
+async function findStaffMemberName(userId, signal) {
+  try {
+    const members = await fetchAssignableStaffMembers("", { pageSize: 100, signal });
+    const match = members.find((member) => member.userId === userId);
+    return match ? match.displayName : null;
+  } catch {
+    return null;
+  }
+}
+export {
+  fetchDealById,
+  fetchDealsForEntity,
+  fetchRelatedEntityById,
+  findStaffMemberName,
+  searchPeopleOptions,
+  searchRelatedEntities
+};
+//# sourceMappingURL=lookups.js.map

package/dist/modules/customers/components/calendar/editor/lookups.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/calendar/editor/lookups.ts"],
+  "sourcesContent": ["import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { fetchAssignableStaffMembers } from '../../detail/assignableStaff'\n\nexport type RelatedEntityKind = 'person' | 'company'\n\nexport type RelatedEntityOption = {\n  id: string\n  kind: RelatedEntityKind\n  label: string\n  subtitle: string | null\n}\n\nexport type DealOption = {\n  id: string\n  label: string\n}\n\nexport type PersonOption = {\n  userId: string\n  name: string\n  email: string | null\n  isCustomer: boolean\n}\n\nfunction readNonEmptyString(value: unknown): string | null {\n  if (typeof value !== 'string') return null\n  const trimmed = value.trim()\n  return trimmed.length > 0 ? trimmed : null\n}\n\nfunction extractRelatedEntityOption(item: Record<string, unknown>, kind: RelatedEntityKind): RelatedEntityOption | null {\n  const id = typeof item.id === 'string' ? item.id : null\n  if (!id) return null\n  const displayName = readNonEmptyString(item.displayName) ?? readNonEmptyString(item.display_name)\n  const detail = kind === 'person'\n    ? readNonEmptyString(item.primaryEmail) ?? readNonEmptyString(item.primary_email)\n    : readNonEmptyString(item.domain)\n      ?? readNonEmptyString(item.websiteUrl)\n      ?? readNonEmptyString(item.website_url)\n  const label = displayName ?? detail ?? id\n  return { id, kind, label, subtitle: detail && detail !== label ? detail : null }\n}\n\n// Same lookup source as the deal-association pattern in DealForm\n// (useDealAssociationLookups): the people/companies CRUD list APIs with\n// `search` + name sorting, merged into a single related-to picker.\nexport async function searchRelatedEntities(\n  kind: RelatedEntityKind,\n  query: string,\n  signal: AbortSignal,\n): Promise<RelatedEntityOption[]> {\n  const params = new URLSearchParams({ page: '1', pageSize: '20', sortField: 'name', sortDir: 'asc' })\n  if (query.length) params.set('search', query)\n  const endpoint = kind === 'person'\n    ? `/api/customers/people?${params.toString()}`\n    : `/api/customers/companies?${params.toString()}`\n  const data = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(endpoint, { signal })\n  const items = Array.isArray(data?.items) ? data.items : []\n  return items\n    .map((item) => (item && typeof item === 'object' ? extractRelatedEntityOption(item, kind) : null))\n    .filter((option): option is RelatedEntityOption => option !== null)\n}\n\nasync function fetchRelatedEntityOfKind(\n  kind: RelatedEntityKind,\n  entityId: string,\n  signal: AbortSignal,\n): Promise<RelatedEntityOption | null> {\n  const params = new URLSearchParams({ page: '1', pageSize: '1', ids: entityId })\n  const endpoint = kind === 'person'\n    ? `/api/customers/people?${params.toString()}`\n    : `/api/customers/companies?${params.toString()}`\n  try {\n    const data = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(endpoint, { signal })\n    const item = Array.isArray(data?.items) ? data.items[0] : null\n    return item && typeof item === 'object' ? extractRelatedEntityOption(item, kind) : null\n  } catch {\n    return null\n  }\n}\n\nexport async function fetchRelatedEntityById(entityId: string, signal: AbortSignal): Promise<RelatedEntityOption | null> {\n  const [person, company] = await Promise.all([\n    fetchRelatedEntityOfKind('person', entityId, signal),\n    fetchRelatedEntityOfKind('company', entityId, signal),\n  ])\n  return person ?? company\n}\n\nfunction extractDealOption(item: Record<string, unknown>): DealOption | null {\n  const id = typeof item.id === 'string' ? item.id : null\n  if (!id) return null\n  const label = readNonEmptyString(item.title) ?? id\n  return { id, label }\n}\n\nexport async function fetchDealsForEntity(\n  entity: { id: string; kind: RelatedEntityKind },\n  signal: AbortSignal,\n): Promise<DealOption[]> {\n  const params = new URLSearchParams({ page: '1', pageSize: '20' })\n  params.set(entity.kind === 'person' ? 'personId' : 'companyId', entity.id)\n  const data = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n    `/api/customers/deals?${params.toString()}`,\n    { signal },\n  )\n  const items = Array.isArray(data?.items) ? data.items : []\n  return items\n    .map((item) => (item && typeof item === 'object' ? extractDealOption(item) : null))\n    .filter((option): option is DealOption => option !== null)\n}\n\nexport async function fetchDealById(dealId: string, signal: AbortSignal): Promise<DealOption | null> {\n  try {\n    const params = new URLSearchParams({ page: '1', pageSize: '1', ids: dealId })\n    const data = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n      `/api/customers/deals?${params.toString()}`,\n      { signal },\n    )\n    const item = Array.isArray(data?.items) ? data.items[0] : null\n    return item && typeof item === 'object' ? extractDealOption(item) : null\n  } catch {\n    return null\n  }\n}\n\nexport async function searchPeopleOptions(\n  query: string,\n  options: { includeCustomers: boolean; signal: AbortSignal },\n): Promise<PersonOption[]> {\n  const [staff, customers] = await Promise.all([\n    fetchAssignableStaffMembers(query, { pageSize: 10, signal: options.signal }),\n    options.includeCustomers\n      ? searchRelatedEntities('person', query, options.signal)\n      : Promise.resolve<RelatedEntityOption[]>([]),\n  ])\n  const staffOptions: PersonOption[] = staff.map((member) => ({\n    userId: member.userId,\n    name: member.displayName,\n    email: member.email,\n    isCustomer: false,\n  }))\n  const customerOptions: PersonOption[] = customers.map((person) => ({\n    userId: person.id,\n    name: person.label,\n    email: person.subtitle,\n    isCustomer: true,\n  }))\n  return [...staffOptions, ...customerOptions]\n}\n\nexport async function findStaffMemberName(userId: string, signal: AbortSignal): Promise<string | null> {\n  try {\n    const members = await fetchAssignableStaffMembers('', { pageSize: 100, signal })\n    const match = members.find((member) => member.userId === userId)\n    return match ? match.displayName : null\n  } catch {\n    return null\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+import { z } from "zod";
+const calendarParticipantSchema = z.object({
+  userId: z.string(),
+  name: z.string().optional(),
+  email: z.string().optional()
+}).passthrough();
+const calendarInteractionPayloadSchema = z.object({
+  id: z.string(),
+  interactionType: z.string(),
+  title: z.string().nullable().optional(),
+  status: z.string(),
+  scheduledAt: z.string().nullable().optional(),
+  occurredAt: z.string().nullable().optional(),
+  durationMinutes: z.number().nullable().optional(),
+  allDay: z.boolean().nullable().optional(),
+  location: z.string().nullable().optional(),
+  participants: z.array(calendarParticipantSchema).nullable().optional(),
+  recurrenceRule: z.string().nullable().optional(),
+  recurrenceEnd: z.string().nullable().optional(),
+  appearanceIcon: z.string().nullable().optional(),
+  appearanceColor: z.string().nullable().optional(),
+  ownerUserId: z.string().nullable().optional(),
+  entityId: z.string().nullable().optional(),
+  dealId: z.string().nullable().optional(),
+  updatedAt: z.string().nullable().optional()
+}).passthrough();
+export {
+  calendarInteractionPayloadSchema
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/types.ts"],
+  "sourcesContent": ["import { z } from 'zod'\n\nexport type CalendarView = 'day' | 'week' | 'month' | 'agenda'\n\nexport type CalendarCategory = 'meeting' | 'event' | 'task' | 'other'\n\nexport type CalendarItemStatus = 'planned' | 'done' | 'canceled'\n\nexport type CalendarPlatform = 'zoom' | 'meet' | 'slack' | 'teams'\n\nexport type CalendarLocationKind = 'url' | 'venue' | 'platform'\n\nexport type CalendarTab = 'all' | 'meetings' | 'events'\n\nexport type CalendarRangePreset = 'thisWeek' | 'next7' | 'thisMonth' | 'next30'\n\nexport type CalendarRange = { from: Date; to: Date }\n\nconst calendarParticipantSchema = z\n  .object({\n    userId: z.string(),\n    name: z.string().optional(),\n    email: z.string().optional(),\n  })\n  .passthrough()\n\nexport const calendarInteractionPayloadSchema = z\n  .object({\n    id: z.string(),\n    interactionType: z.string(),\n    title: z.string().nullable().optional(),\n    status: z.string(),\n    scheduledAt: z.string().nullable().optional(),\n    occurredAt: z.string().nullable().optional(),\n    durationMinutes: z.number().nullable().optional(),\n    allDay: z.boolean().nullable().optional(),\n    location: z.string().nullable().optional(),\n    participants: z.array(calendarParticipantSchema).nullable().optional(),\n    recurrenceRule: z.string().nullable().optional(),\n    recurrenceEnd: z.string().nullable().optional(),\n    appearanceIcon: z.string().nullable().optional(),\n    appearanceColor: z.string().nullable().optional(),\n    ownerUserId: z.string().nullable().optional(),\n    entityId: z.string().nullable().optional(),\n    dealId: z.string().nullable().optional(),\n    updatedAt: z.string().nullable().optional(),\n  })\n  .passthrough()\n\nexport type CalendarInteractionPayload = z.infer<typeof calendarInteractionPayloadSchema>\n\nexport type CalendarParticipant = { userId: string; name?: string; email?: string }\n\nexport interface CalendarItem {\n  id: string\n  title: string\n  interactionType: string\n  category: CalendarCategory\n  status: CalendarItemStatus\n  start: Date\n  end: Date\n  allDay: boolean\n  location: string | null\n  platform: CalendarPlatform | null\n  locationKind: CalendarLocationKind | null\n  participants: CalendarParticipant[]\n  ownerUserId: string | null\n  entityId: string | null\n  dealId: string | null\n  color: string | null\n  isRecurringOccurrence: boolean\n  updatedAt: string | null\n  raw: CalendarInteractionPayload\n}\n\nexport interface CalendarFiltersValue {\n  types: string[]\n  status: string | null\n  ownerUserId: string | null\n}\n\nexport interface TimeGridProps {\n  days: 1 | 7\n  anchor: Date\n  items: CalendarItem[]\n  conflictIds: Set<string>\n  showWeekends: boolean\n  showConflicts: boolean\n  aiSummaries: boolean\n  highlightItemId?: string | null\n  onItemClick(item: CalendarItem): void\n  onJoin(item: CalendarItem): void\n  onNavigate(deltaDays: number): void\n  onCreate?: () => void\n  onCreateRange?(start: Date, end: Date): void\n}\n\nexport interface MonthGridProps {\n  anchor: Date\n  items: CalendarItem[]\n  onItemClick(item: CalendarItem): void\n  onDayOpen(date: Date): void\n}\n\nexport interface AgendaListProps {\n  anchor: Date\n  horizonDays: number\n  items: CalendarItem[]\n  typeLabels?: Record<string, string>\n  onItemClick(item: CalendarItem): void\n}\n\nexport interface UpcomingCard {\n  item: CalendarItem\n  kind: 'today' | 'conflicted' | 'cancelled' | 'future'\n  conflictCount: number\n}\n\nexport interface UpcomingCardsProps {\n  cards: UpcomingCard[]\n  canManage?: boolean\n  onJoin(item: CalendarItem): void\n  onSeeConflict(item: CalendarItem): void\n  onOpen(item: CalendarItem): void\n  onEdit(item: CalendarItem): void\n  onCancel(item: CalendarItem): void\n}\n\nexport interface CalendarHeaderProps {\n  view: CalendarView\n  anchor: Date\n  onNewEvent?: () => void\n}\n\nexport interface CalendarToolbarProps {\n  view: CalendarView\n  anchor: Date\n  range: CalendarRange\n  preset: CalendarRangePreset | null\n  search: string\n  filters: CalendarFiltersValue\n  typeOptions: Array<{ value: string; label: string }>\n  ownerOptions: Array<{ value: string; label: string }>\n  onToday(): void\n  onPresetChange(preset: CalendarRangePreset): void\n  onAnchorChange(date: Date): void\n  onSearchChange(value: string): void\n  onFiltersChange(value: CalendarFiltersValue): void\n  onOpenSettings(): void\n}\n\nexport interface CalendarTabsProps {\n  tab: CalendarTab\n  counts: { all: number; meetings: number; events: number }\n  view: CalendarView\n  onTabChange(tab: CalendarTab): void\n  onViewChange(view: CalendarView): void\n}\n\nexport interface CalendarFooterProps {\n  timezoneLabel: string\n  onOpenShortcuts?: () => void\n}\n"],
+  "mappings": "AAAA,SAAS,SAAS;AAkBlB,MAAM,4BAA4B,EAC/B,OAAO;AAAA,EACN,QAAQ,EAAE,OAAO;AAAA,EACjB,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS;AAC7B,CAAC,EACA,YAAY;AAER,MAAM,mCAAmC,EAC7C,OAAO;AAAA,EACN,IAAI,EAAE,OAAO;AAAA,EACb,iBAAiB,EAAE,OAAO;AAAA,EAC1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACtC,QAAQ,EAAE,OAAO;AAAA,EACjB,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC5C,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC3C,iBAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAChD,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS;AAAA,EACxC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACzC,cAAc,EAAE,MAAM,yBAAyB,EAAE,SAAS,EAAE,SAAS;AAAA,EACrE,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC/C,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC9C,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC/C,iBAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAChD,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC5C,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACzC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACvC,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAC5C,CAAC,EACA,YAAY;",
+  "names": []
+}