@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/components/datasink/ImportDataGuideDialog.js

@@ -1,12 +1,12 @@
 import { parseCsv as e } from "../../utils/csv.js";
 import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { AlertTriangle as o, ArrowRight as s, FileUp as c, Loader2 as l, Upload as u, Workflow as d } from "lucide-react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as p, Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y } from "@burdenoff/fe-libs/ui";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as f, Dialog as p, DialogContent as m, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogTitle as v } from "@burdenoff/fe-libs/ui";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/datasink/ImportDataGuideDialog.tsx
 var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExistingData: D, onClose: O, onGoToWorkflows: k, onImportCsv: A }) {
-	let { t: j } = f(), M = i(null), N = i(0), [P, F] = a(null), [I, L] = a(null), [R, z] = a(null), [B, V] = a(null), [H, U] = a(!1), W = n(() => {
+	let { t: j } = S(), M = i(null), N = i(0), [P, F] = a(null), [I, L] = a(null), [R, z] = a(null), [B, V] = a(null), [H, U] = a(!1), W = n(() => {
 		N.current += 1, F(null), L(null), z(null), V(null), U(!1);
 	}, []);
 	r(() => {
@@ -53,71 +53,71 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 		O,
 		j
 	]), q = n(() => M.current?.click(), []), J = I?.columns.slice(0, C) ?? [], Y = I ? I.columns.length - J.length : 0;
-	return /* @__PURE__ */ x(m, {
+	return /* @__PURE__ */ b(p, {
 		open: t,
 		onOpenChange: (e) => !e && !H && O(),
-		children: /* @__PURE__ */ S(h, {
+		children: /* @__PURE__ */ x(m, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ S(v, { children: [/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ x(_, { children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ x(u, { className: "size-5 text-action-primary-bg" })
-					}), /* @__PURE__ */ x(y, { children: j("bigconsole.dataSinks.importGuide.title", "Import data") })]
-				}), /* @__PURE__ */ x(g, { children: E ? j("bigconsole.dataSinks.importGuide.descriptionNamed", "Add data to “{{name}}”", { name: E }) : j("bigconsole.dataSinks.importGuide.description", "Add data to this data sink") })] }),
-				/* @__PURE__ */ S("div", {
+						children: /* @__PURE__ */ b(u, { className: "size-5 text-action-primary-bg" })
+					}), /* @__PURE__ */ b(v, { children: j("bigconsole.dataSinks.importGuide.title", "Import data") })]
+				}), /* @__PURE__ */ b(h, { children: E ? j("bigconsole.dataSinks.importGuide.descriptionNamed", "Add data to “{{name}}”", { name: E }) : j("bigconsole.dataSinks.importGuide.description", "Add data to this data sink") })] }),
+				/* @__PURE__ */ x("div", {
 					className: "py-2 space-y-5",
 					children: [
-						/* @__PURE__ */ S("section", {
+						/* @__PURE__ */ x("section", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
 								className: "text-sm font-semibold text-text-primary",
 								children: j("bigconsole.dataSinks.importGuide.buildWorkflowHeading", "Build a workflow")
-							}), /* @__PURE__ */ x("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary leading-relaxed",
 								children: j("bigconsole.dataSinks.importGuide.buildWorkflowBody", "The recommended way to keep this data sink up to date — build a repeatable, scheduled pipeline that fetches from your source (an API, database, or app) and writes into this data sink on every run.")
-							})] }), /* @__PURE__ */ S(p, {
+							})] }), /* @__PURE__ */ x(f, {
 								variant: "default",
 								onClick: k,
 								disabled: H,
 								className: "w-full",
 								children: [
-									/* @__PURE__ */ x(d, { className: "size-4" }),
+									/* @__PURE__ */ b(d, { className: "size-4" }),
 									j("bigconsole.dataSinks.importGuide.goToWorkflows", "Go to Workflows"),
-									/* @__PURE__ */ x(s, { className: "size-4" })
+									/* @__PURE__ */ b(s, { className: "size-4" })
 								]
 							})]
 						}),
-						A && /* @__PURE__ */ S("div", {
+						A && /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [
-								/* @__PURE__ */ x("span", { className: "h-px flex-1 bg-border-subtle" }),
-								/* @__PURE__ */ x("span", {
+								/* @__PURE__ */ b("span", { className: "h-px flex-1 bg-border-subtle" }),
+								/* @__PURE__ */ b("span", {
 									className: "text-xs font-medium uppercase tracking-wide text-text-tertiary",
 									children: j("bigconsole.dataSinks.importGuide.or", "Or")
 								}),
-								/* @__PURE__ */ x("span", { className: "h-px flex-1 bg-border-subtle" })
+								/* @__PURE__ */ b("span", { className: "h-px flex-1 bg-border-subtle" })
 							]
 						}),
-						A && /* @__PURE__ */ S("section", {
+						A && /* @__PURE__ */ x("section", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: j("bigconsole.dataSinks.importGuide.uploadCsvHeading", "Upload a CSV file")
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm text-text-secondary leading-relaxed",
 									children: j("bigconsole.dataSinks.importGuide.uploadCsvBody", "For a quick, one-off import, upload a spreadsheet export and it becomes available to your dashboards right away.")
 								})] }),
