npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.720.1 → 2026.728.2 - Mend

@burdenoff/microfe-proserviceworld 2026.720.1 → 2026.728.2

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

Files changed (37) hide show

package/dist/proserviceworld/pages/MyPortalPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MyPortalPage.js","names":[],"sources":["../../../src/proserviceworld/pages/MyPortalPage.tsx"],"sourcesContent":["/**\n * My Portal — client-facing self-service view (BOFF-4283).\n *\n * MVP scope: view my matters, my invoices, view/download my (PUBLIC) documents.\n * Everything here is self-scoped server-side (pswMyMatters/pswMyInvoices/\n * pswMyDocuments/pswMyClientPortalClients) — the calling actor's ACTIVE\n * PswClientPortalUser link IS the access control; there is no clientId\n * argument this page could ever pass to see someone else's data.\n *\n * Deferred/future scope (not half-built): in-portal messaging, e-signature\n * requests surfaced directly here, and online payment — see BOFF-4283.\n */\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Contact, FolderKanban, Receipt, FileText, Download } from 'lucide-react';\nimport {\n useMyClientPortalClients,\n useMyMatters,\n useMyInvoices,\n useMyDocuments,\n} from '../hooks/useProServiceWorldApi';\nimport { getDocumentDownloadUrl } from '../hooks/useFiles';\nimport {\n PageHeader,\n SectionCard,\n LoadingBlock,\n ErrorState,\n Empty,\n StatusPill,\n Banner,\n TableWrap,\n Th,\n Td,\n fmtDate,\n fmtMoney,\n} from '../components/ui';\n\ntype Tab = 'matters' | 'invoices' | 'documents';\n\nexport const MyPortalPage: FC = () => {\n const {\n data: clients,\n isLoading: clientsLoading,\n error: clientsError,\n } = useMyClientPortalClients();\n const [tab, setTab] = useState<Tab>('matters');\n\n if (clientsLoading) return <LoadingBlock />;\n if (clientsError) return <ErrorState error={clientsError} />;\n\n if (!clients || clients.length === 0) {\n return (\n <div className=\"space-y-6\">\n <PageHeader\n title=\"My portal\"\n subtitle=\"View your matters, invoices, and documents.\"\n icon={<Contact className=\"h-6 w-6\" />}\n />\n <Empty\n title=\"No portal access\"\n description=\"You don't have client-portal access in this workspace yet. Ask your firm to grant it.\"\n icon={<Contact className=\"h-8 w-8\" />}\n />\n </div>\n );\n }\n\n return (\n <div className=\"space-y-6\">\n <PageHeader\n title=\"My portal\"\n subtitle={`Viewing ${clients.map((c) => c.name).join(', ')}`}\n icon={<Contact className=\"h-6 w-6\" />}\n />\n\n <div className=\"flex gap-2 border-b border-border-seam\">\n {(\n [\n { id: 'matters', label: 'My matters', icon: FolderKanban },\n { id: 'invoices', label: 'My invoices', icon: Receipt },\n { id: 'documents', label: 'My documents', icon: FileText },\n ] as const\n ).map((t) => (\n <button\n key={t.id}\n type=\"button\"\n onClick={() => setTab(t.id)}\n className={`flex items-center gap-1.5 border-b-2 px-3 py-2 text-sm font-medium ${\n tab === t.id\n ? 'border-accent text-accent'\n : 'border-transparent text-text-secondary hover:text-text-primary'\n }`}\n >\n <t.icon className=\"h-4 w-4\" />\n {t.label}\n </button>\n ))}\n </div>\n\n {tab === 'matters' && <MyMattersTab />}\n {tab === 'invoices' && <MyInvoicesTab />}\n {tab === 'documents' && <MyDocumentsTab />}\n </div>\n );\n};\n\nconst MyMattersTab: FC = () => {\n const { data, isLoading, error, refetch } = useMyMatters();\n const items = data?.items ?? [];\n if (isLoading) return <LoadingBlock />;\n if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n if (items.length === 0) {\n return <Empty title=\"No matters yet\" icon={<FolderKanban className=\"h-8 w-8\" />} />;\n }\n return (\n <SectionCard\n title={`${data?.totalCount ?? items.length} matter${(data?.totalCount ?? items.length) === 1 ? '' : 's'}`}\n >\n <TableWrap>\n <thead>\n <tr>\n <Th>Title</Th>\n <Th>Status</Th>\n <Th>Priority</Th>\n <Th>Due</Th>\n </tr>\n </thead>\n <tbody>\n {items.map((m) => (\n <tr key={m.id}>\n <Td className=\"font-medium text-text-primary\">{m.title}</Td>\n <Td>\n <StatusPill status={m.status} />\n </Td>\n <Td>\n <StatusPill status={m.priority} />\n </Td>\n <Td>{fmtDate(m.dueDate)}</Td>\n </tr>\n ))}\n </tbody>\n </TableWrap>\n </SectionCard>\n );\n};\n\nconst MyInvoicesTab: FC = () => {\n const { data, isLoading, error, refetch } = useMyInvoices();\n const items = data?.items ?? [];\n if (isLoading) return <LoadingBlock />;\n if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n if (items.length === 0) {\n return <Empty title=\"No invoices yet\" icon={<Receipt className=\"h-8 w-8\" />} />;\n }\n return (\n <SectionCard\n title={`${data?.totalCount ?? items.length} invoice${(data?.totalCount ?? items.length) === 1 ? '' : 's'}`}\n >\n <TableWrap>\n <thead>\n <tr>\n <Th>Number</Th>\n <Th>Status</Th>\n <Th>Amount</Th>\n <Th>Due</Th>\n </tr>\n </thead>\n <tbody>\n {items.map((i) => (\n <tr key={i.id}>\n <Td className=\"font-medium text-text-primary\">{i.number}</Td>\n <Td>\n <StatusPill status={i.status} />\n </Td>\n <Td>{fmtMoney(i.total, i.currency)}</Td>\n <Td>{fmtDate(i.dueDate)}</Td>\n </tr>\n ))}\n </tbody>\n </TableWrap>\n </SectionCard>\n );\n};\n\nconst MyDocumentsTab: FC = () => {\n const { data, isLoading, error, refetch } = useMyDocuments();\n const items = data?.items ?? [];\n const [banner, setBanner] = useState<string | null>(null);\n\n const download = async (fileId: string) => {\n try {\n const url = await getDocumentDownloadUrl(fileId);\n window.open(url, '_blank', 'noopener');\n } catch (e) {\n setBanner(e instanceof Error ? e.message : 'Could not open document.');\n }\n };\n\n if (isLoading) return <LoadingBlock />;\n if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n if (items.length === 0) {\n return <Empty title=\"No documents yet\" icon={<FileText className=\"h-8 w-8\" />} />;\n }\n return (\n <div className=\"space-y-3\">\n {banner && (\n <Banner tone=\"danger\" onClose={() => setBanner(null)}>\n {banner}\n </Banner>\n )}\n <SectionCard\n title={`${data?.totalCount ?? items.length} document${(data?.totalCount ?? items.length) === 1 ? '' : 's'}`}\n >\n <TableWrap>\n <thead>\n <tr>\n <Th>Name</Th>\n <Th>Added</Th>\n <Th className=\"text-right\">Actions</Th>\n </tr>\n </thead>\n <tbody>\n {items.map((d) => (\n <tr key={d.id}>\n <Td className=\"font-medium text-text-primary\">{d.name}</Td>\n <Td>{fmtDate(d.createdAt)}</Td>\n <Td className=\"text-right\">\n {d.file?.id && (\n <Button variant=\"ghost\" size=\"sm\" onClick={() => void download(d.file!.id)}>\n <Download className=\"mr-1.5 h-4 w-4\" />\n Download\n </Button>\n )}\n </Td>\n </tr>\n ))}\n </tbody>\n </TableWrap>\n </SectionCard>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/pages/MySignaturesPage.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const MySignaturesPage: FC;
+//# sourceMappingURL=MySignaturesPage.d.ts.map

package/dist/proserviceworld/pages/MySignaturesPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MySignaturesPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/MySignaturesPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA6BhC,eAAO,MAAM,gBAAgB,EAAE,EA+F9B,CAAC"}

package/dist/proserviceworld/pages/MySignaturesPage.js ADDED Viewed

@@ -0,0 +1,240 @@
+import { useDeclineSignatureRequest as e, useMyPendingSignatureRequests as t, useSignDocument as n, useViewSignatureRequest as r } from "../hooks/useProServiceWorldApi.js";
+import { Banner as i, Empty as a, ErrorState as o, Field as s, LoadingBlock as c, Modal as l, NativeSelect as u, PageHeader as d, SectionCard as f, StatusPill as p, TableWrap as m, Td as h, TextInput as g, Th as _, fmtDate as v } from "../components/ui.js";
+import { useRef as y, useState as b } from "react";
+import { Check as x, Eraser as S, PenTool as C, X as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/MySignaturesPage.tsx
+var k = () => {
+	let { data: e, isLoading: n, error: s, refetch: l } = t(), u = e?.items ?? [], [g, y] = b(null), [x, S] = b(null), w = r(), T = (e) => {
+		y(e), e.status === "PENDING" && w.mutate(e.id, { onSuccess: () => void l() });
+	};
+	return /* @__PURE__ */ D("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ E(d, {
+				title: "My signatures",
+				subtitle: "Documents that need your signature.",
+				icon: /* @__PURE__ */ E(C, { className: "h-6 w-6" })
+			}),
+			x && /* @__PURE__ */ E(i, {
+				tone: x.tone,
+				onClose: () => S(null),
+				children: x.text
+			}),
+			n ? /* @__PURE__ */ E(c, {}) : s ? /* @__PURE__ */ E(o, {
+				error: s,
+				onRetry: () => void l()
+			}) : u.length === 0 ? /* @__PURE__ */ E(a, {
+				title: "Nothing to sign",
+				description: "You have no pending signature requests.",
+				icon: /* @__PURE__ */ E(C, { className: "h-8 w-8" })
+			}) : /* @__PURE__ */ E(f, {
+				title: `${u.length} pending`,
+				children: /* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", { children: [
+					/* @__PURE__ */ E(_, { children: "Document" }),
+					/* @__PURE__ */ E(_, { children: "Status" }),
+					/* @__PURE__ */ E(_, { children: "Requested" }),
+					/* @__PURE__ */ E(_, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ E("tbody", { children: u.map((e) => /* @__PURE__ */ D("tr", {
+					className: "hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ E("span", {
+							className: "font-medium text-text-primary",
+							children: e.signatureRequest?.document?.name ?? e.signatureRequest?.documentId ?? "—"
+						}), e.signatureRequest?.message && /* @__PURE__ */ E("p", {
+							className: "text-xs text-text-tertiary",
+							children: e.signatureRequest.message
+						})] }),
+						/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(p, { status: e.status }) }),
+						/* @__PURE__ */ E(h, { children: v(e.createdAt) }),
+						/* @__PURE__ */ E(h, {
+							className: "text-right",
+							children: /* @__PURE__ */ E(O, {
+								size: "sm",
+								onClick: () => T(e),
+								children: "Review & sign"
+							})
+						})
+					]
+				}, e.id)) })] })
+			}),
+			g && /* @__PURE__ */ E(j, {
+				signer: g,
+				onClose: () => y(null),
+				onSigned: () => {
+					y(null), l(), S({
+						tone: "success",
+						text: "Signed."
+					});
+				},
+				onDeclined: () => {
+					y(null), l(), S({
+						tone: "success",
+						text: "Declined."
+					});
+				},
+				onFail: (e) => S({
+					tone: "danger",
+					text: e
+				})
+			})
+		]
+	});
+}, A = ({ onChange: e }) => {
+	let t = y(null), n = y(!1), [r, i] = b(!1), a = () => t.current?.getContext("2d") ?? null, o = (e) => {
+		let t = e.currentTarget.getBoundingClientRect();
+		return {
+			x: e.clientX - t.left,
+			y: e.clientY - t.top
+		};
+	}, s = (e) => {
+		n.current = !0;
+		let t = a();
+		if (!t) return;
+		let { x: r, y: i } = o(e);
+		t.beginPath(), t.moveTo(r, i);
+	}, c = (e) => {
+		if (!n.current) return;
+		let t = a();
+		if (!t) return;
+		let { x: r, y: s } = o(e);
+		t.lineTo(r, s), t.strokeStyle = getComputedStyle(e.currentTarget).color, t.lineWidth = 2, t.lineCap = "round", t.stroke(), i(!0);
+	}, l = () => {
+		n.current = !1;
+		let i = t.current;
+		e(i && r ? i.toDataURL("image/png") : null);
+	};
+	return /* @__PURE__ */ D("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ E("canvas", {
+			ref: t,
+			width: 480,
+			height: 160,
+			className: "w-full cursor-crosshair rounded-lg border border-border-seam bg-bg-canvas text-text-primary touch-none",
+			onPointerDown: s,
+			onPointerMove: c,
+			onPointerUp: l,
+			onPointerLeave: l
+		}), /* @__PURE__ */ D(O, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: () => {
+				let n = t.current, r = a();
+				n && r && r.clearRect(0, 0, n.width, n.height), i(!1), e(null);
+			},
+			children: [/* @__PURE__ */ E(S, { className: "mr-1.5 h-3.5 w-3.5" }), "Clear"]
+		})]
+	});
+}, j = ({ signer: t, onClose: r, onSigned: a, onDeclined: o, onFail: c }) => {
+	let d = n(), f = e(), [p, m] = b("TYPED"), [h, _] = b(""), [v, y] = b(null), [S, C] = b(!1), [k, j] = b(""), [M, N] = b(null), P = (e) => {
+		m(e), N(null);
+	}, F = () => {
+		if (N(null), p === "TYPED" && !h.trim()) return N("Type your full name to sign.");
+		if (p === "DRAWN" && !v) return N("Draw your signature to sign.");
+		d.mutate({
+			signerId: t.id,
+			input: p === "TYPED" ? {
+				signatureType: "TYPED",
+				typedName: h.trim()
+			} : {
+				signatureType: "DRAWN",
+				signatureImage: v
+			}
+		}, {
+			onSuccess: a,
+			onError: (e) => c(e instanceof Error ? e.message : "Failed to sign.")
+		});
+	}, I = () => {
+		f.mutate({
+			signerId: t.id,
+			reason: k.trim() || void 0
+		}, {
+			onSuccess: o,
+			onError: (e) => c(e instanceof Error ? e.message : "Failed to decline.")
+		});
+	}, L = d.isPending || f.isPending;
+	return /* @__PURE__ */ E(l, {
+		open: !0,
+		onClose: r,
+		title: `Sign — ${t.signatureRequest?.document?.name ?? "document"}`,
+		footer: S ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(O, {
+			variant: "outline",
+			onClick: () => C(!1),
+			disabled: L,
+			children: "Back"
+		}), /* @__PURE__ */ E(O, {
+			variant: "destructive",
+			onClick: I,
+			disabled: L,
+			children: f.isPending ? "Declining…" : "Confirm decline"
+		})] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(O, {
+			variant: "outline",
+			onClick: () => C(!0),
+			disabled: L,
+			children: [/* @__PURE__ */ E(w, { className: "mr-1.5 h-4 w-4" }), "Decline"]
+		}), /* @__PURE__ */ D(O, {
+			onClick: F,
+			disabled: L,
+			children: [/* @__PURE__ */ E(x, { className: "mr-1.5 h-4 w-4" }), d.isPending ? "Signing…" : "Sign"]
+		})] }),
+		children: /* @__PURE__ */ D("div", {
+			className: "space-y-3",
+			children: [
+				M && /* @__PURE__ */ E(i, {
+					tone: "danger",
+					children: M
+				}),
+				t.signatureRequest?.message && /* @__PURE__ */ E("p", {
+					className: "text-sm text-text-secondary",
+					children: t.signatureRequest.message
+				}),
+				S ? /* @__PURE__ */ E(s, {
+					label: "Reason (optional)",
+					children: /* @__PURE__ */ E(g, {
+						value: k,
+						onChange: (e) => j(e.target.value),
+						placeholder: "Why are you declining?"
+					})
+				}) : /* @__PURE__ */ D(T, { children: [
+					/* @__PURE__ */ E(s, {
+						label: "Signature method",
+						children: /* @__PURE__ */ D(u, {
+							value: p,
+							onChange: (e) => P(e.target.value),
+							children: [/* @__PURE__ */ E("option", {
+								value: "TYPED",
+								children: "Type my name"
+							}), /* @__PURE__ */ E("option", {
+								value: "DRAWN",
+								children: "Draw my signature"
+							})]
+						})
+					}),
+					p === "TYPED" ? /* @__PURE__ */ E(s, {
+						label: "Full legal name",
+						children: /* @__PURE__ */ E(g, {
+							value: h,
+							onChange: (e) => _(e.target.value)
+						})
+					}) : /* @__PURE__ */ E(s, {
+						label: "Draw below",
+						children: /* @__PURE__ */ E(A, { onChange: y })
+					}),
+					/* @__PURE__ */ E("p", {
+						className: "text-xs text-text-tertiary",
+						children: "By signing you confirm this is your legally binding signature on this document, recorded with your account, an immutable timestamp, and your IP address."
+					})
+				] })
+			]
+		})
+	});
+};
+//#endregion
+export { k as MySignaturesPage };
+//# sourceMappingURL=MySignaturesPage.js.map

