@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

@@ -2,193 +2,190 @@ import e from "../../hooks/useBigConsoleAnalytics.js";
 import t from "../../hooks/useImportDataSink.js";
 import "../../hooks/index.js";
 import { memo as n, useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { ArrowLeft as s, Check as c, FileJson as l, Info as u, RefreshCw as d, Upload as f, XCircle as p } from "lucide-react";
-import { Badge as m, Button as h, Card as g, CardContent as _, Dialog as v, DialogContent as y, DialogDescription as b, DialogFooter as ee, DialogHeader as te, DialogTitle as x, Input as S, Label as C, Spinner as w } from "@burdenoff/fe-libs/ui";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ArrowLeft as s, Check as c, FileJson as l, Info as u, RefreshCw as d, Upload as f, XCircle as ee } from "lucide-react";
+import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as p, Button as m, Card as h, CardContent as g, Dialog as _, DialogContent as v, DialogDescription as y, DialogFooter as b, DialogHeader as x, DialogTitle as S, Input as C, Label as w, Spinner as T } from "@burdenoff/fe-libs/ui";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/ImportDataSinkDialog.tsx
-var O = n(function({ isOpen: n, onClose: O, onSuccess: k }) {
-	let [A, j] = o("select"), [, M] = o(null), [N, P] = o(null), [F, I] = o(""), [L, R] = o(""), z = a(null), { loading: B, error: V, validationResult: H, importResult: U, validateImport: W, importDataSink: G, extractDataSinkId: K, clearState: q } = t(), J = e();
+var k = n(function({ isOpen: n, onClose: k, onSuccess: A }) {
+	let { t: j } = te(), [M, N] = o("select"), [, P] = o(null), [F, I] = o(null), [L, R] = o(""), [z, B] = o(""), V = a(null), { loading: H, error: U, validationResult: W, importResult: G, validateImport: K, importDataSink: q, extractDataSinkId: J, clearState: Y } = t(), X = e();
 	i(() => {
-		n && (j("select"), M(null), P(null), I(""), R(""), q());
-	}, [n, q]);
-	let Y = r(async (e) => {
+		n && (N("select"), P(null), I(null), R(""), B(""), Y());
+	}, [n, Y]);
+	let Z = r(async (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		if (!t.name.endsWith(".json")) {
-			alert("Please select a JSON file");
+			alert(j("bigconsole.dataSinks.import.selectJsonFile", "Please select a JSON file"));
 			return;
 		}
-		M(t);
+		P(t);
 		let n = new FileReader();
 		n.onload = async (e) => {
 			let t = e.target?.result;
-			P(t);
-			let n = W(t);
-			n.isValid && n.dataSinkInfo ? (j("preview"), I(n.dataSinkInfo.name || ""), R(n.dataSinkInfo.key || "")) : j("preview");
+			I(t);
+			let n = K(t);
+			n.isValid && n.dataSinkInfo ? (N("preview"), R(n.dataSinkInfo.name || ""), B(n.dataSinkInfo.key || "")) : N("preview");
 		}, n.onerror = () => {
-			alert("Failed to read file");
+			alert(j("bigconsole.dataSinks.import.readFileError", "Failed to read file"));
 		}, n.readAsText(t);
-	}, [W]), X = r((e) => {
+	}, [K, j]), ne = r((e) => {
 		e.preventDefault();
 		let t = e.dataTransfer.files?.[0];
 		if (t) {
 			let e = new DataTransfer();
-			e.items.add(t), z.current && (z.current.files = e.files, z.current.dispatchEvent(new Event("change", { bubbles: !0 })));
+			e.items.add(t), V.current && (V.current.files = e.files, V.current.dispatchEvent(new Event("change", { bubbles: !0 })));
 		}
-	}, []), Z = r(async () => {
-		if (!N) return;
-		j("importing");
+	}, []), re = r(async () => {
+		if (!F) return;
+		N("importing");
 		let e = {
-			name: F.trim() || void 0,
-			key: L.trim() || void 0
+			name: L.trim() || void 0,
+			key: z.trim() || void 0
 		};
-		J("bigconsole.data_sink.import_clicked", { source: "import" });
-		let t = await G(N, e);
-		t?.success && t.dataSink ? (j("complete"), J("bigconsole.data_sink.imported", {
+		X("bigconsole.data_sink.import_clicked", { source: "import" });
+		let t = await q(F, e);
+		t?.success && t.dataSink ? (N("complete"), X("bigconsole.data_sink.imported", {
 			dataSinkId: t.dataSink.id,
 			source: "import",
 			originalUpdated: t.originalUpdated ?? !1
-		}), k?.(t.dataSink.id, t.dataSink.name, t.originalUpdated ?? !1)) : j("preview");
+		}), A?.(t.dataSink.id, t.dataSink.name, t.originalUpdated ?? !1)) : N("preview");
 	}, [
-		J,
-		N,
-		G,
-		L,
+		X,
 		F,
-		k
-	]), Q = !B && A !== "importing", $ = N ? K(N) : null;
-	return /* @__PURE__ */ E(v, {
+		q,
+		z,
+		L,
+		A
+	]), Q = !H && M !== "importing", $ = F ? J(F) : null;
+	return /* @__PURE__ */ D(_, {
 		open: n,
-		onOpenChange: (e) => !e && Q && O(),
-		children: /* @__PURE__ */ D(y, {
+		onOpenChange: (e) => !e && Q && k(),
+		children: /* @__PURE__ */ O(v, {
 			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ D(te, { children: [/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O(x, { children: [/* @__PURE__ */ O("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ E(f, { className: "size-5 text-primary" })
-					}), /* @__PURE__ */ E(x, { children: "Import DataSink" })]
-				}), /* @__PURE__ */ E(b, { children: "Upload a DataSink export file to restore it into this workspace." })] }),
-				/* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ D(f, { className: "size-5 text-primary" })
+					}), /* @__PURE__ */ D(S, { children: j("bigconsole.dataSinks.import.title", "Import DataSink") })]
+				}), /* @__PURE__ */ D(y, { children: j("bigconsole.dataSinks.import.description", "Upload a DataSink export file to restore it into this workspace.") })] }),
+				/* @__PURE__ */ O("div", {
 					className: "flex-1 overflow-y-auto py-4 space-y-4",
 					children: [
-						A === "select" && /* @__PURE__ */ D("div", {
+						M === "select" && /* @__PURE__ */ O("div", {
 							onDragOver: (e) => e.preventDefault(),
-							onDrop: X,
+							onDrop: ne,
 							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
 							children: [
-								/* @__PURE__ */ E(l, { className: "size-12 mx-auto text-text-secondary mb-4" }),
-								/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ D(l, { className: "size-12 mx-auto text-text-secondary mb-4" }),
+								/* @__PURE__ */ D("p", {
 									className: "text-sm mb-2",
-									children: "Drag and drop a DataSink export file here"
+									children: j("bigconsole.dataSinks.import.dropzoneText", "Drag and drop a DataSink export file here")
 								}),
-								/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary mb-4",
-									children: "or"
+									children: j("bigconsole.dataSinks.import.or", "or")
 								}),
-								/* @__PURE__ */ E("input", {
-									ref: z,
+								/* @__PURE__ */ D("input", {
+									ref: V,
 									type: "file",
 									accept: ".json",
-									onChange: Y,
+									onChange: Z,
 									className: "hidden"
 								}),
-								/* @__PURE__ */ E(h, {
-									onClick: () => z.current?.click(),
-									disabled: B,
-									children: "Browse Files"
+								/* @__PURE__ */ D(m, {
+									onClick: () => V.current?.click(),
+									disabled: H,
+									children: j("bigconsole.dataSinks.import.browseFiles", "Browse Files")
 								}),
-								/* @__PURE__ */ E("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary mt-4",
-									children: "Only .json files exported from BigConsole are supported"
+									children: j("bigconsole.dataSinks.import.supportedFilesHint", "Only .json files exported from BigConsole are supported")
 								})
 							]
 						}),
-						(A === "preview" || A === "importing") && H && /* @__PURE__ */ D(T, { children: [
-							H.dataSinkInfo && /* @__PURE__ */ E(g, { children: /* @__PURE__ */ D(_, {
+						(M === "preview" || M === "importing") && W && /* @__PURE__ */ O(E, { children: [
+							W.dataSinkInfo && /* @__PURE__ */ D(h, { children: /* @__PURE__ */ O(g, {
 								className: "p-4 space-y-2",
 								children: [
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Name"
-										}), /* @__PURE__ */ E("span", {
+											children: j("bigconsole.dataSinks.import.nameLabel", "Name")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-sm font-medium",
-											children: H.dataSinkInfo.name || "Unnamed"
+											children: W.dataSinkInfo.name || j("bigconsole.dataSinks.import.unnamed", "Unnamed")
 										})]
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Key"
-										}), /* @__PURE__ */ E("span", {
+											children: j("bigconsole.dataSinks.import.keyLabel", "Key")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-xs font-mono",
-											children: H.dataSinkInfo.key
+											children: W.dataSinkInfo.key
 										})]
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Status"
-										}), /* @__PURE__ */ E(m, {
+											children: j("bigconsole.dataSinks.import.statusLabel", "Status")
+										}), /* @__PURE__ */ D(p, {
 											variant: "secondary",
-											children: H.dataSinkInfo.status
+											children: W.dataSinkInfo.status
 										})]
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Setup State"
-										}), /* @__PURE__ */ E(m, {
+											children: j("bigconsole.dataSinks.import.setupStateLabel", "Setup State")
+										}), /* @__PURE__ */ D(p, {
 											variant: "outline",
-											children: H.dataSinkInfo.setupState
+											children: W.dataSinkInfo.setupState
 										})]
 									}),
-									H.dataSinkInfo.exportedFrom && /* @__PURE__ */ D("div", {
+									W.dataSinkInfo.exportedFrom && /* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Source ID"
-										}), /* @__PURE__ */ E("span", {
+											children: j("bigconsole.dataSinks.import.sourceIdLabel", "Source ID")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-xs text-text-secondary font-mono truncate max-w-[180px]",
-											children: H.dataSinkInfo.exportedFrom
+											children: W.dataSinkInfo.exportedFrom
 										})]
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Schema Version"
-										}), /* @__PURE__ */ E("span", {
+											children: j("bigconsole.dataSinks.import.schemaVersionLabel", "Schema Version")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-xs text-text-secondary",
-											children: H.dataSinkInfo.schemaVersion
+											children: W.dataSinkInfo.schemaVersion
 										})]
 									})
 								]
 							}) }),
-							H.errors.length > 0 && /* @__PURE__ */ E(g, {
+							W.errors.length > 0 && /* @__PURE__ */ D(h, {
 								className: "border-status-error-border/50 bg-status-error-bg/5",
-								children: /* @__PURE__ */ D(_, {
+								children: /* @__PURE__ */ O(g, {
 									className: "p-3",
-									children: [/* @__PURE__ */ D("div", {
+									children: [/* @__PURE__ */ O("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ E(p, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ D(ee, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ D("span", {
 											className: "text-sm font-medium text-status-error-text",
-											children: [
-												"Errors (",
-												H.errors.length,
-												")"
-											]
+											children: j("bigconsole.dataSinks.import.errorsHeading", "Errors ({{count}})", { count: W.errors.length })
 										})]
-									}), /* @__PURE__ */ E("ul", {
+									}), /* @__PURE__ */ D("ul", {
 										className: "text-xs text-status-error-text space-y-1",
-										children: H.errors.map((e, t) => /* @__PURE__ */ D("li", { children: [
-											/* @__PURE__ */ D("span", {
+										children: W.errors.map((e, t) => /* @__PURE__ */ O("li", { children: [
+											/* @__PURE__ */ O("span", {
 												className: "font-mono",
 												children: [
 													"[",
@@ -202,200 +199,188 @@ var O = n(function({ isOpen: n, onClose: O, onSuccess: k }) {
 									})]
 								})
 							}),
-							H.isValid && /* @__PURE__ */ D("div", {
+							W.isValid && /* @__PURE__ */ O("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ E("p", {
+									/* @__PURE__ */ D("p", {
 										className: "text-sm font-medium",
-										children: "Import Options"
+										children: j("bigconsole.dataSinks.import.optionsHeading", "Import Options")
 									}),
-									/* @__PURE__ */ E(g, {
+									/* @__PURE__ */ D(h, {
 										className: "border-blue-500/50 bg-blue-500/5",
-										children: /* @__PURE__ */ E(_, {
+										children: /* @__PURE__ */ D(g, {
 											className: "p-3",
-											children: /* @__PURE__ */ D("div", {
+											children: /* @__PURE__ */ O("div", {
 												className: "flex items-start gap-2",
-												children: [/* @__PURE__ */ E(u, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ E("div", {
+												children: [/* @__PURE__ */ D(u, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ D("div", {
 													className: "text-xs text-blue-700 dark:text-blue-400",
-													children: $ ? /* @__PURE__ */ D(T, { children: [
-														/* @__PURE__ */ E("p", {
+													children: $ ? /* @__PURE__ */ O(E, { children: [
+														/* @__PURE__ */ D("p", {
 															className: "font-medium mb-1",
-															children: "Import will check for existing DataSink"
+															children: j("bigconsole.dataSinks.import.checkExistingHeading", "Import will check for existing DataSink")
 														}),
-														/* @__PURE__ */ D("p", { children: [
-															"If the original DataSink (ID:",
+														/* @__PURE__ */ O("p", { children: [
+															j("bigconsole.dataSinks.import.ifOriginalExistsPrefix", "If the original DataSink (ID:"),
 															" ",
-															/* @__PURE__ */ D("code", {
+															/* @__PURE__ */ O("code", {
 																className: "font-mono bg-blue-200/50 px-1 rounded",
 																children: [$.slice(0, 8), "..."]
 															}),
-															") exists:"
+															j("bigconsole.dataSinks.import.ifOriginalExistsSuffix", ") exists:")
 														] }),
-														/* @__PURE__ */ D("ul", {
+														/* @__PURE__ */ O("ul", {
 															className: "list-disc list-inside mt-1 space-y-0.5",
-															children: [/* @__PURE__ */ E("li", { children: "With changes → Update the existing DataSink" }), /* @__PURE__ */ E("li", { children: "No changes → Show \"already exists\" message" })]
+															children: [/* @__PURE__ */ D("li", { children: j("bigconsole.dataSinks.import.withChangesUpdate", "With changes → Update the existing DataSink") }), /* @__PURE__ */ D("li", { children: j("bigconsole.dataSinks.import.noChangesMessage", "No changes → Show \"already exists\" message") })]
 														}),
-														/* @__PURE__ */ E("p", {
+														/* @__PURE__ */ D("p", {
 															className: "mt-1",
-															children: "If original doesn't exist → Create a new DataSink"
+															children: j("bigconsole.dataSinks.import.ifNotExistsCreate", "If original doesn't exist → Create a new DataSink")
 														})
-													] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("p", {
+													] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("p", {
 														className: "font-medium mb-1",
-														children: "A new DataSink will be created"
-													}), /* @__PURE__ */ E("p", { children: "Import as a new DataSink with the specified configuration." })] })
+														children: j("bigconsole.dataSinks.import.newWillBeCreatedHeading", "A new DataSink will be created")
+													}), /* @__PURE__ */ D("p", { children: j("bigconsole.dataSinks.import.newWillBeCreatedBody", "Import as a new DataSink with the specified configuration.") })] })
 												})]
 											})
 										})
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ E(C, {
+										children: [/* @__PURE__ */ D(w, {
 											htmlFor: "import-name",
-											children: "DataSink Name"
-										}), /* @__PURE__ */ E(S, {
+											children: j("bigconsole.dataSinks.import.nameFieldLabel", "DataSink Name")
+										}), /* @__PURE__ */ D(C, {
 											id: "import-name",
 											type: "text",
-											value: F,
-											onChange: (e) => I(e.target.value),
-											placeholder: H.dataSinkInfo?.name || "DataSink name",
-											disabled: A === "importing"
+											value: L,
+											onChange: (e) => R(e.target.value),
+											placeholder: W.dataSinkInfo?.name || j("bigconsole.dataSinks.import.namePlaceholder", "DataSink name"),
+											disabled: M === "importing"
 										})]
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ O("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ E(C, {
+											/* @__PURE__ */ D(w, {
 												htmlFor: "import-key",
-												children: "DataSink Key"
+												children: j("bigconsole.dataSinks.import.keyFieldLabel", "DataSink Key")
 											}),
-											/* @__PURE__ */ E(S, {
+											/* @__PURE__ */ D(C, {
 												id: "import-key",
 												type: "text",
-												value: L,
-												onChange: (e) => R(e.target.value),
-												placeholder: H.dataSinkInfo?.key || "datasink-key",
-												disabled: A === "importing"
+												value: z,
+												onChange: (e) => B(e.target.value),
+												placeholder: W.dataSinkInfo?.key || j("bigconsole.dataSinks.import.keyPlaceholder", "datasink-key"),
+												disabled: M === "importing"
 											}),
-											/* @__PURE__ */ E("p", {
+											/* @__PURE__ */ D("p", {
 												className: "text-xs text-text-secondary",
-												children: "Use a unique key to avoid conflicts with existing DataSinks."
+												children: j("bigconsole.dataSinks.import.keyHelp", "Use a unique key to avoid conflicts with existing DataSinks.")
 											})
 										]
 									})
 								]
 							})
 						] }),
-						A === "complete" && U?.success && /* @__PURE__ */ D("div", {
+						M === "complete" && G?.success && /* @__PURE__ */ O("div", {
 							className: "text-center py-6",
 							children: [
-								U.alreadyExists && /* @__PURE__ */ D(T, { children: [
-									/* @__PURE__ */ E("div", {
+								G.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("div", {
 										className: "size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ E(u, { className: "size-8 text-blue-600" })
+										children: /* @__PURE__ */ D(u, { className: "size-8 text-blue-600" })
 									}),
-									/* @__PURE__ */ E("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-lg font-medium mb-2",
-										children: "DataSink Already Exists"
+										children: j("bigconsole.dataSinks.import.alreadyExistsTitle", "DataSink Already Exists")
 									}),
 									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"DataSink \"",
-											U.dataSink?.name || U.dataSink?.key,
-											"\" already exists with the same data. No changes were made."
-										]
+										children: j("bigconsole.dataSinks.import.alreadyExistsBody", "DataSink \"{{name}}\" already exists with the same data. No changes were made.", { name: G.dataSink?.name || G.dataSink?.key || "" })
 									})
 								] }),
-								U.originalUpdated && !U.alreadyExists && /* @__PURE__ */ D(T, { children: [
-									/* @__PURE__ */ E("div", {
+								G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("div", {
 										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ E(d, { className: "size-8 text-green-600" })
+										children: /* @__PURE__ */ D(d, { className: "size-8 text-green-600" })
 									}),
-									/* @__PURE__ */ E("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-lg font-medium mb-2",
-										children: "DataSink Updated!"
+										children: j("bigconsole.dataSinks.import.updatedTitle", "DataSink Updated!")
 									}),
 									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"DataSink \"",
-											U.dataSink?.name || U.dataSink?.key,
-											"\" has been updated with the imported data."
-										]
+										children: j("bigconsole.dataSinks.import.updatedBody", "DataSink \"{{name}}\" has been updated with the imported data.", { name: G.dataSink?.name || G.dataSink?.key || "" })
 									})
 								] }),
-								!U.originalUpdated && !U.alreadyExists && /* @__PURE__ */ D(T, { children: [
-									/* @__PURE__ */ E("div", {
+								!G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("div", {
 										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ E(c, { className: "size-8 text-green-600" })
+										children: /* @__PURE__ */ D(c, { className: "size-8 text-green-600" })
 									}),
-									/* @__PURE__ */ E("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-lg font-medium mb-2",
-										children: "Import Successful!"
+										children: j("bigconsole.dataSinks.import.successTitle", "Import Successful!")
 									}),
 									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"DataSink \"",
-											U.dataSink?.name || U.dataSink?.key,
-											"\" has been created."
-										]
+										children: j("bigconsole.dataSinks.import.successBody", "DataSink \"{{name}}\" has been created.", { name: G.dataSink?.name || G.dataSink?.key || "" })
 									})
 								] })
 							]
 						}),
-						V && /* @__PURE__ */ E(g, {
+						U && /* @__PURE__ */ D(h, {
 							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ E(_, {
+							children: /* @__PURE__ */ D(g, {
 								className: "p-3",
-								children: /* @__PURE__ */ E("p", {
+								children: /* @__PURE__ */ D("p", {
 									className: "text-sm text-status-error-text",
-									children: V.message
+									children: U.message
 								})
 							})
 						}),
-						U && !U.success && U.errorMessage && /* @__PURE__ */ E(g, {
+						G && !G.success && G.errorMessage && /* @__PURE__ */ D(h, {
 							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ E(_, {
+							children: /* @__PURE__ */ D(g, {
 								className: "p-3",
-								children: /* @__PURE__ */ E("p", {
+								children: /* @__PURE__ */ D("p", {
 									className: "text-sm text-status-error-text",
-									children: U.errorMessage
+									children: G.errorMessage
 								})
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ D(ee, {
+				/* @__PURE__ */ O(b, {
 					className: "flex-row justify-between sm:justify-between",
-					children: [/* @__PURE__ */ E("div", { children: A === "preview" && /* @__PURE__ */ D(h, {
+					children: [/* @__PURE__ */ D("div", { children: M === "preview" && /* @__PURE__ */ O(m, {
 						variant: "ghost",
 						onClick: () => {
-							j("select"), M(null), P(null), q();
+							N("select"), P(null), I(null), Y();
 						},
-						disabled: B,
-						children: [/* @__PURE__ */ E(s, { className: "size-4" }), "Back"]
-					}) }), /* @__PURE__ */ D("div", {
+						disabled: H,
+						children: [/* @__PURE__ */ D(s, { className: "size-4" }), j("bigconsole.dataSinks.import.back", "Back")]
+					}) }), /* @__PURE__ */ O("div", {
 						className: "flex items-center gap-2",
 						children: [
-							A !== "complete" && /* @__PURE__ */ E(h, {
+							M !== "complete" && /* @__PURE__ */ D(m, {
 								variant: "outline",
-								onClick: O,
+								onClick: k,
 								disabled: !Q,
-								children: "Cancel"
+								children: j("bigconsole.dataSinks.import.cancel", "Cancel")
 							}),
-							A === "preview" && H?.isValid && /* @__PURE__ */ D(h, {
-								onClick: Z,
-								disabled: B,
-								children: [/* @__PURE__ */ E(f, { className: "size-4" }), "Import DataSink"]
+							M === "preview" && W?.isValid && /* @__PURE__ */ O(m, {
+								onClick: re,
+								disabled: H,
+								children: [/* @__PURE__ */ D(f, { className: "size-4" }), j("bigconsole.dataSinks.import.importButton", "Import DataSink")]
 							}),
-							A === "importing" && /* @__PURE__ */ D("div", {
+							M === "importing" && /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ E(w, { className: "size-4" }), "Importing..."]
+								children: [/* @__PURE__ */ D(T, { className: "size-4" }), j("bigconsole.dataSinks.import.importing", "Importing...")]
 							}),
-							A === "complete" && /* @__PURE__ */ E(h, {
-								onClick: O,
-								children: "Done"
+							M === "complete" && /* @__PURE__ */ D(m, {
+								onClick: k,
+								children: j("bigconsole.dataSinks.import.done", "Done")
 							})
 						]
 					})]
@@ -405,6 +390,6 @@ var O = n(function({ isOpen: n, onClose: O, onSuccess: k }) {
 	});
 });
 //#endregion
-export { O as default };
+export { k as default };
 
 //# sourceMappingURL=ImportDataSinkDialog.js.map