@burdenoff/microfe-bigconsole 2026.1008.10 → 2026.1008.12

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

@@ -5,9 +5,9 @@ import "../../../hooks/index.js";
 import 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 d, ResponsiveDialogTitle as te } from "@burdenoff/fe-libs/ui";
+import { ResponsiveDialog as ee, ResponsiveDialogContent as u, ResponsiveDialogDescription as te, ResponsiveDialogTitle as ne } from "@burdenoff/fe-libs/ui";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { formatDistanceToNow as m } from "date-fns";
 //#region src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx
 var h = {
@@ -54,23 +54,23 @@ function v(t) {
 		returnFocusRef: i
 	}, `${r?.id ?? ""}|${n ?? ""}|${t.dashboardId}`);
 }
-function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility: y, onVisibilityChange: b, canChangeVisibility: x = !0, returnFocusRef: S }) {
-	let { t: C } = ne(), { shares: w, loading: T, error: ie, fetchShares: E, shareWithUser: D, shareWithGroup: O, updateShare: k, revokeShare: A, revokeAllShares: j } = r(), M = n(), [N, P] = l(""), [F, I] = l(null), [L, R] = l("VIEW"), [z, ae] = l(""), [B, V] = l(!1), [H, U] = l("people"), [W, G] = l(!1), [K, q] = l(null), [J, Y] = l(null), X = a(m, N), Z = t();
+function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility: y, onVisibilityChange: b, canChangeVisibility: S = !0, returnFocusRef: C }) {
+	let { t: w } = d(), { shares: T, loading: E, error: re, fetchShares: D, shareWithUser: O, shareWithGroup: k, updateShare: A, revokeShare: j, revokeAllShares: M } = r(), N = n(), [P, F] = l(""), [I, L] = l(null), [R, z] = l("VIEW"), [B, ie] = l(""), [V, H] = l(!1), [U, W] = l("people"), [G, K] = l(!1), [q, J] = l(null), [Y, X] = l(null), Z = a(m, P), Q = t();
 	s(() => {
 		let e = !1;
 		return Promise.resolve().then(() => {
-			e || (I(null), P(""), Y(null));
+			e || (L(null), F(""), X(null));
 		}), () => {
 			e = !0;
 		};
 	}, [
-		X.owner,
+		Z.owner,
 		e,
 		m
 	]), s(() => {
 		if (m && e) {
-			E(e);
-			let t = new URL(`${Z}/dashboards/${encodeURIComponent(e)}`, window.location.origin), n = new URLSearchParams(window.location.search);
+			D(e);
+			let t = new URL(`${Q}/dashboards/${encodeURIComponent(e)}`, window.location.origin), n = new URLSearchParams(window.location.search);
 			for (let e of [
 				"org",
 				"workspace",
@@ -80,69 +80,69 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 				let r = n.get(e);
 				r && t.searchParams.set(e, r);
 			}
-			X.workspaceId && t.searchParams.set("workspace", X.workspaceId), ae(t.toString());
+			Z.workspaceId && t.searchParams.set("workspace", Z.workspaceId), ie(t.toString());
 		}
 	}, [
 		m,
 		e,
-		E,
-		Z,
-		X.workspaceId
+		D,
+		Q,
+		Z.workspaceId
 	]);
-	let oe = o(async () => {
-		if (!F || T || F.workspaceId !== X.workspaceId) return;
-		Y(null), M("bigconsole.dashboard.share_clicked", {
+	let ae = o(async () => {
+		if (!I || E || I.workspaceId !== Z.workspaceId) return;
+		X(null), N("bigconsole.dashboard.share_clicked", {
 			dashboardId: e,
-			permission: L,
-			recipientType: F.type
+			permission: R,
+			recipientType: I.type
 		});
 		let t = null;
-		if (F.type === "USER" ? t = await D(e, F.id, L) : F.type === "GROUP" && (t = await O(e, F.id, L)), t && M("bigconsole.dashboard.shared", {
+		if (I.type === "USER" ? t = await O(e, I.id, R) : I.type === "GROUP" && (t = await k(e, I.id, R)), t && N("bigconsole.dashboard.shared", {
 			dashboardId: e,
-			permission: L,
-			recipientType: F.type
+			permission: R,
+			recipientType: I.type
 		}), !t) {
-			Y(C("bigconsole.share.error.grantFailed", "Access could not be granted. Review the recipient and try again."));
+			X(w("bigconsole.share.error.grantFailed", "Access could not be granted. Review the recipient and try again."));
 			return;
 		}
-		I(null), P("");
+		L(null), F("");
 	}, [
-		X.workspaceId,
-		C,
-		T,
+		Z.workspaceId,
+		w,
+		E,
 		e,
-		M,
-		F,
-		L,
-		O,
-		D
-	]), se = o(async (e, t) => {
-		await k({
+		N,
+		I,
+		R,
+		k,
+		O
+	]), oe = o(async (e, t) => {
+		await A({
 			id: e,
 			permission: t
 		});
-	}, [k]), Q = o(async (e) => {
-		window.confirm("Are you sure you want to revoke this access?") && await A(e);
-	}, [A]), ce = o(async () => {
-		window.confirm("Are you sure you want to revoke all shared access?") && await j(e);
-	}, [e, j]), le = o(async (e) => {
+	}, [A]), se = o(async (e) => {
+		window.confirm("Are you sure you want to revoke this access?") && await j(e);
+	}, [j]), ce = o(async () => {
+		window.confirm("Are you sure you want to revoke all shared access?") && await M(e);
+	}, [e, M]), le = o(async (e) => {
 		if (!(!b || e === y)) {
-			q(null), G(!0);
+			J(null), K(!0);
 			try {
 				await b(e);
 			} catch (e) {
-				q(e instanceof Error ? e.message : "Could not update general access.");
+				J(e instanceof Error ? e.message : "Could not update general access.");
 			} finally {
-				G(!1);
+				K(!1);
 			}
 		}
 	}, [b, y]), ue = o(async () => {
 		try {
-			await navigator.clipboard.writeText(z), V(!0), setTimeout(() => V(!1), 2e3);
+			await navigator.clipboard.writeText(B), H(!0), setTimeout(() => H(!1), 2e3);
 		} catch {
-			Y(C("bigconsole.share.error.copyFailed", "The link could not be copied. Select the link and copy it manually."));
+			X(w("bigconsole.share.error.copyFailed", "The link could not be copied. Select the link and copy it manually."));
 		}
-	}, [z, C]), $ = X.results;
+	}, [B, w]), $ = Z.results;
 	return m ? /* @__PURE__ */ f(ee, {
 		open: m,
 		onOpenChange: (e) => {
@@ -154,10 +154,10 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 			className: "flex w-full flex-col gap-0 overflow-hidden rounded-card p-0 sm:w-[calc(100%-2rem)] sm:max-w-[520px]",
 			onOpenAutoFocus: () => {
 				let e = document.activeElement;
-				e instanceof HTMLElement && e !== document.body && !e.closest("[role=dialog]") && (S.current = e);
+				e instanceof HTMLElement && e !== document.body && !e.closest("[role=dialog]") && (C.current = e);
 			},
 			onCloseAutoFocus: (e) => {
-				e.preventDefault(), S.current?.isConnected && S.current.focus();
+				e.preventDefault(), C.current?.isConnected && C.current.focus();
 			},
 			style: {
 				maxWidth: "520px",
@@ -176,7 +176,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 						justifyContent: "space-between",
 						backgroundColor: h.bgPrimary
 					},
-					children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(te, {
+					children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(ne, {
 						style: {
 							margin: 0,
 							fontSize: "18px",
@@ -184,7 +184,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 							color: h.textPrimary
 						},
 						children: "Share Dashboard"
-					}), /* @__PURE__ */ f(d, {
+					}), /* @__PURE__ */ f(te, {
 						style: {
 							margin: "4px 0 0",
 							fontSize: "13px",
@@ -193,7 +193,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 						children: c
 					})] }), /* @__PURE__ */ f("button", {
 						type: "button",
-						"aria-label": C("bigconsole.share.closeLabel", "Close share dialog"),
+						"aria-label": w("bigconsole.share.closeLabel", "Close share dialog"),
 						onClick: v,
 						style: {
 							background: "none",
@@ -221,14 +221,14 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 					children: ["people", "embed"].map((e) => /* @__PURE__ */ f("button", {
 						type: "button",
 						role: "tab",
-						"aria-selected": H === e,
-						onClick: () => U(e),
+						"aria-selected": U === e,
+						onClick: () => W(e),
 						style: {
 							padding: "10px 12px",
 							background: "none",
 							border: "none",
-							borderBottom: `2px solid ${H === e ? h.actionPrimaryBg : "transparent"}`,
-							color: H === e ? h.textPrimary : h.textSecondary,
+							borderBottom: `2px solid ${U === e ? h.actionPrimaryBg : "transparent"}`,
+							color: U === e ? h.textPrimary : h.textSecondary,
 							fontSize: "13px",
 							fontWeight: 600,
 							cursor: "pointer"
@@ -236,7 +236,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 						children: e === "people" ? "People" : "Publish to web"
 					}, e))
 				}),
-				H === "embed" && /* @__PURE__ */ f("div", {
+				U === "embed" && /* @__PURE__ */ f("div", {
 					className: "min-h-0 flex-1 overflow-y-auto",
 					style: { backgroundColor: h.bgPrimary },
 					children: /* @__PURE__ */ f(i, {
@@ -244,7 +244,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 						colors: h
 					})
 				}),
-				H === "people" && /* @__PURE__ */ p("div", {
+				U === "people" && /* @__PURE__ */ p("div", {
 					className: "flex min-h-0 flex-1 flex-col gap-section-gap overflow-y-auto p-card-padding",
 					style: { backgroundColor: h.bgPrimary },
 					children: [
@@ -268,7 +268,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 										"aria-label": "General access",
 										"data-testid": "share-visibility",
 										value: y,
-										disabled: !x || W,
+										disabled: !S || G,
 										onChange: (e) => void le(e.target.value),
 										style: {
 											padding: "10px 12px",
@@ -277,8 +277,8 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 											fontSize: "13px",
 											backgroundColor: h.bgPrimary,
 											color: h.textPrimary,
-											cursor: !x || W ? "not-allowed" : "pointer",
-											opacity: !x || W ? .6 : 1
+											cursor: !S || G ? "not-allowed" : "pointer",
+											opacity: !S || G ? .6 : 1
 										},
 										children: g.map((e) => /* @__PURE__ */ f("option", {
 											value: e.value,
@@ -292,7 +292,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 										children: g.find((e) => e.value === y)?.description
 									})]
 								}),
-								!x && /* @__PURE__ */ f("p", {
+								!S && /* @__PURE__ */ f("p", {
 									style: {
 										margin: "6px 0 0",
 										fontSize: "11px",
@@ -300,13 +300,13 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 									},
 									children: "You don't have permission to change general access."
 								}),
-								K && /* @__PURE__ */ f("p", {
+								q && /* @__PURE__ */ f("p", {
 									style: {
 										margin: "6px 0 0",
 										fontSize: "11px",
 										color: h.statusErrorText
 									},
-									children: K
+									children: q
 								})
 							]
 						}),
@@ -325,7 +325,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 								},
 								children: [/* @__PURE__ */ f("input", {
 									type: "text",
-									value: z,
+									value: B,
 									readOnly: !0,
 									style: {
 										flex: 1,
@@ -340,7 +340,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 									onClick: ue,
 									style: {
 										padding: "10px 16px",
-										backgroundColor: B ? h.statusSuccessBg : h.actionPrimaryBg,
+										backgroundColor: V ? h.statusSuccessBg : h.actionPrimaryBg,
 										color: "var(--color-action-primary-text)",
 										border: "none",
 										borderRadius: "6px",
@@ -349,14 +349,14 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 										fontWeight: 500,
 										minWidth: "80px"
 									},
-									children: B ? "Copied!" : "Copy"
+									children: V ? "Copied!" : "Copy"
 								})]
 							})]
 						}),
-						(ie || J) && /* @__PURE__ */ f("p", {
+						(re || Y) && /* @__PURE__ */ f("p", {
 							role: "alert",
 							style: { color: h.statusErrorText },
-							children: J || C("bigconsole.share.error.loadFailed", "Dashboard access could not be loaded or updated. Try again.")
+							children: Y || w("bigconsole.share.error.loadFailed", "Dashboard access could not be loaded or updated. Try again.")
 						}),
 						/* @__PURE__ */ p("section", {
 							"aria-labelledby": "share-invite-heading",
@@ -373,31 +373,31 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 										fontSize: "13px",
 										marginBottom: "8px"
 									},
-									children: C("bigconsole.share.directory.scopeHint", "Only members and groups from the current workspace are listed.")
+									children: w("bigconsole.share.directory.scopeHint", "Only members and groups from the current workspace are listed.")
 								}),
-								X.loading && /* @__PURE__ */ f("p", {
+								Z.loading && /* @__PURE__ */ f("p", {
 									role: "status",
-									children: C("bigconsole.share.directory.loading", "Loading workspace recipients…")
+									children: w("bigconsole.share.directory.loading", "Loading workspace recipients…")
 								}),
-								X.error && /* @__PURE__ */ p("div", {
+								Z.error && /* @__PURE__ */ p("div", {
 									role: "alert",
-									children: [/* @__PURE__ */ f("p", { children: C("bigconsole.share.directory.loadFailed", "The workspace directory could not be loaded. Your access may not allow directory lookup.") }), /* @__PURE__ */ f("button", {
+									children: [/* @__PURE__ */ f("p", { children: w("bigconsole.share.directory.loadFailed", "The workspace directory could not be loaded. Your access may not allow directory lookup.") }), /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: X.retry,
-										children: C("bigconsole.share.directory.retry", "Retry directory")
+										onClick: Z.retry,
+										children: w("bigconsole.share.directory.retry", "Retry directory")
 									})]
 								}),
-								N && !F && !X.loading && !X.error && $.length === 0 && /* @__PURE__ */ f("p", {
+								P && !I && !Z.loading && !Z.error && $.length === 0 && /* @__PURE__ */ f("p", {
 									role: "status",
-									children: C("bigconsole.share.directory.empty", "No matching workspace members or groups.")
+									children: w("bigconsole.share.directory.empty", "No matching workspace members or groups.")
 								}),
-								X.hasMoreMembers && /* @__PURE__ */ f("button", {
+								Z.hasMoreMembers && /* @__PURE__ */ f("button", {
 									type: "button",
-									disabled: X.loading,
-									onClick: X.loadMoreMembers,
-									children: C("bigconsole.share.directory.loadMore", "Load more workspace members")
+									disabled: Z.loading,
+									onClick: Z.loadMoreMembers,
+									children: w("bigconsole.share.directory.loadMore", "Load more workspace members")
 								}),
-								X.hasMoreGroups && /* @__PURE__ */ f("p", { children: C("bigconsole.share.directory.moreGroups", "More groups match. Narrow your search to find a specific group.") }),
+								Z.hasMoreGroups && /* @__PURE__ */ f("p", { children: w("bigconsole.share.directory.moreGroups", "More groups match. Narrow your search to find a specific group.") }),
 								/* @__PURE__ */ p("div", {
 									style: {
 										display: "flex",
@@ -413,12 +413,12 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 											},
 											children: [/* @__PURE__ */ f("input", {
 												type: "text",
-												value: F ? F.name : N,
+												value: I ? I.name : P,
 												onChange: (e) => {
-													P(e.target.value), I(null);
+													F(e.target.value), L(null);
 												},
-												"aria-label": C("bigconsole.share.directory.searchLabel", "Search workspace members and groups"),
-												placeholder: C("bigconsole.share.directory.searchPlaceholder", "Search workspace members or groups..."),
+												"aria-label": w("bigconsole.share.directory.searchLabel", "Search workspace members and groups"),
+												placeholder: w("bigconsole.share.directory.searchPlaceholder", "Search workspace members or groups..."),
 												style: {
 													width: "100%",
 													padding: "10px 12px",
@@ -428,7 +428,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 													backgroundColor: h.bgPrimary,
 													color: h.textPrimary
 												}
-											}), N && !F && $.length > 0 && /* @__PURE__ */ f("div", {
+											}), P && !I && $.length > 0 && /* @__PURE__ */ f("div", {
 												style: {
 													position: "absolute",
 													top: "100%",
@@ -445,7 +445,7 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 												},
 												children: $.map((e) => /* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => I(e),
+													onClick: () => L(e),
 													style: {
 														display: "block",
 														width: "100%",
@@ -485,9 +485,9 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 											})]
 										}),
 										/* @__PURE__ */ f("select", {
-											"aria-label": C("bigconsole.share.permissionLabel", "Access permission"),
-											value: L,
-											onChange: (e) => R(e.target.value),
+											"aria-label": w("bigconsole.share.permissionLabel", "Access permission"),
+											value: R,
+											onChange: (e) => z(e.target.value),
 											style: {
 												padding: "10px 12px",
 												border: `1px solid ${h.borderDefault}`,
@@ -502,15 +502,15 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 											}, e.value))
 										}),
 										/* @__PURE__ */ f("button", {
-											onClick: oe,
-											disabled: !F || T || F.workspaceId !== X.workspaceId,
+											onClick: ae,
+											disabled: !I || E || I.workspaceId !== Z.workspaceId,
 											style: {
 												padding: "10px 16px",
-												backgroundColor: F ? h.actionPrimaryBg : h.bgTertiary,
-												color: F ? "var(--color-action-primary-text)" : h.textSecondary,
+												backgroundColor: I ? h.actionPrimaryBg : h.bgTertiary,
+												color: I ? "var(--color-action-primary-text)" : h.textSecondary,
 												border: "none",
 												borderRadius: "6px",
-												cursor: F ? "pointer" : "not-allowed",
+												cursor: I ? "pointer" : "not-allowed",
 												fontSize: "13px",
 												fontWeight: 500
 											},
@@ -537,10 +537,10 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 									style: { color: h.textPrimary },
 									children: [
 										"People with access (",
-										w.length,
+										T.length,
 										")"
 									]
-								}), w.length > 0 && /* @__PURE__ */ f("button", {
+								}), T.length > 0 && /* @__PURE__ */ f("button", {
 									onClick: ce,
 									style: {
 										padding: "4px 8px",
@@ -552,13 +552,13 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 									},
 									children: "Revoke All"
 								})]
-							}), T && w.length === 0 ? /* @__PURE__ */ f("p", {
+							}), E && T.length === 0 ? /* @__PURE__ */ f("p", {
 								style: {
 									color: h.textSecondary,
 									fontSize: "13px"
 								},
 								children: "Loading..."
-							}) : w.length === 0 ? /* @__PURE__ */ f("p", {
+							}) : T.length === 0 ? /* @__PURE__ */ f("p", {
 								style: {
 									color: h.textSecondary,
 									fontSize: "13px"
@@ -570,10 +570,10 @@ function y({ dashboardId: e, dashboardName: c, isOpen: m, onClose: v, visibility
 									flexDirection: "column",
 									gap: "8px"
 								},
-								children: w.map((e) => /* @__PURE__ */ f(re, {
+								children: T.map((e) => /* @__PURE__ */ f(x, {
 									share: e,
-									onUpdatePermission: se,
-									onRevoke: Q,
+									onUpdatePermission: oe,
+									onRevoke: se,
 									colors: h
 								}, e.id))
 							})]
@@ -601,7 +601,7 @@ function b(e) {
 		expired: !1
 	};
 }
-function re({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
+function x({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 	let i = b(e.expiresAt);
 	return /* @__PURE__ */ p("div", {
 		style: {