package/dist/proserviceworld/pages/MySignaturesPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MySignaturesPage.js","names":[],"sources":["../../../src/proserviceworld/pages/MySignaturesPage.tsx"],"sourcesContent":["/**\n * My Signatures — signer-side self-service view (BOFF-4212).\n *\n * Self-scoped: shows only signature requests where the CALLING actor is a\n * signer (pswMyPendingSignatureRequests). Opening a request marks it VIEWED;\n * the signer then signs (typed name or a drawn signature captured from a\n * <canvas> pad, exported as a PNG data URI) or declines.\n */\nimport type { FC } from 'react';\nimport { useRef, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PenTool, Eraser, Check, X } from 'lucide-react';\nimport {\n useMyPendingSignatureRequests,\n useViewSignatureRequest,\n useSignDocument,\n useDeclineSignatureRequest,\n type PswSignatureSigner,\n} from '../hooks/useProServiceWorldApi';\nimport {\n PageHeader,\n SectionCard,\n LoadingBlock,\n ErrorState,\n Empty,\n StatusPill,\n Modal,\n Field,\n TextInput,\n NativeSelect,\n Banner,\n TableWrap,\n Th,\n Td,\n fmtDate,\n} from '../components/ui';\n\nexport const MySignaturesPage: FC = () => {\n const { data, isLoading, error, refetch } = useMyPendingSignatureRequests();\n const items = data?.items ?? [];\n const [signing, setSigning] = useState<PswSignatureSigner | null>(null);\n const [banner, setBanner] = useState<{ tone: 'success' | 'danger'; text: string } | null>(null);\n const view = useViewSignatureRequest();\n\n const open = (signer: PswSignatureSigner) => {\n setSigning(signer);\n if (signer.status === 'PENDING') {\n view.mutate(signer.id, { onSuccess: () => void refetch() });\n }\n };\n\n return (\n <div className=\"space-y-6\">\n <PageHeader\n title=\"My signatures\"\n subtitle=\"Documents that need your signature.\"\n icon={<PenTool className=\"h-6 w-6\" />}\n />\n\n {banner && (\n <Banner tone={banner.tone} onClose={() => setBanner(null)}>\n {banner.text}\n </Banner>\n )}\n\n {isLoading ? (\n <LoadingBlock />\n ) : error ? (\n <ErrorState error={error} onRetry={() => void refetch()} />\n ) : items.length === 0 ? (\n <Empty\n title=\"Nothing to sign\"\n description=\"You have no pending signature requests.\"\n icon={<PenTool className=\"h-8 w-8\" />}\n />\n ) : (\n <SectionCard title={`${items.length} pending`}>\n <TableWrap>\n <thead>\n <tr>\n <Th>Document</Th>\n <Th>Status</Th>\n <Th>Requested</Th>\n <Th className=\"text-right\">Actions</Th>\n </tr>\n </thead>\n <tbody>\n {items.map((s) => (\n <tr key={s.id} className=\"hover:bg-bg-sunken/50\">\n <Td>\n <span className=\"font-medium text-text-primary\">\n {s.signatureRequest?.document?.name ?? s.signatureRequest?.documentId ?? '—'}\n </span>\n {s.signatureRequest?.message && (\n <p className=\"text-xs text-text-tertiary\">{s.signatureRequest.message}</p>\n )}\n </Td>\n <Td>\n <StatusPill status={s.status} />\n </Td>\n <Td>{fmtDate(s.createdAt)}</Td>\n <Td className=\"text-right\">\n <Button size=\"sm\" onClick={() => open(s)}>\n Review & sign\n </Button>\n </Td>\n </tr>\n ))}\n </tbody>\n </TableWrap>\n </SectionCard>\n )}\n\n {signing && (\n <SignModal\n signer={signing}\n onClose={() => setSigning(null)}\n onSigned={() => {\n setSigning(null);\n void refetch();\n setBanner({ tone: 'success', text: 'Signed.' });\n }}\n onDeclined={() => {\n setSigning(null);\n void refetch();\n setBanner({ tone: 'success', text: 'Declined.' });\n }}\n onFail={(msg) => setBanner({ tone: 'danger', text: msg })}\n />\n )}\n </div>\n );\n};\n\n/** Minimal pointer-driven signature pad — exports a PNG data URI. */\nconst SignaturePad: FC<{ onChange: (dataUri: string | null) => void }> = ({ onChange }) => {\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n const drawingRef = useRef(false);\n const [hasInk, setHasInk] = useState(false);\n\n const getCtx = () => canvasRef.current?.getContext('2d') ?? null;\n\n const point = (e: React.PointerEvent<HTMLCanvasElement>) => {\n const rect = e.currentTarget.getBoundingClientRect();\n return { x: e.clientX - rect.left, y: e.clientY - rect.top };\n };\n\n const start = (e: React.PointerEvent<HTMLCanvasElement>) => {\n drawingRef.current = true;\n const ctx = getCtx();\n if (!ctx) return;\n const { x, y } = point(e);\n ctx.beginPath();\n ctx.moveTo(x, y);\n };\n const move = (e: React.PointerEvent<HTMLCanvasElement>) => {\n if (!drawingRef.current) return;\n const ctx = getCtx();\n if (!ctx) return;\n const { x, y } = point(e);\n ctx.lineTo(x, y);\n // Token-driven ink colour: the canvas carries `text-text-primary`, so its\n // computed `color` resolves the semantic token rather than a raw hex.\n ctx.strokeStyle = getComputedStyle(e.currentTarget).color;\n ctx.lineWidth = 2;\n ctx.lineCap = 'round';\n ctx.stroke();\n setHasInk(true);\n };\n const end = () => {\n drawingRef.current = false;\n const canvas = canvasRef.current;\n onChange(canvas && hasInk ? canvas.toDataURL('image/png') : null);\n };\n\n const clear = () => {\n const canvas = canvasRef.current;\n const ctx = getCtx();\n if (canvas && ctx) ctx.clearRect(0, 0, canvas.width, canvas.height);\n setHasInk(false);\n onChange(null);\n };\n\n return (\n <div className=\"space-y-2\">\n <canvas\n ref={canvasRef}\n width={480}\n height={160}\n className=\"w-full cursor-crosshair rounded-lg border border-border-seam bg-bg-canvas text-text-primary touch-none\"\n onPointerDown={start}\n onPointerMove={move}\n onPointerUp={end}\n onPointerLeave={end}\n />\n <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={clear}>\n <Eraser className=\"mr-1.5 h-3.5 w-3.5\" />\n Clear\n </Button>\n </div>\n );\n};\n\nconst SignModal: FC<{\n signer: PswSignatureSigner;\n onClose: () => void;\n onSigned: () => void;\n onDeclined: () => void;\n onFail: (msg: string) => void;\n}> = ({ signer, onClose, onSigned, onDeclined, onFail }) => {\n const sign = useSignDocument();\n const decline = useDeclineSignatureRequest();\n const [mode, setMode] = useState<'TYPED' | 'DRAWN'>('TYPED');\n const [typedName, setTypedName] = useState('');\n const [drawn, setDrawn] = useState<string | null>(null);\n const [declining, setDeclining] = useState(false);\n const [reason, setReason] = useState('');\n const [err, setErr] = useState<string | null>(null);\n\n const changeMode = (next: 'TYPED' | 'DRAWN') => {\n setMode(next);\n setErr(null);\n };\n\n const submitSign = () => {\n setErr(null);\n if (mode === 'TYPED' && !typedName.trim()) return setErr('Type your full name to sign.');\n if (mode === 'DRAWN' && !drawn) return setErr('Draw your signature to sign.');\n sign.mutate(\n {\n signerId: signer.id,\n input:\n mode === 'TYPED'\n ? { signatureType: 'TYPED', typedName: typedName.trim() }\n : { signatureType: 'DRAWN', signatureImage: drawn },\n },\n {\n onSuccess: onSigned,\n onError: (e) => onFail(e instanceof Error ? e.message : 'Failed to sign.'),\n }\n );\n };\n\n const submitDecline = () => {\n decline.mutate(\n { signerId: signer.id, reason: reason.trim() || undefined },\n {\n onSuccess: onDeclined,\n onError: (e) => onFail(e instanceof Error ? e.message : 'Failed to decline.'),\n }\n );\n };\n\n const busy = sign.isPending || decline.isPending;\n\n return (\n <Modal\n open\n onClose={onClose}\n title={`Sign — ${signer.signatureRequest?.document?.name ?? 'document'}`}\n footer={\n declining ? (\n <>\n <Button variant=\"outline\" onClick={() => setDeclining(false)} disabled={busy}>\n Back\n </Button>\n <Button variant=\"destructive\" onClick={submitDecline} disabled={busy}>\n {decline.isPending ? 'Declining…' : 'Confirm decline'}\n </Button>\n </>\n ) : (\n <>\n <Button variant=\"outline\" onClick={() => setDeclining(true)} disabled={busy}>\n <X className=\"mr-1.5 h-4 w-4\" />\n Decline\n </Button>\n <Button onClick={submitSign} disabled={busy}>\n <Check className=\"mr-1.5 h-4 w-4\" />\n {sign.isPending ? 'Signing…' : 'Sign'}\n </Button>\n </>\n )\n }\n >\n <div className=\"space-y-3\">\n {err && <Banner tone=\"danger\">{err}</Banner>}\n {signer.signatureRequest?.message && (\n <p className=\"text-sm text-text-secondary\">{signer.signatureRequest.message}</p>\n )}\n\n {declining ? (\n <Field label=\"Reason (optional)\">\n <TextInput\n value={reason}\n onChange={(e) => setReason(e.target.value)}\n placeholder=\"Why are you declining?\"\n />\n </Field>\n ) : (\n <>\n <Field label=\"Signature method\">\n <NativeSelect\n value={mode}\n onChange={(e) => changeMode(e.target.value as 'TYPED' | 'DRAWN')}\n >\n <option value=\"TYPED\">Type my name</option>\n <option value=\"DRAWN\">Draw my signature</option>\n </NativeSelect>\n </Field>\n {mode === 'TYPED' ? (\n <Field label=\"Full legal name\">\n <TextInput value={typedName} onChange={(e) => setTypedName(e.target.value)} />\n </Field>\n ) : (\n <Field label=\"Draw below\">\n <SignaturePad onChange={setDrawn} />\n </Field>\n )}\n <p className=\"text-xs text-text-tertiary\">\n By signing you confirm this is your legally binding signature on this document,\n recorded with your account, an immutable timestamp, and your IP address.\n </p>\n </>\n )}\n </div>\n </Modal>\n );\n};\n"],"mappings":"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"}

