@declarion/react 0.65.0 → 0.66.0

package/dist-lib/embed/handshake.js

@@ -0,0 +1,37 @@
+import { EMBED_MESSAGE_TYPES as e } from "./protocol.js";
+//#region src/embed/handshake.ts
+function t(e, t) {
+	if (e.origin !== t) return { kind: "rejected" };
+	let n = e.data;
+	if (typeof n != "object" || !n) return { kind: "rejected" };
+	let r = n;
+	return r.source !== "declarion-embed" || typeof r.protocol != "number" || typeof r.type != "string" ? { kind: "rejected" } : r.protocol === 1 ? {
+		kind: "valid",
+		message: r
+	} : {
+		kind: "protocol-mismatch",
+		received: r.protocol
+	};
+}
+function n(n, r) {
+	return (i) => {
+		let a = t(i, n);
+		if (a.kind === "rejected") return;
+		if (a.kind === "protocol-mismatch") {
+			console.warn(`[declarion-embed] protocol version mismatch: this iframe speaks protocol 1, the host sent protocol ${String(a.received)}. Update the host @declarion/embed SDK and the Declarion deployment to matching versions.`);
+			return;
+		}
+		let { message: o } = a;
+		switch (o.type) {
+			case e.setToken:
+				r.onAuth(o.payload);
+				break;
+			case e.navigate:
+				r.onNavigate(o.payload);
+				break;
+			case e.setTheme: r.onTheme(o.payload);
+		}
+	};
+}
+//#endregion
+export { t as classifyInboundMessage, n as createInboundMessageListener };

package/dist-lib/embed/params.js

@@ -0,0 +1,45 @@
+//#region src/embed/params.ts
+var e = "self", t = "embed", n = "parent_origin", r = "theme", i = [
+	t,
+	n,
+	r,
+	"nav"
+];
+function a(e) {
+	if (!e) return null;
+	let t;
+	try {
+		t = new URL(e);
+	} catch {
+		return null;
+	}
+	return t.origin === "null" ? null : e === t.origin ? t.origin : null;
+}
+function o(e) {
+	return e === "light" || e === "dark" ? e : null;
+}
+function s(t) {
+	return t === "delegated" ? "delegated" : e;
+}
+function c(e) {
+	let i = typeof e == "string" ? new URLSearchParams(e) : e;
+	return {
+		enabled: i.get(t) === "1",
+		parentOrigin: a(i.get(n)),
+		theme: o(i.get(r)),
+		navigationMode: s(i.get("nav"))
+	};
+}
+function l(e, i) {
+	if (!i.enabled) return e;
+	let a = /^[a-z][a-z0-9+.-]*:/i.test(e), o;
+	try {
+		o = new URL(e, "http://embed.invalid");
+	} catch {
+		return e;
+	}
+	let s = o.searchParams;
+	return i.enabled && s.set(t, "1"), i.parentOrigin && s.set(n, i.parentOrigin), i.theme && s.set(r, i.theme), s.set("nav", i.navigationMode), a ? o.toString() : `${o.pathname}${o.search}${o.hash}`;
+}
+//#endregion
+export { e as DEFAULT_NAVIGATION_MODE, t as EMBED_PARAM_EMBED, i as EMBED_PARAM_KEYS, n as EMBED_PARAM_PARENT_ORIGIN, r as EMBED_PARAM_THEME, l as appendEmbedParams, c as parseEmbedParams, a as parseExactOrigin };

package/dist-lib/embed/protocol.js

