@burdenoff/microfe-proserviceworld 2026.626.2 → 2026.706.1

package/dist/proserviceworld/pages/MattersPage.js

@@ -0,0 +1,275 @@
+import { useClients as e, useCloseMatter as t, useCreateMatter as n, useMatters as r, usePracticeAreas as i } from "../hooks/useProServiceWorldApi.js";
+import { Banner as a, Empty as o, ErrorState as s, Field as c, LoadingBlock as l, Modal as u, NativeSelect as d, PageHeader as f, SectionCard as p, StatusPill as m, TableWrap as h, Td as g, TextArea as _, TextInput as v, Th as y, enumOptions as b, fmtDate as x } from "../components/ui.js";
+import { useState as S } from "react";
+import { CheckCircle2 as C, FolderKanban as w, Lock as T, Plus as E, Search as D } from "lucide-react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Button as j } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/MattersPage.tsx
+var M = [
+	"OPEN",
+	"ON_HOLD",
+	"CLOSED",
+	"ARCHIVED"
+], N = [
+	"LOW",
+	"MEDIUM",
+	"HIGH",
+	"CRITICAL"
+], P = () => {
+	let [e, n] = S(""), [i, c] = S(""), [u, _] = S(!1), [O, N] = S(null), { data: P, isLoading: I, error: L, refetch: R } = r({
+		search: e.trim() || void 0,
+		status: i || void 0
+	}), z = t();
+	return /* @__PURE__ */ A("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ k(f, {
+				title: "Matters",
+				subtitle: "The regulated threads of work — legal matters, audits, filings — with their own deadlines and sensitive-document handling.",
+				icon: /* @__PURE__ */ k(w, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ A(j, {
+					onClick: () => _(!0),
+					children: [/* @__PURE__ */ k(E, { className: "mr-1.5 h-4 w-4" }), "New matter"]
+				})
+			}),
+			O && /* @__PURE__ */ k(a, {
+				tone: O.tone,
+				onClose: () => N(null),
+				children: O.text
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ A("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ k(D, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ k(v, {
+						placeholder: "Search matters…",
+						value: e,
+						onChange: (e) => n(e.target.value),
+						className: "pl-9"
+					})]
+				}), /* @__PURE__ */ A(d, {
+					value: i,
+					onChange: (e) => c(e.target.value),
+					className: "sm:w-48",
+					children: [/* @__PURE__ */ k("option", {
+						value: "",
+						children: "All statuses"
+					}), b(M)]
+				})]
+			}),
+			I ? /* @__PURE__ */ k(l, {}) : L ? /* @__PURE__ */ k(s, {
+				error: L,
+				onRetry: () => void R()
+			}) : !P || P.items.length === 0 ? /* @__PURE__ */ k(o, {
+				title: "No matters yet",
+				description: "Open a matter to track a regulated thread of work for a client.",
+				icon: /* @__PURE__ */ k(w, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ A(j, {
+					onClick: () => _(!0),
+					children: [/* @__PURE__ */ k(E, { className: "mr-1.5 h-4 w-4" }), "New matter"]
+				})
+			}) : /* @__PURE__ */ k(p, {
+				title: `${P.totalCount} matter${P.totalCount === 1 ? "" : "s"}`,
+				children: /* @__PURE__ */ A(h, { children: [/* @__PURE__ */ k("thead", { children: /* @__PURE__ */ A("tr", { children: [
+					/* @__PURE__ */ k(y, { children: "Matter" }),
+					/* @__PURE__ */ k(y, { children: "Client" }),
+					/* @__PURE__ */ k(y, { children: "Priority" }),
+					/* @__PURE__ */ k(y, { children: "Status" }),
+					/* @__PURE__ */ k(y, { children: "Due" }),
+					/* @__PURE__ */ k(y, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ k("tbody", { children: P.items.map((e) => /* @__PURE__ */ A("tr", {
+					className: "hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ A(g, { children: [/* @__PURE__ */ A("span", {
+							className: "flex items-center gap-1.5 font-medium text-text-primary",
+							children: [e.isPrivileged && /* @__PURE__ */ k(T, {
+								className: "h-3.5 w-3.5 text-status-warning-text",
+								"aria-label": "Privileged"
+							}), e.title]
+						}), e.reference ? /* @__PURE__ */ k("div", {
+							className: "text-xs text-text-tertiary",
+							children: e.reference
+						}) : null] }),
+						/* @__PURE__ */ k(g, { children: e.client?.name ?? "—" }),
+						/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(m, { status: e.priority }) }),
+						/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(m, { status: e.status }) }),
+						/* @__PURE__ */ k(g, { children: x(e.dueDate) }),
+						/* @__PURE__ */ k(g, {
+							className: "text-right",
+							children: e.status !== "CLOSED" && e.status !== "ARCHIVED" && /* @__PURE__ */ A(j, {
+								variant: "ghost",
+								size: "sm",
+								disabled: z.isPending,
+								onClick: () => z.mutate(e.id, {
+									onSuccess: () => N({
+										tone: "success",
+										text: `${e.title} closed.`
+									}),
+									onError: (e) => N({
+										tone: "danger",
+										text: e instanceof Error ? e.message : "Failed."
+									})
+								}),
+								children: [/* @__PURE__ */ k(C, { className: "mr-1 h-4 w-4" }), " Close"]
+							})
+						})
+					]
+				}, e.id)) })] })
+			}),
+			u && /* @__PURE__ */ k(F, {
+				onClose: () => _(!1),
+				onSaved: (e) => N({
+					tone: "success",
+					text: `${e} opened.`
+				})
+			})
+		]
+	});
+}, F = ({ onClose: t, onSaved: r }) => {
+	let o = n(), s = e({ pagination: { limit: 100 } }), l = i(), [f, p] = S({
+		clientId: "",
+		practiceAreaId: "",
+		title: "",
+		reference: "",
+		description: "",
+		priority: "MEDIUM",
+		dueDate: "",
+		isPrivileged: !1
+	}), [m, h] = S(null), g = (e) => (t) => p((n) => ({
+		...n,
+		[e]: t.target.value
+	}));
+	return /* @__PURE__ */ k(u, {
+		open: !0,
+		onClose: t,
+		title: "New matter",
+		footer: /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(j, {
+			variant: "outline",
+			onClick: t,
+			disabled: o.isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ k(j, {
+			onClick: () => {
+				if (h(null), !f.clientId) return h("Select a client.");
+				if (!f.title.trim()) return h("Matter title is required.");
+				o.mutate({
+					clientId: f.clientId,
+					practiceAreaId: f.practiceAreaId || null,
+					title: f.title.trim(),
+					reference: f.reference.trim() || null,
+					description: f.description.trim() || null,
+					priority: f.priority,
+					isPrivileged: f.isPrivileged,
+					dueDate: f.dueDate ? new Date(f.dueDate).toISOString() : null
+				}, {
+					onSuccess: () => {
+						r(f.title.trim()), t();
+					},
+					onError: (e) => h(e instanceof Error ? e.message : "Failed.")
+				});
+			},
+			disabled: o.isPending,
+			children: o.isPending ? "Opening…" : "Open matter"
+		})] }),
+		children: /* @__PURE__ */ A("div", {
+			className: "space-y-3",
+			children: [
+				m && /* @__PURE__ */ k(a, {
+					tone: "danger",
+					children: m
+				}),
+				/* @__PURE__ */ k(c, {
+					label: "Client",
+					required: !0,
+					children: /* @__PURE__ */ A(d, {
+						value: f.clientId,
+						onChange: g("clientId"),
+						children: [/* @__PURE__ */ k("option", {
+							value: "",
+							children: "Select a client…"
+						}), s.data?.items.map((e) => /* @__PURE__ */ k("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))]
+					})
+				}),
+				/* @__PURE__ */ k(c, {
+					label: "Title",
+					required: !0,
+					children: /* @__PURE__ */ k(v, {
+						value: f.title,
+						onChange: g("title"),
+						placeholder: "Regulatory investigation — SEC inquiry"
+					})
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ k(c, {
+						label: "Reference",
+						children: /* @__PURE__ */ k(v, {
+							value: f.reference,
+							onChange: g("reference"),
+							placeholder: "MAT-2026-014"
+						})
+					}), /* @__PURE__ */ k(c, {
+						label: "Priority",
+						children: /* @__PURE__ */ k(d, {
+							value: f.priority,
+							onChange: g("priority"),
+							children: b(N)
+						})
+					})]
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ k(c, {
+						label: "Practice area",
+						children: /* @__PURE__ */ A(d, {
+							value: f.practiceAreaId,
+							onChange: g("practiceAreaId"),
+							children: [/* @__PURE__ */ k("option", {
+								value: "",
+								children: "Unassigned"
+							}), l.data?.map((e) => /* @__PURE__ */ k("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})
+					}), /* @__PURE__ */ k(c, {
+						label: "Due date",
+						children: /* @__PURE__ */ k(v, {
+							type: "date",
+							value: f.dueDate,
+							onChange: g("dueDate")
+						})
+					})]
+				}),
+				/* @__PURE__ */ k(c, {
+					label: "Description",
+					children: /* @__PURE__ */ k(_, {
+						value: f.description,
+						onChange: g("description")
+					})
+				}),
+				/* @__PURE__ */ A("label", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ k("input", {
+						type: "checkbox",
+						checked: f.isPrivileged,
+						onChange: (e) => p((t) => ({
+							...t,
+							isPrivileged: e.target.checked
+						}))
+					}), "Privileged / confidential matter"]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { P as MattersPage };
+
+//# sourceMappingURL=MattersPage.js.map

package/dist/proserviceworld/pages/MattersPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MattersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/MattersPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, FolderKanban, Lock, CheckCircle2 } from 'lucide-react';\nimport {\n  useMatters,\n  useCreateMatter,\n  useCloseMatter,\n  useClients,\n  usePracticeAreas,\n  type PswMatterStatus,\n} from '../hooks/useProServiceWorldApi';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  NativeSelect,\n  Banner,\n  TableWrap,\n  Th,\n  Td,\n  enumOptions,\n  fmtDate,\n} from '../components/ui';\n\nconst STATUSES: PswMatterStatus[] = ['OPEN', 'ON_HOLD', 'CLOSED', 'ARCHIVED'];\nconst PRIORITIES = ['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as const;\n\nexport const MattersPage: FC = () => {\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<PswMatterStatus | ''>('');\n  const [creating, setCreating] = useState(false);\n  const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n  const { data, isLoading, error, refetch } = useMatters({\n    search: search.trim() || undefined,\n    status: statusFilter || undefined,\n  });\n  const close = useCloseMatter();\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Matters\"\n        subtitle=\"The regulated threads of work — legal matters, audits, filings — with their own deadlines and sensitive-document handling.\"\n        icon={<FolderKanban className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New matter\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone={banner.tone} onClose={() => setBanner(null)}>\n          {banner.text}\n        </Banner>\n      )}\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <TextInput\n            placeholder=\"Search matters…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"pl-9\"\n          />\n        </div>\n        <NativeSelect\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value as PswMatterStatus | '')}\n          className=\"sm:w-48\"\n        >\n          <option value=\"\">All statuses</option>\n          {enumOptions(STATUSES)}\n        </NativeSelect>\n      </div>\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.items.length === 0 ? (\n        <Empty\n          title=\"No matters yet\"\n          description=\"Open a matter to track a regulated thread of work for a client.\"\n          icon={<FolderKanban className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New matter\n            </Button>\n          }\n        />\n      ) : (\n        <SectionCard title={`${data.totalCount} matter${data.totalCount === 1 ? '' : 's'}`}>\n          <TableWrap>\n            <thead>\n              <tr>\n                <Th>Matter</Th>\n                <Th>Client</Th>\n                <Th>Priority</Th>\n                <Th>Status</Th>\n                <Th>Due</Th>\n                <Th className=\"text-right\">Actions</Th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.items.map((m) => (\n                <tr key={m.id} className=\"hover:bg-bg-sunken/50\">\n                  <Td>\n                    <span className=\"flex items-center gap-1.5 font-medium text-text-primary\">\n                      {m.isPrivileged && (\n                        <Lock\n                          className=\"h-3.5 w-3.5 text-status-warning-text\"\n                          aria-label=\"Privileged\"\n                        />\n                      )}\n                      {m.title}\n                    </span>\n                    {m.reference ? (\n                      <div className=\"text-xs text-text-tertiary\">{m.reference}</div>\n                    ) : null}\n                  </Td>\n                  <Td>{m.client?.name ?? '—'}</Td>\n                  <Td>\n                    <StatusPill status={m.priority} />\n                  </Td>\n                  <Td>\n                    <StatusPill status={m.status} />\n                  </Td>\n                  <Td>{fmtDate(m.dueDate)}</Td>\n                  <Td className=\"text-right\">\n                    {m.status !== 'CLOSED' && m.status !== 'ARCHIVED' && (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={close.isPending}\n                        onClick={() =>\n                          close.mutate(m.id, {\n                            onSuccess: () =>\n                              setBanner({ tone: 'success', text: `${m.title} closed.` }),\n                            onError: (e) =>\n                              setBanner({\n                                tone: 'danger',\n                                text: e instanceof Error ? e.message : 'Failed.',\n                              }),\n                          })\n                        }\n                      >\n                        <CheckCircle2 className=\"mr-1 h-4 w-4\" /> Close\n                      </Button>\n                    )}\n                  </Td>\n                </tr>\n              ))}\n            </tbody>\n          </TableWrap>\n        </SectionCard>\n      )}\n\n      {creating && (\n        <MatterModal\n          onClose={() => setCreating(false)}\n          onSaved={(t) => setBanner({ tone: 'success', text: `${t} opened.` })}\n        />\n      )}\n    </div>\n  );\n};\n\nconst MatterModal: FC<{ onClose: () => void; onSaved: (title: string) => void }> = ({\n  onClose,\n  onSaved,\n}) => {\n  const create = useCreateMatter();\n  const clients = useClients({ pagination: { limit: 100 } });\n  const practiceAreas = usePracticeAreas();\n  const [form, setForm] = useState({\n    clientId: '',\n    practiceAreaId: '',\n    title: '',\n    reference: '',\n    description: '',\n    priority: 'MEDIUM',\n    dueDate: '',\n    isPrivileged: false,\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const set = (k: keyof typeof form) => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.clientId) return setErr('Select a client.');\n    if (!form.title.trim()) return setErr('Matter title is required.');\n    create.mutate(\n      {\n        clientId: form.clientId,\n        practiceAreaId: form.practiceAreaId || null,\n        title: form.title.trim(),\n        reference: form.reference.trim() || null,\n        description: form.description.trim() || null,\n        priority: form.priority,\n        isPrivileged: form.isPrivileged,\n        dueDate: form.dueDate ? new Date(form.dueDate).toISOString() : null,\n      },\n      {\n        onSuccess: () => {\n          onSaved(form.title.trim());\n          onClose();\n        },\n        onError: (e) => setErr(e instanceof Error ? e.message : 'Failed.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"New matter\"\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={create.isPending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={create.isPending}>\n            {create.isPending ? 'Opening…' : 'Open matter'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Client\" required>\n          <NativeSelect value={form.clientId} onChange={set('clientId')}>\n            <option value=\"\">Select a client…</option>\n            {clients.data?.items.map((c) => (\n              <option key={c.id} value={c.id}>\n                {c.name}\n              </option>\n            ))}\n          </NativeSelect>\n        </Field>\n        <Field label=\"Title\" required>\n          <TextInput\n            value={form.title}\n            onChange={set('title')}\n            placeholder=\"Regulatory investigation — SEC inquiry\"\n          />\n        </Field>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Reference\">\n            <TextInput\n              value={form.reference}\n              onChange={set('reference')}\n              placeholder=\"MAT-2026-014\"\n            />\n          </Field>\n          <Field label=\"Priority\">\n            <NativeSelect value={form.priority} onChange={set('priority')}>\n              {enumOptions(PRIORITIES)}\n            </NativeSelect>\n          </Field>\n        </div>\n        <div className=\"grid grid-cols-2 gap-3\">\n          <Field label=\"Practice area\">\n            <NativeSelect value={form.practiceAreaId} onChange={set('practiceAreaId')}>\n              <option value=\"\">Unassigned</option>\n              {practiceAreas.data?.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name}\n                </option>\n              ))}\n            </NativeSelect>\n          </Field>\n          <Field label=\"Due date\">\n            <TextInput type=\"date\" value={form.dueDate} onChange={set('dueDate')} />\n          </Field>\n        </div>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n        <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <input\n            type=\"checkbox\"\n            checked={form.isPrivileged}\n            onChange={(e) => setForm((f) => ({ ...f, isPrivileged: e.target.checked }))}\n          />\n          Privileged / confidential matter\n        </label>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;;;AAgCA,IAAM,IAA8B;CAAC;CAAQ;CAAW;CAAU;CAAW,EACvE,IAAa;CAAC;CAAO;CAAU;CAAQ;CAAW,EAE3C,UAAwB;CACnC,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAc,KAAmB,EAA+B,GAAG,EACpE,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAQ,KAAa,EAA8D,KAAK,EACzF,EAAE,SAAM,cAAW,UAAO,eAAY,EAAW;EACrD,QAAQ,EAAO,MAAM,IAAI,KAAA;EACzB,QAAQ,KAAgB,KAAA;EACzB,CAAC,EACI,IAAQ,GAAgB;AAE9B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,UAAS;IACT,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;IAC1C,SACE,kBAAC,GAAD;KAAQ,eAAe,EAAY,GAAK;eAAxC,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,aAE5B;;IAEX,CAAA;GAED,KACC,kBAAC,GAAD;IAAQ,MAAM,EAAO;IAAM,eAAe,EAAU,KAAK;cACtD,EAAO;IACD,CAAA;GAGX,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,2FAA4F,CAAA,EAC9G,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,WAAU;MACV,CAAA,CACE;QACN,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAA8B;KACxE,WAAU;eAHZ,CAKE,kBAAC,UAAD;MAAQ,OAAM;gBAAG;MAAqB,CAAA,EACrC,EAAY,EAAS,CACT;OACX;;GAEL,IACC,kBAAC,GAAD,EAAgB,CAAA,GACd,IACF,kBAAC,GAAD;IAAmB;IAAO,eAAe,KAAK,GAAS;IAAI,CAAA,GACzD,CAAC,KAAQ,EAAK,MAAM,WAAW,IACjC,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;IAC1C,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAY,GAAK;eAAxC,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,aAE5B;;IAEX,CAAA,GAEF,kBAAC,GAAD;IAAa,OAAO,GAAG,EAAK,WAAW,SAAS,EAAK,eAAe,IAAI,KAAK;cAC3E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD,EAAA,UAAI,YAAa,CAAA;KACjB,kBAAC,GAAD,EAAA,UAAI,UAAW,CAAA;KACf,kBAAC,GAAD,EAAA,UAAI,OAAQ,CAAA;KACZ,kBAAC,GAAD;MAAI,WAAU;gBAAa;MAAY,CAAA;KACpC,EAAA,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAK,MAAM,KAAK,MACf,kBAAC,MAAD;KAAe,WAAU;eAAzB;MACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAE,gBACD,kBAAC,GAAD;QACE,WAAU;QACV,cAAW;QACX,CAAA,EAEH,EAAE,MACE;UACN,EAAE,YACD,kBAAC,OAAD;OAAK,WAAU;iBAA8B,EAAE;OAAgB,CAAA,GAC7D,KACD,EAAA,CAAA;MACL,kBAAC,GAAD,EAAA,UAAK,EAAE,QAAQ,QAAQ,KAAS,CAAA;MAChC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,UAAY,CAAA,EAC/B,CAAA;MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,QAAQ,EAAE,QAAU,CAAA,EAC7B,CAAA;MACL,kBAAC,GAAD,EAAA,UAAK,EAAQ,EAAE,QAAQ,EAAM,CAAA;MAC7B,kBAAC,GAAD;OAAI,WAAU;iBACX,EAAE,WAAW,YAAY,EAAE,WAAW,cACrC,kBAAC,GAAD;QACE,SAAQ;QACR,MAAK;QACL,UAAU,EAAM;QAChB,eACE,EAAM,OAAO,EAAE,IAAI;SACjB,iBACE,EAAU;UAAE,MAAM;UAAW,MAAM,GAAG,EAAE,MAAM;UAAW,CAAC;SAC5D,UAAU,MACR,EAAU;UACR,MAAM;UACN,MAAM,aAAa,QAAQ,EAAE,UAAU;UACxC,CAAC;SACL,CAAC;kBAbN,CAgBE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,SAClC;;OAER,CAAA;MACF;OA7CI,EAAE,GA6CN,CACL,EACI,CAAA,CACE,EAAA,CAAA;IACA,CAAA;GAGf,KACC,kBAAC,GAAD;IACE,eAAe,EAAY,GAAM;IACjC,UAAU,MAAM,EAAU;KAAE,MAAM;KAAW,MAAM,GAAG,EAAE;KAAW,CAAC;IACpE,CAAA;GAEA;;GAIJ,KAA8E,EAClF,YACA,iBACI;CACJ,IAAM,IAAS,GAAiB,EAC1B,IAAU,EAAW,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE,CAAC,EACpD,IAAgB,GAAkB,EAClC,CAAC,GAAM,KAAW,EAAS;EAC/B,UAAU;EACV,gBAAgB;EAChB,OAAO;EACP,WAAW;EACX,aAAa;EACb,UAAU;EACV,SAAS;EACT,cAAc;EACf,CAAC,EACI,CAAC,GAAK,KAAU,EAAwB,KAAK,EAC7C,KAAO,OAA0B,MACrC,GAAS,OAAO;EAAE,GAAG;GAAI,IAAI,EAAE,OAAO;EAAO,EAAE;AA2BjD,QACE,kBAAC,GAAD;EACE,MAAA;EACS;EACT,OAAM;EACN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;GAAS,UAAU,EAAO;aAAW;GAE/D,CAAA,EACT,kBAAC,GAAD;GAAQ,eAnCK;AAEnB,QADA,EAAO,KAAK,EACR,CAAC,EAAK,SAAU,QAAO,EAAO,mBAAmB;AACrD,QAAI,CAAC,EAAK,MAAM,MAAM,CAAE,QAAO,EAAO,4BAA4B;AAClE,MAAO,OACL;KACE,UAAU,EAAK;KACf,gBAAgB,EAAK,kBAAkB;KACvC,OAAO,EAAK,MAAM,MAAM;KACxB,WAAW,EAAK,UAAU,MAAM,IAAI;KACpC,aAAa,EAAK,YAAY,MAAM,IAAI;KACxC,UAAU,EAAK;KACf,cAAc,EAAK;KACnB,SAAS,EAAK,UAAU,IAAI,KAAK,EAAK,QAAQ,CAAC,aAAa,GAAG;KAChE,EACD;KACE,iBAAiB;AAEf,MADA,EAAQ,EAAK,MAAM,MAAM,CAAC,EAC1B,GAAS;;KAEX,UAAU,MAAM,EAAO,aAAa,QAAQ,EAAE,UAAU,UAAU;KACnE,CACF;;GAa8B,UAAU,EAAO;aACvC,EAAO,YAAY,aAAa;GAC1B,CAAA,CACR,EAAA,CAAA;YAGL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAO,kBAAC,GAAD;KAAQ,MAAK;eAAU;KAAa,CAAA;IAC5C,kBAAC,GAAD;KAAO,OAAM;KAAS,UAAA;eACpB,kBAAC,GAAD;MAAc,OAAO,EAAK;MAAU,UAAU,EAAI,WAAW;gBAA7D,CACE,kBAAC,UAAD;OAAQ,OAAM;iBAAG;OAAyB,CAAA,EACzC,EAAQ,MAAM,MAAM,KAAK,MACxB,kBAAC,UAAD;OAAmB,OAAO,EAAE;iBACzB,EAAE;OACI,EAFI,EAAE,GAEN,CACT,CACW;;KACT,CAAA;IACR,kBAAC,GAAD;KAAO,OAAM;KAAQ,UAAA;eACnB,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,UAAU,EAAI,QAAQ;MACtB,aAAY;MACZ,CAAA;KACI,CAAA;IACR,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OACE,OAAO,EAAK;OACZ,UAAU,EAAI,YAAY;OAC1B,aAAY;OACZ,CAAA;MACI,CAAA,EACR,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAc,OAAO,EAAK;OAAU,UAAU,EAAI,WAAW;iBAC1D,EAAY,EAAW;OACX,CAAA;MACT,CAAA,CACJ;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAc,OAAO,EAAK;OAAgB,UAAU,EAAI,iBAAiB;iBAAzE,CACE,kBAAC,UAAD;QAAQ,OAAM;kBAAG;QAAmB,CAAA,EACnC,EAAc,MAAM,KAAK,MACxB,kBAAC,UAAD;QAAmB,OAAO,EAAE;kBACzB,EAAE;QACI,EAFI,EAAE,GAEN,CACT,CACW;;MACT,CAAA,EACR,kBAAC,GAAD;MAAO,OAAM;gBACX,kBAAC,GAAD;OAAW,MAAK;OAAO,OAAO,EAAK;OAAS,UAAU,EAAI,UAAU;OAAI,CAAA;MAClE,CAAA,CACJ;;IACN,kBAAC,GAAD;KAAO,OAAM;eACX,kBAAC,GAAD;MAAU,OAAO,EAAK;MAAa,UAAU,EAAI,cAAc;MAAI,CAAA;KAC7D,CAAA;IACR,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD;MACE,MAAK;MACL,SAAS,EAAK;MACd,WAAW,MAAM,GAAS,OAAO;OAAE,GAAG;OAAG,cAAc,EAAE,OAAO;OAAS,EAAE;MAC3E,CAAA,EAAA,mCAEI;;IACJ;;EACA,CAAA"}

package/dist/proserviceworld/pages/PracticeAreasPage.js

@@ -0,0 +1,176 @@
+import { useCreatePracticeArea as e, usePracticeAreas as t, useUpdatePracticeArea as n } from "../hooks/useProServiceWorldApi.js";
+import { Banner as r, Empty as i, ErrorState as a, Field as o, LoadingBlock as s, Modal as c, PageHeader as l, SectionCard as u, StatusPill as d, TextArea as f, TextInput as p } from "../components/ui.js";
+import { useState as m } from "react";
+import { LayoutGrid as h, Pencil as g, Plus as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/PracticeAreasPage.tsx
+var S = () => {
+	let { data: e, isLoading: n, error: o, refetch: c } = t(), [f, p] = m(!1), [v, S] = m(null), [w, T] = m(null);
+	return /* @__PURE__ */ b("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ y(l, {
+				title: "Practice areas",
+				subtitle: "The domains of service your firm offers — Tax, Audit, Litigation, Advisory — that engagements and matters classify against.",
+				icon: /* @__PURE__ */ y(h, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ b(x, {
+					onClick: () => p(!0),
+					children: [/* @__PURE__ */ y(_, { className: "mr-1.5 h-4 w-4" }), "New area"]
+				})
+			}),
+			w && /* @__PURE__ */ y(r, {
+				tone: "success",
+				onClose: () => T(null),
+				children: w
+			}),
+			n ? /* @__PURE__ */ y(s, {}) : o ? /* @__PURE__ */ y(a, {
+				error: o,
+				onRetry: () => void c()
+			}) : !e || e.length === 0 ? /* @__PURE__ */ y(i, {
+				title: "No practice areas",
+				description: "Define the service domains your firm offers.",
+				icon: /* @__PURE__ */ y(h, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ b(x, {
+					onClick: () => p(!0),
+					children: [/* @__PURE__ */ y(_, { className: "mr-1.5 h-4 w-4" }), "New area"]
+				})
+			}) : /* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+				children: e.map((e) => /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ b("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ y("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: e.name
+						}), e.code ? /* @__PURE__ */ y("span", {
+							className: "rounded bg-bg-sunken px-1.5 py-0.5 text-xs text-text-tertiary",
+							children: e.code
+						}) : null]
+					}), /* @__PURE__ */ y(d, {
+						status: e.isActive ? "ACTIVE" : "INACTIVE",
+						className: "mt-1.5"
+					})] }), /* @__PURE__ */ y(x, {
+						variant: "ghost",
+						size: "sm",
+						"aria-label": "Edit",
+						onClick: () => S(e),
+						children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
+					})]
+				}), e.description ? /* @__PURE__ */ y("p", {
+					className: "mt-2 text-sm text-text-secondary",
+					children: e.description
+				}) : null] }, e.id))
+			}),
+			f && /* @__PURE__ */ y(C, {
+				onClose: () => p(!1),
+				onDone: () => {
+					c(), T("Practice area created.");
+				}
+			}),
+			v && /* @__PURE__ */ y(C, {
+				area: v,
+				onClose: () => S(null),
+				onDone: () => {
+					c(), T("Practice area updated.");
+				}
+			})
+		]
+	});
+}, C = ({ area: t, onClose: i, onDone: a }) => {
+	let s = e(), l = n(), [u, d] = m({
+		name: t?.name ?? "",
+		code: t?.code ?? "",
+		description: t?.description ?? "",
+		isActive: t?.isActive ?? !0
+	}), [h, g] = m(null), _ = s.isPending || l.isPending, S = (e) => (t) => d((n) => ({
+		...n,
+		[e]: t.target.value
+	}));
+	return /* @__PURE__ */ y(c, {
+		open: !0,
+		onClose: i,
+		title: t ? "Edit practice area" : "New practice area",
+		footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(x, {
+			variant: "outline",
+			onClick: i,
+			disabled: _,
+			children: "Cancel"
+		}), /* @__PURE__ */ y(x, {
+			onClick: () => {
+				if (g(null), !u.name.trim()) return g("Name is required.");
+				let e = {
+					name: u.name.trim(),
+					code: u.code.trim() || null,
+					description: u.description.trim() || null,
+					isActive: u.isActive
+				}, n = (e) => g(e instanceof Error ? e.message : "Failed.");
+				t ? l.mutate({
+					id: t.id,
+					input: e
+				}, {
+					onSuccess: () => {
+						a(), i();
+					},
+					onError: n
+				}) : s.mutate(e, {
+					onSuccess: () => {
+						a(), i();
+					},
+					onError: n
+				});
+			},
+			disabled: _,
+			children: _ ? "Saving…" : t ? "Save" : "Create"
+		})] }),
+		children: /* @__PURE__ */ b("div", {
+			className: "space-y-3",
+			children: [
+				h && /* @__PURE__ */ y(r, {
+					tone: "danger",
+					children: h
+				}),
+				/* @__PURE__ */ y(o, {
+					label: "Name",
+					required: !0,
+					children: /* @__PURE__ */ y(p, {
+						value: u.name,
+						onChange: S("name"),
+						placeholder: "Tax Advisory"
+					})
+				}),
+				/* @__PURE__ */ y(o, {
+					label: "Code",
+					children: /* @__PURE__ */ y(p, {
+						value: u.code,
+						onChange: S("code"),
+						placeholder: "TAX"
+					})
+				}),
+				/* @__PURE__ */ y(o, {
+					label: "Description",
+					children: /* @__PURE__ */ y(f, {
+						value: u.description,
+						onChange: S("description")
+					})
+				}),
+				/* @__PURE__ */ b("label", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ y("input", {
+						type: "checkbox",
+						checked: u.isActive,
+						onChange: (e) => d((t) => ({
+							...t,
+							isActive: e.target.checked
+						}))
+					}), "Active"]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { S as PracticeAreasPage };
+
+//# sourceMappingURL=PracticeAreasPage.js.map

package/dist/proserviceworld/pages/PracticeAreasPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PracticeAreasPage.js","names":[],"sources":["../../../src/proserviceworld/pages/PracticeAreasPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, LayoutGrid, Pencil } from 'lucide-react';\nimport {\n  usePracticeAreas,\n  useCreatePracticeArea,\n  useUpdatePracticeArea,\n  type PswPracticeArea,\n} from '../hooks/useProServiceWorldApi';\nimport {\n  PageHeader,\n  SectionCard,\n  LoadingBlock,\n  ErrorState,\n  Empty,\n  StatusPill,\n  Modal,\n  Field,\n  TextInput,\n  TextArea,\n  Banner,\n} from '../components/ui';\n\nexport const PracticeAreasPage: FC = () => {\n  const { data, isLoading, error, refetch } = usePracticeAreas();\n  const [creating, setCreating] = useState(false);\n  const [editing, setEditing] = useState<PswPracticeArea | null>(null);\n  const [banner, setBanner] = useState<string | null>(null);\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Practice areas\"\n        subtitle=\"The domains of service your firm offers — Tax, Audit, Litigation, Advisory — that engagements and matters classify against.\"\n        icon={<LayoutGrid className=\"h-6 w-6\" />}\n        actions={\n          <Button onClick={() => setCreating(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            New area\n          </Button>\n        }\n      />\n\n      {banner && (\n        <Banner tone=\"success\" onClose={() => setBanner(null)}>\n          {banner}\n        </Banner>\n      )}\n\n      {isLoading ? (\n        <LoadingBlock />\n      ) : error ? (\n        <ErrorState error={error} onRetry={() => void refetch()} />\n      ) : !data || data.length === 0 ? (\n        <Empty\n          title=\"No practice areas\"\n          description=\"Define the service domains your firm offers.\"\n          icon={<LayoutGrid className=\"h-8 w-8\" />}\n          action={\n            <Button onClick={() => setCreating(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />\n              New area\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n          {data.map((p) => (\n            <SectionCard key={p.id}>\n              <div className=\"flex items-start justify-between\">\n                <div>\n                  <div className=\"flex items-center gap-2\">\n                    <h3 className=\"text-sm font-semibold text-text-primary\">{p.name}</h3>\n                    {p.code ? (\n                      <span className=\"rounded bg-bg-sunken px-1.5 py-0.5 text-xs text-text-tertiary\">\n                        {p.code}\n                      </span>\n                    ) : null}\n                  </div>\n                  <StatusPill status={p.isActive ? 'ACTIVE' : 'INACTIVE'} className=\"mt-1.5\" />\n                </div>\n                <Button variant=\"ghost\" size=\"sm\" aria-label=\"Edit\" onClick={() => setEditing(p)}>\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n              </div>\n              {p.description ? (\n                <p className=\"mt-2 text-sm text-text-secondary\">{p.description}</p>\n              ) : null}\n            </SectionCard>\n          ))}\n        </div>\n      )}\n\n      {creating && (\n        <AreaModal\n          onClose={() => setCreating(false)}\n          onDone={() => {\n            void refetch();\n            setBanner('Practice area created.');\n          }}\n        />\n      )}\n      {editing && (\n        <AreaModal\n          area={editing}\n          onClose={() => setEditing(null)}\n          onDone={() => {\n            void refetch();\n            setBanner('Practice area updated.');\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst AreaModal: FC<{ area?: PswPracticeArea; onClose: () => void; onDone: () => void }> = ({\n  area,\n  onClose,\n  onDone,\n}) => {\n  const create = useCreatePracticeArea();\n  const update = useUpdatePracticeArea();\n  const [form, setForm] = useState({\n    name: area?.name ?? '',\n    code: area?.code ?? '',\n    description: area?.description ?? '',\n    isActive: area?.isActive ?? true,\n  });\n  const [err, setErr] = useState<string | null>(null);\n  const pending = create.isPending || update.isPending;\n  const set = (k: 'name' | 'code' | 'description') => (e: { target: { value: string } }) =>\n    setForm((f) => ({ ...f, [k]: e.target.value }));\n\n  const submit = () => {\n    setErr(null);\n    if (!form.name.trim()) return setErr('Name is required.');\n    const payload = {\n      name: form.name.trim(),\n      code: form.code.trim() || null,\n      description: form.description.trim() || null,\n      isActive: form.isActive,\n    };\n    const onError = (e: unknown) => setErr(e instanceof Error ? e.message : 'Failed.');\n    if (area)\n      update.mutate(\n        { id: area.id, input: payload },\n        {\n          onSuccess: () => {\n            onDone();\n            onClose();\n          },\n          onError,\n        }\n      );\n    else\n      create.mutate(payload, {\n        onSuccess: () => {\n          onDone();\n          onClose();\n        },\n        onError,\n      });\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={area ? 'Edit practice area' : 'New practice area'}\n      footer={\n        <>\n          <Button variant=\"outline\" onClick={onClose} disabled={pending}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={pending}>\n            {pending ? 'Saving…' : area ? 'Save' : 'Create'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-3\">\n        {err && <Banner tone=\"danger\">{err}</Banner>}\n        <Field label=\"Name\" required>\n          <TextInput value={form.name} onChange={set('name')} placeholder=\"Tax Advisory\" />\n        </Field>\n        <Field label=\"Code\">\n          <TextInput value={form.code} onChange={set('code')} placeholder=\"TAX\" />\n        </Field>\n        <Field label=\"Description\">\n          <TextArea value={form.description} onChange={set('description')} />\n        </Field>\n        <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <input\n            type=\"checkbox\"\n            checked={form.isActive}\n            onChange={(e) => setForm((f) => ({ ...f, isActive: e.target.checked }))}\n          />\n          Active\n        </label>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}