@burdenoff/microfe-bigconsole 2026.825.1 → 2026.828.1

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

@@ -4,7 +4,8 @@ import "../../../hooks/index.js";
 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";
+import { createPortal as ee } from "react-dom";
+import { formatDistanceToNow as l } from "date-fns";
 //#region src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx
 var u = (e) => ({
 	bgPrimary: e ? "#1a1a2e" : "#ffffff",
@@ -18,7 +19,23 @@ var u = (e) => ({
 	actionPrimaryBgHover: "#4f46e5",
 	statusSuccessBg: "#22c55e",
 	statusErrorText: "#ef4444"
-}), d = [{
+}), d = [
+	{
+		value: "PRIVATE",
+		label: "Private",
+		description: "Only people added below"
+	},
+	{
+		value: "WORKSPACE",
+		label: "Workspace",
+		description: "Anyone in this workspace"
+	},
+	{
+		value: "PUBLIC",
+		label: "Public",
+		description: "Anyone with the link"
+	}
+], f = [{
 	value: "VIEW",
 	label: "View",
 	description: "Can view the dashboard"
@@ -27,49 +44,60 @@ var u = (e) => ({
 	label: "Edit",
 	description: "Can edit widgets, layout, and share"
 }];
-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");
+function p({ dashboardId: l, dashboardName: p, isOpen: m, onClose: g, visibility: _, onVisibilityChange: v, canChangeVisibility: y = !0 }) {
+	let { shares: b, loading: x, fetchShares: S, shareWithUser: C, shareWithGroup: w, updateShare: T, revokeShare: E, revokeAllShares: D } = t(), O = e(), [k, A] = o(""), [j, M] = o(null), [N, P] = o("VIEW"), [F, I] = o(""), [L, R] = o(!1), [z, B] = o("people"), [V, H] = o(!1), [U, W] = o(null);
 	i(() => {
-		h && f && (y(f), N(`${window.location.origin}/dashboard/${f}?shared=true`));
+		m && l && (S(l), I(`${window.location.origin}/dashboard/${l}?shared=true`));
 	}, [
-		h,
-		f,
-		y
+		m,
+		l,
+		S
 	]);
-	let R = r(async () => {
-		if (!O) return;
-		T("bigconsole.dashboard.share_clicked", {
-			dashboardId: f,
-			permission: A,
-			recipientType: O.type
+	let G = r(async () => {
+		if (!j) return;
+		O("bigconsole.dashboard.share_clicked", {
+			dashboardId: l,
+			permission: N,
+			recipientType: j.type
 		});
 		let e = null;
-		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("");
+		j.type === "USER" ? e = await C(l, j.id, N) : j.type === "GROUP" && (e = await w(l, j.id, N)), e && O("bigconsole.dashboard.shared", {
+			dashboardId: l,
+			permission: N,
+			recipientType: j.type
+		}), M(null), A("");
 	}, [
-		f,
-		T,
+		l,
 		O,
-		A,
-		x,
-		b
-	]), z = r(async (e, t) => {
-		await S({
+		j,
+		N,
+		w,
+		C
+	]), K = r(async (e, t) => {
+		await T({
 			id: e,
 			permission: t
 		});
-	}, [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 () => {
+	}, [T]), q = r(async (e) => {
+		window.confirm("Are you sure you want to revoke this access?") && await E(e);
+	}, [E]), J = r(async () => {
+		window.confirm("Are you sure you want to revoke all shared access?") && await D(l);
+	}, [l, D]), Y = r(async (e) => {
+		if (!(!v || e === _)) {
+			W(null), H(!0);
+			try {
+				await v(e);
+			} catch (e) {
+				W(e instanceof Error ? e.message : "Could not update general access.");
+			} finally {
+				H(!1);
+			}
+		}
+	}, [v, _]), X = r(async () => {
 		try {
-			await navigator.clipboard.writeText(M), F(!0), setTimeout(() => F(!1), 2e3);
+			await navigator.clipboard.writeText(F), R(!0), setTimeout(() => R(!1), 2e3);
 		} catch {}
-	}, [M]), U = E ? [
+	}, [F]), Z = k ? [
 		{
 			id: "user-1",
 			name: "John Doe",
@@ -92,8 +120,8 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 			name: "Editors",
 			type: "GROUP"
 		}
-	].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", {
+	].filter((e) => e.name.toLowerCase().includes(k.toLowerCase()) || e.email?.toLowerCase().includes(k.toLowerCase())) : [], Q = typeof document < "u" && document.documentElement.classList.contains("dark"), $ = a(() => u(Q), [Q]);
+	return m ? ee(/* @__PURE__ */ s("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -121,13 +149,13 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 				maxHeight: "85vh",
 				display: "flex",
 				flexDirection: "column",
-				backgroundColor: G.bgPrimary,
+				backgroundColor: $.bgPrimary,
 				borderRadius: "var(--radius-card)",
 				boxShadow: "var(--shadow-elevation-3)",
 				overflow: "hidden",
 				position: "relative",
 				zIndex: 1e5,
-				color: G.textPrimary
+				color: $.textPrimary
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
@@ -135,11 +163,11 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 					style: {
 						flexShrink: 0,
 						padding: "20px 24px",
-						borderBottom: `1px solid ${G.borderDefault}`,
+						borderBottom: `1px solid ${$.borderDefault}`,
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "space-between",
-						backgroundColor: G.bgPrimary
+						backgroundColor: $.bgPrimary
 					},
 					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
 						id: "share-dialog-title",
@@ -147,16 +175,16 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 							margin: 0,
 							fontSize: "18px",
 							fontWeight: 600,
-							color: G.textPrimary
+							color: $.textPrimary
 						},
 						children: "Share Dashboard"
 					}), /* @__PURE__ */ s("p", {
 						style: {
 							margin: "4px 0 0",
 							fontSize: "13px",
-							color: G.textSecondary
+							color: $.textSecondary
 						},
-						children: m
+						children: p
 					})] }), /* @__PURE__ */ s("button", {
 						onClick: g,
 						style: {
@@ -164,7 +192,7 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 							border: "none",
 							fontSize: "24px",
 							cursor: "pointer",
-							color: G.textSecondary,
+							color: $.textSecondary,
 							padding: "4px",
 							lineHeight: 1
 						},
@@ -179,20 +207,20 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 						display: "flex",
 						gap: "4px",
 						padding: "0 24px",
-						borderBottom: `1px solid ${G.borderDefault}`,
-						backgroundColor: G.bgPrimary
+						borderBottom: `1px solid ${$.borderDefault}`,
+						backgroundColor: $.bgPrimary
 					},
 					children: ["people", "embed"].map((e) => /* @__PURE__ */ s("button", {
 						type: "button",
 						role: "tab",
-						"aria-selected": I === e,
-						onClick: () => L(e),
+						"aria-selected": z === e,
+						onClick: () => B(e),
 						style: {
 							padding: "10px 12px",
 							background: "none",
 							border: "none",
-							borderBottom: `2px solid ${I === e ? G.actionPrimaryBg : "transparent"}`,
-							color: I === e ? G.textPrimary : G.textSecondary,
+							borderBottom: `2px solid ${z === e ? $.actionPrimaryBg : "transparent"}`,
+							color: z === e ? $.textPrimary : $.textSecondary,
 							fontSize: "13px",
 							fontWeight: 600,
 							cursor: "pointer"
@@ -200,24 +228,86 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 						children: e === "people" ? "People" : "Publish to web"
 					}, e))
 				}),
-				I === "embed" && /* @__PURE__ */ s("div", {
+				z === "embed" && /* @__PURE__ */ s("div", {
 					className: "min-h-0 flex-1 overflow-y-auto",
-					style: { backgroundColor: G.bgPrimary },
+					style: { backgroundColor: $.bgPrimary },
 					children: /* @__PURE__ */ s(n, {
-						dashboardId: f,
-						colors: G
+						dashboardId: l,
+						colors: $
 					})
 				}),
-				I === "people" && /* @__PURE__ */ c("div", {
+				z === "people" && /* @__PURE__ */ c("div", {
 					className: "flex min-h-0 flex-1 flex-col gap-section-gap overflow-y-auto p-card-padding",
-					style: { backgroundColor: G.bgPrimary },
+					style: { backgroundColor: $.bgPrimary },
 					children: [
+						_ && v && /* @__PURE__ */ c("section", {
+							"aria-labelledby": "share-visibility-heading",
+							children: [
+								/* @__PURE__ */ s("h3", {
+									id: "share-visibility-heading",
+									className: "mb-form-gap text-sm font-semibold",
+									style: { color: $.textPrimary },
+									children: "General access"
+								}),
+								/* @__PURE__ */ c("div", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: "8px",
+										flexWrap: "wrap"
+									},
+									children: [/* @__PURE__ */ s("select", {
+										"aria-label": "General access",
+										"data-testid": "share-visibility",
+										value: _,
+										disabled: !y || V,
+										onChange: (e) => void Y(e.target.value),
+										style: {
+											padding: "10px 12px",
+											border: `1px solid ${$.borderDefault}`,
+											borderRadius: "6px",
+											fontSize: "13px",
+											backgroundColor: $.bgPrimary,
+											color: $.textPrimary,
+											cursor: !y || V ? "not-allowed" : "pointer",
+											opacity: !y || V ? .6 : 1
+										},
+										children: d.map((e) => /* @__PURE__ */ s("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
+									}), /* @__PURE__ */ s("span", {
+										style: {
+											fontSize: "12px",
+											color: $.textSecondary
+										},
+										children: d.find((e) => e.value === _)?.description
+									})]
+								}),
+								!y && /* @__PURE__ */ s("p", {
+									style: {
+										margin: "6px 0 0",
+										fontSize: "11px",
+										color: $.textSecondary
+									},
+									children: "You don't have permission to change general access."
+								}),
+								U && /* @__PURE__ */ s("p", {
+									style: {
+										margin: "6px 0 0",
+										fontSize: "11px",
+										color: $.statusErrorText
+									},
+									children: U
+								})
+							]
+						}),
 						/* @__PURE__ */ c("section", {
 							"aria-labelledby": "share-link-heading",
 							children: [/* @__PURE__ */ s("h3", {
 								id: "share-link-heading",
 								className: "mb-form-gap text-sm font-semibold",
-								style: { color: G.textPrimary },
+								style: { color: $.textPrimary },
 								children: "Share link"
 							}), /* @__PURE__ */ c("div", {
 								style: {
@@ -227,22 +317,22 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 								},
 								children: [/* @__PURE__ */ s("input", {
 									type: "text",
-									value: M,
+									value: F,
 									readOnly: !0,
 									style: {
 										flex: 1,
 										padding: "10px 12px",
-										border: `1px solid ${G.borderDefault}`,
+										border: `1px solid ${$.borderDefault}`,
 										borderRadius: "6px",
 										fontSize: "13px",
-										backgroundColor: G.bgSecondary,
-										color: G.textPrimary
+										backgroundColor: $.bgSecondary,
+										color: $.textPrimary
 									}
 								}), /* @__PURE__ */ s("button", {
-									onClick: H,
+									onClick: X,
 									style: {
 										padding: "10px 16px",
-										backgroundColor: P ? G.statusSuccessBg : G.actionPrimaryBg,
+										backgroundColor: L ? $.statusSuccessBg : $.actionPrimaryBg,
 										color: "var(--color-action-primary-text)",
 										border: "none",
 										borderRadius: "6px",
@@ -251,7 +341,7 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 										fontWeight: 500,
 										minWidth: "80px"
 									},
-									children: P ? "Copied!" : "Copy"
+									children: L ? "Copied!" : "Copy"
 								})]
 							})]
 						}),
@@ -260,7 +350,7 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 							children: [/* @__PURE__ */ s("h3", {
 								id: "share-invite-heading",
 								className: "mb-form-gap text-sm font-semibold",
-								style: { color: G.textPrimary },
+								style: { color: $.textPrimary },
 								children: "Invite people"
 							}), /* @__PURE__ */ c("div", {
 								style: {
@@ -277,37 +367,37 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 										},
 										children: [/* @__PURE__ */ s("input", {
 											type: "text",
-											value: O ? O.name : E,
+											value: j ? j.name : k,
 											onChange: (e) => {
-												D(e.target.value), k(null);
+												A(e.target.value), M(null);
 											},
 											placeholder: "Search by name or email...",
 											style: {
 												width: "100%",
 												padding: "10px 12px",
-												border: `1px solid ${G.borderDefault}`,
+												border: `1px solid ${$.borderDefault}`,
 												borderRadius: "6px",
 												fontSize: "13px",
-												backgroundColor: G.bgPrimary,
-												color: G.textPrimary
+												backgroundColor: $.bgPrimary,
+												color: $.textPrimary
 											}
-										}), E && !O && U.length > 0 && /* @__PURE__ */ s("div", {
+										}), k && !j && Z.length > 0 && /* @__PURE__ */ s("div", {
 											style: {
 												position: "absolute",
 												top: "100%",
 												left: 0,
 												right: 0,
 												marginTop: "4px",
-												backgroundColor: G.bgPrimary,
-												border: `1px solid ${G.borderDefault}`,
+												backgroundColor: $.bgPrimary,
+												border: `1px solid ${$.borderDefault}`,
 												borderRadius: "6px",
 												boxShadow: "var(--shadow-elevation-3)",
 												zIndex: 100001,
 												maxHeight: "200px",
 												overflowY: "auto"
 											},
-											children: U.map((e) => /* @__PURE__ */ c("button", {
-												onClick: () => k(e),
+											children: Z.map((e) => /* @__PURE__ */ c("button", {
+												onClick: () => M(e),
 												style: {
 													display: "block",
 													width: "100%",
@@ -316,28 +406,28 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 													backgroundColor: "transparent",
 													border: "none",
 													cursor: "pointer",
-													borderBottom: `1px solid ${G.borderDefault}`
+													borderBottom: `1px solid ${$.borderDefault}`
 												},
 												children: [
 													/* @__PURE__ */ s("div", {
 														style: {
 															fontSize: "13px",
 															fontWeight: 500,
-															color: G.textPrimary
+															color: $.textPrimary
 														},
 														children: e.name
 													}),
 													e.email && /* @__PURE__ */ s("div", {
 														style: {
 															fontSize: "11px",
-															color: G.textSecondary
+															color: $.textSecondary
 														},
 														children: e.email
 													}),
 													/* @__PURE__ */ s("span", {
 														style: {
 															fontSize: "10px",
-															color: G.textTertiary,
+															color: $.textTertiary,
 															textTransform: "uppercase"
 														},
 														children: e.type
@@ -347,31 +437,31 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 										})]
 									}),
 									/* @__PURE__ */ s("select", {
-										value: A,
-										onChange: (e) => j(e.target.value),
+										value: N,
+										onChange: (e) => P(e.target.value),
 										style: {
 											padding: "10px 12px",
-											border: `1px solid ${G.borderDefault}`,
+											border: `1px solid ${$.borderDefault}`,
 											borderRadius: "6px",
 											fontSize: "13px",
-											backgroundColor: G.bgPrimary,
-											color: G.textPrimary
+											backgroundColor: $.bgPrimary,
+											color: $.textPrimary
 										},
-										children: d.map((e) => /* @__PURE__ */ s("option", {
+										children: f.map((e) => /* @__PURE__ */ s("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))
 									}),
 									/* @__PURE__ */ s("button", {
-										onClick: R,
-										disabled: !O || v,
+										onClick: G,
+										disabled: !j || x,
 										style: {
 											padding: "10px 16px",
-											backgroundColor: O ? G.actionPrimaryBg : G.bgTertiary,
-											color: O ? "var(--color-action-primary-text)" : G.textSecondary,
+											backgroundColor: j ? $.actionPrimaryBg : $.bgTertiary,
+											color: j ? "var(--color-action-primary-text)" : $.textSecondary,
 											border: "none",
 											borderRadius: "6px",
-											cursor: O ? "pointer" : "not-allowed",
+											cursor: j ? "pointer" : "not-allowed",
 											fontSize: "13px",
 											fontWeight: 500
 										},
@@ -394,33 +484,33 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 								children: [/* @__PURE__ */ c("h3", {
 									id: "share-access-heading",
 									className: "text-sm font-semibold",
-									style: { color: G.textPrimary },
+									style: { color: $.textPrimary },
 									children: [
 										"People with access (",
-										_.length,
+										b.length,
 										")"
 									]
-								}), _.length > 0 && /* @__PURE__ */ s("button", {
-									onClick: V,
+								}), b.length > 0 && /* @__PURE__ */ s("button", {
+									onClick: J,
 									style: {
 										padding: "4px 8px",
 										backgroundColor: "transparent",
-										color: G.statusErrorText,
+										color: $.statusErrorText,
 										border: "none",
 										cursor: "pointer",
 										fontSize: "12px"
 									},
 									children: "Revoke All"
 								})]
-							}), v && _.length === 0 ? /* @__PURE__ */ s("p", {
+							}), x && b.length === 0 ? /* @__PURE__ */ s("p", {
 								style: {
-									color: G.textSecondary,
+									color: $.textSecondary,
 									fontSize: "13px"
 								},
 								children: "Loading..."
-							}) : _.length === 0 ? /* @__PURE__ */ s("p", {
+							}) : b.length === 0 ? /* @__PURE__ */ s("p", {
 								style: {
-									color: G.textSecondary,
+									color: $.textSecondary,
 									fontSize: "13px"
 								},
 								children: "No one has access to this dashboard yet."
@@ -430,11 +520,11 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 									flexDirection: "column",
 									gap: "8px"
 								},
-								children: _.map((e) => /* @__PURE__ */ s(p, {
+								children: b.map((e) => /* @__PURE__ */ s(h, {
 									share: e,
-									onUpdatePermission: z,
-									onRevoke: B,
-									colors: G
+									onUpdatePermission: K,
+									onRevoke: q,
+									colors: $
 								}, e.id))
 							})]
 						})
@@ -444,7 +534,25 @@ function f({ dashboardId: f, dashboardName: m, isOpen: h, onClose: g }) {
 		})
 	}), document.body) : null;
 }
-function p({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
+function m(e) {
+	if (!e) return {
+		label: "No expiry",
+		expired: !1
+	};
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? {
+		label: "No expiry",
+		expired: !1
+	} : t.getTime() <= Date.now() ? {
+		label: `Expired ${l(t, { addSuffix: !0 })}`,
+		expired: !0
+	} : {
+		label: `Expires ${l(t, { addSuffix: !0 })}`,
+		expired: !1
+	};
+}
+function h({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
+	let i = m(e.expiresAt);
 	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
@@ -496,40 +604,58 @@ function p({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 			style: {
 				display: "flex",
 				alignItems: "center",
-				gap: "8px"
+				gap: "8px",
+				flexWrap: "wrap"
 			},
-			children: [/* @__PURE__ */ s("select", {
-				value: e.permission,
-				onChange: (n) => t(e.id, n.target.value),
-				style: {
-					padding: "6px 10px",
-					border: `1px solid ${r.borderDefault}`,
-					borderRadius: "4px",
-					fontSize: "12px",
-					backgroundColor: r.bgPrimary,
-					color: r.textPrimary
-				},
-				children: d.map((e) => /* @__PURE__ */ s("option", {
-					value: e.value,
-					children: e.label
-				}, e.value))
-			}), /* @__PURE__ */ s("button", {
-				onClick: () => n(e.id),
-				style: {
-					padding: "6px 10px",
-					backgroundColor: "transparent",
-					color: r.statusErrorText,
-					border: `1px solid ${r.statusErrorText}`,
-					borderRadius: "4px",
-					cursor: "pointer",
-					fontSize: "12px"
-				},
-				children: "Revoke"
-			})]
+			children: [
+				/* @__PURE__ */ s("span", {
+					"data-testid": "share-expiry",
+					title: e.expiresAt ? new Date(e.expiresAt).toLocaleString() : "Access does not expire",
+					style: {
+						fontSize: "11px",
+						padding: "4px 8px",
+						borderRadius: "999px",
+						whiteSpace: "nowrap",
+						backgroundColor: r.bgTertiary,
+						color: i.expired ? r.statusErrorText : r.textSecondary,
+						fontWeight: i.expired ? 600 : 400
+					},
+					children: i.label
+				}),
+				/* @__PURE__ */ s("select", {
+					value: e.permission,
+					onChange: (n) => t(e.id, n.target.value),
+					style: {
+						padding: "6px 10px",
+						border: `1px solid ${r.borderDefault}`,
+						borderRadius: "4px",
+						fontSize: "12px",
+						backgroundColor: r.bgPrimary,
+						color: r.textPrimary
+					},
+					children: f.map((e) => /* @__PURE__ */ s("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}),
+				/* @__PURE__ */ s("button", {
+					onClick: () => n(e.id),
+					style: {
+						padding: "6px 10px",
+						backgroundColor: "transparent",
+						color: r.statusErrorText,
+						border: `1px solid ${r.statusErrorText}`,
+						borderRadius: "4px",
+						cursor: "pointer",
+						fontSize: "12px"
+					},
+					children: "Revoke"
+				})
+			]
 		})]
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };
 
 //# sourceMappingURL=ShareDialog.js.map