@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

package/dist/modules/customers/components/detail/schedule/FooterFields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/schedule/FooterFields.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Bell, Eye, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ActivityType, ScheduleFieldId } from './fieldConfig'\nimport { isVisible, getFieldLabel } from './fieldConfig'\n\nconst REMINDER_OPTIONS = [0, 5, 10, 15, 30, 60]\n\ninterface FooterFieldsProps {\n  visible: Set<ScheduleFieldId>\n  activityType: ActivityType\n  reminderMinutes: number\n  setReminderMinutes: (value: number) => void\n  visibility: string\n  setVisibility: (value: string) => void\n}\n\nexport function FooterFields({\n  visible,\n  activityType,\n  reminderMinutes,\n  setReminderMinutes,\n  visibility,\n  setVisibility,\n}: FooterFieldsProps) {\n  const t = useT()\n\n  const showReminder = isVisible(activityType, 'reminder')\n  const showVisibility = isVisible(activityType, 'visibility')\n\n  if (!showReminder && !showVisibility) return null\n\n  return (\n    <div className=\"flex gap-3\">\n      {showReminder && (\n        <div className=\"flex flex-1 flex-col gap-1.5\">\n          <label className=\"text-overline font-semibold text-muted-foreground tracking-wider\">\n            {getFieldLabel(activityType, 'reminder', t, 'customers.schedule.reminder', 'Reminder')}\n          </label>\n          <div className=\"flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2.5\">\n            <Bell className=\"size-3.5 text-muted-foreground\" />\n            <select\n              value={reminderMinutes}\n              onChange={(e) => setReminderMinutes(Number(e.target.value))}\n              className=\"flex-1 appearance-none bg-transparent text-sm text-foreground focus:outline-none\"\n            >\n              {REMINDER_OPTIONS.map((m) => (\n                <option key={m} value={m}>\n                  {m === 0 ? t('customers.schedule.reminder.none', 'None') : `${m} min`}\n                </option>\n              ))}\n            </select>\n            <ChevronDown className=\"size-3.5 text-muted-foreground\" />\n          </div>\n        </div>\n      )}\n      {showVisibility && (\n        <div className=\"flex flex-1 flex-col gap-1.5\">\n          <label className=\"text-overline font-semibold text-muted-foreground tracking-wider\">\n            {getFieldLabel(activityType, 'visibility', t, 'customers.schedule.visibility', 'Visibility')}\n          </label>\n          <div className=\"flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2.5\">\n            <Eye className=\"size-3.5 text-muted-foreground\" />\n            <select\n              value={visibility}\n              onChange={(e) => setVisibility(e.target.value)}\n              className=\"flex-1 appearance-none bg-transparent text-sm text-foreground focus:outline-none\"\n            >\n              <option value=\"team\">{t('customers.schedule.visibility.team', 'Team only')}</option>\n              <option value=\"public\">{t('customers.schedule.visibility.public', 'Public')}</option>\n            </select>\n            <ChevronDown className=\"size-3.5 text-muted-foreground\" />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAqCU,cAGA,YAHA;AAnCV,SAAS,MAAM,KAAK,mBAAmB;AACvC,SAAS,YAAY;AAErB,SAAS,WAAW,qBAAqB;AAEzC,MAAM,mBAAmB,CAAC,GAAG,GAAG,IAAI,IAAI,IAAI,EAAE;AAWvC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,IAAI,KAAK;AAEf,QAAM,eAAe,UAAU,cAAc,UAAU;AACvD,QAAM,iBAAiB,UAAU,cAAc,YAAY;AAE3D,MAAI,CAAC,gBAAgB,CAAC,eAAgB,QAAO;AAE7C,SACE,qBAAC,SAAI,WAAU,cACZ;AAAA,oBACC,qBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,WAAM,WAAU,oEACd,wBAAc,cAAc,YAAY,GAAG,+BAA+B,UAAU,GACvF;AAAA,MACA,qBAAC,SAAI,WAAU,qFACb;AAAA,4BAAC,QAAK,WAAU,kCAAiC;AAAA,QACjD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,mBAAmB,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,YAC1D,WAAU;AAAA,YAET,2BAAiB,IAAI,CAAC,MACrB,oBAAC,YAAe,OAAO,GACpB,gBAAM,IAAI,EAAE,oCAAoC,MAAM,IAAI,GAAG,CAAC,UADpD,CAEb,CACD;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,eAAY,WAAU,kCAAiC;AAAA,SAC1D;AAAA,OACF;AAAA,IAED,kBACC,qBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,WAAM,WAAU,oEACd,wBAAc,cAAc,cAAc,GAAG,iCAAiC,YAAY,GAC7F;AAAA,MACA,qBAAC,SAAI,WAAU,qFACb;AAAA,4BAAC,OAAI,WAAU,kCAAiC;AAAA,QAChD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,YAC7C,WAAU;AAAA,YAEV;AAAA,kCAAC,YAAO,OAAM,QAAQ,YAAE,sCAAsC,WAAW,GAAE;AAAA,cAC3E,oBAAC,YAAO,OAAM,UAAU,YAAE,wCAAwC,QAAQ,GAAE;AAAA;AAAA;AAAA,QAC9E;AAAA,QACA,oBAAC,eAAY,WAAU,kCAAiC;AAAA,SAC1D;AAAA,OACF;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/schedule/LinkedEntitiesField.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Building2, Briefcase, FileText, Search, X } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { isVisible } from "./fieldConfig.js";
+const ENTITY_LINK_TYPES = ["company", "deal", "offer"];
+function readLabelCandidate(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function resolveLinkedEntityLabel(item, linkType) {
+  if (linkType === "offer") {
+    const quoteNumber = readLabelCandidate(item.quoteNumber) ?? readLabelCandidate(item.quote_number) ?? readLabelCandidate(item.documentNumber) ?? readLabelCandidate(item.document_number) ?? readLabelCandidate(item.externalReference) ?? readLabelCandidate(item.external_reference);
+    const customerName = readLabelCandidate(item.customerName) ?? readLabelCandidate(item.customer_name) ?? readLabelCandidate(item.display_name) ?? readLabelCandidate(item.displayName) ?? readLabelCandidate(item.name) ?? readLabelCandidate(item.title);
+    if (quoteNumber && customerName) return `${quoteNumber} \xB7 ${customerName}`;
+    if (quoteNumber) return quoteNumber;
+    if (customerName) return customerName;
+  }
+  if (linkType === "deal") {
+    const dealLabel = readLabelCandidate(item.title) ?? readLabelCandidate(item.name) ?? readLabelCandidate(item.display_name) ?? readLabelCandidate(item.displayName);
+    if (dealLabel) return dealLabel;
+  }
+  return readLabelCandidate(item.display_name) ?? readLabelCandidate(item.displayName) ?? readLabelCandidate(item.name) ?? readLabelCandidate(item.title) ?? String(item.id ?? "");
+}
+function EntityLinkSearchPopover({
+  existingIds,
+  onAdd,
+  onAddMany,
+  t
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [linkType, setLinkType] = React.useState("company");
+  const [query, setQuery] = React.useState("");
+  const [results, setResults] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(false);
+  const selectableResults = React.useMemo(
+    () => results.filter((result) => !existingIds.has(result.id)),
+    [existingIds, results]
+  );
+  React.useEffect(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    setLoading(true);
+    const searchParam = query.trim() ? `&search=${encodeURIComponent(query.trim())}` : "";
+    const pagingParam = `&page=${page}&pageSize=20`;
+    const endpoint = linkType === "company" ? `/api/customers/companies?sortField=name&sortDir=asc${pagingParam}${searchParam}` : linkType === "deal" ? `/api/customers/deals?pageSize=20&page=${page}${searchParam}` : `/api/sales/quotes?pageSize=20&page=${page}${searchParam}`;
+    readApiResultOrThrow(endpoint, { signal: controller.signal }).then((data) => {
+      const items = Array.isArray(data?.items) ? data.items : [];
+      const nextResults = items.map((item) => ({
+        id: typeof item?.id === "string" ? item.id : "",
+        label: resolveLinkedEntityLabel(item, linkType)
+      })).filter((r) => r.id);
+      setResults((current) => {
+        if (page <= 1) return nextResults;
+        const merged = new Map(current.map((entry) => [entry.id, entry]));
+        nextResults.forEach((entry) => merged.set(entry.id, entry));
+        return Array.from(merged.values());
+      });
+      if (typeof data?.totalPages === "number") {
+        setTotalPages(data.totalPages);
+      } else if (typeof data?.total === "number" && typeof data?.pageSize === "number") {
+        setTotalPages(Math.max(1, Math.ceil(data.total / data.pageSize)));
+      } else {
+        setTotalPages(1);
+      }
+    }).catch(() => setResults([])).finally(() => setLoading(false));
+    return () => controller.abort();
+  }, [open, page, query, linkType]);
+  React.useEffect(() => {
+    if (!open) return;
+    setPage(1);
+  }, [open, query, linkType]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-auto inline-flex items-center gap-1.5 rounded-full border border-border bg-background px-2.5 py-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "+" }),
+      t("customers.schedule.addLink", "Add link")
+    ] }) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-72 p-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex gap-1 mb-2", children: ENTITY_LINK_TYPES.map((type) => /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: linkType === type ? "default" : "ghost",
+          size: "sm",
+          className: "h-6 text-xs flex-1",
+          onClick: () => {
+            setLinkType(type);
+            setQuery("");
+          },
+          children: [
+            type === "company" ? /* @__PURE__ */ jsx(Building2, { className: "mr-1 size-3" }) : type === "deal" ? /* @__PURE__ */ jsx(Briefcase, { className: "mr-1 size-3" }) : /* @__PURE__ */ jsx(FileText, { className: "mr-1 size-3" }),
+            type === "company" ? t("customers.schedule.linkType.company", "Company") : type === "deal" ? t("customers.schedule.linkType.deal", "Deal") : t("customers.schedule.linkType.offer", "Offer")
+          ]
+        },
+        type
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 mb-2", children: [
+        /* @__PURE__ */ jsx(Search, { className: "size-3.5 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder: t("customers.schedule.searchEntity", "Search..."),
+            className: "flex-1 bg-transparent text-sm focus:outline-none",
+            autoFocus: true
+          }
+        )
+      ] }),
+      selectableResults.length ? /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "w-full",
+          onClick: () => {
+            onAddMany(
+              selectableResults.map((result) => ({
+                id: result.id,
+                type: linkType,
+                label: result.label
+              }))
+            );
+            setOpen(false);
+            setQuery("");
+          },
+          children: t("customers.schedule.addVisibleLinks", "Add all visible")
+        }
+      ) }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "max-h-48 overflow-y-auto space-y-0.5", children: [
+        loading && /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-muted-foreground text-center", children: t("customers.schedule.searching", "Searching...") }),
+        !loading && results.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-muted-foreground text-center", children: t("customers.schedule.noResults", "No results") }),
+        results.map((r) => {
+          const alreadyLinked = existingIds.has(r.id);
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled: alreadyLinked,
+              onClick: () => {
+                onAdd({ id: r.id, type: linkType, label: r.label });
+                setOpen(false);
+                setQuery("");
+              },
+              className: cn(
+                "h-auto flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+                alreadyLinked ? "opacity-40 cursor-default" : "hover:bg-accent cursor-pointer"
+              ),
+              children: [
+                linkType === "company" ? /* @__PURE__ */ jsx(Building2, { className: "size-3.5 text-muted-foreground shrink-0" }) : linkType === "deal" ? /* @__PURE__ */ jsx(Briefcase, { className: "size-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx(FileText, { className: "size-3.5 text-muted-foreground shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: r.label })
+              ]
+            },
+            r.id
+          );
+        }),
+        !loading && page < totalPages ? /* @__PURE__ */ jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "w-full", onClick: () => setPage((current) => current + 1), children: t("customers.schedule.loadMore", "Load more") }) }) : null
+      ] })
+    ] })
+  ] });
+}
+function LinkedEntitiesField({
+  visible,
+  activityType,
+  linkedEntities,
+  setLinkedEntities
+}) {
+  const t = useT();
+  if (!isVisible(activityType, "linkedEntities")) return null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.linkedEntities", "Linked entities") }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex flex-wrap content-center items-center gap-2", children: [
+      linkedEntities.map((entity) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1.5 text-xs",
+            entity.type === "deal" ? "border-status-success-border bg-status-success-bg font-semibold text-foreground" : "border-border bg-muted text-foreground"
+          ),
+          children: [
+            entity.type === "company" ? /* @__PURE__ */ jsx(Building2, { className: "size-3" }) : entity.type === "deal" ? /* @__PURE__ */ jsx(Briefcase, { className: "size-3" }) : /* @__PURE__ */ jsx(FileText, { className: "size-3" }),
+            entity.label,
+            /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "sm", onClick: () => setLinkedEntities((prev) => prev.filter((e) => e.id !== entity.id)), className: "h-auto text-muted-foreground hover:text-foreground p-0", "aria-label": t("customers.schedule.removeLink", "Remove link"), children: /* @__PURE__ */ jsx(X, { className: "size-2.5" }) })
+          ]
+        },
+        entity.id
+      )),
+      /* @__PURE__ */ jsx(
+        EntityLinkSearchPopover,
+        {
+          existingIds: new Set(linkedEntities.map((e) => e.id)),
+          onAdd: (entity) => setLinkedEntities((prev) => [...prev, entity]),
+          onAddMany: (entities) => setLinkedEntities((prev) => [...prev, ...entities]),
+          t
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  LinkedEntitiesField
+};
+//# sourceMappingURL=LinkedEntitiesField.js.map

package/dist/modules/customers/components/detail/schedule/LinkedEntitiesField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/schedule/LinkedEntitiesField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Building2, Briefcase, FileText, Search, X } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport type { ActivityType, ScheduleFieldId } from './fieldConfig'\nimport { isVisible } from './fieldConfig'\nimport type { LinkedEntity } from './useScheduleFormState'\n\nconst ENTITY_LINK_TYPES = ['company', 'deal', 'offer'] as const\n\nfunction readLabelCandidate(value: unknown): string | null {\n  if (typeof value !== 'string') return null\n  const trimmed = value.trim()\n  return trimmed.length > 0 ? trimmed : null\n}\n\nfunction resolveLinkedEntityLabel(\n  item: Record<string, unknown>,\n  linkType: 'company' | 'deal' | 'offer',\n): string {\n  if (linkType === 'offer') {\n    const quoteNumber =\n      readLabelCandidate(item.quoteNumber)\n      ?? readLabelCandidate(item.quote_number)\n      ?? readLabelCandidate(item.documentNumber)\n      ?? readLabelCandidate(item.document_number)\n      ?? readLabelCandidate(item.externalReference)\n      ?? readLabelCandidate(item.external_reference)\n    const customerName =\n      readLabelCandidate(item.customerName)\n      ?? readLabelCandidate(item.customer_name)\n      ?? readLabelCandidate(item.display_name)\n      ?? readLabelCandidate(item.displayName)\n      ?? readLabelCandidate(item.name)\n      ?? readLabelCandidate(item.title)\n    if (quoteNumber && customerName) return `${quoteNumber} \u00B7 ${customerName}`\n    if (quoteNumber) return quoteNumber\n    if (customerName) return customerName\n  }\n\n  if (linkType === 'deal') {\n    const dealLabel =\n      readLabelCandidate(item.title)\n      ?? readLabelCandidate(item.name)\n      ?? readLabelCandidate(item.display_name)\n      ?? readLabelCandidate(item.displayName)\n    if (dealLabel) return dealLabel\n  }\n\n  return (\n    readLabelCandidate(item.display_name)\n    ?? readLabelCandidate(item.displayName)\n    ?? readLabelCandidate(item.name)\n    ?? readLabelCandidate(item.title)\n    ?? String(item.id ?? '')\n  )\n}\n\nfunction EntityLinkSearchPopover({\n  existingIds,\n  onAdd,\n  onAddMany,\n  t,\n}: {\n  existingIds: Set<string>\n  onAdd: (entity: LinkedEntity) => void\n  onAddMany: (entities: LinkedEntity[]) => void\n  t: (key: string, fallback: string) => string\n}) {\n  const [open, setOpen] = React.useState(false)\n  const [linkType, setLinkType] = React.useState<'company' | 'deal' | 'offer'>('company')\n  const [query, setQuery] = React.useState('')\n  const [results, setResults] = React.useState<Array<{ id: string; label: string }>>([])\n  const [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(false)\n  const selectableResults = React.useMemo(\n    () => results.filter((result) => !existingIds.has(result.id)),\n    [existingIds, results],\n  )\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    setLoading(true)\n    const searchParam = query.trim() ? `&search=${encodeURIComponent(query.trim())}` : ''\n    const pagingParam = `&page=${page}&pageSize=20`\n    const endpoint = linkType === 'company'\n      ? `/api/customers/companies?sortField=name&sortDir=asc${pagingParam}${searchParam}`\n      : linkType === 'deal'\n        ? `/api/customers/deals?pageSize=20&page=${page}${searchParam}`\n        : `/api/sales/quotes?pageSize=20&page=${page}${searchParam}`\n    readApiResultOrThrow<{ items?: Array<Record<string, unknown>>; totalPages?: number; page?: number; pageSize?: number; total?: number }>(endpoint, { signal: controller.signal })\n      .then((data) => {\n        const items = Array.isArray(data?.items) ? data.items : []\n        const nextResults = items.map((item) => ({\n          id: typeof item?.id === 'string' ? item.id : '',\n          label: resolveLinkedEntityLabel(item, linkType),\n        })).filter((r) => r.id)\n        setResults((current) => {\n          if (page <= 1) return nextResults\n          const merged = new Map(current.map((entry) => [entry.id, entry]))\n          nextResults.forEach((entry) => merged.set(entry.id, entry))\n          return Array.from(merged.values())\n        })\n        if (typeof data?.totalPages === 'number') {\n          setTotalPages(data.totalPages)\n        } else if (typeof data?.total === 'number' && typeof data?.pageSize === 'number') {\n          setTotalPages(Math.max(1, Math.ceil(data.total / data.pageSize)))\n        } else {\n          setTotalPages(1)\n        }\n      })\n      .catch(() => setResults([]))\n      .finally(() => setLoading(false))\n    return () => controller.abort()\n  }, [open, page, query, linkType])\n\n  React.useEffect(() => {\n    if (!open) return\n    setPage(1)\n  }, [open, query, linkType])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"h-auto inline-flex items-center gap-1.5 rounded-full border border-border bg-background px-2.5 py-1.5 text-xs text-muted-foreground\">\n          <span className=\"text-sm\">+</span>\n          {t('customers.schedule.addLink', 'Add link')}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-72 p-2\">\n        <div className=\"flex gap-1 mb-2\">\n          {ENTITY_LINK_TYPES.map((type) => (\n            <Button\n              key={type}\n              type=\"button\"\n              variant={linkType === type ? 'default' : 'ghost'}\n              size=\"sm\"\n              className=\"h-6 text-xs flex-1\"\n              onClick={() => { setLinkType(type as typeof linkType); setQuery('') }}\n            >\n              {type === 'company' ? <Building2 className=\"mr-1 size-3\" /> : type === 'deal' ? <Briefcase className=\"mr-1 size-3\" /> : <FileText className=\"mr-1 size-3\" />}\n              {type === 'company' ? t('customers.schedule.linkType.company', 'Company') : type === 'deal' ? t('customers.schedule.linkType.deal', 'Deal') : t('customers.schedule.linkType.offer', 'Offer')}\n            </Button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 mb-2\">\n          <Search className=\"size-3.5 text-muted-foreground shrink-0\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder={t('customers.schedule.searchEntity', 'Search...')}\n            className=\"flex-1 bg-transparent text-sm focus:outline-none\"\n            autoFocus\n          />\n        </div>\n        {selectableResults.length ? (\n          <div className=\"mb-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"w-full\"\n              onClick={() => {\n                onAddMany(\n                  selectableResults.map((result) => ({\n                    id: result.id,\n                    type: linkType,\n                    label: result.label,\n                  })),\n                )\n                setOpen(false)\n                setQuery('')\n              }}\n            >\n              {t('customers.schedule.addVisibleLinks', 'Add all visible')}\n            </Button>\n          </div>\n        ) : null}\n        <div className=\"max-h-48 overflow-y-auto space-y-0.5\">\n          {loading && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.searching', 'Searching...')}</p>}\n          {!loading && results.length === 0 && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.noResults', 'No results')}</p>}\n          {results.map((r) => {\n            const alreadyLinked = existingIds.has(r.id)\n            return (\n              <Button\n                key={r.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={alreadyLinked}\n                onClick={() => {\n                  onAdd({ id: r.id, type: linkType, label: r.label })\n                  setOpen(false)\n                  setQuery('')\n                }}\n                className={cn(\n                  'h-auto flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors',\n                  alreadyLinked ? 'opacity-40 cursor-default' : 'hover:bg-accent cursor-pointer',\n                )}\n              >\n                {linkType === 'company' ? <Building2 className=\"size-3.5 text-muted-foreground shrink-0\" /> : linkType === 'deal' ? <Briefcase className=\"size-3.5 text-muted-foreground shrink-0\" /> : <FileText className=\"size-3.5 text-muted-foreground shrink-0\" />}\n                <span className=\"min-w-0 flex-1 truncate\">{r.label}</span>\n              </Button>\n            )\n          })}\n          {!loading && page < totalPages ? (\n            <div className=\"px-2 py-2\">\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"w-full\" onClick={() => setPage((current) => current + 1)}>\n                {t('customers.schedule.loadMore', 'Load more')}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\ninterface LinkedEntitiesFieldProps {\n  visible: Set<ScheduleFieldId>\n  activityType: ActivityType\n  linkedEntities: LinkedEntity[]\n  setLinkedEntities: React.Dispatch<React.SetStateAction<LinkedEntity[]>>\n}\n\nexport function LinkedEntitiesField({\n  visible,\n  activityType,\n  linkedEntities,\n  setLinkedEntities,\n}: LinkedEntitiesFieldProps) {\n  const t = useT()\n\n  if (!isVisible(activityType, 'linkedEntities')) return null\n\n  return (\n    <div>\n      <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n        {t('customers.schedule.linkedEntities', 'Linked entities')}\n      </label>\n      <div className=\"mt-2.5 flex flex-wrap content-center items-center gap-2\">\n        {linkedEntities.map((entity) => (\n          <div\n            key={entity.id}\n            className={cn(\n              'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1.5 text-xs',\n              entity.type === 'deal'\n                ? 'border-status-success-border bg-status-success-bg font-semibold text-foreground'\n                : 'border-border bg-muted text-foreground',\n            )}\n          >\n            {entity.type === 'company' ? <Building2 className=\"size-3\" /> : entity.type === 'deal' ? <Briefcase className=\"size-3\" /> : <FileText className=\"size-3\" />}\n            {entity.label}\n            <IconButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => setLinkedEntities((prev) => prev.filter((e) => e.id !== entity.id))} className=\"h-auto text-muted-foreground hover:text-foreground p-0\" aria-label={t('customers.schedule.removeLink', 'Remove link')}>\n              <X className=\"size-2.5\" />\n            </IconButton>\n          </div>\n        ))}\n        <EntityLinkSearchPopover\n          existingIds={new Set(linkedEntities.map((e) => e.id))}\n          onAdd={(entity) => setLinkedEntities((prev) => [...prev, entity])}\n          onAddMany={(entities) => setLinkedEntities((prev) => [...prev, ...entities])}\n          t={t}\n        />\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/schedule/LocationField.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MapPin } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { isVisible, getFieldLabel } from "./fieldConfig.js";
+function LocationField({
+  visible,
+  activityType,
+  location,
+  setLocation
+}) {
+  const t = useT();
+  if (!isVisible(activityType, "location")) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(activityType, "location", t, "customers.schedule.location", "Location") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx(MapPin, { className: "size-3.5 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: location,
+          onChange: (e) => setLocation(e.target.value),
+          placeholder: t("customers.schedule.locationPlaceholder", "Add location or meeting link..."),
+          className: "flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  LocationField
+};
+//# sourceMappingURL=LocationField.js.map

package/dist/modules/customers/components/detail/schedule/LocationField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/schedule/LocationField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { MapPin } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ActivityType, ScheduleFieldId } from './fieldConfig'\nimport { isVisible, getFieldLabel } from './fieldConfig'\n\ninterface LocationFieldProps {\n  visible: Set<ScheduleFieldId>\n  activityType: ActivityType\n  location: string\n  setLocation: (value: string) => void\n}\n\nexport function LocationField({\n  visible,\n  activityType,\n  location,\n  setLocation,\n}: LocationFieldProps) {\n  const t = useT()\n\n  if (!isVisible(activityType, 'location')) return null\n\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <label className=\"text-overline font-semibold text-muted-foreground tracking-wider\">\n        {getFieldLabel(activityType, 'location', t, 'customers.schedule.location', 'Location')}\n      </label>\n      <div className=\"flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2.5\">\n        <MapPin className=\"size-3.5 text-muted-foreground shrink-0\" />\n        <input\n          type=\"text\"\n          value={location}\n          onChange={(e) => setLocation(e.target.value)}\n          placeholder={t('customers.schedule.locationPlaceholder', 'Add location or meeting link...')}\n          className=\"flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none\"\n        />\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0BM,cAGA,YAHA;AAxBN,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,WAAW,qBAAqB;AASlC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,IAAI,KAAK;AAEf,MAAI,CAAC,UAAU,cAAc,UAAU,EAAG,QAAO;AAEjD,SACE,qBAAC,SAAI,WAAU,yBACb;AAAA,wBAAC,WAAM,WAAU,oEACd,wBAAc,cAAc,YAAY,GAAG,+BAA+B,UAAU,GACvF;AAAA,IACA,qBAAC,SAAI,WAAU,qFACb;AAAA,0BAAC,UAAO,WAAU,2CAA0C;AAAA,MAC5D;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,UAC3C,aAAa,EAAE,0CAA0C,iCAAiC;AAAA,UAC1F,WAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/schedule/ParticipantsField.js

@@ -0,0 +1,226 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Users, Search, X, Clock, CheckCircle2, XCircle } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { fetchAssignableStaffMembersPage } from "../assignableStaff.js";
+import { isVisible } from "./fieldConfig.js";
+import { PARTICIPANT_COLORS } from "./useScheduleFormState.js";
+function ParticipantSearchPopover({
+  existingIds,
+  onAdd,
+  onAddMany,
+  t
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const [results, setResults] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(false);
+  const [loadError, setLoadError] = React.useState(null);
+  const selectableResults = React.useMemo(
+    () => results.filter((result) => !existingIds.has(result.userId)),
+    [existingIds, results]
+  );
+  React.useEffect(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    setLoading(true);
+    fetchAssignableStaffMembersPage(query, { page, pageSize: 20, signal: controller.signal }).then((result) => {
+      const members = result.items;
+      const nextResults = members.map((member) => ({
+        userId: member.userId,
+        name: member.displayName,
+        email: member.email ?? ""
+      }));
+      setResults((current) => {
+        if (page <= 1) return nextResults;
+        const merged = new Map(current.map((entry) => [entry.userId, entry]));
+        nextResults.forEach((entry) => merged.set(entry.userId, entry));
+        return Array.from(merged.values());
+      });
+      setTotalPages(result.total > 0 ? Math.max(1, Math.ceil(result.total / result.pageSize)) : 1);
+      setLoadError(null);
+    }).catch(() => {
+      setResults([]);
+      setLoadError(
+        t(
+          "customers.assignableStaff.loadError",
+          "Unable to load team members. Check your permissions and try again."
+        )
+      );
+    }).finally(() => setLoading(false));
+    return () => controller.abort();
+  }, [open, page, query, t]);
+  React.useEffect(() => {
+    if (!open) return;
+    setPage(1);
+  }, [open, query]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-auto inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg px-2.5 py-1.5 text-xs font-semibold text-foreground", children: [
+      /* @__PURE__ */ jsx(Users, { className: "size-3" }),
+      t("customers.schedule.addParticipant", "Add participant")
+    ] }) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-72 p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 mb-2", children: [
+        /* @__PURE__ */ jsx(Search, { className: "size-3.5 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder: t("customers.schedule.searchParticipant", "Search team members..."),
+            className: "flex-1 bg-transparent text-sm focus:outline-none",
+            autoFocus: true
+          }
+        )
+      ] }),
+      selectableResults.length ? /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "w-full",
+          onClick: () => {
+            onAddMany(
+              selectableResults.map((participant, index) => ({
+                userId: participant.userId,
+                name: participant.name,
+                email: participant.email,
+                color: PARTICIPANT_COLORS[(existingIds.size + index) % PARTICIPANT_COLORS.length]
+              }))
+            );
+            setOpen(false);
+            setQuery("");
+          },
+          children: t("customers.schedule.addVisibleParticipants", "Add all visible")
+        }
+      ) }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "max-h-48 overflow-y-auto space-y-0.5", children: [
+        loading && /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-muted-foreground text-center", children: t("customers.schedule.searching", "Searching...") }),
+        !loading && loadError && /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-destructive text-center", children: loadError }),
+        !loading && !loadError && results.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-muted-foreground text-center", children: t("customers.schedule.noResults", "No results") }),
+        results.map((r) => {
+          const alreadyAdded = existingIds.has(r.userId);
+          return /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled: alreadyAdded,
+              onClick: () => {
+                onAdd({ userId: r.userId, name: r.name, email: r.email, color: PARTICIPANT_COLORS[existingIds.size % PARTICIPANT_COLORS.length] });
+                setOpen(false);
+                setQuery("");
+              },
+              className: cn(
+                "h-auto flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+                alreadyAdded ? "opacity-40 cursor-default" : "hover:bg-accent cursor-pointer"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "inline-flex size-6 items-center justify-center rounded-full bg-muted text-xs font-bold shrink-0", children: r.name.charAt(0).toUpperCase() }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: r.name }),
+                r.email && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate", children: r.email })
+              ]
+            },
+            r.userId
+          );
+        }),
+        !loading && !loadError && page < totalPages ? /* @__PURE__ */ jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "w-full", onClick: () => setPage((current) => current + 1), children: t("customers.schedule.loadMore", "Load more") }) }) : null
+      ] })
+    ] })
+  ] });
+}
+function ParticipantsField({
+  visible,
+  activityType,
+  participants,
+  setParticipants,
+  removeParticipant,
+  guestPermissions,
+  setGuestPermissions
+}) {
+  const t = useT();
+  if (!isVisible(activityType, "participants")) return null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.participants", "Participants") }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex flex-wrap content-center items-center gap-2 rounded-lg border border-border bg-background px-3 py-2.5", children: [
+      participants.map((p) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted px-2.5 py-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("inline-flex size-5 items-center justify-center rounded-full text-xs font-bold text-white", p.color ?? "bg-primary"), children: p.name.charAt(0).toUpperCase() }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground", children: p.name }),
+        /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "sm", onClick: () => removeParticipant(p.userId), className: "h-auto text-muted-foreground hover:text-foreground p-0", "aria-label": t("customers.schedule.removeParticipant", "Remove participant"), children: /* @__PURE__ */ jsx(X, { className: "size-3" }) })
+      ] }, p.userId)),
+      /* @__PURE__ */ jsx(
+        ParticipantSearchPopover,
+        {
+          existingIds: new Set(participants.map((p) => p.userId)),
+          onAdd: (p) => setParticipants((prev) => [...prev, { ...p, status: "pending" }]),
+          onAddMany: (nextParticipants) => {
+            setParticipants((prev) => [
+              ...prev,
+              ...nextParticipants.map((participant) => ({ ...participant, status: "pending" }))
+            ]);
+          },
+          t
+        }
+      )
+    ] }),
+    participants.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-x-[16px] gap-y-[6px] text-xs", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground", children: t("customers.schedule.guestPermissions", "Guest permissions:") }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: guestPermissions.canInviteOthers, onChange: (e) => setGuestPermissions((p) => ({ ...p, canInviteOthers: e.target.checked })), className: "rounded" }),
+        t("customers.schedule.guestPerm.invite", "Invite others")
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: guestPermissions.canModify, onChange: (e) => setGuestPermissions((p) => ({ ...p, canModify: e.target.checked })), className: "rounded" }),
+        t("customers.schedule.guestPerm.modify", "Modify")
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: guestPermissions.canSeeList, onChange: (e) => setGuestPermissions((p) => ({ ...p, canSeeList: e.target.checked })), className: "rounded" }),
+        t("customers.schedule.guestPerm.seeList", "See list")
+      ] })
+    ] }),
+    participants.length > 0 && (() => {
+      const accepted = participants.filter((p) => p.status === "accepted").length;
+      const pending = participants.filter((p) => !p.status || p.status === "pending").length;
+      const declined = participants.filter((p) => p.status === "declined").length;
+      if (accepted === 0 && pending === 0 && declined === 0) return null;
+      return /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-3 text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("customers.schedule.rsvp.label", "Responses:") }),
+        accepted > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 font-medium text-status-success-text", children: [
+          /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5" }),
+          " ",
+          accepted,
+          " ",
+          t("customers.schedule.rsvp.accepted", "tak")
+        ] }),
+        pending > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 font-medium text-status-warning-text", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "size-3.5" }),
+          " ",
+          pending,
+          " ",
+          t("customers.schedule.rsvp.pending", "czeka")
+        ] }),
+        declined > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 font-medium text-status-error-text", children: [
+          /* @__PURE__ */ jsx(XCircle, { className: "size-3.5" }),
+          " ",
+          declined,
+          " ",
+          t("customers.schedule.rsvp.declined", "nie")
+        ] })
+      ] });
+    })()
+  ] });
+}
+export {
+  ParticipantsField
+};
+//# sourceMappingURL=ParticipantsField.js.map

