@burdenoff/microfe-bigconsole 2026.731.5 → 2026.731.7

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

@@ -1,11 +1,12 @@
 import e from "../../../hooks/useBigConsoleAnalytics.js";
 import t from "../../../hooks/useDashboardSharing.js";
 import "../../../hooks/index.js";
-import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { createPortal as c } from "react-dom";
+import n from "./EmbedTab.js";
+import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createPortal as l } from "react-dom";
 //#region src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx
-var l = (e) => ({
+var u = (e) => ({
 	bgPrimary: e ? "#1a1a2e" : "#ffffff",
 	bgSecondary: e ? "#252542" : "#f4f4f5",
 	bgTertiary: e ? "#2d2d4a" : "#e4e4e7",
@@ -17,7 +18,7 @@ var l = (e) => ({
 	actionPrimaryBgHover: "#4f46e5",
 	statusSuccessBg: "#22c55e",
 	statusErrorText: "#ef4444"
-}), u = [{
+}), d = [{
 	value: "VIEW",
 	label: "View",
 	description: "Can view the dashboard"
@@ -26,49 +27,49 @@ var l = (e) => ({
 	label: "Edit",
 	description: "Can edit widgets, layout, and share"
 }];
-function d({ dashboardId: d, dashboardName: p, isOpen: m, onClose: h }) {
-	let { shares: g, loading: _, fetchShares: v, shareWithUser: y, shareWithGroup: b, updateShare: x, revokeShare: S, revokeAllShares: C } = t(), w = e(), [T, E] = a(""), [D, O] = a(null), [k, A] = a("VIEW"), [j, M] = a(""), [N, P] = a(!1);
-	r(() => {
-		m && d && (v(d), M(`${window.location.origin}/dashboard/${d}?shared=true`));
+function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
+	let { shares: _, loading: v, fetchShares: y, shareWithUser: b, shareWithGroup: x, updateShare: S, revokeShare: C, revokeAllShares: w } = t(), T = e(), [E, D] = o(""), [O, k] = o(null), [A, j] = o("VIEW"), [M, N] = o(""), [P, F] = o(!1), [I, L] = o("people");
+	i(() => {
+		h && f && (y(f), N(`${window.location.origin}/dashboard/${f}?shared=true`));
 	}, [
-		m,
-		d,
-		v
+		h,
+		f,
+		y
 	]);
-	let F = n(async () => {
-		if (!D) return;
-		w("bigconsole.dashboard.share_clicked", {
-			dashboardId: d,
-			permission: k,
-			recipientType: D.type
+	let R = r(async () => {
+		if (!O) return;
+		T("bigconsole.dashboard.share_clicked", {
+			dashboardId: f,
+			permission: A,
+			recipientType: O.type
 		});
 		let e = null;
-		D.type === "USER" ? e = await y(d, D.id, k) : D.type === "GROUP" && (e = await b(d, D.id, k)), e && w("bigconsole.dashboard.shared", {
-			dashboardId: d,
-			permission: k,
-			recipientType: D.type
-		}), O(null), E("");
+		O.type === "USER" ? e = await b(f, O.id, A) : O.type === "GROUP" && (e = await x(f, O.id, A)), e && T("bigconsole.dashboard.shared", {
+			dashboardId: f,
+			permission: A,
+			recipientType: O.type
+		}), k(null), D("");
 	}, [
-		d,
-		w,
-		D,
-		k,
-		b,
-		y
-	]), I = n(async (e, t) => {
-		await x({
+		f,
+		T,
+		O,
+		A,
+		x,
+		b
+	]), z = r(async (e, t) => {
+		await S({
 			id: e,
 			permission: t
 		});
-	}, [x]), L = n(async (e) => {
-		window.confirm("Are you sure you want to revoke this access?") && await S(e);
-	}, [S]), R = n(async () => {
-		window.confirm("Are you sure you want to revoke all shared access?") && await C(d);
-	}, [d, C]), z = n(async () => {
+	}, [S]), B = r(async (e) => {
+		window.confirm("Are you sure you want to revoke this access?") && await C(e);
+	}, [C]), V = r(async () => {
+		window.confirm("Are you sure you want to revoke all shared access?") && await w(f);
+	}, [f, w]), H = r(async () => {
 		try {
-			await navigator.clipboard.writeText(j), P(!0), setTimeout(() => P(!1), 2e3);
+			await navigator.clipboard.writeText(M), F(!0), setTimeout(() => F(!1), 2e3);
 		} catch {}
-	}, [j]), B = T ? [
+	}, [M]), U = E ? [
 		{
 			id: "user-1",
 			name: "John Doe",
@@ -91,8 +92,8 @@ function d({ dashboardId: d, dashboardName: p, isOpen: m, onClose: h }) {
 			name: "Editors",
 			type: "GROUP"
 		}
-	].filter((e) => e.name.toLowerCase().includes(T.toLowerCase()) || e.email?.toLowerCase().includes(T.toLowerCase())) : [], V = typeof document < "u" && document.documentElement.classList.contains("dark"), H = i(() => l(V), [V]);
-	return m ? c(/* @__PURE__ */ o("div", {
+	].filter((e) => e.name.toLowerCase().includes(E.toLowerCase()) || e.email?.toLowerCase().includes(E.toLowerCase())) : [], W = typeof document < "u" && document.documentElement.classList.contains("dark"), G = a(() => u(W), [W]);
+	return h ? l(/* @__PURE__ */ s("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -106,301 +107,339 @@ function d({ dashboardId: d, dashboardName: p, isOpen: m, onClose: h }) {
 			zIndex: 99999,
 			isolation: "isolate"
 		},
-		onClick: h,
-		children: /* @__PURE__ */ s("div", {
+		onClick: g,
+		children: /* @__PURE__ */ c("div", {
 			style: {
 				width: "520px",
 				maxHeight: "80vh",
-				backgroundColor: H.bgPrimary,
+				backgroundColor: G.bgPrimary,
 				borderRadius: "12px",
 				boxShadow: "0 8px 32px rgba(0, 0, 0, 0.3)",
 				overflow: "hidden",
 				position: "relative",
 				zIndex: 1e5,
-				color: H.textPrimary
+				color: G.textPrimary
 			},
 			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ s("div", {
-				style: {
-					padding: "20px 24px",
-					borderBottom: `1px solid ${H.borderDefault}`,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between",
-					backgroundColor: H.bgPrimary
-				},
-				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h3", {
+			children: [
+				/* @__PURE__ */ c("div", {
+					style: {
+						padding: "20px 24px",
+						borderBottom: `1px solid ${G.borderDefault}`,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between",
+						backgroundColor: G.bgPrimary
+					},
+					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h3", {
+						style: {
+							margin: 0,
+							fontSize: "18px",
+							fontWeight: 600,
+							color: G.textPrimary
+						},
+						children: "Share Dashboard"
+					}), /* @__PURE__ */ s("p", {
+						style: {
+							margin: "4px 0 0",
+							fontSize: "13px",
+							color: G.textSecondary
+						},
+						children: m
+					})] }), /* @__PURE__ */ s("button", {
+						onClick: g,
+						style: {
+							background: "none",
+							border: "none",
+							fontSize: "24px",
+							cursor: "pointer",
+							color: G.textSecondary,
+							padding: "4px",
+							lineHeight: 1
+						},
+						children: "×"
+					})]
+				}),
+				/* @__PURE__ */ s("div", {
 					style: {
-						margin: 0,
-						fontSize: "18px",
-						fontWeight: 600,
-						color: H.textPrimary
+						display: "flex",
+						gap: "4px",
+						padding: "0 24px",
+						borderBottom: `1px solid ${G.borderDefault}`,
+						backgroundColor: G.bgPrimary
 					},
-					children: "Share Dashboard"
-				}), /* @__PURE__ */ o("p", {
+					children: ["people", "embed"].map((e) => /* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => L(e),
+						style: {
+							padding: "10px 12px",
+							background: "none",
+							border: "none",
+							borderBottom: `2px solid ${I === e ? G.actionPrimaryBg : "transparent"}`,
+							color: I === e ? G.textPrimary : G.textSecondary,
+							fontSize: "13px",
+							fontWeight: 600,
+							cursor: "pointer"
+						},
+						children: e === "people" ? "People" : "Publish to web"
+					}, e))
+				}),
+				I === "embed" && /* @__PURE__ */ s("div", {
 					style: {
-						margin: "4px 0 0",
-						fontSize: "13px",
-						color: H.textSecondary
+						overflowY: "auto",
+						maxHeight: "calc(80vh - 160px)",
+						backgroundColor: G.bgPrimary
 					},
-					children: p
-				})] }), /* @__PURE__ */ o("button", {
-					onClick: h,
+					children: /* @__PURE__ */ s(n, {
+						dashboardId: f,
+						colors: G
+					})
+				}),
+				I === "people" && /* @__PURE__ */ c("div", {
 					style: {
-						background: "none",
-						border: "none",
-						fontSize: "24px",
-						cursor: "pointer",
-						color: H.textSecondary,
-						padding: "4px",
-						lineHeight: 1
+						padding: "24px",
+						overflowY: "auto",
+						maxHeight: "calc(80vh - 200px)",
+						backgroundColor: G.bgPrimary
 					},
-					children: "×"
-				})]
-			}), /* @__PURE__ */ s("div", {
-				style: {
-					padding: "24px",
-					overflowY: "auto",
-					maxHeight: "calc(80vh - 200px)",
-					backgroundColor: H.bgPrimary
-				},
-				children: [
-					/* @__PURE__ */ s("div", {
-						style: { marginBottom: "24px" },
-						children: [/* @__PURE__ */ o("label", {
-							style: {
-								display: "block",
-								marginBottom: "8px",
-								fontSize: "13px",
-								fontWeight: 600,
-								color: H.textPrimary
-							},
-							children: "Share Link"
-						}), /* @__PURE__ */ s("div", {
-							style: {
-								display: "flex",
-								gap: "8px"
-							},
-							children: [/* @__PURE__ */ o("input", {
-								type: "text",
-								value: j,
-								readOnly: !0,
+					children: [
+						/* @__PURE__ */ c("div", {
+							style: { marginBottom: "24px" },
+							children: [/* @__PURE__ */ s("label", {
 								style: {
-									flex: 1,
-									padding: "10px 12px",
-									border: `1px solid ${H.borderDefault}`,
-									borderRadius: "6px",
+									display: "block",
+									marginBottom: "8px",
 									fontSize: "13px",
-									backgroundColor: H.bgSecondary,
-									color: H.textPrimary
-								}
-							}), /* @__PURE__ */ o("button", {
-								onClick: z,
+									fontWeight: 600,
+									color: G.textPrimary
+								},
+								children: "Share Link"
+							}), /* @__PURE__ */ c("div", {
 								style: {
-									padding: "10px 16px",
-									backgroundColor: N ? H.statusSuccessBg : H.actionPrimaryBg,
-									color: "white",
-									border: "none",
-									borderRadius: "6px",
-									cursor: "pointer",
-									fontSize: "13px",
-									fontWeight: 500,
-									minWidth: "80px"
+									display: "flex",
+									gap: "8px"
 								},
-								children: N ? "Copied!" : "Copy"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ s("div", {
-						style: { marginBottom: "24px" },
-						children: [/* @__PURE__ */ o("label", {
-							style: {
-								display: "block",
-								marginBottom: "8px",
-								fontSize: "13px",
-								fontWeight: 600,
-								color: H.textPrimary
-							},
-							children: "Add People"
-						}), /* @__PURE__ */ s("div", {
-							style: {
-								display: "flex",
-								gap: "8px",
-								marginBottom: "8px"
-							},
-							children: [
-								/* @__PURE__ */ s("div", {
+								children: [/* @__PURE__ */ s("input", {
+									type: "text",
+									value: M,
+									readOnly: !0,
 									style: {
 										flex: 1,
-										position: "relative"
-									},
-									children: [/* @__PURE__ */ o("input", {
-										type: "text",
-										value: D ? D.name : T,
-										onChange: (e) => {
-											E(e.target.value), O(null);
-										},
-										placeholder: "Search by name or email...",
-										style: {
-											width: "100%",
-											padding: "10px 12px",
-											border: `1px solid ${H.borderDefault}`,
-											borderRadius: "6px",
-											fontSize: "13px",
-											backgroundColor: H.bgPrimary,
-											color: H.textPrimary
-										}
-									}), T && !D && B.length > 0 && /* @__PURE__ */ o("div", {
-										style: {
-											position: "absolute",
-											top: "100%",
-											left: 0,
-											right: 0,
-											marginTop: "4px",
-											backgroundColor: H.bgPrimary,
-											border: `1px solid ${H.borderDefault}`,
-											borderRadius: "6px",
-											boxShadow: "0 8px 24px rgba(0,0,0,0.25)",
-											zIndex: 100001,
-											maxHeight: "200px",
-											overflowY: "auto"
-										},
-										children: B.map((e) => /* @__PURE__ */ s("button", {
-											onClick: () => O(e),
-											style: {
-												display: "block",
-												width: "100%",
-												padding: "10px 12px",
-												textAlign: "left",
-												backgroundColor: "transparent",
-												border: "none",
-												cursor: "pointer",
-												borderBottom: `1px solid ${H.borderDefault}`
-											},
-											children: [
-												/* @__PURE__ */ o("div", {
-													style: {
-														fontSize: "13px",
-														fontWeight: 500,
-														color: H.textPrimary
-													},
-													children: e.name
-												}),
-												e.email && /* @__PURE__ */ o("div", {
-													style: {
-														fontSize: "11px",
-														color: H.textSecondary
-													},
-													children: e.email
-												}),
-												/* @__PURE__ */ o("span", {
-													style: {
-														fontSize: "10px",
-														color: H.textTertiary,
-														textTransform: "uppercase"
-													},
-													children: e.type
-												})
-											]
-										}, e.id))
-									})]
-								}),
-								/* @__PURE__ */ o("select", {
-									value: k,
-									onChange: (e) => A(e.target.value),
-									style: {
 										padding: "10px 12px",
-										border: `1px solid ${H.borderDefault}`,
+										border: `1px solid ${G.borderDefault}`,
 										borderRadius: "6px",
 										fontSize: "13px",
-										backgroundColor: H.bgPrimary,
-										color: H.textPrimary
-									},
-									children: u.map((e) => /* @__PURE__ */ o("option", {
-										value: e.value,
-										children: e.label
-									}, e.value))
-								}),
-								/* @__PURE__ */ o("button", {
-									onClick: F,
-									disabled: !D || _,
+										backgroundColor: G.bgSecondary,
+										color: G.textPrimary
+									}
+								}), /* @__PURE__ */ s("button", {
+									onClick: H,
 									style: {
 										padding: "10px 16px",
-										backgroundColor: D ? H.actionPrimaryBg : H.bgTertiary,
-										color: D ? "white" : H.textSecondary,
+										backgroundColor: P ? G.statusSuccessBg : G.actionPrimaryBg,
+										color: "white",
 										border: "none",
 										borderRadius: "6px",
-										cursor: D ? "pointer" : "not-allowed",
+										cursor: "pointer",
 										fontSize: "13px",
-										fontWeight: 500
+										fontWeight: 500,
+										minWidth: "80px"
 									},
-									children: "Share"
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							marginBottom: "12px"
-						},
-						children: [/* @__PURE__ */ s("label", {
+									children: P ? "Copied!" : "Copy"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ c("div", {
+							style: { marginBottom: "24px" },
+							children: [/* @__PURE__ */ s("label", {
+								style: {
+									display: "block",
+									marginBottom: "8px",
+									fontSize: "13px",
+									fontWeight: 600,
+									color: G.textPrimary
+								},
+								children: "Add People"
+							}), /* @__PURE__ */ c("div", {
+								style: {
+									display: "flex",
+									gap: "8px",
+									marginBottom: "8px"
+								},
+								children: [
+									/* @__PURE__ */ c("div", {
+										style: {
+											flex: 1,
+											position: "relative"
+										},
+										children: [/* @__PURE__ */ s("input", {
+											type: "text",
+											value: O ? O.name : E,
+											onChange: (e) => {
+												D(e.target.value), k(null);
+											},
+											placeholder: "Search by name or email...",
+											style: {
+												width: "100%",
+												padding: "10px 12px",
+												border: `1px solid ${G.borderDefault}`,
+												borderRadius: "6px",
+												fontSize: "13px",
+												backgroundColor: G.bgPrimary,
+												color: G.textPrimary
+											}
+										}), E && !O && U.length > 0 && /* @__PURE__ */ s("div", {
+											style: {
+												position: "absolute",
+												top: "100%",
+												left: 0,
+												right: 0,
+												marginTop: "4px",
+												backgroundColor: G.bgPrimary,
+												border: `1px solid ${G.borderDefault}`,
+												borderRadius: "6px",
+												boxShadow: "0 8px 24px rgba(0,0,0,0.25)",
+												zIndex: 100001,
+												maxHeight: "200px",
+												overflowY: "auto"
+											},
+											children: U.map((e) => /* @__PURE__ */ c("button", {
+												onClick: () => k(e),
+												style: {
+													display: "block",
+													width: "100%",
+													padding: "10px 12px",
+													textAlign: "left",
+													backgroundColor: "transparent",
+													border: "none",
+													cursor: "pointer",
+													borderBottom: `1px solid ${G.borderDefault}`
+												},
+												children: [
+													/* @__PURE__ */ s("div", {
+														style: {
+															fontSize: "13px",
+															fontWeight: 500,
+															color: G.textPrimary
+														},
+														children: e.name
+													}),
+													e.email && /* @__PURE__ */ s("div", {
+														style: {
+															fontSize: "11px",
+															color: G.textSecondary
+														},
+														children: e.email
+													}),
+													/* @__PURE__ */ s("span", {
+														style: {
+															fontSize: "10px",
+															color: G.textTertiary,
+															textTransform: "uppercase"
+														},
+														children: e.type
+													})
+												]
+											}, e.id))
+										})]
+									}),
+									/* @__PURE__ */ s("select", {
+										value: A,
+										onChange: (e) => j(e.target.value),
+										style: {
+											padding: "10px 12px",
+											border: `1px solid ${G.borderDefault}`,
+											borderRadius: "6px",
+											fontSize: "13px",
+											backgroundColor: G.bgPrimary,
+											color: G.textPrimary
+										},
+										children: d.map((e) => /* @__PURE__ */ s("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
+									}),
+									/* @__PURE__ */ s("button", {
+										onClick: R,
+										disabled: !O || v,
+										style: {
+											padding: "10px 16px",
+											backgroundColor: O ? G.actionPrimaryBg : G.bgTertiary,
+											color: O ? "white" : G.textSecondary,
+											border: "none",
+											borderRadius: "6px",
+											cursor: O ? "pointer" : "not-allowed",
+											fontSize: "13px",
+											fontWeight: 500
+										},
+										children: "Share"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
 							style: {
-								fontSize: "13px",
-								fontWeight: 600,
-								color: H.textPrimary
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "space-between",
+								marginBottom: "12px"
 							},
-							children: [
-								"People with Access (",
-								g.length,
-								")"
-							]
-						}), g.length > 0 && /* @__PURE__ */ o("button", {
-							onClick: R,
+							children: [/* @__PURE__ */ c("label", {
+								style: {
+									fontSize: "13px",
+									fontWeight: 600,
+									color: G.textPrimary
+								},
+								children: [
+									"People with Access (",
+									_.length,
+									")"
+								]
+							}), _.length > 0 && /* @__PURE__ */ s("button", {
+								onClick: V,
+								style: {
+									padding: "4px 8px",
+									backgroundColor: "transparent",
+									color: G.statusErrorText,
+									border: "none",
+									cursor: "pointer",
+									fontSize: "12px"
+								},
+								children: "Revoke All"
+							})]
+						}), v && _.length === 0 ? /* @__PURE__ */ s("p", {
 							style: {
-								padding: "4px 8px",
-								backgroundColor: "transparent",
-								color: H.statusErrorText,
-								border: "none",
-								cursor: "pointer",
-								fontSize: "12px"
+								color: G.textSecondary,
+								fontSize: "13px"
 							},
-							children: "Revoke All"
-						})]
-					}), _ && g.length === 0 ? /* @__PURE__ */ o("p", {
-						style: {
-							color: H.textSecondary,
-							fontSize: "13px"
-						},
-						children: "Loading..."
-					}) : g.length === 0 ? /* @__PURE__ */ o("p", {
-						style: {
-							color: H.textSecondary,
-							fontSize: "13px"
-						},
-						children: "No one has access to this dashboard yet."
-					}) : /* @__PURE__ */ o("div", {
-						style: {
-							display: "flex",
-							flexDirection: "column",
-							gap: "8px"
-						},
-						children: g.map((e) => /* @__PURE__ */ o(f, {
-							share: e,
-							onUpdatePermission: I,
-							onRevoke: L,
-							colors: H
-						}, e.id))
-					})] })
-				]
-			})]
+							children: "Loading..."
+						}) : _.length === 0 ? /* @__PURE__ */ s("p", {
+							style: {
+								color: G.textSecondary,
+								fontSize: "13px"
+							},
+							children: "No one has access to this dashboard yet."
+						}) : /* @__PURE__ */ s("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								gap: "8px"
+							},
+							children: _.map((e) => /* @__PURE__ */ s(p, {
+								share: e,
+								onUpdatePermission: z,
+								onRevoke: B,
+								colors: G
+							}, e.id))
+						})] })
+					]
+				})
+			]
 		})
 	}), document.body) : null;
 }
-function f({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
-	return /* @__PURE__ */ s("div", {
+function p({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
+	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -409,13 +448,13 @@ function f({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 			backgroundColor: r.bgSecondary,
 			borderRadius: "6px"
 		},
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: "10px"
 			},
-			children: [/* @__PURE__ */ o("div", {
+			children: [/* @__PURE__ */ s("div", {
 				style: {
 					width: "36px",
 					height: "36px",
@@ -429,14 +468,14 @@ function f({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 					fontSize: "14px"
 				},
 				children: e.recipientType === "USER" ? "U" : "R"
-			}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
 				style: {
 					fontSize: "13px",
 					fontWeight: 500,
 					color: r.textPrimary
 				},
 				children: e.recipientId
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ c("div", {
 				style: {
 					fontSize: "11px",
 					color: r.textSecondary
@@ -447,13 +486,13 @@ function f({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 					new Date(e.createdAt).toLocaleDateString()
 				]
 			})] })]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ c("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: "8px"
 			},
-			children: [/* @__PURE__ */ o("select", {
+			children: [/* @__PURE__ */ s("select", {
 				value: e.permission,
 				onChange: (n) => t(e.id, n.target.value),
 				style: {
@@ -464,11 +503,11 @@ function f({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 					backgroundColor: r.bgPrimary,
 					color: r.textPrimary
 				},
-				children: u.map((e) => /* @__PURE__ */ o("option", {
+				children: d.map((e) => /* @__PURE__ */ s("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
-			}), /* @__PURE__ */ o("button", {
+			}), /* @__PURE__ */ s("button", {
 				onClick: () => n(e.id),
 				style: {
 					padding: "6px 10px",
@@ -485,6 +524,6 @@ function f({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 	});
 }
 //#endregion
-export { d as default };
+export { f as default };
 
 //# sourceMappingURL=ShareDialog.js.map