@declarion/react 0.65.0 → 0.66.0

package/dist-lib/components/pages/RecordDocumentsPanel.js

@@ -0,0 +1,230 @@
+import { useSchema as e } from "../../hooks/useSchema.js";
+import { Icon as t } from "../primitives/Icons.js";
+import { Btn as n } from "../primitives/Btn.js";
+import { useText as r } from "../../hooks/useText.js";
+import { SectionCard as i } from "../primitives/SectionCard.js";
+import { executeAction as a } from "../../api/data.js";
+import { downloadFile as o, isMissingArtifactError as s } from "../../lib/download.js";
+import { failureTitle as c } from "../../lib/failure.js";
+import { RECORD_DOCUMENTS_KEY as l } from "../../lib/record-documents-key.js";
+import { useState as u } from "react";
+import { useQuery as d, useQueryClient as f } from "@tanstack/react-query";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/pages/RecordDocumentsPanel.tsx
+var h = 4e3, g = "pdf";
+function _(e) {
+	return e?.some((e) => e.status === "pending") ? h : !1;
+}
+function v({ entityCode: e, objectId: n, canGenerateOne: o, canManageTemplates: s }) {
+	let u = r(), f = r("errors"), { data: h, isLoading: g, error: v } = d({
+		queryKey: [
+			l,
+			e,
+			n
+		],
+		queryFn: async () => (await a("document.object_links", {
+			entity: e,
+			object_id: n
+		})).result?.documents ?? [],
+		enabled: !!(e && n) && (!!o || !!s),
+		refetchInterval: (e) => _(e.state.data)
+	}), S = (h?.length ?? 0) > 0;
+	return !o && !S ? null : /* @__PURE__ */ m(i, {
+		title: /* @__PURE__ */ p(y, {}),
+		collapsible: !1,
+		padding: "0",
+		children: [
+			g && /* @__PURE__ */ p(x, {
+				icon: /* @__PURE__ */ p(t.loader, { size: 14 }),
+				text: u("document.panel.loading", "Loading documents...")
+			}),
+			v && /* @__PURE__ */ p(x, {
+				icon: /* @__PURE__ */ p(t.warning, { size: 14 }),
+				text: c(f, v)
+			}),
+			!g && !v && (h?.length ?? 0) === 0 && /* @__PURE__ */ p(x, {
+				icon: /* @__PURE__ */ p(t.file, { size: 14 }),
+				text: u("document.panel.empty", "No generated documents")
+			}),
+			!g && !v && h && h.length > 0 && /* @__PURE__ */ p("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: h.map((t) => /* @__PURE__ */ p(b, {
+					entityCode: e,
+					objectId: n,
+					doc: t
+				}, t.generated_document_id))
+			})
+		]
+	});
+}
+function y() {
+	let e = r();
+	return /* @__PURE__ */ m("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			margin: "-10px -14px 0 -14px",
+			padding: "10px 14px",
+			fontSize: 12.5,
+			fontWeight: 600,
+			color: "var(--text)"
+		},
+		children: [/* @__PURE__ */ p(t.file, { size: 13 }), e("document.panel.title", "Documents")]
+	});
+}
+function b({ entityCode: i, objectId: d, doc: h }) {
+	let _ = r(), { data: v } = e(), y = _(v?.entities?.generated_document?.fields.get("status")?.values?.find((e) => e.code === h.status)?.name) || h.status, b = r("errors"), x = f(), [S, C] = u(!1), [w, T] = u(!1), [E, D] = u(!1), [O, k] = u(!1), [A, j] = u(null), M = _(h.title) || h.filename || h.template_code, N = h.status === "ready" && h.download_url && !O;
+	async function P() {
+		C(!0), j(null);
+		try {
+			let e = (await a("document.download_format", {
+				generated_document_id: h.generated_document_id,
+				format: g
+			})).result;
+			e?.download_url && await o(b, e.download_url, e.filename);
+		} catch (e) {
+			s(e) ? (k(!0), j(b("document.artifact_unavailable", "This generated file is not available."))) : j(c(b, e));
+		} finally {
+			C(!1);
+		}
+	}
+	async function F() {
+		if (h.download_url) {
+			T(!0), j(null);
+			try {
+				await o(b, h.download_url, h.filename);
+			} catch (e) {
+				s(e) ? (k(!0), j(b("document.artifact_unavailable", "This generated file is not available."))) : j(c(b, e));
+			} finally {
+				T(!1);
+			}
+		}
+	}
+	async function I() {
+		D(!0), j(null);
+		try {
+			await a("document.generate", {
+				...h.input ?? {},
+				template_code: h.template_code,
+				template_source: h.template_source,
+				output_format: h.output_format
+			}), await x.invalidateQueries({ queryKey: [
+				l,
+				i,
+				d
+			] });
+		} catch (e) {
+			j(c(b, e));
+		} finally {
+			D(!1);
+		}
+	}
+	return /* @__PURE__ */ m("div", {
+		style: {
+			display: "grid",
+			gridTemplateColumns: "minmax(0, 1fr) auto",
+			gap: 12,
+			alignItems: "center",
+			padding: "11px 14px",
+			borderTop: "1px solid var(--divider)"
+		},
+		children: [/* @__PURE__ */ m("div", {
+			style: { minWidth: 0 },
+			children: [
+				/* @__PURE__ */ p("div", {
+					style: {
+						fontSize: 13,
+						fontWeight: 600,
+						color: "var(--text)",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: M
+				}),
+				/* @__PURE__ */ m("div", {
+					style: {
+						marginTop: 3,
+						display: "flex",
+						gap: 8,
+						alignItems: "center",
+						color: "var(--text-3)",
+						fontSize: 11.5
+					},
+					children: [
+						/* @__PURE__ */ p("span", { children: h.output_format.toUpperCase() }),
+						/* @__PURE__ */ p("span", { children: O ? _("document.row.artifact_missing", "artifact unavailable") : y }),
+						/* @__PURE__ */ p("span", { children: h.ready_at || h.created_at })
+					]
+				}),
+				h.status === "failed" && h.error_text && /* @__PURE__ */ p("div", {
+					style: {
+						marginTop: 5,
+						color: "var(--danger)",
+						fontSize: 12
+					},
+					children: h.error_text
+				}),
+				A && /* @__PURE__ */ p("div", {
+					style: {
+						marginTop: 5,
+						color: "var(--danger)",
+						fontSize: 12
+					},
+					children: A
+				})
+			]
+		}), N ? /* @__PURE__ */ m("div", {
+			style: {
+				display: "flex",
+				gap: 6
+			},
+			children: [/* @__PURE__ */ p(n, {
+				kind: "ghost",
+				size: "sm",
+				icon: p(S ? t.loader : t.file, { size: 12 }),
+				onClick: P,
+				disabled: S,
+				children: g.toUpperCase()
+			}), /* @__PURE__ */ p(n, {
+				kind: "default",
+				size: "sm",
+				icon: p(w ? t.loader : t.download, { size: 12 }),
+				onClick: F,
+				disabled: w,
+				children: _("document.result.download", "Download")
+			})]
+		}) : O ? /* @__PURE__ */ p(n, {
+			kind: "ghost",
+			size: "sm",
+			icon: p(E ? t.loader : t.file, { size: 12 }),
+			onClick: I,
+			disabled: E,
+			children: _("document.row.regenerate", "Regenerate")
+		}) : /* @__PURE__ */ p(n, {
+			kind: "ghost",
+			size: "sm",
+			disabled: !0,
+			children: h.status === "pending" ? _("document.row.pending", "Pending") : _("document.not_available", "Unavailable")
+		})]
+	});
+}
+function x({ icon: e, text: t }) {
+	return /* @__PURE__ */ m("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "14px",
+			color: "var(--text-3)",
+			fontSize: 12.5
+		},
+		children: [e, t]
+	});
+}
+//#endregion
+export { x as PanelState, v as RecordDocumentsPanel, _ as pendingPollInterval };

