@burdenoff/microfe-bigconsole 2026.1012.2 → 2026.1012.3

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

@@ -1,14 +1,16 @@
-import { Section as e, SectionStack as t } from "../common/Section.js";
+import { useBigConsole as e } from "../../context/BigConsoleContext.js";
+import "../../context/index.js";
+import { Section as t, SectionStack as n } from "../common/Section.js";
 import "../common/index.js";
-import n from "../../hooks/useExportDashboard.js";
+import r from "../../hooks/useExportDashboard.js";
 import "../../hooks/index.js";
-import { nativeCopyText as r } from "../../../utils/nativeBridge.js";
-import { memo as i, useCallback as a, useEffect as o, useState as s } from "react";
-import { Check as c, Copy as l, Download as u, FileJson as d } from "lucide-react";
-import { ResponsiveDialog as f, ResponsiveDialogContent as p, ResponsiveDialogDescription as m, ResponsiveDialogTitle as h, Spinner as g } from "@burdenoff/fe-libs/ui";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { nativeCopyText as i } from "../../../utils/nativeBridge.js";
+import { memo as a, useCallback as o, useEffect as s, useState as c } from "react";
+import { Check as l, Copy as u, Download as d, FileJson as f } from "lucide-react";
+import { ResponsiveDialog as p, ResponsiveDialogContent as m, ResponsiveDialogDescription as h, ResponsiveDialogTitle as g, Spinner as _ } from "@burdenoff/fe-libs/ui";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ExportDashboardDialog.tsx
-var b = {
+var x = {
 	dialogContent: {
 		maxWidth: "640px",
 		width: "95vw",
@@ -168,15 +170,15 @@ var b = {
 		opacity: .5,
 		cursor: "not-allowed"
 	}
-}, x = i(function({ checked: e, onChange: t, disabled: n, label: r, description: i }) {
-	return /* @__PURE__ */ y("label", {
+}, S = a(function({ checked: e, onChange: t, disabled: n, label: r, description: i }) {
+	return /* @__PURE__ */ b("label", {
 		style: {
-			...b.optionItem,
-			...e ? b.optionItemActive : {},
+			...x.optionItem,
+			...e ? x.optionItemActive : {},
 			opacity: n ? .6 : 1,
 			cursor: n ? "not-allowed" : "pointer"
 		},
-		children: [/* @__PURE__ */ v("input", {
+		children: [/* @__PURE__ */ y("input", {
 			type: "checkbox",
 			checked: e,
 			onChange: (e) => t(e.target.checked),
@@ -188,204 +190,204 @@ var b = {
 				flexShrink: 0,
 				accentColor: "var(--color-action-primary-bg)"
 			}
-		}), /* @__PURE__ */ y("span", {
-			style: b.optionText,
-			children: [/* @__PURE__ */ v("span", {
+		}), /* @__PURE__ */ b("span", {
+			style: x.optionText,
+			children: [/* @__PURE__ */ y("span", {
 				className: "block",
-				style: b.optionLabel,
+				style: x.optionLabel,
 				children: r
-			}), /* @__PURE__ */ v("span", {
+			}), /* @__PURE__ */ y("span", {
 				className: "block",
-				style: b.optionDescription,
+				style: x.optionDescription,
 				children: i
 			})]
 		})]
 	});
-}), S = i(function({ isOpen: i, dashboardId: S, dashboardName: C, onClose: w, onSuccess: T }) {
-	let [E, D] = s(!1), [O, k] = s(!1), [A, j] = s(!0), [M, N] = s(null), [P, F] = s(null), { loading: I, error: L, downloadDashboard: R, clearError: z } = n(), { loading: B, error: V, exportDashboard: H } = n(), U = `${S}|${E}|${O}|${A}`, W = M?.key === U ? M.json : null, G = P === U;
-	o(() => {
-		i && (D(!1), k(!1), j(!0), z());
-	}, [i, z]), o(() => {
-		if (!i || !S) return;
+}), C = a(function({ isOpen: a, dashboardId: C, dashboardName: w, onClose: T, onSuccess: E }) {
+	let [D, O] = c(!1), [k, A] = c(!1), [j, M] = c(!0), [N, P] = c(null), [F, I] = c(null), { loading: L, error: R, downloadDashboard: z, clearError: B } = r(), { currentUser: V, workspaceId: H } = e(), { loading: U, error: W, exportDashboard: G } = r(), K = `${V?.id ?? ""}|${H ?? ""}|${C}|${D}|${k}|${j}`, q = N?.key === K ? N.json : null, J = F === K;
+	s(() => {
+		a && (O(!1), A(!1), M(!0), B());
+	}, [a, B]), s(() => {
+		if (!a || !C) return;
 		let e = !1;
-		return H(S, {
-			includeDataSourceRefs: E,
-			includeWebhookMappings: O,
-			prettyPrint: A
+		return G(C, {
+			includeDataSourceRefs: D,
+			includeWebhookMappings: k,
+			prettyPrint: j
 		}).then((t) => {
-			e || N({
-				key: U,
+			e || P({
+				key: K,
 				json: t
 			});
 		}), () => {
 			e = !0;
 		};
 	}, [
-		i,
-		S,
-		E,
-		O,
-		A,
-		U,
-		H
+		a,
+		C,
+		D,
+		k,
+		j,
+		K,
+		G
 	]);
-	let K = a(async () => {
-		W && await r(W) && (F(U), window.setTimeout(() => F(null), 2e3));
-	}, [W, U]), q = a(async () => {
-		!S || !W || B || await R(S, C, {
-			includeDataSourceRefs: E,
-			includeWebhookMappings: O,
-			prettyPrint: A,
-			preparedContent: W
-		}) && (T?.(), w());
+	let Y = o(async () => {
+		q && await i(q) && (I(K), window.setTimeout(() => I(null), 2e3));
+	}, [q, K]), X = o(async () => {
+		!C || !q || U || await z(C, w, {
+			includeDataSourceRefs: D,
+			includeWebhookMappings: k,
+			prettyPrint: j,
+			preparedContent: q
+		}) && (E?.(), T());
 	}, [
-		S,
 		C,
+		w,
+		D,
+		k,
+		j,
+		z,
+		q,
+		U,
 		E,
-		O,
-		A,
-		R,
-		W,
-		B,
-		T,
-		w
+		T
 	]);
-	return S ? /* @__PURE__ */ v(f, {
-		open: i,
-		onOpenChange: (e) => !e && !I && w(),
-		children: /* @__PURE__ */ y(p, {
-			style: b.dialogContent,
+	return C ? /* @__PURE__ */ y(p, {
+		open: a,
+		onOpenChange: (e) => !e && !L && T(),
+		children: /* @__PURE__ */ b(m, {
+			style: x.dialogContent,
 			children: [
-				/* @__PURE__ */ y("div", {
-					style: b.header,
-					children: [/* @__PURE__ */ v("div", {
-						style: b.iconWrapper,
-						children: /* @__PURE__ */ v(d, { style: {
+				/* @__PURE__ */ b("div", {
+					style: x.header,
+					children: [/* @__PURE__ */ y("div", {
+						style: x.iconWrapper,
+						children: /* @__PURE__ */ y(f, { style: {
 							width: "22px",
 							height: "22px"
 						} })
-					}), /* @__PURE__ */ y("div", {
-						style: b.headerText,
-						children: [/* @__PURE__ */ v(h, {
+					}), /* @__PURE__ */ b("div", {
+						style: x.headerText,
+						children: [/* @__PURE__ */ y(g, {
 							asChild: !0,
-							children: /* @__PURE__ */ v("h2", {
-								style: b.title,
+							children: /* @__PURE__ */ y("h2", {
+								style: x.title,
 								children: "Export Dashboard"
 							})
-						}), /* @__PURE__ */ v(m, {
+						}), /* @__PURE__ */ y(h, {
 							asChild: !0,
-							children: /* @__PURE__ */ v("p", {
-								style: b.description,
+							children: /* @__PURE__ */ y("p", {
+								style: x.description,
 								children: "Export your dashboard configuration to a JSON file."
 							})
 						})]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
-					style: b.content,
-					children: /* @__PURE__ */ y(t, { children: [
-						C && /* @__PURE__ */ v(e, {
+				/* @__PURE__ */ y("div", {
+					style: x.content,
+					children: /* @__PURE__ */ b(n, { children: [
+						w && /* @__PURE__ */ y(t, {
 							headingLevel: 3,
 							emphasis: "muted",
 							padding: "compact",
 							title: "Exporting",
-							description: C,
+							description: w,
 							"data-testid": "export-target"
 						}),
-						/* @__PURE__ */ y(e, {
+						/* @__PURE__ */ b(t, {
 							headingLevel: 3,
 							title: "Export options",
 							description: "What to include in the JSON file.",
 							"data-testid": "export-options",
 							bodyClassName: "flex flex-col gap-form-gap",
 							children: [
-								/* @__PURE__ */ v(x, {
-									checked: E,
-									onChange: D,
+								/* @__PURE__ */ y(S, {
+									checked: D,
+									onChange: O,
 									disabled: !0,
 									label: "Include Data Source References",
 									description: "Not available for exports from this session."
 								}),
-								/* @__PURE__ */ v(x, {
-									checked: O,
-									onChange: k,
+								/* @__PURE__ */ y(S, {
+									checked: k,
+									onChange: A,
 									disabled: !0,
 									label: "Include Webhook Mappings",
 									description: "Not available for exports from this session."
 								}),
-								/* @__PURE__ */ v(x, {
-									checked: A,
-									onChange: j,
-									disabled: I,
+								/* @__PURE__ */ y(S, {
+									checked: j,
+									onChange: M,
+									disabled: L,
 									label: "Format JSON (Pretty Print)",
 									description: "Makes the export file human-readable (larger file size)"
 								})
 							]
 						}),
-						/* @__PURE__ */ y(e, {
+						/* @__PURE__ */ b(t, {
 							headingLevel: 3,
 							title: "Preview",
 							description: "The exact JSON the download writes. Credentials are never serialized — only data source references.",
 							"data-testid": "export-preview",
-							actions: W ? /* @__PURE__ */ y("button", {
+							actions: q ? /* @__PURE__ */ b("button", {
 								type: "button",
-								style: b.previewAction,
-								onClick: K,
-								children: [v(G ? c : l, {
+								style: x.previewAction,
+								onClick: Y,
+								children: [y(J ? l : u, {
 									style: {
 										width: "14px",
 										height: "14px"
 									},
 									"aria-hidden": "true"
-								}), G ? "Copied" : "Copy"]
+								}), J ? "Copied" : "Copy"]
 							}) : void 0,
 							children: [
-								B && !W && /* @__PURE__ */ y("div", {
+								U && !q && /* @__PURE__ */ b("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "8px",
 										color: "var(--color-text-secondary)"
 									},
-									children: [/* @__PURE__ */ v(g, { style: {
+									children: [/* @__PURE__ */ y(_, { style: {
 										width: "16px",
 										height: "16px"
-									} }), /* @__PURE__ */ v("span", {
+									} }), /* @__PURE__ */ y("span", {
 										style: { fontSize: "13px" },
 										children: "Building the export…"
 									})]
 								}),
-								!B && V && /* @__PURE__ */ y("p", {
+								!U && W && /* @__PURE__ */ b("p", {
 									style: {
 										margin: 0,
 										fontSize: "13px",
 										color: "var(--color-status-error-text)"
 									},
-									children: ["Preview unavailable: ", V.message]
+									children: ["Preview unavailable: ", W.message]
 								}),
-								W && /* @__PURE__ */ v("pre", {
-									style: b.previewBlock,
+								q && /* @__PURE__ */ y("pre", {
+									style: x.previewBlock,
 									"data-testid": "export-preview-json",
-									children: W
+									children: q
 								})
 							]
 						}),
-						L && /* @__PURE__ */ v(e, {
+						R && /* @__PURE__ */ y(t, {
 							headingLevel: 3,
 							tone: "danger",
 							padding: "compact",
 							title: "Export failed",
-							description: L.message,
+							description: R.message,
 							"data-testid": "export-error"
 						})
 					] })
 				}),
-				/* @__PURE__ */ y("div", {
-					style: b.footer,
-					children: [/* @__PURE__ */ v("button", {
-						style: b.cancelButton,
-						onClick: w,
-						disabled: I,
+				/* @__PURE__ */ b("div", {
+					style: x.footer,
+					children: [/* @__PURE__ */ y("button", {
+						style: x.cancelButton,
+						onClick: T,
+						disabled: L,
 						onMouseEnter: (e) => {
 							e.currentTarget.style.backgroundColor = "var(--color-bg-muted)";
 						},
@@ -393,23 +395,23 @@ var b = {
 							e.currentTarget.style.backgroundColor = "var(--color-bg-surface)";
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ v("button", {
+					}), /* @__PURE__ */ y("button", {
 						style: {
-							...b.exportButton,
-							...I || B || !W ? b.exportButtonDisabled : {}
+							...x.exportButton,
+							...L || U || !q ? x.exportButtonDisabled : {}
 						},
-						onClick: q,
-						disabled: I || B || !W,
+						onClick: X,
+						disabled: L || U || !q,
 						onMouseEnter: (e) => {
-							I || (e.currentTarget.style.opacity = "0.9");
+							L || (e.currentTarget.style.opacity = "0.9");
 						},
 						onMouseLeave: (e) => {
-							I || (e.currentTarget.style.opacity = "1");
+							L || (e.currentTarget.style.opacity = "1");
 						},
-						children: I ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(g, { style: {
+						children: L ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_, { style: {
 							width: "16px",
 							height: "16px"
-						} }), "Exporting..."] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(u, { style: {
+						} }), "Exporting..."] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(d, { style: {
 							width: "16px",
 							height: "16px"
 						} }), "Download Export"] })
@@ -420,4 +422,4 @@ var b = {
 	}) : null;
 });
 //#endregion
-export { S as default };
+export { C as default };