@declarion/react 0.61.1 → 0.63.0

package/dist-lib/useImpersonation-DNV23Ks1.js

@@ -0,0 +1,35 @@
+import { Bt as e, Ht as t, It as n, Q as r, Tt as i, U as a, Vt as o, wt as s } from "./useCurrentScreen--UovgvRj.js";
+import { useMutation as c, useQueryClient as l } from "@tanstack/react-query";
+//#region src/hooks/useImpersonation.ts
+function u() {
+	let u = n((e) => e.user), d = n((e) => e.initialize), f = l(), p = s(), m = s("errors"), h = u?.impersonation ?? null, g = !!h, _ = c({
+		mutationFn: ({ targetUserId: e, reason: t, durationMinutes: n }) => o(e, t, n),
+		onSuccess: async () => {
+			await d(), await i(f), f.invalidateQueries(), a.success(p("toast.impersonation.started", "Impersonation session started."));
+		},
+		onError: (e) => a.error(r(m, e))
+	}), v = c({
+		mutationFn: () => t(),
+		onSuccess: async () => {
+			await d(), await i(f), f.invalidateQueries(), a.success(p("toast.impersonation.returned", "Returned to your own session."));
+		},
+		onError: (e) => a.error(r(m, e))
+	}), y = c({
+		mutationFn: (t) => e(t),
+		onSuccess: () => {
+			a.success(p("toast.impersonation.revoke_done", "Session revoked.")), f.invalidateQueries({ queryKey: ["impersonation_session"] });
+		},
+		onError: (e) => a.error(r(m, e))
+	});
+	return {
+		info: h,
+		isImpersonating: g,
+		start: _.mutate,
+		stop: v.mutate,
+		revoke: y.mutate,
+		isStarting: _.isPending,
+		isStopping: v.isPending
+	};
+}
+//#endregion
+export { u as t };

package/dist-lib/useObject-1OCeV34A.js

@@ -0,0 +1,26 @@
+import { ft as e } from "./useCurrentScreen--UovgvRj.js";
+import { useQuery as t } from "@tanstack/react-query";
+//#region src/hooks/useObject.ts
+function n(e, t, n = {}) {
+	let r = t === void 0 || t === "new" ? void 0 : typeof t == "string" ? t : Object.keys(t).sort().map((e) => [e, t[e]]), i = n.expand?.join(",");
+	return i ? [
+		"entity-item",
+		e,
+		r,
+		i
+	] : [
+		"entity-item",
+		e,
+		r
+	];
+}
+function r(r, i, a = {}) {
+	let o = n(r, i, a), s = o[2];
+	return t({
+		queryKey: o,
+		queryFn: () => e(r, i, a),
+		enabled: !!r && !!i && i !== "new" && s !== void 0
+	});
+}
+//#endregion
+export { r as n, n as t };

package/dist-lib/useOwnRefresh-DkOuM4yo.js

