@open-mercato/core 0.7.0 → 0.7.1-develop.7103.1.41ff100d93

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

@@ -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  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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",
+  "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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",
   "names": []
 }

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

@@ -1,6 +1,7 @@
 "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";
@@ -9,6 +10,11 @@ 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,
@@ -49,7 +55,14 @@ 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",
     {
@@ -68,15 +81,15 @@ function PeopleField({
               CONTROL_BORDER
             ),
             children: [
-              value.map((participant) => /* @__PURE__ */ jsx(
+              value.map((participant, index) => /* @__PURE__ */ jsx(
                 PersonChip,
                 {
                   name: participant.name,
-                  badge: participant.isCustomer ? customerBadge : void 0,
-                  onRemove: () => onChange(value.filter((entry) => entry.userId !== participant.userId)),
+                  badge: participant.isCustomer ? customerBadge : participant.userId ? void 0 : guestBadge,
+                  onRemove: () => onChange(value.filter((_, entryIndex) => entryIndex !== index)),
                   removeLabel: t("customers.calendar.editor.removePerson", "Remove {name}", { name: participant.name })
                 },
-                participant.userId
+                participant.userId ?? participant.email ?? index
               )),
               /* @__PURE__ */ jsx(
                 Input,
@@ -98,7 +111,29 @@ 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 ? /* @__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.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.map((option) => /* @__PURE__ */ jsxs(
             Button,
             {

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

@@ -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 { 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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",
+  "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": "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",
   "names": []
 }

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

@@ -6,6 +6,7 @@ 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";
@@ -47,7 +48,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) => participant.userId).join(",");
+  const participantsKey = form.participants.map((participant) => participantActorKey(participant) ?? "").join(",");
   React.useEffect(() => {
     if (!open || !form.date) {
       setConflict(null);

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

@@ -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 { 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": "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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 { 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": ";AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,8BAA2E;AACpF,SAAS,+BAA+B;AAExC,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AACpC,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;AAIlE,QAAM,kBAAkB,KAAK,aAC1B,IAAI,CAAC,gBAAgB,oBAAoB,WAAW,KAAK,EAAE,EAC3D,KAAK,GAAG;AACX,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

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

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

@@ -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(),\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;",
+  "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;",
   "names": []
 }

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { EyeOff } from "lucide-react";
-import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useT, useLocale } from "@open-mercato/shared/lib/i18n/context";
 import { KpiCard } from "@open-mercato/ui/backend/charts/KpiCard";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
@@ -54,6 +54,7 @@ function computeDealTrend(deals) {
 }
 function CompanyKpiBar({ data }) {
   const t = useT();
+  const locale = useLocale();
   const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals]);
   const activeDealsValue = React.useMemo(
     () => data.kpis?.activeDealsValue ?? sumActiveDeals(data.deals),
@@ -103,7 +104,7 @@ function CompanyKpiBar({ data }) {
       title: t("customers.companies.dashboard.kpi.activeDeals", "ACTIVE DEALS"),
       value: activeDealsValue,
       trend: dealTrend,
-      formatValue: (v) => formatCurrency(v, dealCurrency),
+      formatValue: (v) => formatCurrency(v, dealCurrency, locale),
       comparisonLabel: `${data.kpis?.activeDealsCount ?? activeDeals.length} ${(data.kpis?.activeDealsCount ?? activeDeals.length) === 1 ? "pipeline" : "pipelines"}`
     },
     {
@@ -117,7 +118,7 @@ function CompanyKpiBar({ data }) {
       id: "ltv",
       title: t("customers.companies.dashboard.kpi.ltv", "CUSTOMER VALUE (LTV)"),
       value: ltvValue,
-      formatValue: ltvValue !== null ? (v) => formatCurrency(v, dealCurrency) : void 0,
+      formatValue: ltvValue !== null ? (v) => formatCurrency(v, dealCurrency, locale) : void 0,
       comparisonLabel: ltvValue !== null ? t("customers.companies.dashboard.kpi.wonDeals", "won deals total") : t("customers.companies.dashboard.kpi.noWonDeals", "No won deals")
     },
     {
@@ -127,7 +128,7 @@ function CompanyKpiBar({ data }) {
       formatValue: clientTenureYears !== null ? (v) => v < 1 ? `< 1 ${t("customers.companies.dashboard.kpi.year", "year")}` : `${v} ${v === 1 ? t("customers.companies.dashboard.kpi.year", "year") : t("customers.companies.dashboard.kpi.years", "years")}` : void 0,
       comparisonLabel: clientTenureYears !== null ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => isWonDealStatus(d.status)).length} ${t("customers.companies.dashboard.kpi.completedDeals", "completed deals")}` : t("customers.companies.dashboard.kpi.noInteractions", "No interactions yet")
     }
-  ], [t, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis]);
+  ], [t, locale, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis]);
   const visibleTiles = kpiTiles.filter((tile) => !hiddenTiles.has(tile.id));
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: visibleTiles.map((tile) => /* @__PURE__ */ jsxs("div", { className: "group relative", children: [

package/dist/modules/customers/components/detail/CompanyKpiBar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/CompanyKpiBar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EyeOff } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts/KpiCard'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  readVersionedIdSet,\n  writeVersionedIdSet,\n  clearVersionedPreference,\n} from '@open-mercato/shared/lib/browser/versionedPreference'\nimport { isOpenDealStatus, isWonDealStatus } from '../../lib/dealStatus'\nimport type { CompanyOverview, DealSummary, InteractionSummary } from '../formConfig'\nimport { formatCurrency } from './utils'\n\nconst STORAGE_KEY = 'om:company-detail-kpi-hidden'\nconst STORAGE_VERSION = 1\n\nfunction sumActiveDeals(deals: DealSummary[]): number {\n  return deals\n    .filter((d) => isOpenDealStatus(d.status))\n    .reduce((sum, d) => {\n      const amount = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amount) ? amount : 0)\n    }, 0)\n}\n\nfunction getActiveDeals(deals: DealSummary[]): DealSummary[] {\n  return deals.filter((d) => isOpenDealStatus(d.status))\n}\n\nfunction computeActivityTrend(interactions: InteractionSummary[]): KpiTrend | undefined {\n  const now = Date.now()\n  const weekMs = 7 * 86_400_000\n  const thisWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    return d && now - new Date(d).getTime() < weekMs\n  }).length\n  const lastWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    if (!d) return false\n    const diff = now - new Date(d).getTime()\n    return diff >= weekMs && diff < weekMs * 2\n  }).length\n  if (lastWeek === 0 && thisWeek === 0) return undefined\n  if (lastWeek === 0) return { value: 100, direction: 'up' }\n  const pct = ((thisWeek - lastWeek) / lastWeek) * 100\n  if (Math.abs(pct) < 0.5) return { value: 0, direction: 'unchanged' }\n  return { value: Math.abs(pct), direction: pct > 0 ? 'up' : 'down' }\n}\n\nfunction computeDealTrend(deals: DealSummary[]): KpiTrend | undefined {\n  const active = deals.filter((d) => isOpenDealStatus(d.status))\n  if (active.length === 0) return undefined\n  const now = Date.now()\n  const monthMs = 30 * 86_400_000\n  const recentDeals = active.filter((d) => d.createdAt && now - new Date(d.createdAt).getTime() < monthMs).length\n  if (recentDeals > 0) return { value: recentDeals * 10, direction: 'up' }\n  return { value: 0, direction: 'unchanged' }\n}\n\ntype CompanyKpiBarProps = {\n  data: CompanyOverview\n}\n\nexport function CompanyKpiBar({ data }: CompanyKpiBarProps) {\n  const t = useT()\n\n  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals])\n  const activeDealsValue = React.useMemo(\n    () => data.kpis?.activeDealsValue ?? sumActiveDeals(data.deals),\n    [data.deals, data.kpis?.activeDealsValue],\n  )\n  const dealCurrency = data.kpis?.dealCurrency ?? activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? 'PLN'\n  const activityTrend = React.useMemo(\n    () => data.kpis?.activityTrend ?? computeActivityTrend(data.interactions),\n    [data.interactions, data.kpis?.activityTrend],\n  )\n  const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals])\n\n  const ltvValue = React.useMemo(() => {\n    if (data.kpis?.ltvValue !== undefined) return data.kpis.ltvValue\n    const wonDeals = data.deals.filter((d) => isWonDealStatus(d.status))\n    if (wonDeals.length === 0) return null\n    return wonDeals.reduce((sum, d) => {\n      const amt = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amt) ? amt : 0)\n    }, 0)\n  }, [data.deals, data.kpis?.ltvValue])\n\n  const clientTenureYears = React.useMemo(() => {\n    if (data.kpis?.clientTenureYears !== undefined) return data.kpis.clientTenureYears\n    const allDates = data.interactions\n      .map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt)\n      .filter(Boolean)\n      .map((d) => new Date(d).getTime())\n    if (allDates.length === 0) return null\n    const earliest = Math.min(...allDates)\n    return Math.floor((Date.now() - earliest) / (365.25 * 86_400_000))\n  }, [data.interactions, data.kpis?.clientTenureYears])\n\n  const [hiddenTiles, setHiddenTiles] = React.useState<Set<string>>(\n    () => readVersionedIdSet(STORAGE_KEY, STORAGE_VERSION),\n  )\n\n  const toggleTile = React.useCallback((tileId: string) => {\n    setHiddenTiles((prev) => {\n      const next = new Set(prev)\n      if (next.has(tileId)) next.delete(tileId)\n      else next.add(tileId)\n      writeVersionedIdSet(STORAGE_KEY, STORAGE_VERSION, next)\n      return next\n    })\n  }, [])\n\n  const showAllTiles = React.useCallback(() => {\n    setHiddenTiles(new Set())\n    clearVersionedPreference(STORAGE_KEY)\n  }, [])\n\n  const kpiTiles = React.useMemo(() => [\n    {\n      id: 'activeDeals',\n      title: t('customers.companies.dashboard.kpi.activeDeals', 'ACTIVE DEALS'),\n      value: activeDealsValue,\n      trend: dealTrend,\n      formatValue: (v: number) => formatCurrency(v, dealCurrency),\n      comparisonLabel: `${data.kpis?.activeDealsCount ?? activeDeals.length} ${(data.kpis?.activeDealsCount ?? activeDeals.length) === 1 ? 'pipeline' : 'pipelines'}`,\n    },\n    {\n      id: 'activities',\n      title: t('customers.companies.dashboard.kpi.activities', 'ACTIVITIES'),\n      value: data.kpis?.activityCount ?? data.interactions.length,\n      trend: activityTrend,\n      comparisonLabel: t('customers.companies.dashboard.kpi.last12months', 'last 12 months'),\n    },\n    {\n      id: 'ltv',\n      title: t('customers.companies.dashboard.kpi.ltv', 'CUSTOMER VALUE (LTV)'),\n      value: ltvValue,\n      formatValue: ltvValue !== null ? (v: number) => formatCurrency(v, dealCurrency) : undefined,\n      comparisonLabel: ltvValue !== null\n        ? t('customers.companies.dashboard.kpi.wonDeals', 'won deals total')\n        : t('customers.companies.dashboard.kpi.noWonDeals', 'No won deals'),\n    },\n    {\n      id: 'clientSince',\n      title: t('customers.companies.dashboard.kpi.clientSince', 'CLIENT SINCE'),\n      value: clientTenureYears,\n      formatValue: clientTenureYears !== null\n        ? (v: number) => v < 1\n          ? `< 1 ${t('customers.companies.dashboard.kpi.year', 'year')}`\n          : `${v} ${v === 1 ? t('customers.companies.dashboard.kpi.year', 'year') : t('customers.companies.dashboard.kpi.years', 'years')}`\n        : undefined,\n      comparisonLabel: clientTenureYears !== null\n        ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => isWonDealStatus(d.status)).length} ${t('customers.companies.dashboard.kpi.completedDeals', 'completed deals')}`\n        : t('customers.companies.dashboard.kpi.noInteractions', 'No interactions yet'),\n    },\n  ], [t, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis])\n\n  const visibleTiles = kpiTiles.filter((tile) => !hiddenTiles.has(tile.id))\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        {visibleTiles.map((tile) => (\n          <div key={tile.id} className=\"group relative\">\n            <KpiCard\n              title={tile.title}\n              value={tile.value}\n              trend={tile.trend}\n              formatValue={tile.formatValue}\n              comparisonLabel={tile.comparisonLabel}\n            />\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={() => toggleTile(tile.id)}\n              className=\"absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-60\"\n              aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n            >\n              <EyeOff className=\"size-3.5\" />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n      {hiddenTiles.size > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs text-muted-foreground\">\n            {t('customers.companies.dashboard.hiddenTiles', '{{count}} tiles hidden', { count: hiddenTiles.size })}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-auto px-1.5 py-0.5 text-xs hover:bg-transparent\"\n            onClick={showAllTiles}\n          >\n            {t('customers.companies.dashboard.showAll', 'Show all')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EyeOff } from 'lucide-react'\nimport { useT, useLocale } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts/KpiCard'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  readVersionedIdSet,\n  writeVersionedIdSet,\n  clearVersionedPreference,\n} from '@open-mercato/shared/lib/browser/versionedPreference'\nimport { isOpenDealStatus, isWonDealStatus } from '../../lib/dealStatus'\nimport type { CompanyOverview, DealSummary, InteractionSummary } from '../formConfig'\nimport { formatCurrency } from './utils'\n\nconst STORAGE_KEY = 'om:company-detail-kpi-hidden'\nconst STORAGE_VERSION = 1\n\nfunction sumActiveDeals(deals: DealSummary[]): number {\n  return deals\n    .filter((d) => isOpenDealStatus(d.status))\n    .reduce((sum, d) => {\n      const amount = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amount) ? amount : 0)\n    }, 0)\n}\n\nfunction getActiveDeals(deals: DealSummary[]): DealSummary[] {\n  return deals.filter((d) => isOpenDealStatus(d.status))\n}\n\nfunction computeActivityTrend(interactions: InteractionSummary[]): KpiTrend | undefined {\n  const now = Date.now()\n  const weekMs = 7 * 86_400_000\n  const thisWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    return d && now - new Date(d).getTime() < weekMs\n  }).length\n  const lastWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    if (!d) return false\n    const diff = now - new Date(d).getTime()\n    return diff >= weekMs && diff < weekMs * 2\n  }).length\n  if (lastWeek === 0 && thisWeek === 0) return undefined\n  if (lastWeek === 0) return { value: 100, direction: 'up' }\n  const pct = ((thisWeek - lastWeek) / lastWeek) * 100\n  if (Math.abs(pct) < 0.5) return { value: 0, direction: 'unchanged' }\n  return { value: Math.abs(pct), direction: pct > 0 ? 'up' : 'down' }\n}\n\nfunction computeDealTrend(deals: DealSummary[]): KpiTrend | undefined {\n  const active = deals.filter((d) => isOpenDealStatus(d.status))\n  if (active.length === 0) return undefined\n  const now = Date.now()\n  const monthMs = 30 * 86_400_000\n  const recentDeals = active.filter((d) => d.createdAt && now - new Date(d.createdAt).getTime() < monthMs).length\n  if (recentDeals > 0) return { value: recentDeals * 10, direction: 'up' }\n  return { value: 0, direction: 'unchanged' }\n}\n\ntype CompanyKpiBarProps = {\n  data: CompanyOverview\n}\n\nexport function CompanyKpiBar({ data }: CompanyKpiBarProps) {\n  const t = useT()\n  const locale = useLocale()\n\n  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals])\n  const activeDealsValue = React.useMemo(\n    () => data.kpis?.activeDealsValue ?? sumActiveDeals(data.deals),\n    [data.deals, data.kpis?.activeDealsValue],\n  )\n  const dealCurrency = data.kpis?.dealCurrency ?? activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? 'PLN'\n  const activityTrend = React.useMemo(\n    () => data.kpis?.activityTrend ?? computeActivityTrend(data.interactions),\n    [data.interactions, data.kpis?.activityTrend],\n  )\n  const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals])\n\n  const ltvValue = React.useMemo(() => {\n    if (data.kpis?.ltvValue !== undefined) return data.kpis.ltvValue\n    const wonDeals = data.deals.filter((d) => isWonDealStatus(d.status))\n    if (wonDeals.length === 0) return null\n    return wonDeals.reduce((sum, d) => {\n      const amt = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amt) ? amt : 0)\n    }, 0)\n  }, [data.deals, data.kpis?.ltvValue])\n\n  const clientTenureYears = React.useMemo(() => {\n    if (data.kpis?.clientTenureYears !== undefined) return data.kpis.clientTenureYears\n    const allDates = data.interactions\n      .map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt)\n      .filter(Boolean)\n      .map((d) => new Date(d).getTime())\n    if (allDates.length === 0) return null\n    const earliest = Math.min(...allDates)\n    return Math.floor((Date.now() - earliest) / (365.25 * 86_400_000))\n  }, [data.interactions, data.kpis?.clientTenureYears])\n\n  const [hiddenTiles, setHiddenTiles] = React.useState<Set<string>>(\n    () => readVersionedIdSet(STORAGE_KEY, STORAGE_VERSION),\n  )\n\n  const toggleTile = React.useCallback((tileId: string) => {\n    setHiddenTiles((prev) => {\n      const next = new Set(prev)\n      if (next.has(tileId)) next.delete(tileId)\n      else next.add(tileId)\n      writeVersionedIdSet(STORAGE_KEY, STORAGE_VERSION, next)\n      return next\n    })\n  }, [])\n\n  const showAllTiles = React.useCallback(() => {\n    setHiddenTiles(new Set())\n    clearVersionedPreference(STORAGE_KEY)\n  }, [])\n\n  const kpiTiles = React.useMemo(() => [\n    {\n      id: 'activeDeals',\n      title: t('customers.companies.dashboard.kpi.activeDeals', 'ACTIVE DEALS'),\n      value: activeDealsValue,\n      trend: dealTrend,\n      formatValue: (v: number) => formatCurrency(v, dealCurrency, locale),\n      comparisonLabel: `${data.kpis?.activeDealsCount ?? activeDeals.length} ${(data.kpis?.activeDealsCount ?? activeDeals.length) === 1 ? 'pipeline' : 'pipelines'}`,\n    },\n    {\n      id: 'activities',\n      title: t('customers.companies.dashboard.kpi.activities', 'ACTIVITIES'),\n      value: data.kpis?.activityCount ?? data.interactions.length,\n      trend: activityTrend,\n      comparisonLabel: t('customers.companies.dashboard.kpi.last12months', 'last 12 months'),\n    },\n    {\n      id: 'ltv',\n      title: t('customers.companies.dashboard.kpi.ltv', 'CUSTOMER VALUE (LTV)'),\n      value: ltvValue,\n      formatValue: ltvValue !== null ? (v: number) => formatCurrency(v, dealCurrency, locale) : undefined,\n      comparisonLabel: ltvValue !== null\n        ? t('customers.companies.dashboard.kpi.wonDeals', 'won deals total')\n        : t('customers.companies.dashboard.kpi.noWonDeals', 'No won deals'),\n    },\n    {\n      id: 'clientSince',\n      title: t('customers.companies.dashboard.kpi.clientSince', 'CLIENT SINCE'),\n      value: clientTenureYears,\n      formatValue: clientTenureYears !== null\n        ? (v: number) => v < 1\n          ? `< 1 ${t('customers.companies.dashboard.kpi.year', 'year')}`\n          : `${v} ${v === 1 ? t('customers.companies.dashboard.kpi.year', 'year') : t('customers.companies.dashboard.kpi.years', 'years')}`\n        : undefined,\n      comparisonLabel: clientTenureYears !== null\n        ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => isWonDealStatus(d.status)).length} ${t('customers.companies.dashboard.kpi.completedDeals', 'completed deals')}`\n        : t('customers.companies.dashboard.kpi.noInteractions', 'No interactions yet'),\n    },\n  ], [t, locale, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis])\n\n  const visibleTiles = kpiTiles.filter((tile) => !hiddenTiles.has(tile.id))\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        {visibleTiles.map((tile) => (\n          <div key={tile.id} className=\"group relative\">\n            <KpiCard\n              title={tile.title}\n              value={tile.value}\n              trend={tile.trend}\n              formatValue={tile.formatValue}\n              comparisonLabel={tile.comparisonLabel}\n            />\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={() => toggleTile(tile.id)}\n              className=\"absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-60\"\n              aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n            >\n              <EyeOff className=\"size-3.5\" />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n      {hiddenTiles.size > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs text-muted-foreground\">\n            {t('customers.companies.dashboard.hiddenTiles', '{{count}} tiles hidden', { count: hiddenTiles.size })}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-auto px-1.5 py-0.5 text-xs hover:bg-transparent\"\n            onClick={showAllTiles}\n          >\n            {t('customers.companies.dashboard.showAll', 'Show all')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAyKU,SACE,KADF;AAvKV,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,MAAM,iBAAiB;AAChC,SAAS,eAA8B;AACvC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB,uBAAuB;AAElD,SAAS,sBAAsB;AAE/B,MAAM,cAAc;AACpB,MAAM,kBAAkB;AAExB,SAAS,eAAe,OAA8B;AACpD,SAAO,MACJ,OAAO,CAAC,MAAM,iBAAiB,EAAE,MAAM,CAAC,EACxC,OAAO,CAAC,KAAK,MAAM;AAClB,UAAM,SAAS,OAAO,EAAE,gBAAgB,WAAW,EAAE,cAAc,WAAW,OAAO,EAAE,eAAe,GAAG,CAAC;AAC1G,WAAO,OAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAAA,EACnD,GAAG,CAAC;AACR;AAEA,SAAS,eAAe,OAAqC;AAC3D,SAAO,MAAM,OAAO,CAAC,MAAM,iBAAiB,EAAE,MAAM,CAAC;AACvD;AAEA,SAAS,qBAAqB,cAA0D;AACtF,QAAM,MAAM,KAAK,IAAI;AACrB,QAAM,SAAS,IAAI;AACnB,QAAM,WAAW,aAAa,OAAO,CAAC,MAAM;AAC1C,UAAM,IAAI,EAAE,cAAc,EAAE;AAC5B,WAAO,KAAK,MAAM,IAAI,KAAK,CAAC,EAAE,QAAQ,IAAI;AAAA,EAC5C,CAAC,EAAE;AACH,QAAM,WAAW,aAAa,OAAO,CAAC,MAAM;AAC1C,UAAM,IAAI,EAAE,cAAc,EAAE;AAC5B,QAAI,CAAC,EAAG,QAAO;AACf,UAAM,OAAO,MAAM,IAAI,KAAK,CAAC,EAAE,QAAQ;AACvC,WAAO,QAAQ,UAAU,OAAO,SAAS;AAAA,EAC3C,CAAC,EAAE;AACH,MAAI,aAAa,KAAK,aAAa,EAAG,QAAO;AAC7C,MAAI,aAAa,EAAG,QAAO,EAAE,OAAO,KAAK,WAAW,KAAK;AACzD,QAAM,OAAQ,WAAW,YAAY,WAAY;AACjD,MAAI,KAAK,IAAI,GAAG,IAAI,IAAK,QAAO,EAAE,OAAO,GAAG,WAAW,YAAY;AACnE,SAAO,EAAE,OAAO,KAAK,IAAI,GAAG,GAAG,WAAW,MAAM,IAAI,OAAO,OAAO;AACpE;AAEA,SAAS,iBAAiB,OAA4C;AACpE,QAAM,SAAS,MAAM,OAAO,CAAC,MAAM,iBAAiB,EAAE,MAAM,CAAC;AAC7D,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,QAAM,MAAM,KAAK,IAAI;AACrB,QAAM,UAAU,KAAK;AACrB,QAAM,cAAc,OAAO,OAAO,CAAC,MAAM,EAAE,aAAa,MAAM,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,OAAO,EAAE;AACzG,MAAI,cAAc,EAAG,QAAO,EAAE,OAAO,cAAc,IAAI,WAAW,KAAK;AACvE,SAAO,EAAE,OAAO,GAAG,WAAW,YAAY;AAC5C;AAMO,SAAS,cAAc,EAAE,KAAK,GAAuB;AAC1D,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AAEzB,QAAM,cAAc,MAAM,QAAQ,MAAM,eAAe,KAAK,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC;AAChF,QAAM,mBAAmB,MAAM;AAAA,IAC7B,MAAM,KAAK,MAAM,oBAAoB,eAAe,KAAK,KAAK;AAAA,IAC9D,CAAC,KAAK,OAAO,KAAK,MAAM,gBAAgB;AAAA,EAC1C;AACA,QAAM,eAAe,KAAK,MAAM,gBAAgB,YAAY,CAAC,GAAG,iBAAiB,KAAK,MAAM,CAAC,GAAG,iBAAiB;AACjH,QAAM,gBAAgB,MAAM;AAAA,IAC1B,MAAM,KAAK,MAAM,iBAAiB,qBAAqB,KAAK,YAAY;AAAA,IACxE,CAAC,KAAK,cAAc,KAAK,MAAM,aAAa;AAAA,EAC9C;AACA,QAAM,YAAY,MAAM,QAAQ,MAAM,iBAAiB,KAAK,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC;AAEhF,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,QAAI,KAAK,MAAM,aAAa,OAAW,QAAO,KAAK,KAAK;AACxD,UAAM,WAAW,KAAK,MAAM,OAAO,CAAC,MAAM,gBAAgB,EAAE,MAAM,CAAC;AACnE,QAAI,SAAS,WAAW,EAAG,QAAO;AAClC,WAAO,SAAS,OAAO,CAAC,KAAK,MAAM;AACjC,YAAM,MAAM,OAAO,EAAE,gBAAgB,WAAW,EAAE,cAAc,WAAW,OAAO,EAAE,eAAe,GAAG,CAAC;AACvG,aAAO,OAAO,OAAO,SAAS,GAAG,IAAI,MAAM;AAAA,IAC7C,GAAG,CAAC;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,KAAK,MAAM,QAAQ,CAAC;AAEpC,QAAM,oBAAoB,MAAM,QAAQ,MAAM;AAC5C,QAAI,KAAK,MAAM,sBAAsB,OAAW,QAAO,KAAK,KAAK;AACjE,UAAM,WAAW,KAAK,aACnB,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EACvD,OAAO,OAAO,EACd,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,EAAE,QAAQ,CAAC;AACnC,QAAI,SAAS,WAAW,EAAG,QAAO;AAClC,UAAM,WAAW,KAAK,IAAI,GAAG,QAAQ;AACrC,WAAO,KAAK,OAAO,KAAK,IAAI,IAAI,aAAa,SAAS,MAAW;AAAA,EACnE,GAAG,CAAC,KAAK,cAAc,KAAK,MAAM,iBAAiB,CAAC;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM;AAAA,IAC1C,MAAM,mBAAmB,aAAa,eAAe;AAAA,EACvD;AAEA,QAAM,aAAa,MAAM,YAAY,CAAC,WAAmB;AACvD,mBAAe,CAAC,SAAS;AACvB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,MAAM,EAAG,MAAK,OAAO,MAAM;AAAA,UACnC,MAAK,IAAI,MAAM;AACpB,0BAAoB,aAAa,iBAAiB,IAAI;AACtD,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,mBAAe,oBAAI,IAAI,CAAC;AACxB,6BAAyB,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW,MAAM,QAAQ,MAAM;AAAA,IACnC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,iDAAiD,cAAc;AAAA,MACxE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,aAAa,CAAC,MAAc,eAAe,GAAG,cAAc,MAAM;AAAA,MAClE,iBAAiB,GAAG,KAAK,MAAM,oBAAoB,YAAY,MAAM,KAAK,KAAK,MAAM,oBAAoB,YAAY,YAAY,IAAI,aAAa,WAAW;AAAA,IAC/J;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,gDAAgD,YAAY;AAAA,MACrE,OAAO,KAAK,MAAM,iBAAiB,KAAK,aAAa;AAAA,MACrD,OAAO;AAAA,MACP,iBAAiB,EAAE,kDAAkD,gBAAgB;AAAA,IACvF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,yCAAyC,sBAAsB;AAAA,MACxE,OAAO;AAAA,MACP,aAAa,aAAa,OAAO,CAAC,MAAc,eAAe,GAAG,cAAc,MAAM,IAAI;AAAA,MAC1F,iBAAiB,aAAa,OAC1B,EAAE,8CAA8C,iBAAiB,IACjE,EAAE,gDAAgD,cAAc;AAAA,IACtE;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,iDAAiD,cAAc;AAAA,MACxE,OAAO;AAAA,MACP,aAAa,sBAAsB,OAC/B,CAAC,MAAc,IAAI,IACjB,OAAO,EAAE,0CAA0C,MAAM,CAAC,KAC1D,GAAG,CAAC,IAAI,MAAM,IAAI,EAAE,0CAA0C,MAAM,IAAI,EAAE,2CAA2C,OAAO,CAAC,KAC/H;AAAA,MACJ,iBAAiB,sBAAsB,OACnC,GAAG,KAAK,MAAM,uBAAuB,KAAK,MAAM,OAAO,CAAC,MAAM,gBAAgB,EAAE,MAAM,CAAC,EAAE,MAAM,IAAI,EAAE,oDAAoD,iBAAiB,CAAC,KAC3K,EAAE,oDAAoD,qBAAqB;AAAA,IACjF;AAAA,EACF,GAAG,CAAC,GAAG,QAAQ,kBAAkB,WAAW,cAAc,YAAY,QAAQ,eAAe,UAAU,mBAAmB,KAAK,OAAO,KAAK,aAAa,QAAQ,KAAK,IAAI,CAAC;AAE1K,QAAM,eAAe,SAAS,OAAO,CAAC,SAAS,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC;AAExE,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAI,WAAU,wDACZ,uBAAa,IAAI,CAAC,SACjB,qBAAC,SAAkB,WAAU,kBAC3B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,aAAa,KAAK;AAAA,UAClB,iBAAiB,KAAK;AAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,KAAK,EAAE;AAAA,UACjC,WAAU;AAAA,UACV,cAAY,EAAE,0CAA0C,WAAW;AAAA,UAEnE,8BAAC,UAAO,WAAU,YAAW;AAAA;AAAA,MAC/B;AAAA,SAjBQ,KAAK,EAkBf,CACD,GACH;AAAA,IACC,YAAY,OAAO,KAClB,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAK,WAAU,iCACb,YAAE,6CAA6C,0BAA0B,EAAE,OAAO,YAAY,KAAK,CAAC,GACvG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAER,YAAE,yCAAyC,UAAU;AAAA;AAAA,MACxD;AAAA,OACF;AAAA,KAEJ;AAEJ;",
   "names": []
 }

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

@@ -202,12 +202,14 @@ function CompanyPeopleSection({
   React.useEffect(() => {
     void loadVisiblePeople();
   }, [loadVisiblePeople]);
-  useAppEvent("customers.person_company_link.deleted", (event) => {
+  const reloadOnCompanyDetach = React.useCallback((event) => {
     const payload = event.payload;
     if (payload && payload.companyEntityId === companyId) {
       void loadVisiblePeople();
     }
   }, [companyId, loadVisiblePeople]);
+  useAppEvent("customers.person_company_link.deleted", reloadOnCompanyDetach, [reloadOnCompanyDetach]);
+  useAppEvent("customers.person.company_assignment.detached", reloadOnCompanyDetach, [reloadOnCompanyDetach]);
   React.useEffect(() => {
     setListPage(1);
   }, [searchQuery, sortMode]);