package/dist/modules/customers/components/detail/schedule/ParticipantsField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/schedule/ParticipantsField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Users, Search, X, Clock, CheckCircle2, XCircle } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { fetchAssignableStaffMembersPage } from '../assignableStaff'\nimport type { ActivityType, ScheduleFieldId } from './fieldConfig'\nimport { isVisible } from './fieldConfig'\nimport type { Participant, RsvpStatus } from './useScheduleFormState'\nimport { PARTICIPANT_COLORS } from './useScheduleFormState'\n\nfunction ParticipantSearchPopover({\n  existingIds,\n  onAdd,\n  onAddMany,\n  t,\n}: {\n  existingIds: Set<string>\n  onAdd: (p: Participant) => void\n  onAddMany: (participants: Participant[]) => void\n  t: (key: string, fallback: string) => string\n}) {\n  const [open, setOpen] = React.useState(false)\n  const [query, setQuery] = React.useState('')\n  const [results, setResults] = React.useState<Array<{ userId: string; name: string; email: string }>>([])\n  const [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const selectableResults = React.useMemo(\n    () => results.filter((result) => !existingIds.has(result.userId)),\n    [existingIds, results],\n  )\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    setLoading(true)\n    fetchAssignableStaffMembersPage(query, { page, pageSize: 20, signal: controller.signal })\n      .then((result) => {\n        const members = result.items\n        const nextResults = members.map((member) => ({\n          userId: member.userId,\n          name: member.displayName,\n          email: member.email ?? '',\n        }))\n        setResults((current) => {\n          if (page <= 1) return nextResults\n          const merged = new Map(current.map((entry) => [entry.userId, entry]))\n          nextResults.forEach((entry) => merged.set(entry.userId, entry))\n          return Array.from(merged.values())\n        })\n        setTotalPages(result.total > 0 ? Math.max(1, Math.ceil(result.total / result.pageSize)) : 1)\n        setLoadError(null)\n      })\n      .catch(() => {\n        setResults([])\n        setLoadError(\n          t(\n            'customers.assignableStaff.loadError',\n            'Unable to load team members. Check your permissions and try again.',\n          ),\n        )\n      })\n      .finally(() => setLoading(false))\n    return () => controller.abort()\n  }, [open, page, query, t])\n\n  React.useEffect(() => {\n    if (!open) return\n    setPage(1)\n  }, [open, query])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"h-auto inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg px-2.5 py-1.5 text-xs font-semibold text-foreground\">\n          <Users className=\"size-3\" />\n          {t('customers.schedule.addParticipant', 'Add participant')}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-72 p-2\">\n        <div className=\"flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 mb-2\">\n          <Search className=\"size-3.5 text-muted-foreground shrink-0\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder={t('customers.schedule.searchParticipant', 'Search team members...')}\n            className=\"flex-1 bg-transparent text-sm focus:outline-none\"\n            autoFocus\n          />\n        </div>\n        {selectableResults.length ? (\n          <div className=\"mb-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"w-full\"\n              onClick={() => {\n                onAddMany(\n                  selectableResults.map((participant, index) => ({\n                    userId: participant.userId,\n                    name: participant.name,\n                    email: participant.email,\n                    color: PARTICIPANT_COLORS[(existingIds.size + index) % PARTICIPANT_COLORS.length],\n                  })),\n                )\n                setOpen(false)\n                setQuery('')\n              }}\n            >\n              {t('customers.schedule.addVisibleParticipants', 'Add all visible')}\n            </Button>\n          </div>\n        ) : null}\n        <div className=\"max-h-48 overflow-y-auto space-y-0.5\">\n          {loading && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.searching', 'Searching...')}</p>}\n          {!loading && loadError && <p className=\"px-2 py-3 text-xs text-destructive text-center\">{loadError}</p>}\n          {!loading && !loadError && results.length === 0 && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.noResults', 'No results')}</p>}\n          {results.map((r) => {\n            const alreadyAdded = existingIds.has(r.userId)\n            return (\n              <Button\n                key={r.userId}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={alreadyAdded}\n                onClick={() => {\n                  onAdd({ userId: r.userId, name: r.name, email: r.email, color: PARTICIPANT_COLORS[existingIds.size % PARTICIPANT_COLORS.length] })\n                  setOpen(false)\n                  setQuery('')\n                }}\n                className={cn(\n                  'h-auto flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors',\n                  alreadyAdded ? 'opacity-40 cursor-default' : 'hover:bg-accent cursor-pointer',\n                )}\n              >\n                <span className=\"inline-flex size-6 items-center justify-center rounded-full bg-muted text-xs font-bold shrink-0\">\n                  {r.name.charAt(0).toUpperCase()}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">{r.name}</span>\n                {r.email && <span className=\"text-xs text-muted-foreground truncate\">{r.email}</span>}\n              </Button>\n            )\n          })}\n          {!loading && !loadError && page < totalPages ? (\n            <div className=\"px-2 py-2\">\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"w-full\" onClick={() => setPage((current) => current + 1)}>\n                {t('customers.schedule.loadMore', 'Load more')}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\ninterface ParticipantsFieldProps {\n  visible: Set<ScheduleFieldId>\n  activityType: ActivityType\n  participants: Participant[]\n  setParticipants: React.Dispatch<React.SetStateAction<Participant[]>>\n  removeParticipant: (userId: string) => void\n  guestPermissions: { canInviteOthers: boolean; canModify: boolean; canSeeList: boolean }\n  setGuestPermissions: React.Dispatch<React.SetStateAction<{ canInviteOthers: boolean; canModify: boolean; canSeeList: boolean }>>\n}\n\nexport function ParticipantsField({\n  visible,\n  activityType,\n  participants,\n  setParticipants,\n  removeParticipant,\n  guestPermissions,\n  setGuestPermissions,\n}: ParticipantsFieldProps) {\n  const t = useT()\n\n  if (!isVisible(activityType, 'participants')) return null\n\n  return (\n    <div>\n      <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n        {t('customers.schedule.participants', 'Participants')}\n      </label>\n      <div className=\"mt-2.5 flex flex-wrap content-center items-center gap-2 rounded-lg border border-border bg-background px-3 py-2.5\">\n        {participants.map((p) => (\n          <div key={p.userId} className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted px-2.5 py-1.5\">\n            <span className={cn('inline-flex size-5 items-center justify-center rounded-full text-xs font-bold text-white', p.color ?? 'bg-primary')}>\n              {p.name.charAt(0).toUpperCase()}\n            </span>\n            <span className=\"text-xs text-foreground\">{p.name}</span>\n            <IconButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => removeParticipant(p.userId)} className=\"h-auto text-muted-foreground hover:text-foreground p-0\" aria-label={t('customers.schedule.removeParticipant', 'Remove participant')}>\n              <X className=\"size-3\" />\n            </IconButton>\n          </div>\n        ))}\n        <ParticipantSearchPopover\n          existingIds={new Set(participants.map((p) => p.userId))}\n          onAdd={(p) => setParticipants((prev) => [...prev, { ...p, status: 'pending' as RsvpStatus }])}\n          onAddMany={(nextParticipants) => {\n            setParticipants((prev) => [\n              ...prev,\n              ...nextParticipants.map((participant) => ({ ...participant, status: 'pending' as RsvpStatus })),\n            ])\n          }}\n          t={t}\n        />\n      </div>\n\n      {/* Guest permissions -- shown when participants exist */}\n      {participants.length > 0 && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-[16px] gap-y-[6px] text-xs\">\n          <span className=\"font-medium text-muted-foreground\">{t('customers.schedule.guestPermissions', 'Guest permissions:')}</span>\n          <label className=\"flex items-center gap-1.5 cursor-pointer\">\n            <input type=\"checkbox\" checked={guestPermissions.canInviteOthers} onChange={(e) => setGuestPermissions((p) => ({ ...p, canInviteOthers: e.target.checked }))} className=\"rounded\" />\n            {t('customers.schedule.guestPerm.invite', 'Invite others')}\n          </label>\n          <label className=\"flex items-center gap-1.5 cursor-pointer\">\n            <input type=\"checkbox\" checked={guestPermissions.canModify} onChange={(e) => setGuestPermissions((p) => ({ ...p, canModify: e.target.checked }))} className=\"rounded\" />\n            {t('customers.schedule.guestPerm.modify', 'Modify')}\n          </label>\n          <label className=\"flex items-center gap-1.5 cursor-pointer\">\n            <input type=\"checkbox\" checked={guestPermissions.canSeeList} onChange={(e) => setGuestPermissions((p) => ({ ...p, canSeeList: e.target.checked }))} className=\"rounded\" />\n            {t('customers.schedule.guestPerm.seeList', 'See list')}\n          </label>\n        </div>\n      )}\n\n      {/* RSVP summary -- shown when participants exist */}\n      {participants.length > 0 && (() => {\n        const accepted = participants.filter((p) => p.status === 'accepted').length\n        const pending = participants.filter((p) => !p.status || p.status === 'pending').length\n        const declined = participants.filter((p) => p.status === 'declined').length\n        if (accepted === 0 && pending === 0 && declined === 0) return null\n        return (\n          <div className=\"mt-2 flex items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">{t('customers.schedule.rsvp.label', 'Responses:')}</span>\n            {accepted > 0 && <span className=\"flex items-center gap-1 font-medium text-status-success-text\"><CheckCircle2 className=\"size-3.5\" /> {accepted} {t('customers.schedule.rsvp.accepted', 'tak')}</span>}\n            {pending > 0 && <span className=\"flex items-center gap-1 font-medium text-status-warning-text\"><Clock className=\"size-3.5\" /> {pending} {t('customers.schedule.rsvp.pending', 'czeka')}</span>}\n            {declined > 0 && <span className=\"flex items-center gap-1 font-medium text-status-error-text\"><XCircle className=\"size-3.5\" /> {declined} {t('customers.schedule.rsvp.declined', 'nie')}</span>}\n          </div>\n        )\n      })()}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}