@@ -0,0 +1,435 @@
+import { Ft as e, It as t, Q as n, U as r, Zt as i, ht as a, ot as o, st as s, wt as c, yn as l, yt as u } from "./useCurrentScreen--UovgvRj.js";
+import { i as d } from "./useParams-ei6w4I7w.js";
+import { n as f, r as p, t as m } from "./page-state-eA6J_KIR.js";
+import { T as h, r as ee } from "./ActionRunner-DAxgnKB3.js";
+import { useCallback as g, useEffect as _, useRef as v, useState as te } from "react";
+import { useMutation as y, useQueryClient as b } from "@tanstack/react-query";
+import { Fragment as ne, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { create as re } from "zustand";
+import { useLocation as C } from "react-router";
+var w = 1200, T = null, E = null;
+function D() {
+	return !T || !E ? null : `declarion::${T}::${E}::listlayout`;
+}
+function O() {
+	return {
+		v: 2,
+		widths: {},
+		resizeEduShown: !1
+	};
+}
+function ie(e) {
+	if (typeof e != "object" || !e) return {};
+	let t = {};
+	for (let [n, r] of Object.entries(e)) typeof r == "number" && Number.isFinite(r) && r >= 60 && (t[n] = r);
+	return t;
+}
+function k(e) {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		return null;
+	}
+	if (typeof t != "object" || !t) return null;
+	let n = t;
+	if (n.v !== 2) return null;
+	let r = {};
+	if (n.widths && typeof n.widths == "object") for (let [e, t] of Object.entries(n.widths)) r[e] = ie(t);
+	return {
+		v: 2,
+		widths: r,
+		resizeEduShown: n.resizeEduShown === !0
+	};
+}
+function A(e) {
+	if (typeof window > "u") return;
+	let t = D();
+	if (t) try {
+		localStorage.setItem(t, JSON.stringify(e));
+	} catch {}
+}
+function j(e, t) {
+	return {
+		v: 2,
+		widths: {
+			...e.widths,
+			...t.widths
+		},
+		resizeEduShown: e.resizeEduShown || t.resizeEduShown
+	};
+}
+function M(e) {
+	return Math.min(w, Math.max(60, Math.round(e)));
+}
+var N = re((e) => ({
+	...O(),
+	setScope: (e, t) => {
+		T = e, E = t;
+	},
+	hydrate: () => {
+		if (typeof window > "u") return;
+		let t = D();
+		if (!t) {
+			e(O());
+			return;
+		}
+		let n = localStorage.getItem(t);
+		e((n ? k(n) : null) ?? O());
+	},
+	setWidth: (t, n, r) => {
+		e((e) => {
+			let i = {
+				...e.widths[t] ?? {},
+				[n]: M(r)
+			}, a = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: i
+				}
+			};
+			return A(a), a;
+		});
+	},
+	setWidths: (t, n) => {
+		e((e) => {
+			let r = {};
+			for (let [e, t] of Object.entries(n)) r[e] = M(t);
+			let i = {
+				...e.widths[t] ?? {},
+				...r
+			}, a = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: i
+				}
+			};
+			return A(a), a;
+		});
+	},
+	resetWidths: (t) => {
+		e((e) => {
+			let n = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: {}
+				}
+			};
+			return A(n), n;
+		});
+	},
+	prune: (t, n) => {
+		let r = new Set(n);
+		e((e) => {
+			let n = e.widths[t];
+			if (!n) return e;
+			let i = {}, a = !1;
+			for (let [e, t] of Object.entries(n)) r.has(e) ? i[e] = t : a = !0;
+			if (!a) return e;
+			let o = {
+				...e,
+				widths: {
+					...e.widths,
+					[t]: i
+				}
+			};
+			return A(o), o;
+		});
+	},
+	markResizeEduShown: () => {
+		e((e) => {
+			if (e.resizeEduShown) return e;
+			let t = {
+				...e,
+				resizeEduShown: !0
+			};
+			return A(t), t;
+		});
+	}
+})), P = !1;
+function F() {
+	typeof window > "u" || P || (P = !0, window.addEventListener("storage", (e) => {
+		let t = D();
+		if (!t || e.key !== t || e.newValue == null) return;
+		let n = k(e.newValue);
+		n && N.setState((e) => j(e, n));
+	}));
+}
+var I = {}, L = () => {};
+function ae(e) {
+	let t = !!e && D() !== null, n = N((t) => e ? t.widths[e] : void 0), r = N((e) => e.resizeEduShown === !0), i = g((n, r) => {
+		t && e && N.getState().setWidth(e, n, r);
+	}, [t, e]), a = g((n) => {
+		t && e && N.getState().setWidths(e, n);
+	}, [t, e]), o = g(() => {
+		t && e && N.getState().resetWidths(e);
+	}, [t, e]), s = g((n) => {
+		t && e && N.getState().prune(e, n);
+	}, [t, e]), c = g(() => {
+		t && N.getState().markResizeEduShown();
+	}, [t]);
+	return {
+		widths: t ? n ?? I : I,
+		resizeEduShown: r,
+		setWidth: t ? i : L,
+		setWidths: t ? a : L,
+		resetWidths: t ? o : L,
+		prune: t ? s : L,
+		markResizeEduShown: t ? c : L
+	};
+}
+//#endregion
+//#region src/lib/canonical-url.ts
+function R(e) {
+	return e.length > 1 && e.endsWith("/") ? e.replace(/\/+$/, "") || "/" : e;
+}
+function z(e) {
+	let t = R(e.pathname), n = e.search ?? "", r = n.startsWith("?") ? n.slice(1) : n, a = new URLSearchParams(r);
+	for (let e of i) a.delete(e);
+	a.sort();
+	let o = a.toString();
+	return o ? `${t}?${o}` : t;
+}
+function B(e) {
+	return R(e.pathname);
+}
+//#endregion
+//#region src/hooks/usePageStateTtl.ts
+var V = "ui_page_state_ttl_ms";
+function H() {
+	let { value: e } = d(V, m);
+	return typeof e != "number" || !Number.isFinite(e) || e < 0 ? m : e;
+}
+//#endregion
+//#region src/hooks/usePageStateRuntime.ts
+var U = [
+	["entity-data"],
+	["entity-count"],
+	["entity-item"],
+	["entity-data-cursor"],
+	["entity-data-all"],
+	["action-data"],
+	["action-data-cursor"]
+], W = 6e4;
+function G(e, t) {
+	for (let n of U) e.setQueryDefaults(n, { gcTime: t });
+}
+function K() {
+	let e = b(), t = H(), n = C(), r = v(n);
+	r.current = n, _(() => (f(e), () => f(null)), [e]), _(() => {
+		if (p.getState().setTtl(t), G(e, t), t <= 0) for (let t of U) e.removeQueries({ queryKey: t });
+	}, [e, t]), _(() => {
+		if (t <= 0) return;
+		let e = setInterval(() => {
+			let e = p.getState(), t = r.current;
+			e.touch(z(t)), e.touch(B(t)), e.sweep(Date.now());
+		}, W);
+		return () => clearInterval(e);
+	}, [t]);
+}
+function q(e, t = !0) {
+	let n = z(C()), r = e ? JSON.stringify(e) : "";
+	_(() => {
+		t && e && p.getState().registerQueryKey(n, e);
+	}, [
+		n,
+		r,
+		t
+	]);
+}
+//#endregion
+//#region src/hooks/useMutations.ts
+function J(e) {
+	return (t) => r.error(n(e, t));
+}
+function Y(e, t, n = {}) {
+	e.invalidateQueries({ queryKey: ["entity-data", t] }), e.invalidateQueries({ queryKey: ["entity-count", t] }), n.item && e.invalidateQueries({ queryKey: ["entity-item", t] }), n.children && e.invalidateQueries({ queryKey: [h, t] }), n.objectMeta && (e.invalidateQueries({ queryKey: ["object-status", t] }), e.invalidateQueries({ queryKey: ["object-properties", t] }));
+}
+function oe(e) {
+	let t = b(), n = c(), i = c("errors");
+	return y({
+		mutationFn: (t) => o(e, t),
+		onSuccess: () => {
+			Y(t, e), r.success(n("toast.record.created", "Record created"));
+		},
+		onError: J(i)
+	});
+}
+function X(n) {
+	let i = b(), a = c(), o = c("errors"), s = t((e) => e.isAuthenticated), { data: d } = e();
+	return y({
+		mutationFn: ({ pkValues: e, data: t }) => u(n, e, t),
+		onSuccess: (e, { pkValues: t }) => {
+			let o = d?.entities?.[n], c = typeof t == "string" ? o ? l(o, t) : void 0 : t, u = () => Y(i, n, {
+				item: !0,
+				children: !0,
+				objectMeta: !0
+			});
+			c ? (ee(i, s, n, [c], u), se(i, n)) : u(), r.success(a("toast.record.updated", "Record updated"));
+		},
+		onError: J(o)
+	});
+}
+function se(e, t) {
+	e.invalidateQueries({ queryKey: ["entity-item", t] }), e.invalidateQueries({ queryKey: [h, t] }), e.invalidateQueries({ queryKey: ["object-status", t] }), e.invalidateQueries({ queryKey: ["object-properties", t] });
+}
+function ce(e) {
+	let t = b(), n = c(), i = c("errors");
+	return y({
+		mutationFn: (t) => s(e, t),
+		onSuccess: () => {
+			Y(t, e, { item: !0 }), r.success(n("toast.record.deleted", "Record deleted"));
+		},
+		onError: J(i)
+	});
+}
+function le(e) {
+	let t = b(), n = c(), i = c("errors");
+	return y({
+		mutationFn: (t) => a(e, t),
+		onSuccess: () => {
+			Y(t, e, {
+				item: !0,
+				objectMeta: !0
+			}), r.success(n("toast.record.restored", "Record restored"));
+		},
+		onError: J(i)
+	});
+}
+//#endregion
+//#region src/components/shared/LoadingSkeleton.tsx
+var Z = "@keyframes declarion-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}", Q = {
+	display: "block",
+	background: "linear-gradient(90deg, var(--surface-3) 0%, var(--surface-2) 40%, var(--surface-3) 80%)",
+	backgroundSize: "200% 100%",
+	borderRadius: 6,
+	animation: "declarion-shimmer 1.2s ease-in-out infinite"
+};
+function $({ height: e, width: t }) {
+	return /* @__PURE__ */ S(ne, { children: [/* @__PURE__ */ x("style", { children: Z }), /* @__PURE__ */ x("span", { style: {
+		...Q,
+		height: e,
+		width: t ?? "100%"
+	} })] });
+}
+function ue({ rows: e = 8, cols: t = 4 }) {
+	return /* @__PURE__ */ S("div", {
+		style: {
+			padding: 16,
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		},
+		children: [/* @__PURE__ */ x("div", {
+			style: {
+				display: "flex",
+				gap: 16
+			},
+			children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ x("div", {
+				style: { flex: 1 },
+				children: /* @__PURE__ */ x($, { height: 14 })
+			}, t))
+		}), Array.from({ length: e }).map((e, n) => /* @__PURE__ */ x("div", {
+			style: {
+				display: "flex",
+				gap: 16
+			},
+			children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ x("div", {
+				style: { flex: 1 },
+				children: /* @__PURE__ */ x($, { height: 28 })
+			}, t))
+		}, n))]
+	});
+}
+function de() {
+	return /* @__PURE__ */ S("div", {
+		style: {
+			padding: 20,
+			display: "flex",
+			flexDirection: "column",
+			gap: 16
+		},
+		children: [
+			/* @__PURE__ */ x($, {
+				height: 12,
+				width: 160
+			}),
+			/* @__PURE__ */ S("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 12
+				},
+				children: [/* @__PURE__ */ x("span", { style: {
+					...Q,
+					width: 32,
+					height: 32,
+					borderRadius: 8
+				} }), /* @__PURE__ */ x($, {
+					height: 22,
+					width: 240
+				})]
+			}),
+			Array.from({ length: 2 }).map((e, t) => /* @__PURE__ */ S("div", {
+				style: {
+					border: "1px solid var(--border)",
+					borderRadius: 10,
+					background: "var(--surface)",
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ x("div", {
+					style: {
+						padding: "11px 14px",
+						borderBottom: "1px solid var(--divider)"
+					},
+					children: /* @__PURE__ */ x($, {
+						height: 13,
+						width: 150
+					})
+				}), /* @__PURE__ */ x("div", {
+					style: {
+						padding: 16,
+						display: "grid",
+						gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+						gap: "12px 24px"
+					},
+					children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ S("div", {
+						style: {
+							display: "flex",
+							gap: 16
+						},
+						children: [/* @__PURE__ */ x($, {
+							height: 13,
+							width: 110
+						}), /* @__PURE__ */ x("div", {
+							style: { flex: 1 },
+							children: /* @__PURE__ */ x($, { height: 13 })
+						})]
+					}, t))
+				})]
+			}, t))
+		]
+	});
+}
+//#endregion
+//#region src/components/shared/useOwnRefresh.ts
+function fe(e) {
+	let [t, n] = te(!1), r = v(!0);
+	return _(() => (r.current = !0, () => {
+		r.current = !1;
+	}), []), {
+		refreshing: t,
+		refresh: g(() => {
+			n(!0);
+			let t = () => {
+				r.current && n(!1);
+			};
+			Promise.resolve(e()).then(t, t);
+		}, [e])
+	};
+}
+//#endregion
+export { F as _, oe as a, X as c, q as d, V as f, w as g, z as h, ue as i, G as l, B as m, de as n, ce as o, H as p, Z as r, le as s, fe as t, K as u, ae as v, N as y };

