@declarion/react 0.60.0 → 0.63.0

package/dist-lib/useBrandingChrome-bKTXXDLy.js

@@ -0,0 +1,170 @@
+import { St as e, Xt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./Icons-lt-7lhYR.js";
+import { n as r } from "./useBranding-Ckp_AuJb.js";
+import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+//#region src/components/primitives/Tooltip.tsx
+var m = 350, h = 80, g = 260, _ = 6, v = 4;
+function y(e, t) {
+	let [n, r] = l(!1), [s, u] = l(null), f = c(null), y = c(null), b = c(null), x = o(), S = i(() => {
+		y.current && clearTimeout(y.current), b.current && clearTimeout(b.current), y.current = null, b.current = null;
+	}, []), C = i(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = f.current, i = r?.offsetWidth ?? g, a = r?.offsetHeight ?? 0, o = n.left + n.width / 2 - i / 2;
+		o = Math.max(v, Math.min(o, window.innerWidth - i - v));
+		let s = n.top - _ - a < v ? n.bottom + _ : n.top - _ - a;
+		u({
+			left: o,
+			top: s
+		});
+	}, [e]), w = i((e) => {
+		t && (S(), e ? r(!0) : y.current = setTimeout(() => r(!0), m));
+	}, [S, t]), T = i(() => {
+		S(), b.current = setTimeout(() => r(!1), h);
+	}, [S]);
+	a(() => {
+		if (!n) {
+			u(null);
+			return;
+		}
+		C();
+		let e = () => C();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [n, C]), a(() => S, [S]), a(() => {
+		if (!n) return;
+		let t = (t) => {
+			let n = e.current;
+			n && t.target instanceof Node && n.contains(t.target) || r(!1);
+		};
+		return document.addEventListener("pointerdown", t, !0), () => document.removeEventListener("pointerdown", t, !0);
+	}, [n, e]);
+	let E = {
+		position: "fixed",
+		left: s?.left ?? 0,
+		top: s?.top ?? 0,
+		zIndex: 1e3,
+		maxWidth: g,
+		padding: "5px 8px",
+		borderRadius: 6,
+		background: "var(--surface-inverse, #1f2430)",
+		color: "var(--text-inverse, #f5f6f8)",
+		fontSize: 12,
+		lineHeight: 1.4,
+		boxShadow: "0 4px 14px rgba(0,0,0,0.18)",
+		pointerEvents: "none",
+		visibility: s ? "visible" : "hidden",
+		whiteSpace: "normal"
+	}, D = n && t ? p(/* @__PURE__ */ d("div", {
+		ref: f,
+		id: x,
+		role: "tooltip",
+		style: E,
+		children: t
+	}), document.body) : null;
+	return {
+		open: n,
+		triggerHandlers: {
+			onMouseEnter: () => w(!1),
+			onMouseLeave: T,
+			onFocus: () => w(!0),
+			onBlur: T,
+			onPointerUp: (e) => {
+				e.pointerType !== "mouse" && t && (S(), r((e) => !e));
+			}
+		},
+		describedBy: n && t ? x : void 0,
+		portal: D
+	};
+}
+function b({ content: e, children: t, triggerProps: n }) {
+	let r = c(null), { triggerHandlers: i, describedBy: a, portal: o } = y(r, e);
+	return e ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+		...n,
+		ref: r,
+		"aria-describedby": a,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			...n?.style ?? {}
+		},
+		...i,
+		children: t
+	}), o] }) : /* @__PURE__ */ d(u, { children: t });
+}
+function x({ label: e, size: t = 14, ...r }) {
+	return /* @__PURE__ */ d(b, {
+		content: e,
+		children: /* @__PURE__ */ d("span", {
+			tabIndex: 0,
+			role: "note",
+			"aria-label": e,
+			"data-testid": r["data-testid"],
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				color: "var(--text-3)",
+				cursor: "help"
+			},
+			children: /* @__PURE__ */ d(n.info, { size: t })
+		})
+	});
+}
+//#endregion
+//#region src/hooks/useBrandingChrome.ts
+function S() {
+	let e = t(), n = r();
+	return (e.enabled ? n?.embed?.viewport : n?.full?.viewport) ?? "auto";
+}
+function C(e, t) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : t;
+}
+function w() {
+	let e = t(), n = r(), i = e.enabled ? n?.embed?.breakpoints : n?.full?.breakpoints, a = i?.phone_max, o = i?.tablet_max, c = i?.landscape_phone_max_height;
+	return s(() => T({
+		phone_max: a,
+		tablet_max: o,
+		landscape_phone_max_height: c
+	}), [
+		a,
+		o,
+		c
+	]);
+}
+function T(t) {
+	let n = C(t?.phone_max, e.phoneMax), r = C(t?.tablet_max, e.tabletMax), i = n < r;
+	return i || console.error(`branding.chrome breakpoints: phone_max (${n}) must be below tablet_max (${r}), or no viewport can ever resolve to the tablet class. Both bounds fall back to the SDK defaults.`), {
+		phoneMax: i ? n : e.phoneMax,
+		tabletMax: i ? r : e.tabletMax,
+		landscapePhoneMaxHeight: C(t?.landscape_phone_max_height, e.landscapePhoneMaxHeight)
+	};
+}
+function E(e) {
+	let n = t(), i = r();
+	return s(() => {
+		let t = { ...n.enabled ? i?.embed?.surfaces?.[e] : i?.full?.surfaces?.[e] };
+		return {
+			...t,
+			isVisible: (e) => t[e] !== !1
+		};
+	}, [
+		i,
+		n.enabled,
+		e
+	]);
+}
+function D() {
+	let e = r();
+	return s(() => {
+		let t = { ...e?.full?.shell };
+		return {
+			...t,
+			isVisible: (e) => t[e] !== !1
+		};
+	}, [e]);
+}
+//#endregion
+export { x as a, S as i, E as n, b as o, D as r, y as s, w as t };

package/dist-lib/useCurrentLocation-BdngVeQv.js

@@ -0,0 +1,22 @@
+import { Ft as e } from "./useCurrentScreen--UovgvRj.js";
+import { useMemo as t } from "react";
+import { matchRoutes as n, useLocation as r } from "react-router";
+//#region src/hooks/useCurrentLocation.ts
+function i(e, t) {
+	let r = Object.entries(t ?? {}).flatMap(([e, t]) => t.route ? [{
+		id: e,
+		path: t.route
+	}] : []), i = n(r, e)?.[0];
+	if (!i?.route.id) return null;
+	let a = i.params.id;
+	return a && a !== "new" ? {
+		screen: i.route.id,
+		record: a
+	} : { screen: i.route.id };
+}
+function a() {
+	let { pathname: n } = r(), { data: a } = e();
+	return t(() => i(n, a?.screens), [n, a?.screens]);
+}
+//#endregion
+export { a as n, i as t };