@@ -0,0 +1,26 @@
+//#region src/embed/protocol.ts
+var e = "declarion-embed", t = {
+	ready: "ready",
+	setToken: "set-token",
+	tokenExpired: "token-expired",
+	reloadRequired: "reload-required",
+	resized: "resized",
+	navigated: "navigated",
+	navigationRequested: "navigation-requested",
+	dirtyChanged: "dirty-changed",
+	navigationFailed: "navigation-failed",
+	navigate: "navigate",
+	setTheme: "set-theme"
+};
+function n(t, n, r) {
+	if (!t || typeof window > "u" || window.parent === window) return !1;
+	let i = {
+		source: e,
+		protocol: 1,
+		type: n,
+		payload: r
+	};
+	return window.parent.postMessage(i, t), !0;
+}
+//#endregion
+export { e as EMBED_MESSAGE_SOURCE, t as EMBED_MESSAGE_TYPES, n as postToParent };

package/dist-lib/embed/screen-location.js

@@ -0,0 +1,44 @@
+//#region src/embed/screen-location.ts
+function e(e) {
+	let t = e.replace(/\/+$/, "").split("/").map((e) => e.startsWith(":") ? "[^/]+" : e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+	return RegExp("^" + t.join("/") + "$");
+}
+function t(t, n) {
+	let r = t.replace(/\/+$/, "") || "/";
+	if (!n) return {
+		matched: !1,
+		payload: { route: t }
+	};
+	let i, a, o, s;
+	for (let [t, c] of Object.entries(n)) if (c.route && e(c.route).test(r)) {
+		if (c.route.includes("/:")) o || (o = c, s = t);
+		else {
+			i = c, a = t;
+			break;
+		}
+	}
+	let c = i ?? o, l = i ? a : s;
+	if (!c || !l) return {
+		matched: !1,
+		payload: { route: t }
+	};
+	let u = {
+		route: c.route,
+		screenCode: l
+	};
+	if (c.entity && (u.entity = c.entity), c.route.includes("/:")) {
+		let e = r.slice(r.lastIndexOf("/") + 1);
+		e && (u.recordId = e);
+	}
+	return {
+		matched: !0,
+		screenCode: l,
+		screenType: c.type,
+		payload: u
+	};
+}
+function n(e, n) {
+	return t(e, n).payload;
+}
+//#endregion
+export { t as resolveEmbedNavigation, n as resolveEmbedNavigationPayload };

package/dist-lib/embed/theme.js

@@ -0,0 +1,11 @@
+import { applyPreferences as e, usePreferencesStore as t } from "../stores/preferences.js";
+//#region src/embed/theme.ts
+function n(n) {
+	let r = {
+		...t.getState(),
+		colorScheme: n
+	};
+	e(r), t.setState({ colorScheme: n });
+}
+//#endregion
+export { n as applyEmbedTheme };

package/dist-lib/embed/token.js

@@ -0,0 +1,54 @@
+import { EMBED_MESSAGE_TYPES as e, postToParent as t } from "./protocol.js";
+//#region src/embed/token.ts
+var n = 15e3, r = 5e3, i = {
+	active: !1,
+	parentOrigin: null,
+	current: null,
+	pending: null
+};
+function a(e) {
+	i.active = !0, i.parentOrigin = e;
+}
+function o() {
+	return i.active;
+}
+function s() {
+	return i.current?.token ?? null;
+}
+function c() {
+	return i.parentOrigin;
+}
+function l() {
+	return !i.current || Date.now() >= i.current.expiresAt - r;
+}
+function u(e) {
+	if (!e.token || typeof e.token != "string") return;
+	let t = Date.parse(e.expires_at);
+	if (!Number.isNaN(t) && (i.current = {
+		token: e.token,
+		expiresAt: t
+	}, i.pending)) {
+		let t = i.pending;
+		i.pending = null, clearTimeout(t.timer), t.resolve(e.token);
+	}
+}
+function d() {
+	i.current = null;
+}
+function f() {
+	if (!l() && i.current) return Promise.resolve(i.current.token);
+	if (i.pending) return i.pending.promise;
+	let r, a, o = new Promise((e, t) => {
+		r = e, a = t;
+	}), s = setTimeout(() => {
+		i.pending && i.pending.promise === o && (i.pending = null), a(/* @__PURE__ */ Error(`embed token wait timed out after ${n}ms`));
+	}, n);
+	return i.pending = {
+		promise: o,
+		resolve: r,
+		reject: a,
+		timer: s
+	}, t(i.parentOrigin, e.tokenExpired, {}), o;
+}
+//#endregion
+export { f as awaitEmbedToken, d as clearEmbedToken, c as getEmbedParentOrigin, s as getEmbedToken, a as initEmbedTokenMode, o as isEmbedTokenMode, u as setEmbedToken };

package/dist-lib/embed/useEmbedNavigate.js

@@ -0,0 +1,65 @@
+import { EMBED_MESSAGE_TYPES as e, postToParent as t } from "./protocol.js";
+import { useEmbed as n } from "./EmbedContext.js";
+import { useSchema as r } from "../hooks/useSchema.js";
+import { useEmbedDirtyStore as i } from "./embed-dirty.js";
+import { useEmbedNavGuardStore as a } from "./embed-nav-guard.js";
+import { resolveEmbedNavigation as o } from "./screen-location.js";
+import { useCallback as s } from "react";
+import { useLocation as c, useNavigate as l } from "react-router";
+//#region src/embed/useEmbedNavigate.ts
+function u(e) {
+	let t = e.search(/[?#]/);
+	return t === -1 ? e : e.slice(0, t);
+}
+function d() {
+	let d = l(), f = c(), p = n(), { data: m } = r();
+	return s((n, r) => {
+		if (!p.enabled) return d(n, r), !0;
+		let s = m?.screens, c = o(u(n), s), l = i.getState().isDirty && u(n) !== f.pathname;
+		if (s && !c.matched) return t(p.parentOrigin, e.navigationFailed, {
+			route: u(n),
+			reason: "unresolved"
+		}), !1;
+		if (p.navigationMode === "delegated") {
+			let n = () => {
+				t(p.parentOrigin, e.navigationRequested, c.payload);
+			};
+			return l ? (a.getState().requestNavigation(n), !1) : (n(), !1);
+		}
+		let h = () => {
+			d(p.appendEmbedParams(n), r);
+		};
+		return l ? (a.getState().requestNavigation(h), !1) : (h(), !0);
+	}, [
+		d,
+		f.pathname,
+		p,
+		m?.screens
+	]);
+}
+function f() {
+	let e = d();
+	return s((t, n) => {
+		e(t, n);
+	}, [e]);
+}
+function p() {
+	let e = l();
+	return s(() => {
+		let t = () => {
+			e(-1);
+		};
+		i.getState().isDirty ? a.getState().requestNavigation(t) : t();
+	}, [e]);
+}
+function m() {
+	let r = n();
+	return s((n, i) => {
+		r.enabled && t(r.parentOrigin, e.navigationFailed, {
+			route: n,
+			reason: i
+		});
+	}, [r.enabled, r.parentOrigin]);
+}
+//#endregion
+export { f as useEmbedNavigate, m as useEmbedNavigationFailed, p as useEmbedScreenBack, d as useEmbedScreenNavigate };

package/dist-lib/embed/useGlobalLinkInterceptor.js

@@ -0,0 +1,63 @@
+import { useEmbed as e } from "./EmbedContext.js";
+import { isModifiedClick as t } from "../lib/utils.js";
+import { useTabNavigate as n } from "../hooks/useTabNavigate.js";
+import { useEffect as r, useRef as i } from "react";
+//#region src/embed/useGlobalLinkInterceptor.ts
+var a = "data-declarion-native-link";
+function o(e) {
+	return e instanceof HTMLAnchorElement || typeof SVGAElement < "u" && e instanceof SVGAElement;
+}
+function s(e) {
+	for (let t of e.composedPath()) if (o(t)) return t;
+	return null;
+}
+function c(e) {
+	return e instanceof HTMLAnchorElement ? e.getAttribute("href") : e.href?.baseVal ?? e.getAttribute("href") ?? e.getAttribute("xlink:href");
+}
+function l(e, n = window.location) {
+	if (e.defaultPrevented || t(e)) return null;
+	let r = s(e);
+	if (!r || r.hasAttribute("data-declarion-native-link")) return null;
+	let i = c(r);
+	if (!i) return null;
+	let a = (r.getAttribute("target") ?? "").trim();
+	if (a && a !== "_self" || r.hasAttribute("download")) return null;
+	let o = r.getAttribute("rel") ?? "";
+	if (/(^|\s)external(\s|$)/.test(o)) return null;
+	let l;
+	try {
+		l = new URL(i, `${n.origin}${n.pathname}${n.search}`);
+	} catch {
+		return null;
+	}
+	return l.protocol !== "http:" && l.protocol !== "https:" || l.origin !== n.origin || l.pathname === n.pathname && l.search === n.search && l.hash !== "" ? null : l.pathname + l.search + l.hash;
+}
+function u(e, t = window.location) {
+	if (e.destination.sameDocument || !e.canIntercept || e.hashChange || e.downloadRequest != null || e.formData != null) return null;
+	let n;
+	try {
+		n = new URL(e.destination.url);
+	} catch {
+		return null;
+	}
+	return n.protocol !== "http:" && n.protocol !== "https:" || n.origin !== t.origin ? null : n.pathname + n.search + n.hash;
+}
+function d() {
+	let t = n(), a = e().enabled, o = i(t);
+	o.current = t, r(() => {
+		let e = (e) => {
+			let t = l(e);
+			t != null && (e.preventDefault(), o.current(t));
+		};
+		document.addEventListener("click", e, { capture: !0 });
+		let t = window.navigation, n = (e) => {
+			let t = u(e);
+			t != null && e.cancelable && (e.preventDefault(), o.current(t));
+		};
+		return a && t?.addEventListener("navigate", n), () => {
+			document.removeEventListener("click", e, { capture: !0 }), a && t?.removeEventListener("navigate", n);
+		};
+	}, [a]);
+}
+//#endregion
+export { a as NATIVE_LINK_ATTR, l as interceptedNavigationTarget, u as interceptedProgrammaticTarget, d as useGlobalLinkInterceptor };

package/dist-lib/hooks/useActionData.js

@@ -0,0 +1,58 @@
+import { executeAction as e } from "../api/data.js";
+import { useMemo as t } from "react";
+import { useInfiniteQuery as n, useQuery as r } from "@tanstack/react-query";
+//#region src/hooks/useActionData.ts
+var i = "action-data", a = "action-data-cursor";
+function o(e, t) {
+	return [
+		i,
+		e,
+		t
+	];
+}
+function s(t, n, i = !0) {
+	return r({
+		queryKey: o(t, n),
+		queryFn: async () => (await e(t, n)).result,
+		enabled: !!t && i
+	});
+}
+function c(e, t) {
+	return [
+		a,
+		e,
+		t
+	];
+}
+function l(r, i, a = !0) {
+	let o = c(r, i), s = n({
+		queryKey: o,
+		queryFn: async ({ pageParam: t }) => {
+			let n = t ? {
+				...i,
+				cursor: t
+			} : i;
+			return (await e(r, n)).result;
+		},
+		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
+		initialPageParam: void 0,
+		enabled: !!r && a
+	});
+	return {
+		rows: t(() => s.data?.pages.flatMap((e) => e?.data ?? []) ?? [], [s.data]),
+		hasMore: !!s.hasNextPage,
+		fetchNextPage: () => {
+			s.fetchNextPage();
+		},
+		isFetchingNextPage: s.isFetchingNextPage,
+		isLoading: s.isLoading,
+		isError: s.isError,
+		error: s.error,
+		refetch: () => {
+			s.refetch();
+		},
+		queryKey: o
+	};
+}
+//#endregion
+export { a as ACTION_DATA_CURSOR_KEY, i as ACTION_DATA_KEY, o as actionDataQueryKey, c as cursorActionDataQueryKey, s as useActionData, l as useCursorActionData };