package/dist-lib/useParams-ei6w4I7w.js

@@ -0,0 +1,133 @@
+import { Dn as e, It as t, Q as n, Tt as r, ft as i, ut as a, wt as o } from "./useCurrentScreen--UovgvRj.js";
+import { useCallback as s, useMemo as c, useState as l } from "react";
+import { useQuery as u, useQueryClient as d } from "@tanstack/react-query";
+//#region src/api/params.ts
+async function f() {
+	let t = (await e("/api/params/public")).data;
+	if (Array.isArray(t)) return { parameters: t };
+	let n = t ?? {};
+	return {
+		parameters: n.parameters ?? [],
+		accents: n.accents,
+		meta: n.meta
+	};
+}
+async function p(t) {
+	return (await e(`/api/params/${encodeURIComponent(t)}`)).data;
+}
+async function m(t) {
+	return (await e(`/api/params${t === "tenant" ? "?resolution=tenant" : ""}`)).data ?? [];
+}
+//#endregion
+//#region src/hooks/useParams.ts
+var h = "$params";
+function g({ carrierEntityCode: e, rowId: t, enabled: f = !0, onWritten: p }) {
+	let m = d(), g = o("errors"), [_, v] = l(null), y = u({
+		queryKey: [
+			"params-carrier-detail",
+			e,
+			t
+		],
+		queryFn: () => i(e, t),
+		enabled: f && !!t,
+		staleTime: 3e4
+	}), b = y.data?.data, x = !!b && !("$params" in b), S = c(() => Array.isArray(b?.$params) ? b[h] : [], [b]), C = c(() => new Map(S.map((e) => [e.param_code, e])), [S]), w = s(async (i) => {
+		v(null);
+		try {
+			await a(`${e}.__update`, {
+				object_ids: [t],
+				entity: e,
+				fields: { [h]: i }
+			}), await m.invalidateQueries({ queryKey: ["params-all"] }), await m.invalidateQueries({ queryKey: [
+				"params-carrier-detail",
+				e,
+				t
+			] }), await r(m), p?.();
+		} catch (e) {
+			v(n(g, e));
+		}
+	}, [
+		e,
+		t,
+		m,
+		p,
+		g
+	]), T = s((e, t) => {
+		let n = S.filter((t) => t.param_code !== e.code);
+		return n.push({
+			param_code: e.code,
+			value: t
+		}), w(n);
+	}, [S, w]), E = s((e) => w(S.filter((t) => t.param_code !== e.code)), [S, w]), D = s(() => v(null), []);
+	return {
+		overrides: S,
+		overrideByCode: C,
+		missingParams: x,
+		isLoading: y.isLoading,
+		error: _,
+		clearError: D,
+		save: T,
+		reset: E
+	};
+}
+function _(e) {
+	return u({
+		queryKey: ["params-all", e ?? "full"],
+		queryFn: () => m(e),
+		staleTime: 3e4
+	});
+}
+function v() {
+	return u({
+		queryKey: ["params-public"],
+		queryFn: f,
+		staleTime: 3e5
+	});
+}
+function y(e, t = {}) {
+	let n = t.enabled ?? !0;
+	return u({
+		queryKey: ["params", e],
+		queryFn: () => p(e),
+		enabled: !!e && n,
+		staleTime: 6e4
+	});
+}
+function b(e) {
+	let n = t((e) => e.isAuthenticated), r = v(), i = y(e, { enabled: n }), a = x(r.data?.parameters, e);
+	if (n && i.data?.found) return {
+		value: i.data.value,
+		found: !0,
+		source: i.data.source,
+		loading: !1,
+		error: null
+	};
+	let o = a !== void 0;
+	return {
+		value: a?.value,
+		found: o,
+		source: o ? "public" : void 0,
+		loading: r.isLoading || n && i.isLoading && !i.data && !i.error,
+		error: i.error ?? r.error ?? null
+	};
+}
+function x(e, t) {
+	return e?.find((e) => e.code === t);
+}
+function S(e, n) {
+	let r = t((e) => e.isAuthenticated), i = u({
+		queryKey: ["params", e],
+		queryFn: () => p(e),
+		enabled: !!e && r,
+		staleTime: 6e4
+	}), a = i.data, o = !!a?.found;
+	return {
+		value: o ? a.value : n,
+		found: o,
+		source: a?.source,
+		loading: i.isLoading,
+		error: i.error ?? null
+	};
+}
+//#endregion
+export { v as a, S as i, g as n, y as o, b as r, _ as t };

