@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

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

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