npm - @open-mercato/core - Versions diffs - 0.6.8-develop.7099.1.7ba2771d06 → 0.7.0 - Mend

@open-mercato/core 0.6.8-develop.7099.1.7ba2771d06 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (941) hide show

package/dist/modules/customers/components/calendar/EventPeekPopover.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/calendar/EventPeekPopover.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { formatTimeRange } from './EventBlock'\nimport type { CalendarItem, CalendarPlatform } from './types'\n\nconst PLATFORM_FULL_LABELS: Record<CalendarPlatform, { key: string; fallback: string }> = {\n  zoom: { key: 'customers.calendar.platformFull.zoom', fallback: 'Zoom' },\n  meet: { key: 'customers.calendar.platformFull.meet', fallback: 'Google Meet' },\n  slack: { key: 'customers.calendar.platformFull.slack', fallback: 'Slack' },\n  teams: { key: 'customers.calendar.platformFull.teams', fallback: 'Microsoft Teams' },\n}\n\nexport type EventPeekPopoverProps = {\n  item: CalendarItem\n  open: boolean\n  joinUrl: string | null\n  aiSummaries: boolean\n  canManage?: boolean\n  side?: React.ComponentProps<typeof PopoverContent>['side']\n  onOpenChange(open: boolean): void\n  onJoin(item: CalendarItem): void\n  onEdit(item: CalendarItem): void\n  children: React.ReactNode\n}\n\nexport function EventPeekPopover({\n  item,\n  open,\n  joinUrl,\n  aiSummaries,\n  canManage = true,\n  side = 'right',\n  onOpenChange,\n  onJoin,\n  onEdit,\n  children,\n}: EventPeekPopoverProps) {\n  const t = useT()\n  const locale = useLocale()\n  const title = item.title || t('customers.calendar.grid.untitled', 'Untitled')\n  const dateLabel = React.useMemo(\n    () => new Intl.DateTimeFormat(locale, { weekday: 'short', month: 'short', day: 'numeric' }).format(item.start),\n    [locale, item.start],\n  )\n  const timeRange = item.allDay\n    ? t('customers.calendar.grid.allDay', 'All day')\n    : formatTimeRange(locale, item.start, item.end)\n\n  const attendeeCount = item.participants.length\n  const attendeesLabel =\n    attendeeCount === 1\n      ? t('customers.calendar.peek.attendee', '1 attendee')\n      : t('customers.calendar.peek.attendees', '{count} attendees', { count: attendeeCount })\n  const platformLabel =\n    item.locationKind === 'platform' && item.platform\n      ? t(PLATFORM_FULL_LABELS[item.platform].key, PLATFORM_FULL_LABELS[item.platform].fallback)\n      : null\n  const metaParts = [platformLabel, attendeeCount > 0 ? attendeesLabel : null].filter(\n    (part): part is string => Boolean(part),\n  )\n  const showSummary = aiSummaries && metaParts.length > 0\n  const showJoin = Boolean(joinUrl)\n\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      <PopoverTrigger asChild>{children}</PopoverTrigger>\n      <PopoverContent align=\"start\" side={side} sideOffset={8} className=\"w-56 p-3\">\n        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-sm font-semibold leading-5 text-foreground\">{title}</p>\n          <p className=\"text-xs leading-4 text-muted-foreground\">{`${dateLabel} \u00B7 ${timeRange}`}</p>\n          {showSummary ? (\n            <p className=\"flex items-center gap-1 text-xs leading-4 text-muted-foreground\">\n              <Sparkles aria-hidden className=\"size-3.5 shrink-0\" />\n              <span className=\"truncate\">{metaParts.join(' \u00B7 ')}</span>\n            </p>\n          ) : null}\n          <div className=\"flex items-center gap-2 pt-1\">\n            {showJoin ? (\n              <Button type=\"button\" size=\"sm\" onClick={() => onJoin(item)}>\n                {t('customers.calendar.peek.join', 'Join')}\n              </Button>\n            ) : null}\n            {canManage ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"secondary\"\n                onClick={() => {\n                  onOpenChange(false)\n                  onEdit(item)\n                }}\n              >\n                {t('customers.calendar.peek.edit', 'Edit')}\n              </Button>\n            ) : (\n              <SimpleTooltip\n                content={t(\n                  'customers.calendar.peek.editForbidden',\n                  \"You don't have permission to edit events\",\n                )}\n              >\n                <span className=\"inline-flex\">\n                  <Button type=\"button\" size=\"sm\" variant=\"secondary\" disabled className=\"pointer-events-none\">\n                    {t('customers.calendar.peek.edit', 'Edit')}\n                  </Button>\n                </span>\n              </SimpleTooltip>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { formatTimeRange } from './EventBlock'\nimport type { CalendarItem, CalendarPlatform } from './types'\n\nconst PLATFORM_FULL_LABELS: Record<CalendarPlatform, { key: string; fallback: string }> = {\n  zoom: { key: 'customers.calendar.platformFull.zoom', fallback: 'Zoom' },\n  meet: { key: 'customers.calendar.platformFull.meet', fallback: 'Google Meet' },\n  slack: { key: 'customers.calendar.platformFull.slack', fallback: 'Slack' },\n  teams: { key: 'customers.calendar.platformFull.teams', fallback: 'Microsoft Teams' },\n}\n\nexport type EventPeekPopoverProps = {\n  item: CalendarItem\n  open: boolean\n  joinUrl: string | null\n  aiSummaries: boolean\n  canManage?: boolean\n  onOpenChange(open: boolean): void\n  onJoin(item: CalendarItem): void\n  onEdit(item: CalendarItem): void\n  children: React.ReactNode\n}\n\nexport function EventPeekPopover({\n  item,\n  open,\n  joinUrl,\n  aiSummaries,\n  canManage = true,\n  onOpenChange,\n  onJoin,\n  onEdit,\n  children,\n}: EventPeekPopoverProps) {\n  const t = useT()\n  const locale = useLocale()\n  const title = item.title || t('customers.calendar.grid.untitled', 'Untitled')\n  const dateLabel = React.useMemo(\n    () => new Intl.DateTimeFormat(locale, { weekday: 'short', month: 'short', day: 'numeric' }).format(item.start),\n    [locale, item.start],\n  )\n  const timeRange = item.allDay\n    ? t('customers.calendar.grid.allDay', 'All day')\n    : formatTimeRange(locale, item.start, item.end)\n\n  const attendeeCount = item.participants.length\n  const attendeesLabel =\n    attendeeCount === 1\n      ? t('customers.calendar.peek.attendee', '1 attendee')\n      : t('customers.calendar.peek.attendees', '{count} attendees', { count: attendeeCount })\n  const platformLabel =\n    item.locationKind === 'platform' && item.platform\n      ? t(PLATFORM_FULL_LABELS[item.platform].key, PLATFORM_FULL_LABELS[item.platform].fallback)\n      : null\n  const metaParts = [platformLabel, attendeeCount > 0 ? attendeesLabel : null].filter(\n    (part): part is string => Boolean(part),\n  )\n  const showSummary = aiSummaries && metaParts.length > 0\n  const showJoin = aiSummaries && Boolean(joinUrl)\n\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      <PopoverTrigger asChild>{children}</PopoverTrigger>\n      <PopoverContent align=\"start\" side=\"right\" sideOffset={8} className=\"w-56 p-3\">\n        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-sm font-semibold leading-5 text-foreground\">{title}</p>\n          <p className=\"text-xs leading-4 text-muted-foreground\">{`${dateLabel} \u00B7 ${timeRange}`}</p>\n          {showSummary ? (\n            <p className=\"flex items-center gap-1 text-xs leading-4 text-muted-foreground\">\n              <Sparkles aria-hidden className=\"size-3.5 shrink-0\" />\n              <span className=\"truncate\">{metaParts.join(' \u00B7 ')}</span>\n            </p>\n          ) : null}\n          <div className=\"flex items-center gap-2 pt-1\">\n            {showJoin ? (\n              <Button type=\"button\" size=\"sm\" onClick={() => onJoin(item)}>\n                {t('customers.calendar.peek.join', 'Join')}\n              </Button>\n            ) : null}\n            {canManage ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"secondary\"\n                onClick={() => {\n                  onOpenChange(false)\n                  onEdit(item)\n                }}\n              >\n                {t('customers.calendar.peek.edit', 'Edit')}\n              </Button>\n            ) : (\n              <SimpleTooltip\n                content={t(\n                  'customers.calendar.peek.editForbidden',\n                  \"You don't have permission to edit events\",\n                )}\n              >\n                <span className=\"inline-flex\">\n                  <Button type=\"button\" size=\"sm\" variant=\"secondary\" disabled className=\"pointer-events-none\">\n                    {t('customers.calendar.peek.edit', 'Edit')}\n                  </Button>\n                </span>\n              </SimpleTooltip>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/calendar/editor/PeopleField.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { z } from "zod";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Avatar } from "@open-mercato/ui/primitives/avatar";
@@ -10,11 +9,6 @@ import { Input } from "@open-mercato/ui/primitives/input";
 import { composeAccessibleName } from "../../../lib/calendar/labels.js";
 import { searchPeopleOptions } from "./lookups.js";
 import { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from "./inputs.js";
-const guestEmailSchema = z.string().email().max(320);
-function normalizeEmail(email) {
-  const normalized = email?.trim().toLowerCase();
-  return normalized ? normalized : null;
-}
 function PeopleField({
   mode,
   placeholder,
@@ -55,14 +49,7 @@ function PeopleField({
   }, [open, query, includeCustomers, includeStaff]);
   const selectedIds = new Set(value.map((participant) => participant.userId));
   const visibleOptions = options.filter((option) => !selectedIds.has(option.userId));
-  const typedEmail = normalizeEmail(query);
-  const selectedEmails = new Set(
-    value.map((participant) => normalizeEmail(participant.email)).filter((email) => email !== null)
-  );
-  const guestEmail = mode === "multi" && typedEmail !== null && guestEmailSchema.safeParse(typedEmail).success && !selectedEmails.has(typedEmail) && !options.some((option) => normalizeEmail(option.email) === typedEmail) ? typedEmail : null;
-  const guestLabel = guestEmail ? t("customers.calendar.editor.addGuest", "Invite {email} as a guest", { email: guestEmail }) : "";
   const customerBadge = /* @__PURE__ */ jsx(UppercaseBadge, { className: "bg-status-info-bg text-status-info-text", children: t("customers.calendar.editor.customerBadge", "Customer") });
-  const guestBadge = /* @__PURE__ */ jsx(UppercaseBadge, { className: "bg-muted text-muted-foreground", children: t("customers.calendar.editor.guestBadge", "Guest") });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -81,15 +68,15 @@ function PeopleField({
               CONTROL_BORDER
             ),
             children: [
-              value.map((participant, index) => /* @__PURE__ */ jsx(
+              value.map((participant) => /* @__PURE__ */ jsx(
                 PersonChip,
                 {
                   name: participant.name,
-                  badge: participant.isCustomer ? customerBadge : participant.userId ? void 0 : guestBadge,
-                  onRemove: () => onChange(value.filter((_, entryIndex) => entryIndex !== index)),
+                  badge: participant.isCustomer ? customerBadge : void 0,
+                  onRemove: () => onChange(value.filter((entry) => entry.userId !== participant.userId)),
                   removeLabel: t("customers.calendar.editor.removePerson", "Remove {name}", { name: participant.name })
                 },
-                participant.userId ?? participant.email ?? index
+                participant.userId
               )),
               /* @__PURE__ */ jsx(
                 Input,
@@ -111,29 +98,7 @@ function PeopleField({
         ),
         open ? /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-label": ariaLabel, className: DROPDOWN_PANEL_CLASS, children: [
           loading ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.searching", "Searching\u2026") }) : null,
-          !loading && visibleOptions.length === 0 && !guestEmail ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.noResults", "No results") }) : null,
-          !loading && guestEmail ? /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              role: "option",
-              "aria-selected": false,
-              "aria-label": guestLabel,
-              title: guestLabel,
-              onClick: () => {
-                const participant = { name: guestEmail, email: guestEmail, isCustomer: false };
-                onChange([...value, participant]);
-                setQuery("");
-              },
-              className: "h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground",
-              children: [
-                /* @__PURE__ */ jsx(Avatar, { size: "xs", label: guestEmail }),
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: guestLabel }),
-                guestBadge
-              ]
-            }
-          ) : null,
+          !loading && visibleOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: t("customers.calendar.editor.noResults", "No results") }) : null,
           !loading ? visibleOptions.map((option) => /* @__PURE__ */ jsxs(
             Button,
             {

package/dist/modules/customers/components/calendar/editor/PeopleField.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/calendar/editor/PeopleField.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorParticipant } from '../../../lib/calendar/editorPayload'\nimport { composeAccessibleName } from '../../../lib/calendar/labels'\nimport { searchPeopleOptions, type PersonOption } from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from './inputs'\n\n// Mirrors the server-side guest rule in `interactionParticipantSchema`: a\n// participant with no user record is addressable only by a routable email.\nconst guestEmailSchema = z.string().email().max(320)\n\nfunction normalizeEmail(email: string | null | undefined): string | null {\n  const normalized = email?.trim().toLowerCase()\n  return normalized ? normalized : null\n}\n\nexport function PeopleField({\n  mode,\n  placeholder,\n  ariaLabel,\n  value,\n  onChange,\n  includeCustomers,\n  includeStaff = true,\n}: {\n  mode: 'multi' | 'single'\n  placeholder: string\n  ariaLabel: string\n  value: EditorParticipant[]\n  onChange(next: EditorParticipant[]): void\n  includeCustomers: boolean\n  /** Pass false when the staff module is not loaded \u2014 customer-only options. */\n  includeStaff?: boolean\n}) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<PersonOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const close = React.useCallback(() => setOpen(false), [])\n  const rootRef = useDropdownDismiss(open, close)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const results = await searchPeopleOptions(query.trim(), { includeCustomers, includeStaff, signal: controller.signal })\n        if (cancelled) return\n        setOptions(results)\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 250)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query, includeCustomers, includeStaff])\n\n  const selectedIds = new Set(value.map((participant) => participant.userId))\n  const visibleOptions = options.filter((option) => !selectedIds.has(option.userId))\n\n  // An external guest has no record to search for, so a typed address that\n  // matches nothing is the only way to invite one (#5115). Multi mode only \u2014\n  // the single-mode field is the task assignee, which becomes `ownerUserId` and\n  // must resolve to a real staff user.\n  const typedEmail = normalizeEmail(query)\n  const selectedEmails = new Set(\n    value.map((participant) => normalizeEmail(participant.email)).filter((email): email is string => email !== null),\n  )\n  const guestEmail =\n    mode === 'multi' &&\n    typedEmail !== null &&\n    guestEmailSchema.safeParse(typedEmail).success &&\n    !selectedEmails.has(typedEmail) &&\n    !options.some((option) => normalizeEmail(option.email) === typedEmail)\n      ? typedEmail\n      : null\n  const guestLabel = guestEmail\n    ? t('customers.calendar.editor.addGuest', 'Invite {email} as a guest', { email: guestEmail })\n    : ''\n\n  const customerBadge = (\n    <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n      {t('customers.calendar.editor.customerBadge', 'Customer')}\n    </UppercaseBadge>\n  )\n\n  const guestBadge = (\n    <UppercaseBadge className=\"bg-muted text-muted-foreground\">\n      {t('customers.calendar.editor.guestBadge', 'Guest')}\n    </UppercaseBadge>\n  )\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2',\n          'min-h-14',\n          CONTROL_BORDER,\n        )}\n      >\n        {value.map((participant, index) => (\n          <PersonChip\n            key={participant.userId ?? participant.email ?? index}\n            name={participant.name}\n            badge={participant.isCustomer ? customerBadge : participant.userId ? undefined : guestBadge}\n            onRemove={() => onChange(value.filter((_, entryIndex) => entryIndex !== index))}\n            removeLabel={t('customers.calendar.editor.removePerson', 'Remove {name}', { name: participant.name })}\n          />\n        ))}\n        <Input\n          type=\"text\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          onFocus={() => setOpen(true)}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none\"\n          inputClassName=\"text-sm text-foreground placeholder:text-muted-foreground\"\n        />\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={ariaLabel} className={DROPDOWN_PANEL_CLASS}>\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && visibleOptions.length === 0 && !guestEmail ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading && guestEmail ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              role=\"option\"\n              aria-selected={false}\n              aria-label={guestLabel}\n              title={guestLabel}\n              onClick={() => {\n                const participant: EditorParticipant = { name: guestEmail, email: guestEmail, isCustomer: false }\n                onChange([...value, participant])\n                setQuery('')\n              }}\n              className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n            >\n              <Avatar size=\"xs\" label={guestEmail} />\n              <span className=\"min-w-0 flex-1 truncate\">{guestLabel}</span>\n              {guestBadge}\n            </Button>\n          ) : null}\n          {!loading\n            ? visibleOptions.map((option) => (\n                <Button\n                  key={`${option.isCustomer ? 'customer' : 'staff'}:${option.userId}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={false}\n                  aria-label={composeAccessibleName([\n                    option.name,\n                    option.email,\n                    option.isCustomer ? t('customers.calendar.editor.customerBadge', 'Customer') : null,\n                  ])}\n                  title={composeAccessibleName([option.name, option.email])}\n                  onClick={() => {\n                    const participant: EditorParticipant = {\n                      userId: option.userId,\n                      name: option.name,\n                      email: option.email ?? undefined,\n                      isCustomer: option.isCustomer,\n                    }\n                    onChange(mode === 'single' ? [participant] : [...value, participant])\n                    setQuery('')\n                    if (mode === 'single') setOpen(false)\n                  }}\n                  className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n                >\n                  <Avatar size=\"xs\" label={option.name} />\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.name}\n                    {option.email ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.email}</span> : null}\n                  </span>\n                  {option.isCustomer ? customerBadge : null}\n                </Button>\n              ))\n            : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": ";AAgGI,cAmBE,YAnBF;AA9FJ,YAAY,WAAW;AACvB,SAAS,SAAS;AAClB,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,aAAa;AAEtB,SAAS,6BAA6B;AACtC,SAAS,2BAA8C;AACvD,SAAS,gBAAgB,sBAAsB,YAAY,gBAAgB,0BAA0B;AAIrG,MAAM,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,GAAG;AAEnD,SAAS,eAAe,OAAiD;AACvE,QAAM,aAAa,OAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,aAAa,aAAa;AACnC;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GASG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAyB,CAAC,CAAC;AAC/D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,QAAQ,MAAM,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AACxD,QAAM,UAAU,mBAAmB,MAAM,KAAK;AAE9C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,aAAa,IAAI,gBAAgB;AACvC,QAAI,YAAY;AAChB,UAAM,QAAQ,OAAO,WAAW,YAAY;AAC1C,iBAAW,IAAI;AACf,UAAI;AACF,cAAM,UAAU,MAAM,oBAAoB,MAAM,KAAK,GAAG,EAAE,kBAAkB,cAAc,QAAQ,WAAW,OAAO,CAAC;AACrH,YAAI,UAAW;AACf,mBAAW,OAAO;AAAA,MACpB,QAAQ;AACN,YAAI,CAAC,UAAW,YAAW,CAAC,CAAC;AAAA,MAC/B,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF,GAAG,GAAG;AACN,WAAO,MAAM;AACX,kBAAY;AACZ,iBAAW,MAAM;AACjB,aAAO,aAAa,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,kBAAkB,YAAY,CAAC;AAEhD,QAAM,cAAc,IAAI,IAAI,MAAM,IAAI,CAAC,gBAAgB,YAAY,MAAM,CAAC;AAC1E,QAAM,iBAAiB,QAAQ,OAAO,CAAC,WAAW,CAAC,YAAY,IAAI,OAAO,MAAM,CAAC;AAMjF,QAAM,aAAa,eAAe,KAAK;AACvC,QAAM,iBAAiB,IAAI;AAAA,IACzB,MAAM,IAAI,CAAC,gBAAgB,eAAe,YAAY,KAAK,CAAC,EAAE,OAAO,CAAC,UAA2B,UAAU,IAAI;AAAA,EACjH;AACA,QAAM,aACJ,SAAS,WACT,eAAe,QACf,iBAAiB,UAAU,UAAU,EAAE,WACvC,CAAC,eAAe,IAAI,UAAU,KAC9B,CAAC,QAAQ,KAAK,CAAC,WAAW,eAAe,OAAO,KAAK,MAAM,UAAU,IACjE,aACA;AACN,QAAM,aAAa,aACf,EAAE,sCAAsC,6BAA6B,EAAE,OAAO,WAAW,CAAC,IAC1F;AAEJ,QAAM,gBACJ,oBAAC,kBAAe,WAAU,2CACvB,YAAE,2CAA2C,UAAU,GAC1D;AAGF,QAAM,aACJ,oBAAC,kBAAe,WAAU,kCACvB,YAAE,wCAAwC,OAAO,GACpD;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,QAAQ,CAAC,UAAU;AACjB,YAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAA4B,EAAG,SAAQ,KAAK;AAAA,MACtF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA,oBAAM,IAAI,CAAC,aAAa,UACvB;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM,YAAY;AAAA,kBAClB,OAAO,YAAY,aAAa,gBAAgB,YAAY,SAAS,SAAY;AAAA,kBACjF,UAAU,MAAM,SAAS,MAAM,OAAO,CAAC,GAAG,eAAe,eAAe,KAAK,CAAC;AAAA,kBAC9E,aAAa,EAAE,0CAA0C,iBAAiB,EAAE,MAAM,YAAY,KAAK,CAAC;AAAA;AAAA,gBAJ/F,YAAY,UAAU,YAAY,SAAS;AAAA,cAKlD,CACD;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,kBAChD,SAAS,MAAM,QAAQ,IAAI;AAAA,kBAC3B;AAAA,kBACA,cAAY;AAAA,kBACZ,MAAK;AAAA,kBACL,iBAAe;AAAA,kBACf,WAAU;AAAA,kBACV,gBAAe;AAAA;AAAA,cACjB;AAAA;AAAA;AAAA,QACF;AAAA,QACC,OACC,qBAAC,SAAI,MAAK,WAAU,cAAY,WAAW,WAAW,sBACnD;AAAA,oBACC,oBAAC,OAAE,WAAU,uDACV,YAAE,uCAAuC,iBAAY,GACxD,IACE;AAAA,UACH,CAAC,WAAW,eAAe,WAAW,KAAK,CAAC,aAC3C,oBAAC,OAAE,WAAU,uDACV,YAAE,uCAAuC,YAAY,GACxD,IACE;AAAA,UACH,CAAC,WAAW,aACX;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,cAAY;AAAA,cACZ,OAAO;AAAA,cACP,SAAS,MAAM;AACb,sBAAM,cAAiC,EAAE,MAAM,YAAY,OAAO,YAAY,YAAY,MAAM;AAChG,yBAAS,CAAC,GAAG,OAAO,WAAW,CAAC;AAChC,yBAAS,EAAE;AAAA,cACb;AAAA,cACA,WAAU;AAAA,cAEV;AAAA,oCAAC,UAAO,MAAK,MAAK,OAAO,YAAY;AAAA,gBACrC,oBAAC,UAAK,WAAU,2BAA2B,sBAAW;AAAA,gBACrD;AAAA;AAAA;AAAA,UACH,IACE;AAAA,UACH,CAAC,UACE,eAAe,IAAI,CAAC,WAClB;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,cAAY,sBAAsB;AAAA,gBAChC,OAAO;AAAA,gBACP,OAAO;AAAA,gBACP,OAAO,aAAa,EAAE,2CAA2C,UAAU,IAAI;AAAA,cACjF,CAAC;AAAA,cACD,OAAO,sBAAsB,CAAC,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,cACxD,SAAS,MAAM;AACb,sBAAM,cAAiC;AAAA,kBACrC,QAAQ,OAAO;AAAA,kBACf,MAAM,OAAO;AAAA,kBACb,OAAO,OAAO,SAAS;AAAA,kBACvB,YAAY,OAAO;AAAA,gBACrB;AACA,yBAAS,SAAS,WAAW,CAAC,WAAW,IAAI,CAAC,GAAG,OAAO,WAAW,CAAC;AACpE,yBAAS,EAAE;AACX,oBAAI,SAAS,SAAU,SAAQ,KAAK;AAAA,cACtC;AAAA,cACA,WAAU;AAAA,cAEV;AAAA,oCAAC,UAAO,MAAK,MAAK,OAAO,OAAO,MAAM;AAAA,gBACtC,qBAAC,UAAK,WAAU,2BACb;AAAA,yBAAO;AAAA,kBACP,OAAO,QAAQ,oBAAC,UAAK,WAAU,wCAAwC,iBAAO,OAAM,IAAU;AAAA,mBACjG;AAAA,gBACC,OAAO,aAAa,gBAAgB;AAAA;AAAA;AAAA,YA7BhC,GAAG,OAAO,aAAa,aAAa,OAAO,IAAI,OAAO,MAAM;AAAA,UA8BnE,CACD,IACD;AAAA,WACN,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { EditorParticipant } from '../../../lib/calendar/editorPayload'\nimport { composeAccessibleName } from '../../../lib/calendar/labels'\nimport { searchPeopleOptions, type PersonOption } from './lookups'\nimport { CONTROL_BORDER, DROPDOWN_PANEL_CLASS, PersonChip, UppercaseBadge, useDropdownDismiss } from './inputs'\n\nexport function PeopleField({\n  mode,\n  placeholder,\n  ariaLabel,\n  value,\n  onChange,\n  includeCustomers,\n  includeStaff = true,\n}: {\n  mode: 'multi' | 'single'\n  placeholder: string\n  ariaLabel: string\n  value: EditorParticipant[]\n  onChange(next: EditorParticipant[]): void\n  includeCustomers: boolean\n  /** Pass false when the staff module is not loaded \u2014 customer-only options. */\n  includeStaff?: boolean\n}) {\n  const t = useT()\n  const [query, setQuery] = React.useState('')\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<PersonOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const close = React.useCallback(() => setOpen(false), [])\n  const rootRef = useDropdownDismiss(open, close)\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    let cancelled = false\n    const timer = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const results = await searchPeopleOptions(query.trim(), { includeCustomers, includeStaff, signal: controller.signal })\n        if (cancelled) return\n        setOptions(results)\n      } catch {\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 250)\n    return () => {\n      cancelled = true\n      controller.abort()\n      window.clearTimeout(timer)\n    }\n  }, [open, query, includeCustomers, includeStaff])\n\n  const selectedIds = new Set(value.map((participant) => participant.userId))\n  const visibleOptions = options.filter((option) => !selectedIds.has(option.userId))\n\n  const customerBadge = (\n    <UppercaseBadge className=\"bg-status-info-bg text-status-info-text\">\n      {t('customers.calendar.editor.customerBadge', 'Customer')}\n    </UppercaseBadge>\n  )\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"relative w-full\"\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false)\n      }}\n    >\n      <div\n        className={cn(\n          'flex w-full flex-wrap content-center items-center gap-2 rounded-md bg-background px-2.5 py-2',\n          'min-h-14',\n          CONTROL_BORDER,\n        )}\n      >\n        {value.map((participant) => (\n          <PersonChip\n            key={participant.userId}\n            name={participant.name}\n            badge={participant.isCustomer ? customerBadge : undefined}\n            onRemove={() => onChange(value.filter((entry) => entry.userId !== participant.userId))}\n            removeLabel={t('customers.calendar.editor.removePerson', 'Remove {name}', { name: participant.name })}\n          />\n        ))}\n        <Input\n          type=\"text\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          onFocus={() => setOpen(true)}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"min-w-36 flex-1 border-0 bg-transparent px-0 shadow-none hover:bg-transparent focus-within:border-transparent focus-within:shadow-none\"\n          inputClassName=\"text-sm text-foreground placeholder:text-muted-foreground\"\n        />\n      </div>\n      {open ? (\n        <div role=\"listbox\" aria-label={ariaLabel} className={DROPDOWN_PANEL_CLASS}>\n          {loading ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.searching', 'Searching\u2026')}\n            </p>\n          ) : null}\n          {!loading && visibleOptions.length === 0 ? (\n            <p className=\"px-2 py-3 text-center text-xs text-muted-foreground\">\n              {t('customers.calendar.editor.noResults', 'No results')}\n            </p>\n          ) : null}\n          {!loading\n            ? visibleOptions.map((option) => (\n                <Button\n                  key={`${option.isCustomer ? 'customer' : 'staff'}:${option.userId}`}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  role=\"option\"\n                  aria-selected={false}\n                  aria-label={composeAccessibleName([\n                    option.name,\n                    option.email,\n                    option.isCustomer ? t('customers.calendar.editor.customerBadge', 'Customer') : null,\n                  ])}\n                  title={composeAccessibleName([option.name, option.email])}\n                  onClick={() => {\n                    const participant: EditorParticipant = {\n                      userId: option.userId,\n                      name: option.name,\n                      email: option.email ?? undefined,\n                      isCustomer: option.isCustomer,\n                    }\n                    onChange(mode === 'single' ? [participant] : [...value, participant])\n                    setQuery('')\n                    if (mode === 'single') setOpen(false)\n                  }}\n                  className=\"h-auto w-full justify-start gap-2 whitespace-normal px-2 py-1.5 text-left text-sm font-normal text-foreground\"\n                >\n                  <Avatar size=\"xs\" label={option.name} />\n                  <span className=\"min-w-0 flex-1 truncate\">\n                    {option.name}\n                    {option.email ? <span className=\"ml-1.5 text-xs text-muted-foreground\">{option.email}</span> : null}\n                  </span>\n                  {option.isCustomer ? customerBadge : null}\n                </Button>\n              ))\n            : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -6,7 +6,6 @@ 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 { participantActorKey } from "../../../lib/calendar/participantIdentity.js";
 import { expandOccurrences } from "../../../lib/calendar/recurrence.js";
 import { getFetchWindow } from "../../../lib/calendar/range.js";
 import { fetchCalendarCandidates } from "../useCalendarItems.js";
@@ -48,7 +47,7 @@ function formatClock(date) {
 function useConflictProbe(open, form, config, excludeId, draftOwnerUserId, scope, currentUserId) {
   const t = useT();
   const [conflict, setConflict] = React.useState(null);
-  const participantsKey = form.participants.map((participant) => participantActorKey(participant) ?? "").join(",");
+  const participantsKey = form.participants.map((participant) => participant.userId).join(",");
   React.useEffect(() => {
     if (!open || !form.date) {
       setConflict(null);

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

@@ -1,7 +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 { participantActorKey } from '../../../lib/calendar/participantIdentity'\nimport { expandOccurrences } from '../../../lib/calendar/recurrence'\nimport { getFetchWindow } from '../../../lib/calendar/range'\nimport type { CalendarItem } from '../types'\nimport { fetchCalendarCandidates } 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  // Keys on the canonical actor key, not the raw userId \u2014 an external guest has\n  // no userId, so a userId-only key never changes when guests are added or\n  // removed and the probe would keep reporting the previous attendee set.\n  const participantsKey = form.participants\n    .map((participant) => participantActorKey(participant) ?? '')\n    .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 fetchCalendarCandidates(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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",
+  "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 { fetchCalendarCandidates } 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 fetchCalendarCandidates(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": ";AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,8BAA2E;AACpF,SAAS,+BAA+B;AAExC,SAAS,oCAAoC;AAC7C,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAE/B,SAAS,+BAA+B;AACxC,SAAS,eAAe,wBAAwB,2BAA2B;AAIpE,SAAS,yBACd,MACA,MACA,QACM;AACN,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,aAAa,IAAI,gBAAgB;AACvC,QAAI,YAAY;AAChB,mBAAe,gBAAgB;AAC7B,UAAI,KAAK,aAAa,KAAK,UAAU,SAAS,WAAW;AACvD,cAAM,WAAW,MAAM,uBAAuB,KAAK,UAAU,IAAI,WAAW,MAAM;AAClF,YAAI,CAAC,aAAa,SAAU,QAAO,EAAE,WAAW,EAAE,IAAI,SAAS,IAAI,MAAM,SAAS,MAAM,OAAO,SAAS,MAAM,EAAE,CAAC;AAAA,MACnH;AACA,UAAI,KAAK,UAAU,CAAC,KAAK,WAAW;AAClC,cAAM,OAAO,MAAM,cAAc,KAAK,QAAQ,WAAW,MAAM;AAC/D,YAAI,CAAC,aAAa,KAAM,QAAO,EAAE,WAAW,KAAK,MAAM,CAAC;AAAA,MAC1D;AACA,UAAI,KAAK,kBAAkB,CAAC,KAAK,cAAc;AAC7C,cAAM,OAAO,MAAM,oBAAoB,KAAK,gBAAgB,WAAW,MAAM;AAC7E,YAAI,CAAC,aAAa,KAAM,QAAO,EAAE,cAAc,KAAK,CAAC;AAAA,MACvD;AAAA,IACF;AACA,kBAAc,EAAE,MAAM,MAAM;AAC1B,UAAI,aAAa,WAAW,OAAO,WAAW,CAAC,KAAK,aAAa,KAAK,UAAU,SAAS,aAAa,KAAK,UAAU,OAAO;AAC1H;AAAA,MACF;AACA,aAAO,EAAE,WAAW,EAAE,GAAG,KAAK,WAAW,OAAO,KAAK,UAAU,GAAG,EAAE,CAAC;AAAA,IACvE,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AACZ,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,MAAM,KAAK,WAAW,KAAK,QAAQ,KAAK,WAAW,KAAK,gBAAgB,KAAK,cAAc,MAAM,CAAC;AACxG;AAEA,SAAS,YAAY,MAAoB;AACvC,SAAO,KAAK,mBAAmB,CAAC,GAAG,EAAE,MAAM,WAAW,QAAQ,UAAU,CAAC;AAC3E;AAOO,SAAS,iBACd,MACA,MACA,QACA,WACA,kBACA,OACA,eACe;AACf,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAwB,IAAI;AAClE,QAAM,kBAAkB,KAAK,aAAa,IAAI,CAAC,gBAAgB,YAAY,MAAM,EAAE,KAAK,GAAG;AAC3F,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ,CAAC,KAAK,MAAM;AACvB,kBAAY,IAAI;AAChB;AAAA,IACF;AAIA,UAAM,WAAW,OAAO,aAAa,KAAK;AAC1C,QAAI;AACJ,QAAI;AACJ,QAAI,UAAU;AACZ,YAAM,UAAU,oBAAI,KAAK,GAAG,KAAK,IAAI,WAAW;AAChD,UAAI,OAAO,MAAM,QAAQ,QAAQ,CAAC,GAAG;AACnC,oBAAY,IAAI;AAChB;AAAA,MACF;AACA,cAAQ,WAAW,OAAO;AAC1B,YAAM,SAAS,OAAO;AAAA,IACxB,OAAO;AACL,UAAI,CAAC,KAAK,WAAW;AACnB,oBAAY,IAAI;AAChB;AAAA,MACF;AACA,cAAQ,oBAAI,KAAK,GAAG,KAAK,IAAI,IAAI,KAAK,SAAS,KAAK;AACpD,UAAI,OAAO,MAAM,MAAM,QAAQ,CAAC,GAAG;AACjC,oBAAY,IAAI;AAChB;AAAA,MACF;AACA,YAAM,kBAAkB,OAAO,SAAS,uBAAuB,IAAI,KAAK,KAAK;AAC7E,YAAM,IAAI,KAAK,MAAM,QAAQ,IAAI,kBAAkB,GAAM;AAAA,IAC3D;AAKA,UAAM,WAAW,WAAW,KAAK;AACjC,aAAS,QAAQ,SAAS,QAAQ,IAAI,CAAC;AACvC,UAAM,SAAS,SAAS,GAAG;AAC3B,WAAO,QAAQ,OAAO,QAAQ,IAAI,CAAC;AACnC,UAAM,cAAc,eAAe,EAAE,MAAM,UAAU,IAAI,OAAO,CAAC;AACjE,UAAM,aAAa,IAAI,gBAAgB;AACvC,QAAI,SAAS;AACb,UAAM,QAAQ,WAAW,YAAY;AACnC,UAAI;AACF,cAAM,EAAE,SAAS,IAAI,MAAM,wBAAwB,aAAa,WAAW,MAAM;AACjF,YAAI,CAAC,OAAQ;AACb,cAAM,SAAyB,CAAC;AAChC,mBAAW,WAAW,UAAU;AAC9B,gBAAM,OAAO,6BAA6B,SAAS,CAAC,CAAC;AACrD,cAAI,CAAC,KAAM;AACX,iBAAO,KAAK,GAAG,kBAAkB,MAAM,WAAW,CAAC;AAAA,QACrD;AACA,cAAM,gBAAgB;AAAA,UACpB;AAAA,YACE;AAAA,YACA;AAAA,YACA,aAAa;AAAA,YACb,cAAc,KAAK,aAAa,IAAI,CAAC,iBAAiB,EAAE,QAAQ,YAAY,QAAQ,MAAM,YAAY,KAAK,EAAE;AAAA,YAC7G,QAAQ,KAAK;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA,EAAE,OAAO,cAAc;AAAA,QACzB;AACA,YAAI,CAAC,OAAQ;AACb,YAAI,cAAc,WAAW,GAAG;AAC9B,sBAAY,IAAI;AAChB;AAAA,QACF;AACA,cAAM,UAAU,cACb,IAAI,CAAC,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,SAAI,YAAY,KAAK,GAAG,CAAC,KAAK,KAAK,SAAS,EAAE,oCAAoC,UAAU,CAAC,EAAE,EACvI,KAAK,IAAI;AACZ,oBAAY,UAAU,EAAE,6CAA6C,0BAA0B,EAAE,OAAO,QAAQ,CAAC,IAAI,IAAI;AAAA,MAC3H,QAAQ;AACN,YAAI,OAAQ,aAAY,IAAI;AAAA,MAC9B;AAAA,IACF,GAAG,GAAG;AACN,WAAO,MAAM;AACX,eAAS;AACT,mBAAa,KAAK;AAClB,iBAAW,MAAM;AAAA,IACnB;AAAA,EAEF,GAAG,CAAC,MAAM,KAAK,MAAM,KAAK,WAAW,KAAK,SAAS,KAAK,SAAS,KAAK,QAAQ,KAAK,QAAQ,iBAAiB,OAAO,WAAW,OAAO,QAAQ,WAAW,kBAAkB,OAAO,eAAe,CAAC,CAAC;AAClM,SAAO;AACT;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import { z } from "zod";
 const calendarParticipantSchema = z.object({
-  userId: z.string().optional(),
+  userId: z.string(),
   name: z.string().optional(),
   email: z.string().optional()
 }).passthrough();

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

@@ -1,7 +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().optional(),\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  canManage?: 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,EAAE,SAAS;AAAA,EAC5B,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;",
+  "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  canManage?: 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": []
 }

package/dist/modules/customers/components/detail/AssignRoleDialog.js CHANGED Viewed

@@ -521,34 +521,39 @@ function AssignRoleDialog({
                 ) })
               ] }) : null
             ] }) }),
-            /* @__PURE__ */ jsxs(DialogFooter, { className: "shrink-0 border-t border-border/70 px-6 py-4 sm:justify-between", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
-                "customers.roles.dialog.footerNote",
-                "One person per role \xB7 can be changed at any time"
-              ) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("customers.roles.cancelAdd", "Cancel") }),
-                step === 1 ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    onClick: () => setStep(2),
-                    disabled: !selectedRoleType || !availableRoleTypes.length,
-                    children: t("customers.roles.dialog.next", "Next")
-                  }
-                ) : null,
-                step === 2 ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setStep(3), disabled: !selectedUser, children: t("customers.roles.dialog.next", "Next") }) : null,
-                step === 3 ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    onClick: handleAssign,
-                    disabled: saving || !selectedUser || !selectedRoleType,
-                    children: saving ? t("customers.roles.assigning", "Assigning...") : t("customers.roles.dialog.assign", "Assign role")
-                  }
-                ) : null
-              ] })
-            ] })
+            /* @__PURE__ */ jsx(
+              DialogFooter,
+              {
+                bordered: false,
+                className: "shrink-0 border-t border-border/70 px-6 py-4",
+                leading: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground sm:max-w-2xs", children: t(
+                  "customers.roles.dialog.footerNote",
+                  "One person per role \xB7 can be changed at any time"
+                ) }),
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("customers.roles.cancelAdd", "Cancel") }),
+                  step === 1 ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      onClick: () => setStep(2),
+                      disabled: !selectedRoleType || !availableRoleTypes.length,
+                      children: t("customers.roles.dialog.next", "Next")
+                    }
+                  ) : null,
+                  step === 2 ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setStep(3), disabled: !selectedUser, children: t("customers.roles.dialog.next", "Next") }) : null,
+                  step === 3 ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      onClick: handleAssign,
+                      disabled: saving || !selectedUser || !selectedRoleType,
+                      children: saving ? t("customers.roles.assigning", "Assigning...") : t("customers.roles.dialog.assign", "Assign role")
+                    }
+                  ) : null
+                ] })
+              }
+            )
           ]
         }
       )