package/dist-lib/useProperties-CbdhlhZd.js

@@ -0,0 +1,81 @@
+import { Q as e, U as t, ut as n, wt as r } from "./useCurrentScreen--UovgvRj.js";
+import { useMutation as i, useQueryClient as a } from "@tanstack/react-query";
+//#region src/api/status.ts
+async function o(e, t, r, i, a) {
+	let o = {
+		status_group_code: r,
+		status_code: i
+	};
+	a != null && (o.note = a);
+	let s = (await n(`${e}.__update`, {
+		object_ids: [t],
+		entity: e,
+		fields: { $statuses: [o] }
+	})).result?.rows?.[0]?.$statuses ?? [];
+	return s.find((e) => e.group_code === r) ?? s[0];
+}
+//#endregion
+//#region src/hooks/useObjectStatus.ts
+function s(n, s) {
+	let c = a(), l = r("errors");
+	return i({
+		mutationFn: ({ groupCode: e, statusCode: t, note: r }) => o(n, s, e, t, r),
+		onSuccess: () => {
+			c.invalidateQueries({ queryKey: ["entity-item", n] });
+		},
+		onError: (n) => {
+			t.error(e(l, n));
+		}
+	});
+}
+//#endregion
+//#region src/api/properties.ts
+async function c(e, t, r, i) {
+	let a = (await n(`${e}.__update`, {
+		object_ids: [t],
+		entity: e,
+		fields: { $properties: [{
+			property_code: r,
+			value: i
+		}] }
+	})).result?.rows?.[0]?.$properties ?? [];
+	return a.find((e) => e.property_code === r) ?? a[0];
+}
+async function l(e, t, r) {
+	await n(`${e}.__update`, {
+		object_ids: [t],
+		entity: e,
+		fields: { $properties: [{
+			property_code: r,
+			value: null
+		}] }
+	});
+}
+//#endregion
+//#region src/hooks/useProperties.ts
+function u(n, o) {
+	let s = a(), l = r("errors");
+	return i({
+		mutationFn: ({ propertyCode: e, value: t }) => c(n, o, e, t),
+		onSuccess: () => {
+			s.invalidateQueries({ queryKey: ["entity-item", n] });
+		},
+		onError: (n) => {
+			t.error(e(l, n));
+		}
+	});
+}
+function d(n, o) {
+	let s = a(), c = r("errors");
+	return i({
+		mutationFn: (e) => l(n, o, e),
+		onSuccess: () => {
+			s.invalidateQueries({ queryKey: ["entity-item", n] });
+		},
+		onError: (n) => {
+			t.error(e(c, n));
+		}
+	});
+}
+//#endregion
+export { u as n, s as r, d as t };