@burdenoff/microfe-bigconsole 2026.1030.4 → 2026.1031.2

package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js

@@ -3,72 +3,72 @@ import { BIGCONSOLE_PERMISSIONS as t } from "../../../../constants/permissions.j
 import n, { themeChoiceFromPolicy as r } from "../../../hooks/useDashboardEmbedPolicy.js";
 import { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
 import { usePermissions as c } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx
-var ee = [
+var te = [
 	"light",
 	"dark",
 	"auto"
 ];
-function p(e, t) {
+function f(e, t) {
 	return t === "light" ? e : e.replace(/(?<=\s)src="([^"]*)"/, (e, n) => {
 		let r = n.indexOf("#"), i = r === -1 ? n : n.slice(0, r), a = r === -1 ? "" : n.slice(r);
 		return `src="${i}${i.includes("?") ? "&" : "?"}theme=${t}${a}"`;
 	});
 }
-function m({ dashboardId: m, colors: h }) {
-	let { t: g } = l(), { policy: _, secret: v, loading: y, error: b, fetchPolicy: x, publishToWeb: S, applyPresentation: C, setAllowedOrigins: w, rotateKey: T, unpublish: te } = n(), { hasPermission: E } = c(), D = E(t.DASHBOARD_MANAGE_EMBED), [O, k] = s(""), [A, j] = s([]), [M, N] = s(!1), [P, F] = s(!1), [I, L] = s("light"), [R, z] = s(!1), [ne, B] = s(!1), [V, H] = s(null), U = o(null), W = o(null);
+function p({ dashboardId: p, colors: m }) {
+	let { t: h } = ee(), { policy: g, secret: _, loading: v, error: y, fetchPolicy: b, publishToWeb: x, applyPresentation: S, setAllowedOrigins: C, rotateKey: w, unpublish: ne } = n(), { hasPermission: T } = c(), E = T(t.DASHBOARD_MANAGE_EMBED), [D, O] = s(""), [k, A] = s([]), [j, M] = s(!1), [N, P] = s(!1), [F, I] = s("light"), [L, R] = s(!1), [z, B] = s(!1), [V, H] = s(null), U = o(null), W = o(null);
 	i(() => {
-		m && x(m);
-	}, [m, x]), i(() => {
-		!_ || U.current === _.id || (U.current = _.id, L(r(_.presentationTheme)), z(_.showDashboardTitle));
-	}, [_]), i(() => () => {
+		p && b(p);
+	}, [p, b]), i(() => {
+		!g || U.current === g.id || (U.current = g.id, I(r(g.presentationTheme)), R(g.showDashboardTitle));
+	}, [g]), i(() => () => {
 		W.current && clearTimeout(W.current);
 	}, []);
-	let G = _?.status === "ACTIVE", K = G ? _?.allowedParentOrigins ?? [] : A, q = a(() => v?.iframeSnippet ? p(v.iframeSnippet, I) : null, [v, I]), J = () => {
+	let G = g?.status === "ACTIVE", K = G ? g?.allowedParentOrigins ?? [] : k, q = a(() => _?.iframeSnippet ? f(_.iframeSnippet, F) : null, [_, F]), J = () => {
 		H(null);
-		let t = e(O);
+		let t = e(D);
 		if (!t) {
-			H(g("bigconsole.dashboards.embed.error.invalidOrigin", "Enter a valid https origin, e.g. https://example.com"));
+			H(h("bigconsole.dashboards.embed.error.invalidOrigin", "Enter a valid https origin, e.g. https://example.com"));
 			return;
 		}
 		if (K.includes(t)) {
-			k("");
+			O("");
 			return;
 		}
-		G && _ ? w(_.id, [...K, t]) : j((e) => [...e, t]), k("");
+		G && g ? C(g.id, [...K, t]) : A((e) => [...e, t]), O("");
 	}, Y = (e) => {
-		G && _ ? w(_.id, K.filter((t) => t !== e)) : j((t) => t.filter((t) => t !== e));
+		G && g ? C(g.id, K.filter((t) => t !== e)) : A((t) => t.filter((t) => t !== e));
 	}, X = async () => {
-		if (H(null), A.length === 0) {
-			H(g("bigconsole.dashboards.embed.error.noDomains", "Add at least one allowed website domain before publishing."));
+		if (H(null), k.length === 0) {
+			H(h("bigconsole.dashboards.embed.error.noDomains", "Add at least one allowed website domain before publishing."));
 			return;
 		}
-		if (!M) {
-			H(g("bigconsole.dashboards.embed.error.notAttested", "Please confirm this dashboard is safe to be public."));
+		if (!j) {
+			H(h("bigconsole.dashboards.embed.error.notAttested", "Please confirm this dashboard is safe to be public."));
 			return;
 		}
-		await S(m, A, !0, {
-			theme: I,
-			showTitle: R
+		await x(p, k, !0, {
+			theme: F,
+			showTitle: L
 		});
 	}, re = async () => {
-		_ && (H(null), await C(_.id, {
-			theme: I,
-			showTitle: R
+		g && (H(null), await S(g.id, {
+			theme: F,
+			showTitle: L
 		}) && (B(!0), W.current && clearTimeout(W.current), W.current = setTimeout(() => B(!1), 1500)));
 	}, Z = async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), F(!0), setTimeout(() => F(!1), 1500);
+			await navigator.clipboard.writeText(e), P(!0), setTimeout(() => P(!1), 1500);
 		} catch {
-			H(g("bigconsole.dashboards.embed.error.copyFailed", "Could not copy — select and copy manually."));
+			H(h("bigconsole.dashboards.embed.error.copyFailed", "Could not copy — select and copy manually."));
 		}
 	}, ie = {
 		padding: "8px 14px",
 		borderRadius: "8px",
 		border: "none",
-		background: h.actionPrimaryBg,
+		background: m.actionPrimaryBg,
 		color: "#fff",
 		fontSize: "13px",
 		fontWeight: 600,
@@ -76,25 +76,25 @@ function m({ dashboardId: m, colors: h }) {
 	}, Q = {
 		padding: "8px 14px",
 		borderRadius: "8px",
-		border: `1px solid ${h.borderDefault}`,
+		border: `1px solid ${m.borderDefault}`,
 		background: "transparent",
-		color: h.textPrimary,
+		color: m.textPrimary,
 		fontSize: "13px",
 		cursor: "pointer"
 	}, ae = {
 		flex: 1,
 		padding: "8px 10px",
 		borderRadius: "8px",
-		border: `1px solid ${h.borderDefault}`,
-		background: h.bgSecondary,
-		color: h.textPrimary,
+		border: `1px solid ${m.borderDefault}`,
+		background: m.bgSecondary,
+		color: m.textPrimary,
 		fontSize: "13px"
 	}, oe = {
 		padding: "4px 8px",
 		borderRadius: "6px",
-		border: `1px solid ${h.borderDefault}`,
-		background: h.bgSecondary,
-		color: h.textPrimary,
+		border: `1px solid ${m.borderDefault}`,
+		background: m.bgSecondary,
+		color: m.textPrimary,
 		fontSize: "12px",
 		cursor: "pointer"
 	}, se = {
@@ -102,230 +102,230 @@ function m({ dashboardId: m, colors: h }) {
 		gap: "8px",
 		alignItems: "flex-start",
 		fontSize: "12px",
-		color: h.textSecondary
-	}, ce = a(() => ee.map((e) => ({
+		color: m.textSecondary
+	}, ce = a(() => te.map((e) => ({
 		value: e,
-		label: e === "light" ? g("bigconsole.dashboards.embed.theme.option.light", "Light") : e === "dark" ? g("bigconsole.dashboards.embed.theme.option.dark", "Dark") : g("bigconsole.dashboards.embed.theme.option.auto", "Auto (match viewer)")
-	})), [g]), $ = /* @__PURE__ */ f("div", {
+		label: e === "light" ? h("bigconsole.dashboards.embed.theme.option.light", "Light") : e === "dark" ? h("bigconsole.dashboards.embed.theme.option.dark", "Dark") : h("bigconsole.dashboards.embed.theme.option.auto", "Auto (match viewer)")
+	})), [h]), $ = /* @__PURE__ */ d("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "10px"
 		},
 		children: [
-			/* @__PURE__ */ f("label", {
+			/* @__PURE__ */ d("label", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: "8px"
 				},
-				children: [/* @__PURE__ */ d("span", {
+				children: [/* @__PURE__ */ u("span", {
 					style: {
 						fontSize: "12px",
-						color: h.textSecondary
+						color: m.textSecondary
 					},
-					children: g("bigconsole.dashboards.embed.theme.label", "Theme")
-				}), /* @__PURE__ */ d("select", {
-					value: I,
+					children: h("bigconsole.dashboards.embed.theme.label", "Theme")
+				}), /* @__PURE__ */ u("select", {
+					value: F,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "light" || t === "dark" || t === "auto") && L(t);
+						(t === "light" || t === "dark" || t === "auto") && I(t);
 					},
 					style: oe,
-					children: ce.map((e) => /* @__PURE__ */ d("option", {
+					children: ce.map((e) => /* @__PURE__ */ u("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})]
 			}),
-			/* @__PURE__ */ f("label", {
+			/* @__PURE__ */ d("label", {
 				style: se,
-				children: [/* @__PURE__ */ d("input", {
+				children: [/* @__PURE__ */ u("input", {
 					type: "checkbox",
-					checked: R,
-					onChange: (e) => z(e.target.checked)
-				}), /* @__PURE__ */ d("span", { children: g("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
+					checked: L,
+					onChange: (e) => R(e.target.checked)
+				}), /* @__PURE__ */ u("span", { children: h("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				style: {
 					fontSize: "11px",
-					color: h.textTertiary
+					color: m.textTertiary
 				},
-				children: g("bigconsole.dashboards.embed.presentation.brandingNote", "Embeds always carry a “Powered by BigConsole” footer.")
+				children: h("bigconsole.dashboards.embed.presentation.brandingNote", "Embeds always carry a “Powered by BigConsole” footer.")
 			})
 		]
 	});
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ d("div", {
 		style: { padding: "20px 24px" },
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					padding: "12px 14px",
 					borderRadius: "10px",
-					background: h.bgSecondary,
+					background: m.bgSecondary,
 					marginBottom: "16px"
 				},
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "14px",
 						fontWeight: 600,
-						color: h.textPrimary
+						color: m.textPrimary
 					},
-					children: g("bigconsole.dashboards.embed.heading", "Publish to the web")
-				}), /* @__PURE__ */ d("div", {
+					children: h("bigconsole.dashboards.embed.heading", "Publish to the web")
+				}), /* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "12px",
-						color: h.textSecondary,
+						color: m.textSecondary,
 						marginTop: "2px"
 					},
-					children: G ? g("bigconsole.dashboards.embed.status.liveDescription", "This dashboard is live. Anyone with the link on an allowed website sees its live data.") : g("bigconsole.dashboards.embed.status.privateDescription", "Embed this dashboard on your website. Viewers see live data — no login required.")
-				})] }), /* @__PURE__ */ d("span", {
+					children: G ? h("bigconsole.dashboards.embed.status.liveDescription", "This dashboard is live. Anyone with the link on an allowed website sees its live data.") : h("bigconsole.dashboards.embed.status.privateDescription", "Embed this dashboard on your website. Viewers see live data — no login required.")
+				})] }), /* @__PURE__ */ u("span", {
 					style: {
 						fontSize: "11px",
 						fontWeight: 700,
 						padding: "3px 8px",
 						borderRadius: "999px",
 						color: "#fff",
-						background: G ? h.statusSuccessBg : h.textTertiary
+						background: G ? m.statusSuccessBg : m.textTertiary
 					},
-					children: G ? g("bigconsole.dashboards.embed.badge.published", "PUBLISHED") : g("bigconsole.dashboards.embed.badge.private", "PRIVATE")
+					children: G ? h("bigconsole.dashboards.embed.badge.published", "PUBLISHED") : h("bigconsole.dashboards.embed.badge.private", "PRIVATE")
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				style: { marginBottom: "16px" },
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						style: {
 							fontSize: "12px",
 							fontWeight: 600,
-							color: h.textSecondary,
+							color: m.textSecondary,
 							marginBottom: "6px"
 						},
-						children: g("bigconsole.dashboards.embed.domains.label", "Allowed website domains")
+						children: h("bigconsole.dashboards.embed.domains.label", "Allowed website domains")
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						style: {
 							display: "flex",
 							gap: "8px",
 							marginBottom: "8px"
 						},
-						children: [/* @__PURE__ */ d("input", {
+						children: [/* @__PURE__ */ u("input", {
 							style: ae,
-							placeholder: g("bigconsole.dashboards.embed.domains.placeholder", "https://yoursite.com"),
-							value: O,
-							onChange: (e) => k(e.target.value),
+							placeholder: h("bigconsole.dashboards.embed.domains.placeholder", "https://yoursite.com"),
+							value: D,
+							onChange: (e) => O(e.target.value),
 							onKeyDown: (e) => {
 								e.key === "Enter" && J();
 							}
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ u("button", {
 							style: Q,
 							onClick: J,
 							type: "button",
-							disabled: !D,
-							children: g("bigconsole.dashboards.embed.domains.add", "Add")
+							disabled: !E,
+							children: h("bigconsole.dashboards.embed.domains.add", "Add")
 						})]
 					}),
-					K.length === 0 ? /* @__PURE__ */ d("div", {
+					K.length === 0 ? /* @__PURE__ */ u("div", {
 						style: {
 							fontSize: "12px",
-							color: h.textTertiary
+							color: m.textTertiary
 						},
-						children: g("bigconsole.dashboards.embed.domains.empty", "No domains yet. Only listed https domains may frame this dashboard.")
-					}) : /* @__PURE__ */ d("div", {
+						children: h("bigconsole.dashboards.embed.domains.empty", "No domains yet. Only listed https domains may frame this dashboard.")
+					}) : /* @__PURE__ */ u("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "6px"
 						},
-						children: K.map((e) => /* @__PURE__ */ f("div", {
+						children: K.map((e) => /* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								justifyContent: "space-between",
 								padding: "6px 10px",
 								borderRadius: "8px",
-								background: h.bgTertiary
+								background: m.bgTertiary
 							},
-							children: [/* @__PURE__ */ d("span", {
+							children: [/* @__PURE__ */ u("span", {
 								style: {
 									fontSize: "13px",
-									color: h.textPrimary
+									color: m.textPrimary
 								},
 								children: e
-							}), D && /* @__PURE__ */ d("button", {
+							}), E && /* @__PURE__ */ u("button", {
 								style: {
 									...Q,
 									padding: "2px 8px",
-									color: h.statusErrorText
+									color: m.statusErrorText
 								},
 								onClick: () => Y(e),
 								type: "button",
-								children: g("bigconsole.dashboards.embed.domains.remove", "Remove")
+								children: h("bigconsole.dashboards.embed.domains.remove", "Remove")
 							})]
 						}, e))
 					})
 				]
 			}),
-			!G && /* @__PURE__ */ f("div", {
+			!G && /* @__PURE__ */ d("div", {
 				style: { marginBottom: "16px" },
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "12px",
 						fontWeight: 600,
-						color: h.textSecondary,
+						color: m.textSecondary,
 						marginBottom: "8px"
 					},
-					children: g("bigconsole.dashboards.embed.presentation.heading", "Presentation")
+					children: h("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 				}), $]
 			}),
-			!G && /* @__PURE__ */ f("div", {
+			!G && /* @__PURE__ */ d("div", {
 				style: { marginBottom: "8px" },
-				children: [/* @__PURE__ */ f("label", {
+				children: [/* @__PURE__ */ d("label", {
 					style: {
 						display: "flex",
 						gap: "8px",
 						alignItems: "flex-start",
 						marginBottom: "12px"
 					},
-					children: [/* @__PURE__ */ d("input", {
+					children: [/* @__PURE__ */ u("input", {
 						type: "checkbox",
-						checked: M,
-						onChange: (e) => N(e.target.checked)
-					}), /* @__PURE__ */ d("span", {
+						checked: j,
+						onChange: (e) => M(e.target.checked)
+					}), /* @__PURE__ */ u("span", {
 						style: {
 							fontSize: "12px",
-							color: h.textSecondary
+							color: m.textSecondary
 						},
-						children: g("bigconsole.dashboards.embed.attestation", "I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.")
+						children: h("bigconsole.dashboards.embed.attestation", "I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.")
 					})]
-				}), /* @__PURE__ */ d("button", {
+				}), /* @__PURE__ */ u("button", {
 					style: ie,
 					onClick: X,
-					disabled: y || !D,
+					disabled: v || !E,
 					type: "button",
-					children: y ? g("bigconsole.dashboards.embed.publishing", "Publishing…") : g("bigconsole.dashboards.embed.publish", "Publish to web")
+					children: v ? h("bigconsole.dashboards.embed.publishing", "Publishing…") : h("bigconsole.dashboards.embed.publish", "Publish to web")
 				})]
 			}),
-			G && /* @__PURE__ */ f(u, { children: [
-				q ? /* @__PURE__ */ f("div", {
+			G && /* @__PURE__ */ d(l, { children: [
+				q ? /* @__PURE__ */ d("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							style: { marginBottom: "6px" },
-							children: /* @__PURE__ */ d("span", {
+							children: /* @__PURE__ */ u("span", {
 								style: {
 									fontSize: "12px",
 									fontWeight: 600,
-									color: h.textSecondary
+									color: m.textSecondary
 								},
-								children: g("bigconsole.dashboards.embed.snippet.label", "Embed snippet")
+								children: h("bigconsole.dashboards.embed.snippet.label", "Embed snippet")
 							})
 						}),
-						/* @__PURE__ */ d("textarea", {
+						/* @__PURE__ */ u("textarea", {
 							readOnly: !0,
 							value: q,
 							style: {
@@ -333,115 +333,115 @@ function m({ dashboardId: m, colors: h }) {
 								minHeight: "96px",
 								padding: "10px",
 								borderRadius: "8px",
-								border: `1px solid ${h.borderDefault}`,
-								background: h.bgSecondary,
-								color: h.textPrimary,
+								border: `1px solid ${m.borderDefault}`,
+								background: m.bgSecondary,
+								color: m.textPrimary,
 								fontFamily: "monospace",
 								fontSize: "12px",
 								resize: "vertical"
 							}
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ u("button", {
 							style: {
 								...Q,
 								marginTop: "8px"
 							},
 							onClick: () => Z(q),
 							type: "button",
-							children: P ? g("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : g("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
+							children: N ? h("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : h("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
 						})
 					]
-				}) : /* @__PURE__ */ d("div", {
+				}) : /* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "12px",
-						color: h.textSecondary,
-						background: h.bgSecondary,
+						color: m.textSecondary,
+						background: m.bgSecondary,
 						borderRadius: "8px",
 						padding: "10px 12px",
 						marginBottom: "16px"
 					},
-					children: g("bigconsole.dashboards.embed.snippet.alreadyActive", "The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use {{rotateLabel}} to generate a fresh snippet.", { rotateLabel: g("bigconsole.dashboards.embed.rotate", "Rotate link") })
+					children: h("bigconsole.dashboards.embed.snippet.alreadyActive", "The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use {{rotateLabel}} to generate a fresh snippet.", { rotateLabel: h("bigconsole.dashboards.embed.rotate", "Rotate link") })
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							style: {
 								fontSize: "12px",
 								fontWeight: 600,
-								color: h.textSecondary,
+								color: m.textSecondary,
 								marginBottom: "8px"
 							},
-							children: g("bigconsole.dashboards.embed.presentation.heading", "Presentation")
+							children: h("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 						}),
 						$,
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "10px",
 								marginTop: "10px"
 							},
-							children: [/* @__PURE__ */ d("button", {
+							children: [/* @__PURE__ */ u("button", {
 								style: Q,
 								onClick: re,
-								disabled: y || !D,
+								disabled: v || !E,
 								type: "button",
-								children: y ? g("bigconsole.dashboards.embed.applying", "Applying…") : g("bigconsole.dashboards.embed.apply", "Apply changes")
-							}), ne && /* @__PURE__ */ d("span", {
+								children: v ? h("bigconsole.dashboards.embed.applying", "Applying…") : h("bigconsole.dashboards.embed.apply", "Apply changes")
+							}), z && /* @__PURE__ */ u("span", {
 								style: {
 									fontSize: "12px",
-									color: h.textTertiary
+									color: m.textTertiary
 								},
-								children: g("bigconsole.dashboards.embed.updated", "Updated ✓")
+								children: h("bigconsole.dashboards.embed.updated", "Updated ✓")
 							})]
 						}),
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							style: {
 								fontSize: "11px",
-								color: h.textTertiary,
+								color: m.textTertiary,
 								marginTop: "6px"
 							},
-							children: g("bigconsole.dashboards.embed.presentation.applyHelp", "Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same.")
+							children: h("bigconsole.dashboards.embed.presentation.applyHelp", "Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same.")
 						})
 					]
 				}),
-				D && /* @__PURE__ */ f("div", {
+				E && /* @__PURE__ */ d("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ d("button", {
+					children: [/* @__PURE__ */ u("button", {
 						style: Q,
-						onClick: () => _ && T(_.id),
-						disabled: y,
+						onClick: () => g && w(g.id),
+						disabled: v,
 						type: "button",
-						children: g("bigconsole.dashboards.embed.rotate", "Rotate link")
-					}), /* @__PURE__ */ d("button", {
+						children: h("bigconsole.dashboards.embed.rotate", "Rotate link")
+					}), /* @__PURE__ */ u("button", {
 						style: {
 							...Q,
-							color: h.statusErrorText,
-							borderColor: h.statusErrorText
+							color: m.statusErrorText,
+							borderColor: m.statusErrorText
 						},
 						onClick: () => {
-							_ && window.confirm(g("bigconsole.dashboards.embed.unpublishConfirm", "Unpublish this dashboard? The embed will stop working immediately for anyone using the link.")) && te(_.id);
+							g && window.confirm(h("bigconsole.dashboards.embed.unpublishConfirm", "Unpublish this dashboard? The embed will stop working immediately for anyone using the link.")) && ne(g.id);
 						},
-						disabled: y,
+						disabled: v,
 						type: "button",
-						children: g("bigconsole.dashboards.embed.unpublish", "Unpublish")
+						children: h("bigconsole.dashboards.embed.unpublish", "Unpublish")
 					})]
 				})
 			] }),
-			(V || b) && /* @__PURE__ */ d("div", {
+			(V || y) && /* @__PURE__ */ u("div", {
 				style: {
 					marginTop: "12px",
 					fontSize: "12px",
-					color: h.statusErrorText
+					color: m.statusErrorText
 				},
-				children: V ?? b?.message
+				children: V ?? y?.message
 			})
 		]
 	});
 }
 //#endregion
-export { m as default };
+export { p as EmbedTab, p as default, f as withThemeInSnippet };

package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.js

@@ -2,7 +2,7 @@ import { useBigConsole as e, useBigConsoleBasePath as t } from "../../../context
 import n from "../../../hooks/useBigConsoleAnalytics.js";
 import r from "../../../hooks/useDashboardSharing.js";
 import "../../../hooks/index.js";
-import i from "./EmbedTab.js";
+import { EmbedTab as i } from "./EmbedTab.js";
 import { useShareRecipients as a } from "../../../hooks/useShareRecipients.js";
 import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
 import { ResponsiveDialog as ee, ResponsiveDialogContent as u, ResponsiveDialogDescription as te, ResponsiveDialogTitle as ne } from "@burdenoff/fe-libs/ui";
@@ -706,4 +706,4 @@ function x({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 	});
 }
 //#endregion
-export { v as default };
+export { v as ShareDialog, v as default };

package/dist/bigconsole/components/dashboard/ShareDialog/index.js

@@ -1 +1,2 @@
-import "./ShareDialog.js";
+import { ShareDialog as e } from "./ShareDialog.js";
+export { e as ShareDialog };

package/dist/bigconsole/components/dashboard/StoreTemplatePicker.js

@@ -286,4 +286,4 @@ var g = {
 	})] });
 });
 //#endregion
-export { _ as default };
+export { _ as StoreTemplatePicker, _ as default };

package/dist/bigconsole/components/dashboard/TemplateSetupBanner.js

@@ -45,4 +45,4 @@ var c = t(function({ widgets: t, isEditMode: o = !1, onConnectData: c }) {
 	});
 });
 //#endregion
-export { c as default };
+export { c as TemplateSetupBanner, c as default };

package/dist/bigconsole/components/dashboard/WidgetPalette.js

@@ -308,7 +308,7 @@ var V = {
 		transition: "border-color 0.15s, color 0.15s"
 	}
 }, H = s(function({ isOpen: s, onClose: d, onWidgetSelect: f, onDragStart: p, onDragEnd: g, installedWidgets: v = [], installedWidgetsLoading: y = !1, definitions: b }) {
-	let { t: x } = I(), S = t(), T = e(), [E, D] = u(""), [O, j] = u(new Set([
+	let { t: x } = I(), S = t(), T = e(), [E, D] = u(""), [O, j] = u(/* @__PURE__ */ new Set([
 		"KPI",
 		"Visualization",
 		"Data",
@@ -605,4 +605,4 @@ var V = {
 	}) : null;
 });
 //#endregion
-export { H as default };
+export { H as WidgetPalette, H as default };