package/dist-lib/components/pages/RecordNotesPanel.js

@@ -0,0 +1,200 @@
+import { resolveRefRecordLabel as e } from "../../types/schema.js";
+import { useSchema as t } from "../../hooks/useSchema.js";
+import { Icon as n } from "../primitives/Icons.js";
+import { Btn as r } from "../primitives/Btn.js";
+import { useText as i } from "../../hooks/useText.js";
+import { SectionCard as a } from "../primitives/SectionCard.js";
+import { FieldLabel as o, TextArea as s } from "../primitives/Fields.js";
+import { executeAction as c } from "../../api/data.js";
+import { failureTitle as l } from "../../lib/failure.js";
+import { PanelState as u } from "./RecordDocumentsPanel.js";
+import { useId as d, useState as f } from "react";
+import { useQuery as p, useQueryClient as m } from "@tanstack/react-query";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/pages/RecordNotesPanel.tsx
+var _ = "record-notes";
+function v({ entityCode: v, objectId: b }) {
+	let x = i(), S = i("errors"), { data: C } = t(), w = m(), T = !!C?.actions?.["record_note.list"], E = !!C?.actions?.["record_note.add"], D = !!C?.actions?.["record_note.remove"], [O, k] = f(!1), [A, j] = f(""), [M, N] = f(!1), [P, F] = f(null), I = d(), { data: L, isLoading: R, error: z } = p({
+		queryKey: [
+			_,
+			v,
+			b,
+			O
+		],
+		queryFn: async () => {
+			let e = await c("record_note.list", {
+				target: {
+					entity: v,
+					id: b
+				},
+				include_superseded: O
+			});
+			return {
+				notes: e.result?.notes ?? [],
+				refs: e.result?.$refs ?? {}
+			};
+		},
+		enabled: T && !!(v && b)
+	});
+	if (!T) return null;
+	let B = (t, n, r) => {
+		let i = L?.refs?.[t]?.[n];
+		return i ? e(x, i, r ?? "$display", n) : n;
+	};
+	async function V(e, t) {
+		N(!0), F(null);
+		try {
+			return await c(e, t), await w.invalidateQueries({ queryKey: [
+				_,
+				v,
+				b
+			] }), !0;
+		} catch (e) {
+			return F(l(S, e)), !1;
+		} finally {
+			N(!1);
+		}
+	}
+	async function H() {
+		A.trim() !== "" && await V("record_note.add", {
+			target: {
+				entity: v,
+				id: b
+			},
+			body: A
+		}) && j("");
+	}
+	let U = L?.notes ?? [];
+	return /* @__PURE__ */ g(a, {
+		title: /* @__PURE__ */ h(y, {}),
+		collapsible: !1,
+		padding: "0",
+		children: [
+			R && /* @__PURE__ */ h(u, {
+				icon: /* @__PURE__ */ h(n.loader, { size: 14 }),
+				text: x("record.notes.loading", "Loading notes...")
+			}),
+			z && /* @__PURE__ */ h(u, {
+				icon: /* @__PURE__ */ h(n.warning, { size: 14 }),
+				text: l(S, z)
+			}),
+			!R && !z && U.length === 0 && /* @__PURE__ */ h(u, {
+				icon: /* @__PURE__ */ h(n.file, { size: 14 }),
+				text: x("record.notes.empty", "No notes")
+			}),
+			!R && !z && U.map((e) => /* @__PURE__ */ g("div", {
+				"data-testid": "record-note",
+				style: {
+					display: "flex",
+					gap: 10,
+					alignItems: "flex-start",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--border)",
+					opacity: e.superseded_by_note_id ? .6 : 1
+				},
+				children: [/* @__PURE__ */ g("div", {
+					style: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ h("div", {
+						style: {
+							fontSize: 13,
+							whiteSpace: "pre-wrap",
+							overflowWrap: "anywhere"
+						},
+						children: e.body
+					}), /* @__PURE__ */ h("div", {
+						style: {
+							marginTop: 4,
+							fontSize: 12,
+							color: "var(--text-3)"
+						},
+						children: [
+							B("user", e.author_user_id),
+							e.agent_id ? x("record.notes.via_agent", "via {agent}", { agent: B("agent", e.agent_id, "code") }) : null,
+							e.acted_for ? x("record.notes.acted_for", "for {who}", { who: B(e.acted_for.entity, e.acted_for.id) }) : null,
+							new Date(e.created_at).toLocaleString(x.language),
+							e.superseded_by_note_id ? x("record.notes.replaced", "replaced") : null
+						].filter(Boolean).join(" · ")
+					})]
+				}), D && /* @__PURE__ */ h(r, {
+					kind: "ghost",
+					size: "sm",
+					icon: /* @__PURE__ */ h(n.trash, { size: 12 }),
+					disabled: M,
+					onClick: () => V("record_note.remove", { note_id: e.id }),
+					children: x("record.notes.remove", "Remove")
+				})]
+			}, e.id)),
+			/* @__PURE__ */ g("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 8,
+					padding: "10px 14px",
+					borderTop: "1px solid var(--border)"
+				},
+				children: [
+					/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(r, {
+						kind: "ghost",
+						size: "sm",
+						onClick: () => k((e) => !e),
+						children: O ? x("record.notes.hide_replaced", "Hide replaced notes") : x("record.notes.show_replaced", "Show replaced notes")
+					}) }),
+					E && /* @__PURE__ */ g("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 6
+						},
+						children: [
+							/* @__PURE__ */ h(o, {
+								htmlFor: I,
+								children: x("record.notes.new", "New note")
+							}),
+							/* @__PURE__ */ h(s, {
+								id: I,
+								value: A,
+								onChange: j,
+								rows: 2
+							}),
+							/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(r, {
+								kind: "default",
+								size: "sm",
+								disabled: M || A.trim() === "",
+								onClick: H,
+								children: x("record.notes.add", "Add note")
+							}) })
+						]
+					}),
+					P && /* @__PURE__ */ h("div", {
+						style: {
+							color: "var(--danger)",
+							fontSize: 12
+						},
+						children: P
+					})
+				]
+			})
+		]
+	});
+}
+function y() {
+	let e = i();
+	return /* @__PURE__ */ g("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			margin: "-10px -14px 0 -14px",
+			padding: "10px 14px",
+			fontSize: 12.5,
+			fontWeight: 600,
+			color: "var(--text)"
+		},
+		children: [/* @__PURE__ */ h(n.file, { size: 13 }), e("record.notes.title", "Notes")]
+	});
+}
+//#endregion
+export { v as RecordNotesPanel };

