@declarion/react 0.65.0 → 0.66.0

package/dist-lib/{AdminCatalogPage.impl-B-7MLqa1.js → components/pages/AdminCatalogPage.impl.js}

@@ -1,15 +1,19 @@
-import { Ft as e, Nt as t, wn as n, wt as r, xt as i } from "./useCurrentScreen-BZOHBGQZ.js";
-import { r as a } from "./CopyButton-DRIT_f0k.js";
-import { t as o } from "./Pill-D-wsfRhx.js";
-import { t as s } from "./DynamicIcon-DuBSz6TZ.js";
-import { t as c } from "./page-inset-D_kkVwwN.js";
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { useSchema as t } from "../../hooks/useSchema.js";
+import { pluralText as n } from "../../lib/language.js";
+import { Btn as r } from "../primitives/Btn.js";
+import { Pill as i } from "../primitives/Pill.js";
+import { useText as a } from "../../hooks/useText.js";
+import { useResponsiveMode as o } from "../../hooks/useResponsiveMode.js";
+import { DynamicIcon as s } from "../shared/DynamicIcon.js";
+import { pageInsetX as c } from "../../lib/page-inset.js";
 import { useMemo as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/pages/AdminCatalogPage.impl.tsx
 var p = "string", m = "handler";
 function h() {
-	let { data: t } = e(), n = r(), [o, s] = u("handlers"), l = i().isPhone;
-	return t ? /* @__PURE__ */ f("div", {
+	let { data: e } = t(), n = a(), [i, s] = u("handlers"), l = o().isPhone;
+	return e ? /* @__PURE__ */ f("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -48,14 +52,14 @@ function h() {
 					gap: 6,
 					marginBottom: 14
 				},
-				children: [/* @__PURE__ */ d(a, {
-					kind: o === "handlers" ? "primary" : "default",
-					active: o === "handlers",
+				children: [/* @__PURE__ */ d(r, {
+					kind: i === "handlers" ? "primary" : "default",
+					active: i === "handlers",
 					onClick: () => s("handlers"),
 					children: n("catalog.tab.handlers", "Handlers")
-				}), /* @__PURE__ */ d(a, {
-					kind: o === "actions" ? "primary" : "default",
-					active: o === "actions",
+				}), /* @__PURE__ */ d(r, {
+					kind: i === "actions" ? "primary" : "default",
+					active: i === "actions",
 					onClick: () => s("actions"),
 					children: n("catalog.tab.actions", "Actions")
 				})]
@@ -71,12 +75,12 @@ function h() {
 					paddingRight: 20
 				}
 			},
-			children: [o === "handlers" && /* @__PURE__ */ d(g, { schema: t }), o === "actions" && /* @__PURE__ */ d(y, { schema: t })]
+			children: [i === "handlers" && /* @__PURE__ */ d(g, { schema: e }), i === "actions" && /* @__PURE__ */ d(y, { schema: e })]
 		})]
 	}) : null;
 }
 function g({ schema: e }) {
-	let n = r(), i = l(() => {
+	let t = a(), r = l(() => {
 		let t = [];
 		if (e.handlers) for (let [n, r] of Object.entries(e.handlers)) t.push({
 			code: n,
@@ -101,7 +105,7 @@ function g({ schema: e }) {
 				color: "var(--text-3)",
 				margin: 0
 			},
-			children: t(n, "catalog.handlers.count", i.length, {
+			children: n(t, "catalog.handlers.count", r.length, {
 				one: "{count} handler registered (view-only — source of truth is code/YAML)",
 				other: "{count} handlers registered (view-only — source of truth is code/YAML)"
 			})
@@ -111,7 +115,7 @@ function g({ schema: e }) {
 				flexDirection: "column",
 				gap: 8
 			},
-			children: i.map(({ code: e, handler: t, entity: n }) => /* @__PURE__ */ d(_, {
+			children: r.map(({ code: e, handler: t, entity: n }) => /* @__PURE__ */ d(_, {
 				code: e,
 				handler: t,
 				entity: n
@@ -120,11 +124,11 @@ function g({ schema: e }) {
 	});
 }
 function _({ code: e, handler: t, entity: n }) {
-	let a = r(), [c, l] = u(!1), p = i().isPhone, m = t.display?.name ? a(t.display.name) : e;
+	let r = a(), [c, l] = u(!1), p = o().isPhone, m = t.display?.name ? r(t.display.name) : e;
 	return /* @__PURE__ */ f("div", {
 		style: {
 			border: "1px solid var(--border)",
-			borderRadius: 8,
+			borderRadius: "var(--radius-md)",
 			padding: 14,
 			background: "var(--surface)"
 		},
@@ -183,11 +187,11 @@ function _({ code: e, handler: t, entity: n }) {
 					flexWrap: "wrap",
 					justifyContent: p ? "flex-start" : "flex-end"
 				},
-				children: [/* @__PURE__ */ d(o, {
+				children: [/* @__PURE__ */ d(i, {
 					tone: "slate",
 					size: "xs",
 					children: t.type
-				}), n && /* @__PURE__ */ d(o, {
+				}), n && /* @__PURE__ */ d(i, {
 					tone: "violet",
 					size: "xs",
 					children: n
@@ -209,7 +213,7 @@ function _({ code: e, handler: t, entity: n }) {
 					textTransform: "uppercase",
 					letterSpacing: "0.04em"
 				},
-				children: a("catalog.handler.parameters", "Parameters")
+				children: r("catalog.handler.parameters", "Parameters")
 			}), /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -227,8 +231,8 @@ function _({ code: e, handler: t, entity: n }) {
 		})]
 	});
 }
-function v({ code: e, param: t }) {
-	let a = r(), s = t.display?.name ? a(t.display.name) : void 0, c = i().isPhone;
+function v({ code: t, param: n }) {
+	let r = a(), s = n.display?.name ? r(n.display.name) : void 0, c = o().isPhone;
 	return /* @__PURE__ */ f("div", {
 		style: {
 			display: "flex",
@@ -248,30 +252,30 @@ function v({ code: e, param: t }) {
 					flexShrink: 0,
 					overflowWrap: "anywhere"
 				},
-				children: e
+				children: t
 			}),
-			/* @__PURE__ */ d(o, {
+			/* @__PURE__ */ d(i, {
 				tone: "slate",
 				size: "xs",
-				children: t.type || p
+				children: n.type || p
 			}),
-			t.required && /* @__PURE__ */ d(o, {
+			n.required && /* @__PURE__ */ d(i, {
 				tone: "rose",
 				size: "xs",
-				children: a("catalog.param.required", "required")
+				children: r("catalog.param.required", "required")
 			}),
-			t.hidden && /* @__PURE__ */ d(o, {
+			n.hidden && /* @__PURE__ */ d(i, {
 				tone: "slate",
 				size: "xs",
-				children: a("catalog.param.hidden", "hidden")
+				children: r("catalog.param.hidden", "hidden")
 			}),
-			t.default != null && /* @__PURE__ */ d("span", {
+			n.default != null && /* @__PURE__ */ d("span", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
 					overflowWrap: "anywhere"
 				},
-				children: a("catalog.param.default", "default: {value}", { value: n(t.default) })
+				children: r("catalog.param.default", "default: {value}", { value: e(n.default) })
 			}),
 			s && /* @__PURE__ */ d("span", {
 				style: {
@@ -285,7 +289,7 @@ function v({ code: e, param: t }) {
 	});
 }
 function y({ schema: e }) {
-	let n = r(), i = l(() => {
+	let t = a(), r = l(() => {
 		let t = [];
 		if (e.actions) for (let [n, r] of Object.entries(e.actions)) t.push({
 			code: n,
@@ -297,14 +301,14 @@ function y({ schema: e }) {
 			entity: n
 		});
 		return t.sort((e, t) => e.code.localeCompare(t.code));
-	}, [e]), a = l(() => {
+	}, [e]), i = l(() => {
 		let e = {};
-		for (let t of i) {
+		for (let t of r) {
 			let n = t.entity ?? "";
 			e[n] || (e[n] = []), e[n].push(t);
 		}
 		return Object.entries(e).sort(([e], [t]) => e.localeCompare(t));
-	}, [i]);
+	}, [r]);
 	return /* @__PURE__ */ f("div", {
 		style: {
 			display: "flex",
@@ -317,25 +321,25 @@ function y({ schema: e }) {
 				color: "var(--text-3)",
 				margin: 0
 			},
-			children: t(n, "catalog.actions.count", i.length, {
+			children: n(t, "catalog.actions.count", r.length, {
 				one: "{count} action defined (view-only — source of truth is code/YAML)",
 				other: "{count} actions defined (view-only — source of truth is code/YAML)"
 			})
-		}), a.map(([e, t]) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
+		}), i.map(([e, n]) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
 			style: {
 				fontSize: 12.5,
 				fontWeight: 600,
 				margin: "0 0 8px 0",
 				color: "var(--text)"
 			},
-			children: e || n("catalog.actions.global", "(global)")
+			children: e || t("catalog.actions.global", "(global)")
 		}), /* @__PURE__ */ d("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 6
 			},
-			children: t.map(({ code: e, action: t }) => /* @__PURE__ */ d(b, {
+			children: n.map(({ code: e, action: t }) => /* @__PURE__ */ d(b, {
 				code: e,
 				action: t
 			}, e))
@@ -343,17 +347,17 @@ function y({ schema: e }) {
 	});
 }
 function b({ code: e, action: t }) {
-	let n = r()(t.display?.name), a = i().isPhone;
+	let n = a()(t.display?.name), r = o().isPhone;
 	return /* @__PURE__ */ f("div", {
 		style: {
 			border: "1px solid var(--border)",
-			borderRadius: 8,
+			borderRadius: "var(--radius-md)",
 			padding: 12,
 			display: "flex",
-			flexDirection: a ? "column" : "row",
-			alignItems: a ? "stretch" : "center",
+			flexDirection: r ? "column" : "row",
+			alignItems: r ? "stretch" : "center",
 			justifyContent: "space-between",
-			gap: a ? 10 : 12,
+			gap: r ? 10 : 12,
 			background: "var(--surface)",
 			minWidth: 0
 		},
@@ -398,12 +402,12 @@ function b({ code: e, action: t }) {
 				alignItems: "center",
 				gap: 6,
 				flexWrap: "wrap",
-				justifyContent: a ? "flex-start" : "flex-end"
+				justifyContent: r ? "flex-start" : "flex-end"
 			},
 			children: [
 				(() => {
 					let e = t.handler ? "handler" : t.association ? "association" : t.widget ? "widget" : t.href ? "href" : null;
-					return e ? /* @__PURE__ */ d(o, {
+					return e ? /* @__PURE__ */ d(i, {
 						tone: "slate",
 						size: "xs",
 						children: e
@@ -427,7 +431,7 @@ function b({ code: e, action: t }) {
 						display: "flex",
 						gap: 4
 					},
-					children: t.visibility.map((e) => /* @__PURE__ */ d(o, {
+					children: t.visibility.map((e) => /* @__PURE__ */ d(i, {
 						tone: "slate",
 						size: "xs",
 						children: e

package/dist-lib/components/pages/AdminCatalogPage.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/AdminCatalogPage.tsx
+var r = t(() => import("./AdminCatalogPage.impl.js").then((e) => ({ default: e.AdminCatalogPage })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as AdminCatalogPage };

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

@@ -0,0 +1,150 @@
+import { OrderedMap as e } from "../../types/ordmap.js";
+import { Icon as t } from "../primitives/Icons.js";
+import { Btn as n } from "../primitives/Btn.js";
+import { Dropdown as r } from "../primitives/Dropdown.js";
+import { useText as i } from "../../hooks/useText.js";
+import { useResponsiveMode as a } from "../../hooks/useResponsiveMode.js";
+import { MenuItem as o } from "../primitives/MenuItem.js";
+import { executeAction as s } from "../../api/data.js";
+import { failureTitle as c } from "../../lib/failure.js";
+import { useActionRunner as l } from "../actions/ActionRunner.js";
+import { buildListQuery as u } from "./exportRequest.js";
+import { useMemo as d, useRef as f, useState as p } from "react";
+import { useQuery as m } from "@tanstack/react-query";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/pages/DocumentsMenu.tsx
+var v = "document-templates-available";
+function y({ entityCode: e, scope: y, objectIds: C = [], viewState: w, selectedIds: T = [], capability: E, canManageTemplates: D = !1 }) {
+	let O = i(), k = i("errors"), { run: A } = l(), j = f(null), [M, N] = p(!1), P = y === "detail" ? !!E?.generate_one : !!E?.generate_many, F = D && !P, { data: I, isLoading: L, error: R } = m({
+		queryKey: [v, e],
+		queryFn: async () => (await s("document.templates.available", { entity: e })).result?.templates ?? [],
+		enabled: M || F,
+		staleTime: 6e4
+	}), z = L, B = d(() => (I ?? []).filter((e) => y === "detail" ? e.input_mode === "one" || e.input_mode === "global" : e.input_mode === "many" || e.input_mode === "global"), [y, I]), V = F && B.length > 0, H = P || V;
+	function U() {
+		N((e) => !e);
+	}
+	function W(e) {
+		if (e.input_mode === "global") return [{ kind: "global" }];
+		if (y === "detail") return e.input_mode === "one" && C.length === 1 ? [{
+			kind: "one",
+			objectIds: C
+		}] : [];
+		if (e.input_mode === "many") {
+			let e = [];
+			return w && e.push({
+				kind: "current_view",
+				query: u(w)
+			}), T.length > 0 && e.push({
+				kind: "selected",
+				objectIds: T
+			}), e;
+		}
+		return [];
+	}
+	function G(e, t, n) {
+		let r = b(e), i = O(e.name) || e.code;
+		N(!1), A({
+			action: r,
+			title: i,
+			execute: (r) => {
+				let i = {
+					template_code: e.code,
+					template_source: e.source,
+					output_format: n
+				};
+				return Object.keys(r).length > 0 && (i.params = r), "objectIds" in t && (i.object_ids = t.objectIds), "query" in t && (i.query = {
+					scope: "current_view",
+					query: t.query
+				}), s("document.generate", i);
+			}
+		});
+	}
+	let { isPhone: K } = a();
+	if (!H) return null;
+	let q = O("document.menu.generate", "Generate");
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(n, {
+		ref: j,
+		kind: "ghost",
+		size: "sm",
+		icon: g(z ? t.loader : t.filePlus, { size: 12 }),
+		onClick: U,
+		disabled: z,
+		"aria-label": q,
+		title: q,
+		children: K ? null : q
+	}), /* @__PURE__ */ _(r, {
+		open: M,
+		anchor: j.current,
+		onClose: () => N(!1),
+		align: "end",
+		width: 300,
+		children: [
+			z && /* @__PURE__ */ g(o, {
+				disabled: !0,
+				icon: /* @__PURE__ */ g(t.loader, { size: 12 }),
+				children: O("document.menu.loading", "Loading templates...")
+			}),
+			R && /* @__PURE__ */ g(o, {
+				disabled: !0,
+				icon: /* @__PURE__ */ g(t.warning, { size: 12 }),
+				children: c(k, R)
+			}),
+			!z && !R && B.length === 0 && /* @__PURE__ */ g(o, {
+				disabled: !0,
+				icon: /* @__PURE__ */ g(t.file, { size: 12 }),
+				children: O("document.menu.empty", "No document templates")
+			}),
+			!z && !R && B.map((e) => {
+				let n = W(e);
+				return n.length === 0 ? null : x(e).flatMap((r) => n.map((n) => r.available ? /* @__PURE__ */ g(o, {
+					icon: /* @__PURE__ */ g(t.file, { size: 12 }),
+					onClick: () => G(e, n, r.format),
+					title: O(e.description),
+					children: S(O, e, n, r.format)
+				}, `${e.source}:${e.code}:${n.kind}:${r.format}`) : /* @__PURE__ */ _(o, {
+					disabled: !0,
+					icon: /* @__PURE__ */ g(t.file, { size: 12 }),
+					title: r.disabled_reason,
+					children: [
+						S(O, e, n, r.format),
+						" - ",
+						r.disabled_reason || O("document.not_available", "Unavailable")
+					]
+				}, `${e.source}:${e.code}:${n.kind}:${r.format}:disabled`)));
+			})
+		]
+	})] });
+}
+function b(t) {
+	let n = new e((t.params ?? []).map((e) => ({
+		...e,
+		name: e.name ?? ""
+	})));
+	return {
+		handler: "document.generate",
+		display: {
+			name: t.name,
+			icon: "file",
+			description: t.description
+		},
+		resolved_params: n
+	};
+}
+function x(e) {
+	return e.outputs && e.outputs.length > 0 ? e.outputs : (e.allowed_outputs && e.allowed_outputs.length > 0 ? e.allowed_outputs : [e.output_format || "xlsx"]).map((e) => ({
+		format: e,
+		available: !0
+	}));
+}
+function S(e, t, n, r) {
+	let i = e(t.name) || t.code, a = r ? ` (${r.toUpperCase()})` : "";
+	switch (n.kind) {
+		case "one": return `${i}${a}`;
+		case "selected": return e("document.menu.selected_rows", "{name} - selected rows", { name: `${i}${a}` });
+		case "current_view": return e("document.menu.current_view", "{name} - current view", { name: `${i}${a}` });
+		case "global": return `${i}${a}`;
+	}
+}
+//#endregion
+export { y as DocumentsMenu };

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

@@ -0,0 +1,123 @@
+import { ApiError as e } from "../../types/api.js";
+import { pluralText as t } from "../../lib/language.js";
+import { Icon as n } from "../primitives/Icons.js";
+import { Btn as r } from "../primitives/Btn.js";
+import { Dropdown as i } from "../primitives/Dropdown.js";
+import { useText as a } from "../../hooks/useText.js";
+import { useResponsiveMode as o } from "../../hooks/useResponsiveMode.js";
+import { MenuItem as s } from "../primitives/MenuItem.js";
+import { exportEntities as c } from "../../api/data.js";
+import { failureTitle as l } from "../../lib/failure.js";
+import { buildExportRequest as u } from "./exportRequest.js";
+import { useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/pages/ExportMenu.tsx
+function g(e) {
+	return !(e && e.enabled === !1);
+}
+function _(e, n) {
+	return n == null ? e("export.scope.current_view_all", "Current view (CSV) · all matching rows") : t(e, "export.scope.current_view", n, {
+		one: "Current view (CSV) · {total} row",
+		other: "Current view (CSV) · {total} rows"
+	}, { total: n.toLocaleString(e.language) });
+}
+function v(v) {
+	let x = a(), S = a("errors"), { isPhone: C } = o(), { entityCode: w, entity: T, screen: E, viewState: D, visibleColumns: O, selectedRowPKs: k, totalRows: A, pageRows: j, language: M, align: N = "end", variant: P = "toolbar", onBeforeOpen: F } = v, [I, L] = f(!1), [R, z] = f(!1), [B, V] = f(null), H = d(null), U = g(T.export), W = g(E?.export);
+	if (!U || !W) return null;
+	async function G(t) {
+		V(null), z(!0);
+		try {
+			let e = u(D, {
+				scope: t,
+				visibleColumns: O,
+				selectedRowPKs: t === "selected_rows" ? k : void 0,
+				language: M
+			}), { blob: n, filename: r } = await c(w, e);
+			b(n, r || `${w}-${y()}.csv`), L(!1);
+		} catch (t) {
+			V({
+				code: t instanceof e ? t.code : "",
+				message: l(S, t)
+			});
+		} finally {
+			z(!1);
+		}
+	}
+	if (P === "selection-menu-item") {
+		let e = R || k.length === 0;
+		return /* @__PURE__ */ m(s, {
+			icon: /* @__PURE__ */ m(n.download, { size: 12 }),
+			"data-testid": "export-selection-menu-item",
+			onClick: e ? void 0 : () => {
+				F?.(), G("selected_rows");
+			},
+			children: R ? x("export.menu.exporting", "Exporting…") : x("export.menu.selection", "Export selection (CSV)")
+		});
+	}
+	let K = k.length > 0, q = T.list_pagination === "cursor";
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(r, {
+		ref: H,
+		kind: "ghost",
+		size: "sm",
+		icon: /* @__PURE__ */ m(n.download, { size: 12 }),
+		onClick: () => {
+			F?.(), L((e) => !e);
+		},
+		disabled: R,
+		"aria-label": x("export.menu.export", "Export"),
+		title: x("export.menu.export", "Export"),
+		children: C ? null : R ? x("export.menu.exporting", "Exporting…") : x("export.menu.export", "Export")
+	}), /* @__PURE__ */ h(i, {
+		open: I,
+		anchor: H.current,
+		onClose: () => L(!1),
+		align: N,
+		width: 260,
+		children: [
+			/* @__PURE__ */ m(s, {
+				icon: /* @__PURE__ */ m(n.download, { size: 12 }),
+				onClick: R ? void 0 : () => void G("current_view"),
+				children: _(x, A)
+			}),
+			K && /* @__PURE__ */ m(s, {
+				icon: /* @__PURE__ */ m(n.check, { size: 12 }),
+				onClick: R ? void 0 : () => void G("selected_rows"),
+				children: x("export.scope.selected_rows", "Selected rows (CSV) · {count}", { count: k.length })
+			}),
+			q ? /* @__PURE__ */ m(s, {
+				icon: /* @__PURE__ */ m(n.columns, { size: 12 }),
+				"data-testid": "export-current-page-disabled",
+				disabled: !0,
+				children: x("export.scope.current_page_unavailable_cursor", "Current page · n/a (infinite scroll)")
+			}) : /* @__PURE__ */ m(s, {
+				icon: /* @__PURE__ */ m(n.columns, { size: 12 }),
+				onClick: R ? void 0 : () => void G("current_page"),
+				children: j === void 0 ? x("export.scope.current_page_window", "Current page (CSV) · page window") : t(x, "export.scope.current_page", j, {
+					one: "Current page (CSV) · {count} row",
+					other: "Current page (CSV) · {count} rows"
+				})
+			}),
+			B && /* @__PURE__ */ m("div", {
+				role: "alert",
+				style: {
+					padding: "6px 10px",
+					marginTop: 4,
+					fontSize: 12,
+					color: "var(--destructive)",
+					borderTop: "1px solid var(--border)"
+				},
+				children: B.message
+			})
+		]
+	})] });
+}
+function y() {
+	let e = /* @__PURE__ */ new Date(), t = (e) => String(e).padStart(2, "0");
+	return `${e.getUTCFullYear()}${t(e.getUTCMonth() + 1)}${t(e.getUTCDate())}-${t(e.getUTCHours())}${t(e.getUTCMinutes())}`;
+}
+function b(e, t) {
+	let n = URL.createObjectURL(e), r = document.createElement("a");
+	r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), setTimeout(() => URL.revokeObjectURL(n), 0);
+}
+//#endregion
+export { v as ExportMenu };

package/dist-lib/{NotFoundPage.impl-BoX11u-P.js → components/pages/NotFoundPage.impl.js}

@@ -1,11 +1,13 @@
-import { G as e, W as t, Xt as n, wt as r } from "./useCurrentScreen-BZOHBGQZ.js";
-import { r as i } from "./CopyButton-DRIT_f0k.js";
+import { useEmbed as e } from "../../embed/EmbedContext.js";
+import { Btn as t } from "../primitives/Btn.js";
+import { useText as n } from "../../hooks/useText.js";
+import { useEmbedNavigate as r, useEmbedNavigationFailed as i } from "../../embed/useEmbedNavigate.js";
 import { useEffect as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useLocation as c } from "react-router";
 //#region src/components/pages/NotFoundPage.impl.tsx
 function l() {
-	let l = n(), u = t(), d = c(), f = e(), p = r();
+	let l = e(), u = r(), d = c(), f = i(), p = n();
 	return a(() => {
 		l.enabled && f(d.pathname, "not_found");
 	}, [
@@ -55,7 +57,7 @@ function l() {
 				}),
 				/* @__PURE__ */ o("div", {
 					style: { marginTop: 24 },
-					children: /* @__PURE__ */ o(i, {
+					children: /* @__PURE__ */ o(t, {
 						onClick: () => u("/"),
 						children: p("page.not_found.go_home", "Go home")
 					})

package/dist-lib/components/pages/NotFoundPage.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/NotFoundPage.tsx
+var r = t(() => import("./NotFoundPage.impl.js").then((e) => ({ default: e.NotFoundPage })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as NotFoundPage };