-								D && /* @__PURE__ */ S("div", {
+								D && /* @__PURE__ */ x("div", {
 									className: "flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-2",
-									children: [/* @__PURE__ */ x(o, { className: "size-4 shrink-0 text-status-warning-text mt-0.5" }), /* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ b(o, { className: "size-4 shrink-0 text-status-warning-text mt-0.5" }), /* @__PURE__ */ b("p", {
 										className: "text-sm text-status-warning-text",
 										children: j("bigconsole.dataSinks.importGuide.hasExistingDataWarning", "This data sink already has data — importing a CSV will replace it.")
 									})]
 								}),
-								/* @__PURE__ */ x("input", {
+								/* @__PURE__ */ b("input", {
 									ref: M,
 									type: "file",
 									accept: ".csv,text/csv",
@@ -125,39 +125,39 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 									onChange: G,
 									"aria-label": j("bigconsole.dataSinks.importGuide.fileInputAriaLabel", "Choose a CSV file to import")
 								}),
-								!I && /* @__PURE__ */ S("button", {
+								!I && /* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: q,
 									className: "flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default bg-bg-sunken px-4 py-6 text-center transition-colors hover:border-action-primary-bg hover:bg-action-primary-bg/5",
 									children: [
-										/* @__PURE__ */ x(c, { className: "size-6 text-text-tertiary" }),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ b(c, { className: "size-6 text-text-tertiary" }),
+										/* @__PURE__ */ b("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: P ? j("bigconsole.dataSinks.importGuide.chooseDifferentCsv", "Choose a different CSV file") : j("bigconsole.dataSinks.importGuide.chooseCsv", "Choose a CSV file")
 										}),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ b("span", {
 											className: "text-xs text-text-tertiary",
 											children: j("bigconsole.dataSinks.importGuide.firstRowHint", "The first row is used as column names.")
 										})
 									]
 								}),
-								R && /* @__PURE__ */ x("div", {
+								R && /* @__PURE__ */ b("div", {
 									className: "rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2",
-									children: /* @__PURE__ */ x("p", {
+									children: /* @__PURE__ */ b("p", {
 										className: "text-sm text-status-error-text",
 										children: R
 									})
 								}),
-								I && /* @__PURE__ */ S("div", {
+								I && /* @__PURE__ */ x("div", {
 									className: "space-y-3 rounded-lg border border-border-default bg-bg-sunken p-4",
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ x("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ x("span", {
+											children: [/* @__PURE__ */ b("span", {
 												className: "truncate text-sm font-medium text-text-primary",
 												title: P ?? void 0,
 												children: P
-											}), /* @__PURE__ */ x("button", {
+											}), /* @__PURE__ */ b("button", {
 												type: "button",
 												onClick: q,
 												disabled: H,
@@ -165,12 +165,12 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 												children: j("bigconsole.dataSinks.importGuide.changeFile", "Change file")
 											})]
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ x("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												j("bigconsole.dataSinks.importGuide.readyToImportPrefix", "Ready to import"),
 												" ",
-												/* @__PURE__ */ x("strong", {
+												/* @__PURE__ */ b("strong", {
 													className: "text-text-primary",
 													children: I.rows.length
 												}),
@@ -178,7 +178,7 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 												I.rows.length === 1 ? j("bigconsole.dataSinks.importGuide.rowSingular", "row") : j("bigconsole.dataSinks.importGuide.rowPlural", "rows"),
 												" ",
 												"× ",
-												/* @__PURE__ */ x("strong", {
+												/* @__PURE__ */ b("strong", {
 													className: "text-text-primary",
 													children: I.columns.length
 												}),
@@ -187,25 +187,25 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 												"."
 											]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ x("div", {
 											className: "flex flex-wrap gap-1.5",
-											children: [J.map((e) => /* @__PURE__ */ x("span", {
+											children: [J.map((e) => /* @__PURE__ */ b("span", {
 												className: "rounded-full bg-bg-surface px-2 py-0.5 text-xs text-text-secondary border border-border-subtle",
 												children: e
-											}, e)), Y > 0 && /* @__PURE__ */ x("span", {
+											}, e)), Y > 0 && /* @__PURE__ */ b("span", {
 												className: "rounded-full px-2 py-0.5 text-xs text-text-tertiary",
 												children: j("bigconsole.dataSinks.importGuide.moreColumns", "+{{count}} more", { count: Y })
 											})]
 										}),
-										B && /* @__PURE__ */ x("p", {
+										B && /* @__PURE__ */ b("p", {
 											className: "text-sm text-status-error-text",
 											children: B
 										}),
-										/* @__PURE__ */ x(p, {
+										/* @__PURE__ */ b(f, {
 											onClick: K,
 											disabled: H,
 											className: "w-full",
-											children: H ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(l, { className: "size-4 animate-spin" }), j("bigconsole.dataSinks.importGuide.importing", "Importing…")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(u, { className: "size-4" }), I.rows.length === 1 ? j("bigconsole.dataSinks.importGuide.importRowSingular", "Import {{count}} row", { count: I.rows.length }) : j("bigconsole.dataSinks.importGuide.importRowPlural", "Import {{count}} rows", { count: I.rows.length })] })
+											children: H ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(l, { className: "size-4 animate-spin" }), j("bigconsole.dataSinks.importGuide.importing", "Importing…")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(u, { className: "size-4" }), I.rows.length === 1 ? j("bigconsole.dataSinks.importGuide.importRowSingular", "Import {{count}} row", { count: I.rows.length }) : j("bigconsole.dataSinks.importGuide.importRowPlural", "Import {{count}} rows", { count: I.rows.length })] })
 										})
 									]
 								})
@@ -213,7 +213,7 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 						})
 					]
 				}),
-				/* @__PURE__ */ x(_, { children: /* @__PURE__ */ x(p, {
+				/* @__PURE__ */ b(g, { children: /* @__PURE__ */ b(f, {
 					variant: "outline",
 					onClick: O,
 					disabled: H,