package/dist/proserviceworld/pages/SignaturesPage.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const SignaturesPage: FC;
+//# sourceMappingURL=SignaturesPage.d.ts.map

package/dist/proserviceworld/pages/SignaturesPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"SignaturesPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/SignaturesPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAkChC,eAAO,MAAM,cAAc,EAAE,EA+J5B,CAAC"}

package/dist/proserviceworld/pages/SignaturesPage.js ADDED Viewed

@@ -0,0 +1,317 @@
+import { useCancelSignatureRequest as e, useCreateSignatureRequest as t, useDocuments as n, useSendSignatureRequest as r, useSignatureAuditEvents as i, useSignatureRequests as a } from "../hooks/useProServiceWorldApi.js";
+import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, Modal as d, NativeSelect as f, PageHeader as p, SectionCard as m, StatusPill as h, TableWrap as g, Td as _, TextArea as v, TextInput as y, Th as b, fmtDate as x } from "../components/ui.js";
+import { useState as S } from "react";
+import { FileSignature as C, History as w, Plus as T, Send as E, Trash2 as D, XCircle as O } from "lucide-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Button as M } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/SignaturesPage.tsx
+var N = /* @__PURE__ */ new Set([
+	"DRAFT",
+	"SENT",
+	"VIEWED",
+	"PARTIALLY_SIGNED"
+]), P = () => {
+	let { data: t, isLoading: n, error: i, refetch: l } = a(), d = t?.items ?? [], [f, v] = S(!1), [y, D] = S(null), [k, P] = S(null), L = r(), R = e();
+	return /* @__PURE__ */ j("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ A(p, {
+				title: "Signatures",
+				subtitle: "Request, track, and audit e-signatures on your practice's documents.",
+				icon: /* @__PURE__ */ A(C, { className: "h-6 w-6" }),
+				actions: /* @__PURE__ */ j(M, {
+					onClick: () => v(!0),
+					children: [/* @__PURE__ */ A(T, { className: "mr-1.5 h-4 w-4" }), "New signature request"]
+				})
+			}),
+			k && /* @__PURE__ */ A(o, {
+				tone: k.tone,
+				onClose: () => P(null),
+				children: k.text
+			}),
+			n ? /* @__PURE__ */ A(u, {}) : i ? /* @__PURE__ */ A(c, {
+				error: i,
+				onRetry: () => void l()
+			}) : d.length === 0 ? /* @__PURE__ */ A(s, {
+				title: "No signature requests",
+				description: "Request a signature on an engagement letter or other document.",
+				icon: /* @__PURE__ */ A(C, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ j(M, {
+					onClick: () => v(!0),
+					children: [/* @__PURE__ */ A(T, { className: "mr-1.5 h-4 w-4" }), "New signature request"]
+				})
+			}) : /* @__PURE__ */ A(m, {
+				title: `${t?.totalCount ?? d.length} request${(t?.totalCount ?? d.length) === 1 ? "" : "s"}`,
+				children: /* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A("thead", { children: /* @__PURE__ */ j("tr", { children: [
+					/* @__PURE__ */ A(b, { children: "Document" }),
+					/* @__PURE__ */ A(b, { children: "Status" }),
+					/* @__PURE__ */ A(b, { children: "Signers" }),
+					/* @__PURE__ */ A(b, { children: "Sent" }),
+					/* @__PURE__ */ A(b, {
+						className: "text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ A("tbody", { children: d.map((e) => /* @__PURE__ */ j("tr", {
+					className: "hover:bg-bg-sunken/50",
+					children: [
+						/* @__PURE__ */ A(_, { children: /* @__PURE__ */ A("span", {
+							className: "font-medium text-text-primary",
+							children: e.document?.name ?? e.documentId
+						}) }),
+						/* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(h, { status: e.status }) }),
+						/* @__PURE__ */ A(_, { children: /* @__PURE__ */ A("div", {
+							className: "flex flex-col gap-0.5",
+							children: e.signers.map((e) => /* @__PURE__ */ j("span", {
+								className: "text-xs text-text-secondary",
+								children: [
+									e.name,
+									" — ",
+									/* @__PURE__ */ A(h, { status: e.status })
+								]
+							}, e.id))
+						}) }),
+						/* @__PURE__ */ A(_, { children: x(e.sentAt) }),
+						/* @__PURE__ */ A(_, {
+							className: "text-right",
+							children: /* @__PURE__ */ j("div", {
+								className: "flex justify-end gap-1",
+								children: [
+									e.status === "DRAFT" && /* @__PURE__ */ A(M, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": "Send",
+										disabled: L.isPending,
+										onClick: () => L.mutate(e.id, {
+											onSuccess: () => P({
+												tone: "success",
+												text: "Signature request sent."
+											}),
+											onError: (e) => P({
+												tone: "danger",
+												text: e instanceof Error ? e.message : "Failed."
+											})
+										}),
+										children: /* @__PURE__ */ A(E, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ A(M, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": "Audit trail",
+										onClick: () => D(e),
+										children: /* @__PURE__ */ A(w, { className: "h-4 w-4" })
+									}),
+									N.has(e.status) && /* @__PURE__ */ A(M, {
+										variant: "ghost",
+										size: "sm",
+										"aria-label": "Cancel",
+										disabled: R.isPending,
+										onClick: () => R.mutate(e.id, {
+											onSuccess: () => P({
+												tone: "success",
+												text: "Signature request cancelled."
+											}),
+											onError: (e) => P({
+												tone: "danger",
+												text: e instanceof Error ? e.message : "Failed."
+											})
+										}),
+										children: /* @__PURE__ */ A(O, { className: "h-4 w-4" })
+									})
+								]
+							})
+						})
+					]
+				}, e.id)) })] })
+			}),
+			f && /* @__PURE__ */ A(I, {
+				onClose: () => v(!1),
+				onDone: () => {
+					l(), P({
+						tone: "success",
+						text: "Signature request created and sent."
+					});
+				},
+				onFail: (e) => P({
+					tone: "danger",
+					text: e
+				})
+			}),
+			y && /* @__PURE__ */ A(F, {
+				request: y,
+				onClose: () => D(null)
+			})
+		]
+	});
+}, F = ({ request: e, onClose: t }) => {
+	let { data: n, isLoading: r, error: a } = i(e.id);
+	return /* @__PURE__ */ A(d, {
+		open: !0,
+		onClose: t,
+		title: `Audit trail — ${e.document?.name ?? e.documentId}`,
+		children: r ? /* @__PURE__ */ A(u, {}) : a ? /* @__PURE__ */ A(c, { error: a }) : !n || n.items.length === 0 ? /* @__PURE__ */ A(s, {
+			title: "No events yet",
+			icon: /* @__PURE__ */ A(w, { className: "h-8 w-8" })
+		}) : /* @__PURE__ */ A("ul", {
+			className: "space-y-2 text-sm",
+			children: n.items.map((e) => /* @__PURE__ */ j("li", {
+				className: "rounded-lg border border-border-seam p-2",
+				children: [/* @__PURE__ */ j("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ A("span", {
+						className: "font-medium text-text-primary",
+						children: e.eventType
+					}), /* @__PURE__ */ A("span", {
+						className: "text-text-tertiary",
+						children: x(e.createdAt)
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "text-text-secondary",
+					children: [
+						e.actorLabel,
+						e.ipAddress ? ` · ${e.ipAddress}` : "",
+						e.documentVersion == null ? "" : ` · doc v${e.documentVersion}`
+					]
+				})]
+			}, e.id))
+		})
+	});
+}, I = ({ onClose: e, onDone: i, onFail: a }) => {
+	let { data: s } = n(), c = t(), u = r(), [p, m] = S(""), [h, g] = S(""), [_, b] = S([{
+		actorId: "",
+		name: "",
+		email: ""
+	}]), [x, C] = S(null), w = (e, t) => b((n) => n.map((n, r) => r === e ? {
+		...n,
+		...t
+	} : n)), E = async () => {
+		if (C(null), !p) return C("Choose a document.");
+		let t = _.filter((e) => e.actorId.trim() && e.name.trim() && e.email.trim());
+		if (t.length === 0) return C("Add at least one signer (platform user ID, name, email).");
+		c.mutate({
+			documentId: p,
+			message: h.trim() || null,
+			signers: t.map((e) => ({
+				actorId: e.actorId.trim(),
+				name: e.name.trim(),
+				email: e.email.trim()
+			}))
+		}, {
+			onSuccess: (t) => {
+				let n = t.pswCreateSignatureRequest?.id;
+				if (!n) {
+					i(), e();
+					return;
+				}
+				u.mutate(n, {
+					onSuccess: () => {
+						i(), e();
+					},
+					onError: (e) => a(e instanceof Error ? e.message : "Created but failed to send.")
+				});
+			},
+			onError: (e) => C(e instanceof Error ? e.message : "Failed.")
+		});
+	}, O = c.isPending || u.isPending;
+	return /* @__PURE__ */ A(d, {
+		open: !0,
+		onClose: e,
+		title: "New signature request",
+		footer: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(M, {
+			variant: "outline",
+			onClick: e,
+			disabled: O,
+			children: "Cancel"
+		}), /* @__PURE__ */ A(M, {
+			onClick: () => void E(),
+			disabled: O,
+			children: O ? "Sending…" : "Create & send"
+		})] }),
+		children: /* @__PURE__ */ j("div", {
+			className: "space-y-3",
+			children: [
+				x && /* @__PURE__ */ A(o, {
+					tone: "danger",
+					children: x
+				}),
+				/* @__PURE__ */ A(l, {
+					label: "Document",
+					required: !0,
+					children: /* @__PURE__ */ j(f, {
+						value: p,
+						onChange: (e) => m(e.target.value),
+						children: [/* @__PURE__ */ A("option", {
+							value: "",
+							children: "Select a document…"
+						}), (s?.items ?? []).map((e) => /* @__PURE__ */ j("option", {
+							value: e.id,
+							children: [
+								e.name,
+								" (v",
+								e.version,
+								")"
+							]
+						}, e.id))]
+					})
+				}),
+				/* @__PURE__ */ A(l, {
+					label: "Message",
+					hint: "Optional note shown to signers.",
+					children: /* @__PURE__ */ A(v, {
+						value: h,
+						onChange: (e) => g(e.target.value)
+					})
+				}),
+				/* @__PURE__ */ A(l, {
+					label: "Signers",
+					hint: "Each signer must already be a platform actor — a workspace member or a client-portal contact (see Client Portal Access for their platform user ID).",
+					children: /* @__PURE__ */ j("div", {
+						className: "space-y-2",
+						children: [_.map((e, t) => /* @__PURE__ */ j("div", {
+							className: "grid grid-cols-3 gap-2",
+							children: [
+								/* @__PURE__ */ A(y, {
+									placeholder: "Platform user ID",
+									value: e.actorId,
+									onChange: (e) => w(t, { actorId: e.target.value })
+								}),
+								/* @__PURE__ */ A(y, {
+									placeholder: "Name",
+									value: e.name,
+									onChange: (e) => w(t, { name: e.target.value })
+								}),
+								/* @__PURE__ */ A(y, {
+									placeholder: "Email",
+									value: e.email,
+									onChange: (e) => w(t, { email: e.target.value })
+								})
+							]
+						}, t)), /* @__PURE__ */ j("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j(M, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								onClick: () => b((e) => [...e, {
+									actorId: "",
+									name: "",
+									email: ""
+								}]),
+								children: [/* @__PURE__ */ A(T, { className: "mr-1 h-3.5 w-3.5" }), "Add signer"]
+							}), _.length > 1 && /* @__PURE__ */ j(M, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								onClick: () => b((e) => e.slice(0, -1)),
+								children: [/* @__PURE__ */ A(D, { className: "mr-1 h-3.5 w-3.5" }), "Remove last"]
+							})]
+						})]
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { P as SignaturesPage };
+//# sourceMappingURL=SignaturesPage.js.map