package/dist-lib/components/pages/RecordPanels.js

@@ -0,0 +1,18 @@
+import { canManageDocumentTemplates as e } from "../../lib/document-templates.js";
+import { RecordDocumentsPanel as t } from "./RecordDocumentsPanel.js";
+import { RecordNotesPanel as n } from "./RecordNotesPanel.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pages/RecordPanels.tsx
+function o({ entity: o, entityCode: s, objectId: c, schema: l }) {
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
+		entityCode: s,
+		objectId: c,
+		canGenerateOne: !!o.documents?.generate_one,
+		canManageTemplates: e(l)
+	}), o.notes && /* @__PURE__ */ i(n, {
+		entityCode: s,
+		objectId: c
+	})] });
+}
+//#endregion
+export { o as RecordPanels };

package/dist-lib/components/pages/SSOCallbackPage.impl.js

@@ -0,0 +1,28 @@
+import { sanitizeRedirectPath as e } from "../../api/auth-redirect.js";
+import { useAuthStore as t } from "../../stores/auth.js";
+import { useText as n } from "../../hooks/useText.js";
+import { useEffect as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useNavigate as a, useSearchParams as o } from "react-router";
+//#region src/components/pages/SSOCallbackPage.impl.tsx
+function s() {
+	let s = a(), [c] = o(), l = t((e) => e.reloadSession), u = n();
+	return r(() => {
+		let n = e(c.get("redirect"));
+		l().then(() => {
+			t.getState().isAuthenticated ? s(n, { replace: !0 }) : s("/login?sso_error=auth.unauthorized", { replace: !0 });
+		});
+	}, [
+		s,
+		l,
+		c
+	]), /* @__PURE__ */ i("div", {
+		className: "flex min-h-screen items-center justify-center",
+		children: /* @__PURE__ */ i("p", {
+			className: "text-muted-foreground",
+			children: u("page.sso_callback.completing", "Completing sign in...")
+		})
+	});
+}
+//#endregion
+export { s as SSOCallbackPage };

package/dist-lib/components/pages/SSOCallbackPage.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/SSOCallbackPage.tsx
+var r = t(() => import("./SSOCallbackPage.impl.js").then((e) => ({ default: e.SSOCallbackPage })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as SSOCallbackPage };