@updog/data-editor-wc 0.1.48 → 0.1.49

package/index.js

@@ -32667,7 +32667,7 @@ var p_ = ({ children: e, anchor: t, items: n, onSelect: r, onOpenChange: i }) =>
 	}, t))
 }), h_ = ({ ref: e, dir: t, style: n, originalItems: r, currentItems: i, empty: a }) => /* @__PURE__ */ (0, O.jsxs)("div", {
 	ref: e,
-	className: "updog-grid-tooltip updog-grid-tooltip--dirty updog-grid-tooltip--multiselect",
+	className: N("updog-grid-tooltip updog-grid-tooltip--dirty updog-grid-tooltip--multiselect", r.length === 1 && i.length === 1 && "updog-grid-tooltip--multiselect-single"),
 	dir: t,
 	style: n,
 	children: [
@@ -45799,7 +45799,7 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 		return this.state.hasError ? /* @__PURE__ */ (0, O.jsx)(Dj, { error: Oj }) : this.props.children;
 	}
 }, Aj = ({ leftSlot: e }) => {
-	let { variant: t, setShowUploader: n } = th(), { t: r } = j(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: f, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = dN(), v = i && t === "editor", b = (0, y.useCallback)(() => {
+	let { variant: t, setShowUploader: n } = th(), { t: r } = j(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: f, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = TN(), v = i && t === "editor", b = (0, y.useCallback)(() => {
 		n(!1);
 	}, [n]), x = p[m]?.id === "sheet-selection", S = (0, y.useCallback)(() => {
 		a ? c() : x ? g() : o();
@@ -46567,73 +46567,16 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 		i[e] = n, n && a.add(n);
 	}
 	return i;
-}, Qj = (0, y.memo)(({ csvHeader: e, mappedValue: t, options: n, autoMatchId: r, placeholder: i, onSelectChange: a, onClear: o }) => {
-	let { t: s } = j(), c = (0, y.useCallback)((t) => {
-		a(e, t);
-	}, [e, a]), l = (0, y.useCallback)(() => {
-		o(e, void 0);
-	}, [e, o]);
-	return /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: "updog__column-matching__row",
-		children: [
-			/* @__PURE__ */ (0, O.jsx)("div", {
-				className: "updog__column-matching__column",
-				children: /* @__PURE__ */ (0, O.jsx)("div", {
-					className: "updog__column-matching__csv-header",
-					children: /* @__PURE__ */ (0, O.jsx)(tc, { children: e })
-				})
-			}),
-			/* @__PURE__ */ (0, O.jsx)("div", {
-				className: "updog__column-matching__arrow-container",
-				children: /* @__PURE__ */ (0, O.jsx)(te, {
-					size: "1.25rem",
-					className: N("updog__column-matching__arrow", "rtl-mirror", t ? "updog__column-matching__arrow--matched" : "updog__column-matching__arrow--unmatched")
-				})
-			}),
-			/* @__PURE__ */ (0, O.jsx)("div", {
-				className: "updog__column-matching__column",
-				children: /* @__PURE__ */ (0, O.jsx)(jc, {
-					options: n,
-					value: t,
-					onChange: c,
-					onClear: l,
-					placeholder: i
-				})
-			}),
-			/* @__PURE__ */ (0, O.jsxs)("div", {
-				className: "updog__column-matching__action",
-				children: [t?.startsWith("__dynamic__:") && r && /* @__PURE__ */ (0, O.jsx)(Hs, {
-					content: /* @__PURE__ */ (0, O.jsx)(W, {
-						size: "sm",
-						children: s("dataEditor.uploader.matchColumns.createColumnWarning")
-					}),
-					placement: "bottom-end",
-					children: /* @__PURE__ */ (0, O.jsx)(He, {
-						size: "1.25rem",
-						className: "updog__column-matching__action-icon"
-					})
-				}), !t && /* @__PURE__ */ (0, O.jsx)(Hs, {
-					content: /* @__PURE__ */ (0, O.jsx)(W, {
-						size: "sm",
-						children: s("dataEditor.uploader.matchColumns.unmatchedWarning")
-					}),
-					placement: "bottom-end",
-					children: /* @__PURE__ */ (0, O.jsx)(be, {
-						size: "1.25rem",
-						className: "updog__column-matching__info-icon"
-					})
-				})]
-			})
-		]
-	});
-}), $j = () => {
-	let { columns: e, enableCreateColumn: t, synonyms: n } = th(), { t: r } = j(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = dN(), [l, u] = (0, y.useState)(null), d = (0, y.useRef)(null), f = (0, y.useCallback)((e, t) => {
+}, Qj = () => {
+	let { columns: e, enableCreateColumn: t, synonyms: n } = th(), { t: r } = j(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = TN(), [l, u] = (0, y.useState)(null), d = (0, y.useRef)(null), f = i?.headers ?? [], p = (0, y.useRef)(null);
+	p.current === null && (p.current = Zj(f, e, n));
+	let m = (0, y.useCallback)((e, t) => {
 		if (t === "action:create") {
 			d.current = e, u({ title: e });
 			return;
 		}
 		o(e, t);
-	}, [o]), p = (0, y.useCallback)((e) => {
+	}, [o]), h = (0, y.useCallback)((e) => {
 		if (d.current === null) return;
 		let t = Math.random().toString(36).slice(2, 7), n = `${ad}${e.title}-${t}`;
 		c((t) => [...t, {
@@ -46641,11 +46584,9 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 			id: n,
 			size: 150
 		}]), o(d.current, n), d.current = null, u(null);
-	}, [o, c]), m = (0, y.useCallback)(() => {
+	}, [o, c]), g = (0, y.useCallback)(() => {
 		d.current = null, u(null);
-	}, []), h = (0, y.useMemo)(() => [...e.map((e) => e.title), ...s.map((e) => e.title)], [e, s]), g = i?.headers ?? [], _ = (0, y.useRef)(null);
-	_.current === null && (_.current = Zj(g, e, n));
-	let v = (0, y.useMemo)(() => {
+	}, []), _ = (0, y.useMemo)(() => [...e.map((e) => e.title), ...s.map((e) => e.title)], [e, s]), v = (0, y.useMemo)(() => {
 		let n = {
 			text: r("dataEditor.uploader.matchColumns.bestMatch"),
 			color: "green"
@@ -46653,8 +46594,8 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 			text: r("dataEditor.uploader.matchColumns.newColumnTag"),
 			color: "blue"
 		}, a = r("dataEditor.uploader.matchColumns.createColumn");
-		return Object.fromEntries(g.map((r) => {
-			let o = _.current?.[r], c = e.map((e) => ({
+		return Object.fromEntries(f.map((r) => {
+			let o = p.current?.[r], c = e.map((e) => ({
 				id: e.id,
 				text: e.title,
 				...e.id === o && { tag: n }
@@ -46674,78 +46615,177 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 			}), [r, c];
 		}));
 	}, [
-		g,
+		f,
 		e,
 		s,
 		r,
 		t
-	]), b = (0, y.useMemo)(() => g.filter((e) => a[e]).length, [g, a]), x = b === g.length, S = r("dataEditor.uploader.matchColumns.selectColumnPlaceholder");
+	]), b = (0, y.useMemo)(() => f.filter((e) => a[e]).length, [f, a]);
+	return {
+		headers: f,
+		matchedCount: b,
+		allMatched: b === f.length,
+		placeholder: r("dataEditor.uploader.matchColumns.selectColumnPlaceholder"),
+		existingNames: _,
+		createModalValues: l,
+		getRowData: (0, y.useCallback)((e) => ({
+			mappedValue: a[e],
+			options: v[e],
+			autoMatchId: p.current?.[e]
+		}), [a, v]),
+		onSelectChange: m,
+		onClear: o,
+		submitCreate: h,
+		closeCreate: g
+	};
+}, $j = (0, y.createContext)(null);
+function eM({ children: e }) {
+	let t = Qj();
+	return /* @__PURE__ */ (0, O.jsx)($j.Provider, {
+		value: t,
+		children: e
+	});
+}
+var tM = () => {
+	let e = (0, y.useContext)($j);
+	if (!e) throw Error("useColumnMatching must be used within ColumnMatchingProvider");
+	return e;
+}, nM = () => {
+	let { t: e } = j(), { matchedCount: t, allMatched: n, headers: r } = tM(), i = n ? "green" : "yellow";
+	return /* @__PURE__ */ (0, O.jsx)("header", {
+		className: "updog__column-matching__header",
+		children: /* @__PURE__ */ (0, O.jsxs)("div", {
+			className: "updog__column-matching__header-content",
+			children: [
+				/* @__PURE__ */ (0, O.jsxs)("div", {
+					className: "updog__column-matching__header-column updog__column-matching__header-column--with-items",
+					children: [/* @__PURE__ */ (0, O.jsx)(W, {
+						as: "div",
+						size: "sm",
+						weight: "medium",
+						children: e("dataEditor.uploader.matchColumns.importedColumns")
+					}), /* @__PURE__ */ (0, O.jsx)(sc, {
+						color: i,
+						text: e("dataEditor.uploader.matchColumns.matchedCount", {
+							matched: t,
+							total: r.length
+						})
+					})]
+				}),
+				/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__column-matching__header-spacer" }),
+				/* @__PURE__ */ (0, O.jsx)(W, {
+					as: "div",
+					size: "sm",
+					weight: "medium",
+					className: "updog__column-matching__header-column",
+					children: e("dataEditor.uploader.matchColumns.targetColumns")
+				}),
+				/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__column-matching__action" })
+			]
+		})
+	});
+}, rM = (0, y.memo)(({ csvHeader: e, mappedValue: t, options: n, autoMatchId: r, placeholder: i, onSelectChange: a, onClear: o }) => {
+	let { t: s } = j(), c = !t, l = t?.startsWith("__dynamic__:") && !!r, u = (0, y.useCallback)((t) => {
+		a(e, t);
+	}, [e, a]), d = (0, y.useCallback)(() => {
+		o(e, void 0);
+	}, [e, o]);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: "updog__column-matching",
+		className: "updog__column-matching__row",
 		children: [
-			/* @__PURE__ */ (0, O.jsx)("header", {
-				className: "updog__column-matching__header",
-				children: /* @__PURE__ */ (0, O.jsxs)("div", {
-					className: "updog__column-matching__header-content",
-					children: [
-						/* @__PURE__ */ (0, O.jsxs)("div", {
-							className: "updog__column-matching__header-column updog__column-matching__header-column--with-items",
-							children: [/* @__PURE__ */ (0, O.jsx)(W, {
-								as: "div",
-								size: "sm",
-								weight: "medium",
-								children: r("dataEditor.uploader.matchColumns.importedColumns")
-							}), /* @__PURE__ */ (0, O.jsx)(sc, {
-								color: x ? "green" : "yellow",
-								text: r("dataEditor.uploader.matchColumns.matchedCount", {
-									matched: b,
-									total: g.length
-								})
-							})]
-						}),
-						/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__column-matching__header-spacer" }),
-						/* @__PURE__ */ (0, O.jsx)(W, {
-							as: "div",
-							size: "sm",
-							weight: "medium",
-							className: "updog__column-matching__header-column",
-							children: r("dataEditor.uploader.matchColumns.targetColumns")
-						}),
-						/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__column-matching__action" })
-					]
+			/* @__PURE__ */ (0, O.jsx)("div", {
+				className: "updog__column-matching__column",
+				children: /* @__PURE__ */ (0, O.jsx)("div", {
+					className: "updog__column-matching__csv-header",
+					children: /* @__PURE__ */ (0, O.jsx)(tc, { children: e })
 				})
 			}),
 			/* @__PURE__ */ (0, O.jsx)("div", {
-				className: "updog__column-matching__content",
-				children: /* @__PURE__ */ (0, O.jsx)("div", {
-					className: "updog__column-matching__content-inner",
-					children: g.map((e) => /* @__PURE__ */ (0, O.jsx)(Qj, {
-						csvHeader: e,
-						mappedValue: a[e],
-						options: v[e],
-						autoMatchId: _.current?.[e],
-						placeholder: S,
-						onSelectChange: f,
-						onClear: o
-					}, e))
+				className: "updog__column-matching__arrow-container",
+				children: /* @__PURE__ */ (0, O.jsx)(te, {
+					size: "1.25rem",
+					className: N("updog__column-matching__arrow", "rtl-mirror", c ? "updog__column-matching__arrow--unmatched" : "updog__column-matching__arrow--matched")
+				})
+			}),
+			/* @__PURE__ */ (0, O.jsx)("div", {
+				className: "updog__column-matching__column",
+				children: /* @__PURE__ */ (0, O.jsx)(jc, {
+					options: n,
+					value: t,
+					onChange: u,
+					onClear: d,
+					placeholder: i
 				})
 			}),
-			l && /* @__PURE__ */ (0, O.jsx)($h, {
-				open: !0,
-				onClose: m,
-				initialValues: l,
-				existingNames: h,
-				onSubmit: p
+			/* @__PURE__ */ (0, O.jsxs)("div", {
+				className: "updog__column-matching__action",
+				children: [l && /* @__PURE__ */ (0, O.jsx)(Hs, {
+					content: /* @__PURE__ */ (0, O.jsx)(W, {
+						size: "sm",
+						children: s("dataEditor.uploader.matchColumns.createColumnWarning")
+					}),
+					placement: "bottom-end",
+					children: /* @__PURE__ */ (0, O.jsx)(He, {
+						size: "1.25rem",
+						className: "updog__column-matching__action-icon"
+					})
+				}), c && /* @__PURE__ */ (0, O.jsx)(Hs, {
+					content: /* @__PURE__ */ (0, O.jsx)(W, {
+						size: "sm",
+						children: s("dataEditor.uploader.matchColumns.unmatchedWarning")
+					}),
+					placement: "bottom-end",
+					children: /* @__PURE__ */ (0, O.jsx)(be, {
+						size: "1.25rem",
+						className: "updog__column-matching__info-icon"
+					})
+				})]
 			})
 		]
 	});
-}, eM = () => {
-	let { parsedCsv: e } = dN();
+}), iM = () => {
+	let { headers: e, placeholder: t, getRowData: n, onSelectChange: r, onClear: i } = tM();
+	return /* @__PURE__ */ (0, O.jsx)("div", {
+		className: "updog__column-matching__content",
+		children: /* @__PURE__ */ (0, O.jsx)("div", {
+			className: "updog__column-matching__content-inner",
+			children: e.map((e) => {
+				let { mappedValue: a, options: o, autoMatchId: s } = n(e);
+				return /* @__PURE__ */ (0, O.jsx)(rM, {
+					csvHeader: e,
+					mappedValue: a,
+					options: o,
+					autoMatchId: s,
+					placeholder: t,
+					onSelectChange: r,
+					onClear: i
+				}, e);
+			})
+		})
+	});
+}, aM = () => {
+	let { createModalValues: e, existingNames: t, submitCreate: n, closeCreate: r } = tM();
+	return e ? /* @__PURE__ */ (0, O.jsx)($h, {
+		open: !0,
+		onClose: r,
+		initialValues: e,
+		existingNames: t,
+		onSubmit: n
+	}) : null;
+}, oM = () => /* @__PURE__ */ (0, O.jsxs)("div", {
+	className: "updog__column-matching",
+	children: [
+		/* @__PURE__ */ (0, O.jsx)(nM, {}),
+		/* @__PURE__ */ (0, O.jsx)(iM, {}),
+		/* @__PURE__ */ (0, O.jsx)(aM, {})
+	]
+}), sM = () => {
+	let { parsedCsv: e } = TN();
 	return e ? /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__step-column-matching__content updog__scrollbar",
-		children: /* @__PURE__ */ (0, O.jsx)($j, {})
+		children: /* @__PURE__ */ (0, O.jsx)(eM, { children: /* @__PURE__ */ (0, O.jsx)(oM, {}) })
 	}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }) : null;
-}, tM = ({ open: e, existingOptions: t, initialName: n, onClose: r, onSubmit: i }) => {
+}, cM = ({ open: e, existingOptions: t, initialName: n, onClose: r, onSubmit: i }) => {
 	let { t: a } = j();
 	return /* @__PURE__ */ (0, O.jsx)(vs, {
 		open: e,
@@ -46758,13 +46798,13 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 			onSubmit: i
 		})
 	});
-}, nM = [
+}, lM = [
 	",",
 	";",
 	"|",
 	"\n",
 	"	"
-], rM = (e, t, n) => {
+], uM = (e, t, n) => {
 	let r = new Set(n.map((e) => e.trim().toLowerCase())), i = (e) => r.has(e.trim().toLowerCase());
 	if (e.trim() === "") return [];
 	if (i(e)) return [e.trim()];
@@ -46776,27 +46816,27 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 				a.push(e);
 				continue;
 			}
-			a.push(...iM(e, t, i));
+			a.push(...dM(e, t, i));
 		}
 	}
 	return a;
-}, iM = (e, t, n) => {
-	for (let r of nM) {
+}, dM = (e, t, n) => {
+	for (let r of lM) {
 		if (r === t || !e.includes(r)) continue;
 		let i = e.split(r).map((e) => e.trim()).filter((e) => e !== "");
 		if (i.length >= 2 && i.every(n)) return i;
 	}
 	return [e];
-}, aM = (e, t, n, r) => {
+}, fM = (e, t, n, r) => {
 	let i = /* @__PURE__ */ new Set();
 	for (let a of e) {
 		let e = a[t];
-		if (!(e === void 0 || e === "")) if (r) for (let t of rM(e, r, n)) i.add(t);
+		if (!(e === void 0 || e === "")) if (r) for (let t of uM(e, r, n)) i.add(t);
 		else i.add(e);
 	}
 	return [...i];
-}, oM = () => {
-	let { columns: e } = th(), { t } = j(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, multiselectDelimiters: s, setMultiselectDelimiter: c, reapplyMultiselectDelimiter: l, pendingOptions: u, addPendingOption: d } = dN(), [f, p] = (0, y.useState)({}), [m, h] = (0, y.useState)({}), [g, _] = (0, y.useState)(null), v = (0, y.useRef)(!1), b = (0, y.useMemo)(() => {
+}, pM = () => {
+	let { columns: e } = th(), { t } = j(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, multiselectDelimiters: s, setMultiselectDelimiter: c, reapplyMultiselectDelimiter: l, pendingOptions: u, addPendingOption: d } = TN(), [f, p] = (0, y.useState)({}), [m, h] = (0, y.useState)({}), [g, _] = (0, y.useState)(null), v = (0, y.useRef)(!1), b = (0, y.useMemo)(() => {
 		if (!n) return [];
 		let t = [];
 		for (let [a, o] of Object.entries(r)) {
@@ -46805,7 +46845,7 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 			if (!r?.editor) continue;
 			let c = r.editor.type;
 			if (c !== "select" && c !== "multiselect") continue;
-			let l = r.editor.options, u = i[o] ?? {}, d = c === "multiselect", f = d ? s[o] ?? null : null, p = aM(n.rows, a, l, f).map((e) => ({
+			let l = r.editor.options, u = i[o] ?? {}, d = c === "multiselect", f = d ? s[o] ?? null : null, p = fM(n.rows, a, l, f).map((e) => ({
 				imported: e,
 				mapped: u[e]
 			}));
@@ -46926,20 +46966,20 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 		submitCreate: N,
 		closeCreate: P
 	};
-}, sM = (0, y.createContext)(null);
-function cM({ children: e }) {
-	let t = oM();
-	return /* @__PURE__ */ (0, O.jsx)(sM.Provider, {
+}, mM = (0, y.createContext)(null);
+function hM({ children: e }) {
+	let t = pM();
+	return /* @__PURE__ */ (0, O.jsx)(mM.Provider, {
 		value: t,
 		children: e
 	});
 }
-var lM = () => {
-	let e = (0, y.useContext)(sM);
+var gM = () => {
+	let e = (0, y.useContext)(mM);
 	if (!e) throw Error("useValueMatching must be used within ValueMatchingProvider");
 	return e;
-}, uM = ({ section: e }) => {
-	let { t } = j(), { isShowMatched: n, isCollapsed: r, setShowMatched: i, toggleCollapsed: a } = lM(), o = r(e.columnId), s = t(o ? "dataEditor.common.expand" : "dataEditor.common.collapse"), c = (0, y.useCallback)((t) => i(e.columnId, t), [i, e.columnId]), l = (0, y.useCallback)(() => a(e.columnId), [a, e.columnId]);
+}, _M = ({ section: e }) => {
+	let { t } = j(), { isShowMatched: n, isCollapsed: r, setShowMatched: i, toggleCollapsed: a } = gM(), o = r(e.columnId), s = t(o ? "dataEditor.common.expand" : "dataEditor.common.collapse"), c = (0, y.useCallback)((t) => i(e.columnId, t), [i, e.columnId]), l = (0, y.useCallback)(() => a(e.columnId), [a, e.columnId]);
 	return /* @__PURE__ */ (0, O.jsxs)("header", {
 		className: "updog__value-matching__section-header",
 		children: [/* @__PURE__ */ (0, O.jsx)("div", {
@@ -46983,14 +47023,14 @@ var lM = () => {
 			})
 		})]
 	});
-}, dM = {
+}, vM = {
 	",": ",",
 	";": ";",
 	"|": "|",
 	"\n": "\\n",
 	"	": "\\t"
-}, fM = (e) => e === null ? "" : dM[e] ?? e, pM = ({ section: e }) => {
-	let { t } = j(), { changeDelimiter: n, reapplyDelimiter: r } = lM(), i = (0, y.useRef)(e.delimiter), a = fM(e.delimiter), [o, s] = (0, y.useState)(a), { debouncedValue: c } = gc(o, 300), l = (0, y.useRef)(a);
+}, yM = (e) => e === null ? "" : vM[e] ?? e, bM = ({ section: e }) => {
+	let { t } = j(), { changeDelimiter: n, reapplyDelimiter: r } = gM(), i = (0, y.useRef)(e.delimiter), a = yM(e.delimiter), [o, s] = (0, y.useState)(a), { debouncedValue: c } = gc(o, 300), l = (0, y.useRef)(a);
 	(0, y.useEffect)(() => {
 		s(a), l.current = a;
 	}, [a]), (0, y.useEffect)(() => {
@@ -47033,8 +47073,8 @@ var lM = () => {
 			})
 		]
 	});
-}, mM = ({ section: e, val: t }) => {
-	let { t: n } = j(), { getSelectOptions: r, selectValue: i } = lM(), a = t.mapped === void 0, o = (0, y.useCallback)((n) => i(e.columnId, t.imported, n), [
+}, xM = ({ section: e, val: t }) => {
+	let { t: n } = j(), { getSelectOptions: r, selectValue: i } = gM(), a = t.mapped === void 0, o = (0, y.useCallback)((n) => i(e.columnId, t.imported, n), [
 		i,
 		e.columnId,
 		t.imported
@@ -47086,8 +47126,8 @@ var lM = () => {
 			})
 		]
 	});
-}, hM = ({ section: e }) => {
-	let { t } = j(), { getVisibleValues: n } = lM(), r = n(e);
+}, SM = ({ section: e }) => {
+	let { t } = j(), { getVisibleValues: n } = gM(), r = n(e);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__value-matching__table",
 		children: [r.length === 0 ? /* @__PURE__ */ (0, O.jsx)("div", {
@@ -47107,7 +47147,7 @@ var lM = () => {
 						size: "sm",
 						weight: "medium",
 						children: t("dataEditor.uploader.matchValues.importedValues")
-					}), e.isMultiselect && /* @__PURE__ */ (0, O.jsx)(pM, { section: e })]
+					}), e.isMultiselect && /* @__PURE__ */ (0, O.jsx)(bM, { section: e })]
 				}),
 				/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__value-matching__arrow-spacer" }),
 				/* @__PURE__ */ (0, O.jsx)(W, {
@@ -47119,25 +47159,25 @@ var lM = () => {
 				}),
 				/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__value-matching__action" })
 			]
-		}), r.map((t) => /* @__PURE__ */ (0, O.jsx)(mM, {
+		}), r.map((t) => /* @__PURE__ */ (0, O.jsx)(xM, {
 			section: e,
 			val: t
 		}, t.imported))]
 	});
-}, gM = ({ section: e }) => {
-	let { isCollapsed: t } = lM(), n = !t(e.columnId);
+}, CM = ({ section: e }) => {
+	let { isCollapsed: t } = gM(), n = !t(e.columnId);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__value-matching__section",
-		children: [/* @__PURE__ */ (0, O.jsx)(uM, { section: e }), /* @__PURE__ */ (0, O.jsx)("div", {
+		children: [/* @__PURE__ */ (0, O.jsx)(_M, { section: e }), /* @__PURE__ */ (0, O.jsx)("div", {
 			className: N("updog__value-matching__collapsible", n && "updog__value-matching__collapsible--expanded"),
-			children: /* @__PURE__ */ (0, O.jsx)(hM, { section: e })
+			children: /* @__PURE__ */ (0, O.jsx)(SM, { section: e })
 		})]
 	});
-}, _M = () => {
-	let { sections: e, hasCreateTarget: t, createForOptions: n, createInitialName: r, submitCreate: i, closeCreate: a } = lM();
+}, wM = () => {
+	let { sections: e, hasCreateTarget: t, createForOptions: n, createInitialName: r, submitCreate: i, closeCreate: a } = gM();
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__value-matching",
-		children: [e.map((e) => /* @__PURE__ */ (0, O.jsx)(gM, { section: e }, e.columnId)), t && /* @__PURE__ */ (0, O.jsx)(tM, {
+		children: [e.map((e) => /* @__PURE__ */ (0, O.jsx)(CM, { section: e }, e.columnId)), t && /* @__PURE__ */ (0, O.jsx)(cM, {
 			open: !0,
 			existingOptions: n,
 			initialName: r,
@@ -47145,43 +47185,43 @@ var lM = () => {
 			onSubmit: i
 		})]
 	});
-}, vM = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
+}, TM = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 	className: "updog__step-match-values__content updog__scrollbar",
-	children: /* @__PURE__ */ (0, O.jsx)(cM, { children: /* @__PURE__ */ (0, O.jsx)(_M, {}) })
-}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), yM = 20, bM = () => {
-	let { columns: e, store: t } = th(), { t: n } = j(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = dN(), s = t.isClient(), c = (0, y.useCallback)(() => i(null), [i]), l = e.filter((e) => e.unique), u = (0, y.useMemo)(() => {
+	children: /* @__PURE__ */ (0, O.jsx)(hM, { children: /* @__PURE__ */ (0, O.jsx)(wM, {}) })
+}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), EM = 20, DM = () => {
+	let { store: e } = th(), { t } = j(), { primaryKey: n, onPrimaryKeyChange: r, parsedCsv: i, columnMapping: a, primaryKeyColumns: o } = TN(), s = e.isClient(), c = (0, y.useCallback)(() => r(null), [r]), l = (0, y.useMemo)(() => {
 		let e = {};
-		for (let [t, n] of Object.entries(o)) n && (e[n] = t);
+		for (let [t, n] of Object.entries(a)) n && (e[n] = t);
 		return e;
-	}, [o]), d = a?.rows.slice(0, yM) ?? [];
+	}, [a]), u = i?.rows.slice(0, EM) ?? [];
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__primary-key-selection updog__scrollbar",
 		children: [s && /* @__PURE__ */ (0, O.jsxs)(hc, {
 			name: "primaryKey",
 			value: "",
-			checked: r === null,
+			checked: n === null,
 			onChange: c,
 			radioPosition: "end",
-			className: N("updog__primary-key-selection__card", r === null && "updog__primary-key-selection__card--selected"),
+			className: N("updog__primary-key-selection__card", n === null && "updog__primary-key-selection__card--selected"),
 			children: [/* @__PURE__ */ (0, O.jsx)(W, {
 				size: "sm",
 				weight: "medium",
 				className: "updog__primary-key-selection__title",
-				children: n("dataEditor.uploader.primaryKey.none")
+				children: t("dataEditor.uploader.primaryKey.none")
 			}), /* @__PURE__ */ (0, O.jsx)(W, {
 				size: "sm",
 				className: "updog__primary-key-selection__value-text updog__primary-key-selection__value-none",
-				children: n("dataEditor.uploader.primaryKey.noneHint")
+				children: t("dataEditor.uploader.primaryKey.noneHint")
 			})]
-		}), l.map((e) => {
-			let t = u[e.id], n = t ? d.map((e) => e[t] ?? "") : [];
+		}), o.map((e) => {
+			let t = l[e.id], i = t ? u.map((e) => e[t] ?? "") : [];
 			return /* @__PURE__ */ (0, O.jsxs)(hc, {
 				name: "primaryKey",
 				value: e.id,
-				checked: r === e.id,
-				onChange: i,
+				checked: n === e.id,
+				onChange: r,
 				radioPosition: "end",
-				className: N("updog__primary-key-selection__card", r === e.id && "updog__primary-key-selection__card--selected"),
+				className: N("updog__primary-key-selection__card", n === e.id && "updog__primary-key-selection__card--selected"),
 				children: [/* @__PURE__ */ (0, O.jsx)(W, {
 					size: "sm",
 					weight: "medium",
@@ -47189,7 +47229,7 @@ var lM = () => {
 					children: e.title
 				}), /* @__PURE__ */ (0, O.jsx)("div", {
 					className: "updog__primary-key-selection__values",
-					children: n.map((e, t) => /* @__PURE__ */ (0, O.jsx)("div", {
+					children: i.map((e, t) => /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "updog__primary-key-selection__value-row",
 						children: /* @__PURE__ */ (0, O.jsx)(W, {
 							size: "sm",
@@ -47201,7 +47241,91 @@ var lM = () => {
 			}, e.id);
 		})]
 	});
-}, xM = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(bM, {}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), SM = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */ (0, O.jsx)("span", {
+}, OM = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(DM, {}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), kM = () => {
+	let { columns: e, importFormats: t, remoteSources: n, sampleData: r } = th(), i = t === !1 ? [] : t, { t: a } = j(), { parsedCsv: o, xlsxFile: s, handleFileRemoved: c, parseFile: l, isParsing: u, remoteSourceLoading: d, remoteSourceError: f, handleRemoteSourceSelect: p } = TN(), m = [
+		{
+			id: "csv",
+			format: "csv",
+			text: a("dataEditor.footer.csvFormat")
+		},
+		{
+			id: "tsv",
+			format: "tsv",
+			text: a("dataEditor.footer.tsvFormat")
+		},
+		{
+			id: "xlsx",
+			format: "xlsx",
+			text: a("dataEditor.footer.excelFormat")
+		},
+		{
+			id: "json",
+			format: "json",
+			text: a("dataEditor.footer.jsonFormat")
+		},
+		{
+			id: "xml",
+			format: "xml",
+			text: a("dataEditor.footer.xmlFormat")
+		}
+	].filter((e) => i.includes(e.format)), h = (0, y.useCallback)((t) => {
+		qh(e, t, r);
+	}, [e, r]), g = rh(i), _ = !!o || !!s, v = _ || u || !!d, b = o?.fileName ?? s?.name, { getRootProps: x, getInputProps: S, isDragActive: C, open: w } = Zu({
+		accept: g,
+		maxFiles: 1,
+		noClick: !0,
+		disabled: v,
+		onDrop: (0, y.useCallback)((e) => {
+			let t = e[0];
+			t && l(t);
+		}, [l])
+	});
+	return {
+		getRootProps: x,
+		getInputProps: S,
+		isDragActive: C,
+		open: w,
+		isParsing: u,
+		hasFile: _,
+		isBlocked: v,
+		fileName: b,
+		importFormats: i,
+		remoteSources: n,
+		remoteSourceLoading: d,
+		remoteSourceError: f,
+		exampleMenuOptions: m,
+		onExampleDownload: h,
+		onRemoveClick: (0, y.useCallback)((e) => {
+			e.stopPropagation(), c();
+		}, [c]),
+		handleRemoteSourceSelect: p
+	};
+}, AM = (0, y.createContext)(null);
+function jM({ children: e }) {
+	let t = kM();
+	return /* @__PURE__ */ (0, O.jsx)(AM.Provider, {
+		value: t,
+		children: e
+	});
+}
+var MM = () => {
+	let e = (0, y.useContext)(AM);
+	if (!e) throw Error("useSelectFiles must be used within SelectFilesProvider");
+	return e;
+}, NM = () => {
+	let { t: e } = j(), { exampleMenuOptions: t, onExampleDownload: n } = MM();
+	return /* @__PURE__ */ (0, O.jsx)(fc, {
+		options: t,
+		onSelect: n,
+		placement: "top-start",
+		children: /* @__PURE__ */ (0, O.jsx)(ot, {
+			variant: "outlined",
+			color: "neutral",
+			startIcon: /* @__PURE__ */ (0, O.jsx)(he, {}),
+			children: e("dataEditor.uploader.uploadFile.downloadExample")
+		})
+	});
+}, PM = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */ (0, O.jsx)("span", {
 	className: "updog__remote-source-btn__icon",
 	dangerouslySetInnerHTML: { __html: e.icon }
 }) : /* @__PURE__ */ (0, O.jsx)("span", {
@@ -47210,7 +47334,7 @@ var lM = () => {
 		src: e.icon,
 		alt: e.label
 	})
-}), CM = ({ source: e, loading: t, disabled: n, onSelect: r }) => /* @__PURE__ */ (0, O.jsx)(ot, {
+}), FM = ({ source: e, loading: t, disabled: n, onSelect: r }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 	variant: "filled",
 	color: "neutral",
 	size: "sm",
@@ -47220,11 +47344,11 @@ var lM = () => {
 	disabled: !t && n,
 	loading: t,
 	spinnerPosition: "start",
-	startIcon: /* @__PURE__ */ (0, O.jsx)(SM, { source: e }),
+	startIcon: /* @__PURE__ */ (0, O.jsx)(PM, { source: e }),
 	title: e.description,
 	children: e.label
-}), wM = () => {
-	let { importFormats: e, remoteSources: t } = th(), n = e === !1 ? [] : e, { t: r } = j(), { remoteSourceLoading: i, remoteSourceError: a, handleRemoteSourceSelect: o } = dN();
+}), IM = () => {
+	let { t: e } = j(), { importFormats: t, remoteSources: n, remoteSourceLoading: r, remoteSourceError: i, handleRemoteSourceSelect: a } = MM(), o = n.length > 0;
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__source-picker",
 		children: [
@@ -47237,35 +47361,35 @@ var lM = () => {
 						size: "sm",
 						weight: "medium",
 						className: "updog__source-picker__link",
-						children: r("dataEditor.uploader.uploadFile.clickToUpload")
+						children: e("dataEditor.uploader.uploadFile.clickToUpload")
 					}), /* @__PURE__ */ (0, O.jsx)(W, {
 						as: "span",
 						size: "sm",
-						children: r("dataEditor.uploader.uploadFile.orDragAndDrop")
+						children: e("dataEditor.uploader.uploadFile.orDragAndDrop")
 					})]
 				}), /* @__PURE__ */ (0, O.jsx)(W, {
 					as: "span",
 					size: "xs",
-					children: n.map((e) => e.toUpperCase()).join(", ")
+					children: t.map((e) => e.toUpperCase()).join(", ")
 				})]
 			}),
-			t.length > 0 && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)(ac, {}), /* @__PURE__ */ (0, O.jsx)("div", {
+			o && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)(ac, {}), /* @__PURE__ */ (0, O.jsx)("div", {
 				className: "updog__source-picker__sources-list",
-				children: t.map((e) => /* @__PURE__ */ (0, O.jsx)(CM, {
+				children: n.map((e) => /* @__PURE__ */ (0, O.jsx)(FM, {
 					source: e,
-					loading: i === e.id,
-					disabled: !!i,
-					onSelect: o
+					loading: r === e.id,
+					disabled: !!r,
+					onSelect: a
 				}, e.id))
 			})] }),
-			a && /* @__PURE__ */ (0, O.jsx)(W, {
+			i && /* @__PURE__ */ (0, O.jsx)(W, {
 				size: "sm",
 				className: "updog__source-picker__error",
-				children: a
+				children: i
 			})
 		]
 	});
-}, TM = () => {
+}, LM = () => {
 	let { t: e } = j();
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__uploading-state",
@@ -47278,98 +47402,52 @@ var lM = () => {
 			children: e("dataEditor.uploader.uploadFile.uploading")
 		})]
 	});
-}, EM = () => {
-	let { columns: e, importFormats: t, sampleData: n } = th(), r = t === !1 ? [] : t, { t: i } = j(), { parsedCsv: a, xlsxFile: o, handleFileRemoved: s, parseFile: c, isParsing: l, remoteSourceLoading: u } = dN(), d = [
-		{
-			id: "csv",
-			format: "csv",
-			text: i("dataEditor.footer.csvFormat")
-		},
-		{
-			id: "tsv",
-			format: "tsv",
-			text: i("dataEditor.footer.tsvFormat")
-		},
-		{
-			id: "xlsx",
-			format: "xlsx",
-			text: i("dataEditor.footer.excelFormat")
-		},
-		{
-			id: "json",
-			format: "json",
-			text: i("dataEditor.footer.jsonFormat")
-		},
-		{
-			id: "xml",
-			format: "xml",
-			text: i("dataEditor.footer.xmlFormat")
-		}
-	].filter((e) => r.includes(e.format)), f = (0, y.useCallback)((t) => {
-		qh(e, t, n);
-	}, [e, n]), p = rh(r), m = !!a || !!o, h = m || l || !!u, g = a?.fileName ?? o?.name, { getRootProps: _, getInputProps: v, isDragActive: b, open: x } = Zu({
-		accept: p,
-		maxFiles: 1,
-		noClick: !0,
-		disabled: h,
-		onDrop: (0, y.useCallback)((e) => {
-			let t = e[0];
-			t && c(t);
-		}, [c])
-	}), S = (0, y.useCallback)((e) => {
-		e.stopPropagation(), s();
-	}, [s]);
+}, RM = () => {
+	let { t: e } = j(), { isBlocked: t, isParsing: n, hasFile: r, fileName: i, open: a, onRemoveClick: o } = MM();
+	return /* @__PURE__ */ (0, O.jsx)("div", {
+		className: N("updog__step-select-files__upload-area", t && "updog__step-select-files__upload-area--disabled"),
+		onClick: t ? void 0 : a,
+		children: n ? /* @__PURE__ */ (0, O.jsx)(LM, {}) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
+			/* @__PURE__ */ (0, O.jsx)("div", {
+				className: "updog__step-select-files__icon-container",
+				children: r ? /* @__PURE__ */ (0, O.jsx)(oe, {
+					size: "1rem",
+					className: "updog__step-select-files__icon rtl-mirror"
+				}) : /* @__PURE__ */ (0, O.jsx)(We, {
+					size: "1rem",
+					className: "updog__step-select-files__icon"
+				})
+			}),
+			!r && /* @__PURE__ */ (0, O.jsx)(IM, {}),
+			r && /* @__PURE__ */ (0, O.jsxs)("div", {
+				className: "updog__step-select-files__info",
+				children: [/* @__PURE__ */ (0, O.jsx)(W, {
+					as: "span",
+					size: "sm",
+					children: i
+				}), /* @__PURE__ */ (0, O.jsx)(ot, {
+					size: "xs",
+					variant: "ghost",
+					color: "danger",
+					onClick: o,
+					children: e("dataEditor.common.remove")
+				})]
+			})
+		] })
+	});
+}, zM = () => {
+	let { getRootProps: e, getInputProps: t, isDragActive: n } = MM();
 	return /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__step-select-files__dropzone",
-		..._(),
+		...e(),
 		children: [
-			/* @__PURE__ */ (0, O.jsx)("input", { ...v() }),
-			/* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
-				className: N("updog__step-select-files__upload-area", h && "updog__step-select-files__upload-area--disabled"),
-				onClick: h ? void 0 : x,
-				children: l ? /* @__PURE__ */ (0, O.jsx)(TM, {}) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-					/* @__PURE__ */ (0, O.jsx)("div", {
-						className: "updog__step-select-files__icon-container",
-						children: m ? /* @__PURE__ */ (0, O.jsx)(oe, {
-							size: "1rem",
-							className: "updog__step-select-files__icon rtl-mirror"
-						}) : /* @__PURE__ */ (0, O.jsx)(We, {
-							size: "1rem",
-							className: "updog__step-select-files__icon"
-						})
-					}),
-					!m && /* @__PURE__ */ (0, O.jsx)(wM, {}),
-					m && /* @__PURE__ */ (0, O.jsxs)("div", {
-						className: "updog__step-select-files__info",
-						children: [/* @__PURE__ */ (0, O.jsx)(W, {
-							as: "span",
-							size: "sm",
-							children: g
-						}), /* @__PURE__ */ (0, O.jsx)(ot, {
-							size: "xs",
-							variant: "ghost",
-							color: "danger",
-							onClick: S,
-							children: i("dataEditor.common.remove")
-						})]
-					})
-				] })
-			}), /* @__PURE__ */ (0, O.jsx)(Aj, { leftSlot: /* @__PURE__ */ (0, O.jsx)(fc, {
-				options: d,
-				onSelect: f,
-				placement: "top-start",
-				children: /* @__PURE__ */ (0, O.jsx)(ot, {
-					variant: "outlined",
-					color: "neutral",
-					startIcon: /* @__PURE__ */ (0, O.jsx)(he, {}),
-					children: i("dataEditor.uploader.uploadFile.downloadExample")
-				})
-			}) })] }),
-			b && /* @__PURE__ */ (0, O.jsx)(oh, {})
+			/* @__PURE__ */ (0, O.jsx)("input", { ...t() }),
+			/* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(RM, {}), /* @__PURE__ */ (0, O.jsx)(Aj, { leftSlot: /* @__PURE__ */ (0, O.jsx)(NM, {}) })] }),
+			n && /* @__PURE__ */ (0, O.jsx)(oh, {})
 		]
 	}) });
-}, DM = ({ preview: e }) => {
-	let { selectedSheet: t, setSelectedSheet: n } = dN(), { t: r } = j(), i = Math.max(0, e.totalRows), a = t === e.name, o = (0, y.useMemo)(() => {
+}, BM = () => /* @__PURE__ */ (0, O.jsx)(jM, { children: /* @__PURE__ */ (0, O.jsx)(zM, {}) }), VM = ({ preview: e }) => {
+	let { selectedSheet: t, setSelectedSheet: n } = TN(), { t: r } = j(), i = Math.max(0, e.totalRows), a = t === e.name, o = (0, y.useMemo)(() => {
 		let { headers: t, rows: n } = e;
 		return n.map((e) => t.map((t) => e[t] ?? ""));
 	}, [e]);
@@ -47406,16 +47484,16 @@ var lM = () => {
 			})]
 		})
 	});
-}, OM = () => {
-	let { sheetPreviews: e } = dN();
+}, HM = () => {
+	let { sheetPreviews: e } = TN();
 	return /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__sheet-preview-wrapper updog__scrollbar",
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
 			className: "updog__sheet-preview-grid",
-			children: e.map((e) => /* @__PURE__ */ (0, O.jsx)(DM, { preview: e }, e.name))
+			children: e.map((e) => /* @__PURE__ */ (0, O.jsx)(VM, { preview: e }, e.name))
 		})
 	}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) });
-}, kM = (e, t, n) => {
+}, UM = (e, t, n) => {
 	let r = new Map(t.map((e) => [e.id, e])), i = [];
 	for (let [t, a] of Object.entries(e)) a && i.push({
 		csvHeader: t,
@@ -47423,11 +47501,11 @@ var lM = () => {
 		column: n.has(a) ? void 0 : r.get(a)
 	});
 	return i;
-}, AM = (e) => {
+}, WM = (e) => {
 	let t = [];
 	for (let { csvHeader: n, column: r } of e) r?.editor?.type === "number" && t.push(n);
 	return t;
-}, jM = (e, t, n) => {
+}, GM = (e, t, n) => {
 	let r = {};
 	for (let { csvHeader: i, columnId: a, column: o } of t) {
 		let t = e[i] ?? "";
@@ -47442,7 +47520,7 @@ var lM = () => {
 			continue;
 		}
 		if (s === "multiselect") {
-			let e = n.multiselectDelimiters[a], i = o.editor.options ?? [], s = e ? rM(t, e, i) : t === "" ? [] : [t], c = [], l = /* @__PURE__ */ new Set();
+			let e = n.multiselectDelimiters[a], i = o.editor.options ?? [], s = e ? uM(t, e, i) : t === "" ? [] : [t], c = [], l = /* @__PURE__ */ new Set();
 			for (let e of s) {
 				let t = n.valueMapping[a]?.[e.trim()];
 				t !== void 0 && !l.has(t) && (l.add(t), c.push(t));
@@ -47454,35 +47532,35 @@ var lM = () => {
 		r[a] = o.transformer ? o.transformer(c) : c;
 	}
 	return r;
-}, MM = /^-?\d+([.,]\d+)?%?$/, NM = /^\d{1,4}[-/.]\d{1,2}[-/.]\d{1,4}$/, PM = new Set([
+}, KM = /^-?\d+([.,]\d+)?%?$/, qM = /^\d{1,4}[-/.]\d{1,2}[-/.]\d{1,4}$/, JM = new Set([
 	"true",
 	"false",
 	"yes",
 	"no"
-]), FM = 50;
-function IM(e) {
-	return !!(MM.test(e) || NM.test(e) || PM.has(e.toLowerCase()));
+]), YM = 50;
+function XM(e) {
+	return !!(KM.test(e) || qM.test(e) || JM.has(e.toLowerCase()));
 }
-function LM(e) {
+function ZM(e) {
 	return e.filter((e) => e != null && String(e).trim().length > 0).length;
 }
-function RM(e) {
+function QM(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0, r = 0;
 	for (let i of e) {
-		let e = LM(i);
+		let e = ZM(i);
 		if (e === 0) continue;
 		let a = (t.get(e) ?? 0) + 1;
 		t.set(e, a), a > n && (n = a, r = e);
 	}
 	return r;
 }
-function zM(e, t) {
+function $M(e, t) {
 	let n = e.map((e) => String(e ?? "").trim()), r = n.filter((e) => e.length > 0);
 	if (r.length === 0) return 0;
-	let i = r.filter((e) => IM(e)).length === 0 ? 1 : 0, a = r.length / Math.max(n.length, 1), o = new Set(r.map((e) => e.toLowerCase())).size / r.length, s = r.filter((e) => e.length <= FM).length / r.length, c = t > 0 ? 1 - Math.abs(r.length - t) / t : 0;
+	let i = r.filter((e) => XM(e)).length === 0 ? 1 : 0, a = r.length / Math.max(n.length, 1), o = new Set(r.map((e) => e.toLowerCase())).size / r.length, s = r.filter((e) => e.length <= YM).length / r.length, c = t > 0 ? 1 - Math.abs(r.length - t) / t : 0;
 	return .3 * i + .25 * a + .2 * o + .15 * s + .1 * Math.max(0, c);
 }
-function BM(e, t = 100) {
+function eN(e, t = 100) {
 	if (e.length === 0) return {
 		headerRowIndex: 0,
 		confidence: 0
@@ -47491,17 +47569,17 @@ function BM(e, t = 100) {
 		headerRowIndex: 0,
 		confidence: 1
 	};
-	let n = Math.min(t, e.length), r = RM(e.slice(0, n)), i = 0, a = -1;
+	let n = Math.min(t, e.length), r = QM(e.slice(0, n)), i = 0, a = -1;
 	for (let t = 0; t < n; t++) {
-		let n = zM(e[t], r);
-		if (n > a && (a = n, i = t), t === 0 && n > .85 && LM(e[0]) === r) break;
+		let n = $M(e[t], r);
+		if (n > a && (a = n, i = t), t === 0 && n > .85 && ZM(e[0]) === r) break;
 	}
 	return {
 		headerRowIndex: i,
 		confidence: Math.round(a * 100) / 100
 	};
 }
-function VM(e) {
+function tN(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.map((e) => {
 		let n = e, r = 2;
@@ -47509,8 +47587,8 @@ function VM(e) {
 		return t.add(n), n;
 	});
 }
-function HM(e) {
-	let { headerRowIndex: t } = BM(e), n = VM((e[t] ?? []).map((e) => String(e ?? "").trim())), r = [], i = [];
+function nN(e) {
+	let { headerRowIndex: t } = eN(e), n = tN((e[t] ?? []).map((e) => String(e ?? "").trim())), r = [], i = [];
 	for (let a of e.slice(t + 1)) {
 		if (!a.some((e) => e != null && String(e).trim() !== "")) continue;
 		let e = {};
@@ -47526,16 +47604,16 @@ function HM(e) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/detectMultiValueDelimiter.ts
-var UM = 200, WM = (e, t, n) => {
+var rN = 200, iN = (e, t, n) => {
 	if (n) return n;
 	let r = new Set(t.map((e) => e.trim().toLowerCase())), i = (e) => r.has(e.trim().toLowerCase()), a = /* @__PURE__ */ new Set(), o = [];
 	for (let t of e) {
 		let e = t.trim();
-		if (!(e === "" || a.has(e)) && (a.add(e), o.push(e), o.length >= UM)) break;
+		if (!(e === "" || a.has(e)) && (a.add(e), o.push(e), o.length >= rN)) break;
 	}
 	if (o.length === 0) return null;
 	let s = null, c = 0, l = 0;
-	for (let e of nM) {
+	for (let e of lM) {
 		let n = 0, r = 0;
 		for (let a of o) {
 			if (i(a) || !a.includes(e)) continue;
@@ -47548,7 +47626,7 @@ var UM = 200, WM = (e, t, n) => {
 		(n > c || n === c && n > 0 && r > l) && (s = e, c = n, l = r);
 	}
 	return c > 0 ? s : null;
-}, GM = (e) => {
+}, aN = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let [n, r] of Object.entries(e)) {
 		let e = Pj(n), i = t.get(e) ?? /* @__PURE__ */ new Set();
@@ -47556,8 +47634,8 @@ var UM = 200, WM = (e, t, n) => {
 		t.set(e, i);
 	}
 	return t;
-}, KM = (e, t, n, r) => {
-	let i = GM(r), a = (e, t) => i.get(Pj(e))?.has(Pj(t)) ?? !1, o = new Map(n.map((e) => [e.id, e])), s = (e, t) => (n, r) => {
+}, oN = (e, t, n, r) => {
+	let i = aN(r), a = (e, t) => i.get(Pj(e))?.has(Pj(t)) ?? !1, o = new Map(n.map((e) => [e.id, e])), s = (e, t) => (n, r) => {
 		if (Pj(n) === Pj(r) || a(r, n)) return;
 		let i = `${n} ${r}`;
 		t.has(i) || (t.add(i), e.push({
@@ -47577,16 +47655,16 @@ var UM = 200, WM = (e, t, n) => {
 	for (let e of Object.values(t)) for (let [t, n] of Object.entries(e)) n && u(t, n);
 	return c;
 };
-function qM(e, t, n) {
+function sN(e, t, n) {
 	let r = e.length, i = t;
-	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? JM(i, i - r) : JM(r - 1, i - 1)) > 1e3 ? [] : r < i ? YM(e, i) : XM(e, i, n);
+	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? cN(i, i - r) : cN(r - 1, i - 1)) > 1e3 ? [] : r < i ? lN(e, i) : uN(e, i, n);
 }
-function JM(e, t) {
+function cN(e, t) {
 	let n = Math.min(t, e - t), r = 1;
 	for (let t = 1; t <= n; t++) if (r = r * (e - n + t) / t, r > 1e3) return r;
 	return r;
 }
-function YM(e, t) {
+function lN(e, t) {
 	let n = e.length, r = [], i = [], a = (o) => {
 		if (i.length === n) {
 			let a = Array(t).fill("");
@@ -47598,7 +47676,7 @@ function YM(e, t) {
 	};
 	return a(0), r;
 }
-function XM(e, t, n) {
+function uN(e, t, n) {
 	let r = e.length, i = [], a = [], o = (s) => {
 		if (a.length === t - 1) {
 			let o = [
@@ -47616,27 +47694,27 @@ function XM(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/pruneByValidators.ts
-var ZM = {};
-function QM(e, t) {
+var dN = {};
+function fN(e, t) {
 	for (let n of t.validators ?? []) if (n.type !== "expression") {
 		if (n.type === "function") {
-			if (n.fn(e, ZM) != null) return !1;
+			if (n.fn(e, dN) != null) return !1;
 			continue;
 		}
-		if (Bm(n, e, ZM) != null) return !1;
+		if (Bm(n, e, dN) != null) return !1;
 	}
 	return !0;
 }
-function $M(e, t) {
-	for (let n = 0; n < t.length; n++) if (!QM(e.cells[n] ?? "", t[n])) return !1;
+function pN(e, t) {
+	for (let n = 0; n < t.length; n++) if (!fN(e.cells[n] ?? "", t[n])) return !1;
 	return !0;
 }
-function eN(e, t) {
-	return e.filter((e) => $M(e, t));
+function mN(e, t) {
+	return e.filter((e) => pN(e, t));
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/computeDisputeSpans.ts
-function tN(e) {
+function hN(e) {
 	if (e.length <= 1) return [];
 	let t = e[0].cells.length, n = [], r = -1;
 	for (let i = 0; i < t; i++) {
@@ -47653,25 +47731,25 @@ function tN(e) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/alignRow.ts
-function nN(e, t, n) {
-	let r = qM(e, t.length, n), i = eN(r, t);
+function gN(e, t, n) {
+	let r = sN(e, t.length, n), i = mN(r, t);
 	return i.length === 1 ? {
 		kind: "confident",
 		alignment: i[0]
 	} : i.length > 1 ? {
 		kind: "ambiguous",
 		candidates: i,
-		disputeSpans: tN(i)
+		disputeSpans: hN(i)
 	} : {
 		kind: "invalid",
 		candidates: r,
-		disputeSpans: tN(r)
+		disputeSpans: hN(r)
 	};
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/resolveRaggedRow.ts
-function rN(e, t, n) {
-	let r = nN(e, t, n);
+function _N(e, t, n) {
+	let r = gN(e, t, n);
 	if (r.kind === "confident") return {
 		cells: r.alignment.cells,
 		conflictColumns: []
@@ -47690,14 +47768,17 @@ function rN(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/context/useViewModel.tsx
-var iN = 5e3, aN = 15, oN = 20, sN = new Set([
+var vN = 5e3, yN = 15, bN = 20, xN = new Set([
 	"xlsx",
 	"xls",
 	"xlsb",
 	"ods"
 ]);
-function cN() {
-	let { store: e, validator: t, columns: n, primaryKey: r, setShowUploader: i, pendingImportFile: a, setPendingImportFile: o, onColumnMatch: s, onValueMatch: c, synonyms: l, addDynamicColumns: u, scaleClient: d } = th(), { t: f } = j(), [p, m] = (0, y.useState)(0), [h, g] = (0, y.useState)(0), [_, v] = (0, y.useState)(null), [b, x] = (0, y.useState)({}), S = n.filter((e) => e.unique), [C, w] = (0, y.useState)(() => r), [T, E] = (0, y.useState)(!1), [D, k] = (0, y.useState)(!1), [A, M] = (0, y.useState)(null), [N, P] = (0, y.useState)([]), [F, I] = (0, y.useState)(null), [L, R] = (0, y.useState)([]), [ee, z] = (0, y.useState)({}), [B, V] = (0, y.useState)([]), [H, te] = (0, y.useState)({}), ne = (0, y.useRef)(null), [re, ie] = (0, y.useState)(0), ae = (0, y.useCallback)((e) => {
+function SN() {
+	let { store: e, validator: t, columns: n, primaryKey: r, setShowUploader: i, pendingImportFile: a, setPendingImportFile: o, onColumnMatch: s, onValueMatch: c, synonyms: l, addDynamicColumns: u, scaleClient: d } = th(), { t: f } = j(), [p, m] = (0, y.useState)(0), [h, g] = (0, y.useState)(0), [_, v] = (0, y.useState)(null), [b, x] = (0, y.useState)({}), S = (0, y.useMemo)(() => {
+		let e = new Set(Object.values(b).filter(Boolean));
+		return n.filter((t) => t.unique && e.has(t.id));
+	}, [b, n]), [C, w] = (0, y.useState)(() => r), [T, E] = (0, y.useState)(!1), [D, k] = (0, y.useState)(!1), [A, M] = (0, y.useState)(null), [N, P] = (0, y.useState)([]), [F, I] = (0, y.useState)(null), [L, R] = (0, y.useState)([]), [ee, z] = (0, y.useState)({}), [B, V] = (0, y.useState)([]), [H, te] = (0, y.useState)({}), ne = (0, y.useRef)(null), [re, ie] = (0, y.useState)(0), ae = (0, y.useCallback)((e) => {
 		D || w(e);
 	}, [D]), oe = (0, y.useRef)(null);
 	oe.current ||= new Bh();
@@ -47710,24 +47791,24 @@ function cN() {
 		let e = [{
 			id: "select-files",
 			title: f("dataEditor.uploader.steps.selectFiles"),
-			content: /* @__PURE__ */ (0, O.jsx)(EM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(BM, {})
 		}];
 		return N.length > 1 && e.push({
 			id: "sheet-selection",
 			title: f("dataEditor.uploader.steps.sheetSelection"),
-			content: /* @__PURE__ */ (0, O.jsx)(OM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(HM, {})
 		}), e.push({
 			id: "column-matching",
 			title: f("dataEditor.uploader.steps.matchColumns"),
-			content: /* @__PURE__ */ (0, O.jsx)(eM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(sM, {})
 		}), se && e.push({
 			id: "match-values",
 			title: f("dataEditor.uploader.steps.matchValues"),
-			content: /* @__PURE__ */ (0, O.jsx)(vM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(TM, {})
 		}), S.length > 0 && ce && e.push({
 			id: "primary-key",
 			title: f("dataEditor.uploader.steps.primaryKey"),
-			content: /* @__PURE__ */ (0, O.jsx)(xM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(OM, {})
 		}), e;
 	}, [
 		S.length,
@@ -47760,7 +47841,7 @@ function cN() {
 			sheetName: F
 		}).then((e) => {
 			if (e.kind !== "rows") return;
-			let t = HM(e.rows);
+			let t = nN(e.rows);
 			ie(t.headerRowIndex), he({
 				fileName: A.name,
 				headers: t.headers,
@@ -47778,27 +47859,41 @@ function cN() {
 		U,
 		he,
 		de
-	]), ye = (0, y.useCallback)(async (e) => {
-		let t = await U.parse(e, { format: "csv" });
-		if (t.kind !== "rows") return;
-		let n = HM(t.rows);
-		if (ie(n.headerRowIndex), he({
-			fileName: e.name,
-			headers: n.headers,
-			rows: n.rows,
-			isParsing: !1,
-			rawCells: n.rawCells,
-			delimiter: t.delimiter
-		}), t.errors.length > 0) {
-			let e = t.errors.slice(0, 3).map((e) => e.row == null ? "?" : String(e.row + 1)).join(", ");
-			Gd.info(f("dataEditor.uploader.uploadFile.csvWarning", {
-				count: t.errors.length,
-				rows: e
-			}));
+	]), ye = (0, y.useCallback)(async (t) => {
+		try {
+			let e = await U.parse(t, { format: "csv" });
+			if (e.kind !== "rows") {
+				E(!1);
+				return;
+			}
+			let n = nN(e.rows);
+			if (ie(n.headerRowIndex), he({
+				fileName: t.name,
+				headers: n.headers,
+				rows: n.rows,
+				isParsing: !1,
+				rawCells: n.rawCells,
+				delimiter: e.delimiter
+			}), e.errors.length > 0) {
+				let t = e.errors.slice(0, 3).map((e) => e.row == null ? "?" : String(e.row + 1)).join(", ");
+				Gd.info(f("dataEditor.uploader.uploadFile.csvWarning", {
+					count: e.errors.length,
+					rows: t
+				}));
+			}
+		} catch (t) {
+			E(!1), e.errorHandler.handleError({
+				code: "PARSE_ERROR",
+				message: "Failed to parse CSV file",
+				source: "csv-parser",
+				originalError: t
+			});
 		}
 	}, [
 		U,
 		he,
+		E,
+		e,
 		f
 	]), be = (0, y.useCallback)(async (t) => {
 		try {
@@ -47850,11 +47945,11 @@ function cN() {
 		U.parse(t, { format: "xlsx" }).then((e) => {
 			if (e.kind === "sheets") {
 				let n = e.sheets.map((e) => {
-					let { headers: t, rows: n } = HM(e.rows);
+					let { headers: t, rows: n } = nN(e.rows);
 					return {
 						name: e.name,
 						headers: t,
-						rows: n.slice(0, aN),
+						rows: n.slice(0, yN),
 						totalRows: e.totalRows - 1
 					};
 				});
@@ -47862,7 +47957,7 @@ function cN() {
 				return;
 			}
 			if (e.kind !== "rows") return;
-			let n = HM(e.rows);
+			let n = nN(e.rows);
 			ie(n.headerRowIndex), he({
 				fileName: t.name,
 				headers: n.headers,
@@ -47888,7 +47983,7 @@ function cN() {
 	]), Ce = (0, y.useCallback)((e) => {
 		E(!0), ne.current = e;
 		let t = e.name.split(".").pop()?.toLowerCase();
-		t && sN.has(t) ? Se(e) : t === "json" ? be(e) : t === "xml" ? xe(e) : ye(e);
+		t && xN.has(t) ? Se(e) : t === "json" ? be(e) : t === "xml" ? xe(e) : ye(e);
 	}, [
 		ye,
 		be,
@@ -47968,7 +48063,7 @@ function cN() {
 				t === void 0 || t === "" || c.push(t);
 			}
 			if (o === "multiselect") {
-				let n = a.editor.delimiter, r = WM(c, s, n);
+				let n = a.editor.delimiter, r = iN(c, s, n);
 				t[i] = r;
 				let o = new Set(s.map((e) => e.trim().toLowerCase())), l = /* @__PURE__ */ new Set();
 				for (let e of c) {
@@ -48035,7 +48130,7 @@ function cN() {
 			n !== void 0 && n !== "" && i.push(n);
 		}
 		let a = r.editor.delimiter;
-		Re(e, WM(i, r.editor.options, a));
+		Re(e, iN(i, r.editor.options, a));
 	}, [
 		_,
 		b,
@@ -48054,7 +48149,7 @@ function cN() {
 		for (let [r, i] of Object.entries(b)) !i || e.has(i) || n.find((e) => e.id === i)?.editor?.type === "date" && t.push(r);
 		return t;
 	}, [b, n]), He = (0, y.useCallback)(() => {
-		let e = new Set(B.map((e) => e.id)), t = kM(b, n, e), i = rp(_?.rows ?? [], AM(t)), a = Ve(e), o = cp(_?.rows ?? [], a);
+		let e = new Set(B.map((e) => e.id)), t = UM(b, n, e), i = rp(_?.rows ?? [], WM(t)), a = Ve(e), o = cp(_?.rows ?? [], a);
 		return {
 			columnMapping: b,
 			valueMapping: Ie,
@@ -48093,7 +48188,7 @@ function cN() {
 		if (!_ || !d?.onRowsImport) return;
 		let t = _;
 		v(null);
-		let r = crypto.randomUUID(), i = He(), a = new AbortController(), o = d.importChunkSize ?? iN, s = kM(b, n, new Set(B.map((e) => e.id))), c = {
+		let r = crypto.randomUUID(), i = He(), a = new AbortController(), o = d.importChunkSize ?? vN, s = UM(b, n, new Set(B.map((e) => e.id))), c = {
 			numberFormat: i.numberFormat,
 			dateFormat: i.dateFormat,
 			monthTable: op(f),
@@ -48102,7 +48197,7 @@ function cN() {
 		}, l = t.rows, u = 0;
 		for (; u < l.length;) {
 			let e = Math.min(u + o, l.length), n = [];
-			for (let t = u; t < e; t++) n.push(jM(l[t], s, c));
+			for (let t = u; t < e; t++) n.push(GM(l[t], s, c));
 			let f = e >= l.length, p = Math.floor(u / o);
 			await d.onRowsImport({
 				importId: r,
@@ -48140,9 +48235,9 @@ function cN() {
 			B.length > 0 && u(B);
 			for (let [t, n] of Object.entries(H)) e.addColumnOptions(t, n);
 			let o = e.registerSource({ name: i.fileName });
-			e.setSourceLoading(o, !0), e.recordLearnedSynonyms(KM(b, Ie, [...n, ...B], Mj(jj, l)));
-			let s = kM(b, n, a), c = {
-				numberFormat: rp(i.rows, AM(s)),
+			e.setSourceLoading(o, !0), e.recordLearnedSynonyms(oN(b, Ie, [...n, ...B], Mj(jj, l)));
+			let s = UM(b, n, a), c = {
+				numberFormat: rp(i.rows, WM(s)),
 				dateFormat: cp(i.rows, Ve(a)),
 				monthTable: op(f),
 				valueMapping: Ie,
@@ -48154,11 +48249,11 @@ function cN() {
 					title: e
 				};
 			}), _ = 0, v = () => {
-				let n = Math.min(_ + iN, d.length), i = [], a = [];
+				let n = Math.min(_ + vN, d.length), i = [], a = [];
 				for (let e = _; e < n; e++) {
 					let t = d[e], n = p[e];
 					if (n) {
-						let { cells: r, conflictColumns: i } = rN(n, g, m);
+						let { cells: r, conflictColumns: i } = _N(n, g, m);
 						if (r.length) {
 							let e = {};
 							for (let t = 0; t < h.length; t++) e[h[t]] = r[t] ?? "";
@@ -48176,10 +48271,10 @@ function cN() {
 							});
 						}
 					}
-					i.push(jM(t, s, c));
+					i.push(GM(t, s, c));
 				}
 				let { rows: l, rowIds: u } = e.upsertRows(o, i, { anchorKey: C ?? void 0 });
-				for (let e = _; e < n; e++) e < oN || (d[e] = null, e < p.length && (p[e] = null));
+				for (let e = _; e < n; e++) e < bN || (d[e] = null, e < p.length && (p[e] = null));
 				_ = n, setTimeout(() => {
 					t.validateRows(l, u);
 					for (let { localIndex: t, columnIds: n } of a) {
@@ -48246,6 +48341,7 @@ function cN() {
 		sheetPreviews: L,
 		primaryKey: C,
 		onPrimaryKeyChange: ae,
+		primaryKeyColumns: S,
 		pendingColumns: B,
 		setPendingColumns: V,
 		isParsing: T,
@@ -48280,20 +48376,20 @@ function cN() {
 }
 //#endregion
 //#region src/components/DataUploader/context/index.tsx
-var lN = (0, y.createContext)(null);
-function uN({ children: e }) {
-	let t = cN();
-	return /* @__PURE__ */ (0, O.jsx)(lN.Provider, {
+var CN = (0, y.createContext)(null);
+function wN({ children: e }) {
+	let t = SN();
+	return /* @__PURE__ */ (0, O.jsx)(CN.Provider, {
 		value: t,
 		children: e
 	});
 }
-var dN = () => {
-	let e = (0, y.useContext)(lN);
+var TN = () => {
+	let e = (0, y.useContext)(CN);
 	if (!e) throw Error("useDataUploaderContext must be used within DataUploaderProvider");
 	return e;
-}, fN = () => {
-	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = dN();
+}, EN = () => {
+	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = TN();
 	return /* @__PURE__ */ (0, O.jsx)(zc, {
 		steps: e,
 		activeStepIndex: t,
@@ -48301,79 +48397,79 @@ var dN = () => {
 		onStepChange: r,
 		isProgressive: !0
 	});
-}, pN = () => /* @__PURE__ */ (0, O.jsx)(uN, { children: /* @__PURE__ */ (0, O.jsx)(fN, {}) }), mN = {
+}, DN = () => /* @__PURE__ */ (0, O.jsx)(wN, { children: /* @__PURE__ */ (0, O.jsx)(EN, {}) }), ON = {
 	kty: "EC",
 	crv: "P-256",
 	x: "wZO1Jxr21FEBDsVMzbTbF8blU2CP17c_eQY7gorO13U",
 	y: "Nwr-tXatJZ3DxZqpUG_gOWzmpU6szTqrEL7Gnh5UGwo"
-}, hN = "updog_license_grant", gN = new Set([
+}, kN = "updog_license_grant", AN = new Set([
 	"updog.tech",
 	"landing.updog.tech",
 	"demo.updog.tech"
 ]);
-function _N() {
-	return gN.has(window.location.hostname);
+function jN() {
+	return AN.has(window.location.hostname);
 }
-function vN() {
+function MN() {
 	return !1;
 }
-function yN() {
+function NN() {
 	return "https://api.updog.tech";
 }
-function bN(e) {
+function PN(e) {
 	let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = t + "=".repeat((4 - t.length % 4) % 4), r = atob(n), i = new Uint8Array(r.length);
 	for (let e = 0; e < r.length; e++) i[e] = r.charCodeAt(e);
 	return i;
 }
-async function xN(e) {
+async function FN(e) {
 	let t = new TextEncoder().encode(e), n = await crypto.subtle.digest("SHA-256", t);
 	return Array.from(new Uint8Array(n)).map((e) => e.toString(16).padStart(2, "0")).join("");
 }
-var SN = null;
-async function CN() {
-	return SN || (SN = await crypto.subtle.importKey("jwk", mN, {
+var IN = null;
+async function LN() {
+	return IN || (IN = await crypto.subtle.importKey("jwk", ON, {
 		name: "ECDSA",
 		namedCurve: "P-256"
-	}, !1, ["verify"]), SN);
+	}, !1, ["verify"]), IN);
 }
-function wN() {
+function RN() {
 	try {
-		return localStorage.getItem(hN);
+		return localStorage.getItem(kN);
 	} catch {
 		return null;
 	}
 }
-function TN(e) {
+function zN(e) {
 	try {
-		localStorage.setItem(hN, e);
+		localStorage.setItem(kN, e);
 	} catch {}
 }
-function EN() {
+function BN() {
 	try {
-		localStorage.removeItem(hN);
+		localStorage.removeItem(kN);
 	} catch {}
 }
-async function DN(e, t, n) {
+async function VN(e, t, n) {
 	let r = e.indexOf(".");
 	if (r === -1) return !1;
-	let i = e.slice(0, r), a = e.slice(r + 1), o = bN(i), s = bN(a), c = await CN();
+	let i = e.slice(0, r), a = e.slice(r + 1), o = PN(i), s = PN(a), c = await LN();
 	if (!await crypto.subtle.verify({
 		name: "ECDSA",
 		hash: "SHA-256"
 	}, c, new Uint8Array(s), new Uint8Array(o))) return !1;
 	let l = JSON.parse(new TextDecoder().decode(o));
 	if (l.exp <= Math.floor(Date.now() / 1e3)) return !1;
-	let u = await xN(t);
+	let u = await FN(t);
 	return !(l.key !== u || l.domain !== n);
 }
-async function ON(e) {
-	let t = wN();
+async function HN(e) {
+	let t = RN();
 	if (!t) return {
 		valid: !1,
 		errorCode: "license.invalid"
 	};
 	try {
-		if (await DN(t, e, window.location.hostname.toLowerCase().trim())) return {
+		if (await VN(t, e, window.location.hostname.toLowerCase().trim())) return {
 			valid: !0,
 			errorCode: null
 		};
@@ -48383,23 +48479,23 @@ async function ON(e) {
 		errorCode: "license.invalid"
 	};
 }
-async function kN(e, t = !0) {
-	if (_N() || vN()) return {
+async function UN(e, t = !0) {
+	if (jN() || MN()) return {
 		valid: !0,
 		errorCode: null
 	};
-	let n = yN();
+	let n = NN();
 	try {
 		let r = await fetch(`${n}/v1/validate`, { headers: { "X-API-Key": e } });
 		if (r.ok) {
 			let e = await r.json();
-			return t && e.grant && TN(e.grant), {
+			return t && e.grant && zN(e.grant), {
 				valid: !0,
 				errorCode: null
 			};
 		}
 		if (r.status >= 400 && r.status < 500) {
-			t && EN();
+			t && BN();
 			try {
 				return await r.json();
 			} catch {
@@ -48411,7 +48507,7 @@ async function kN(e, t = !0) {
 		}
 		throw Error(`Server error: ${r.status}`);
 	} catch {
-		return t ? ON(e) : {
+		return t ? HN(e) : {
 			valid: !1,
 			errorCode: "license.invalid"
 		};
@@ -48419,7 +48515,7 @@ async function kN(e, t = !0) {
 }
 //#endregion
 //#region src/hooks/useLicenseValidation.ts
-function AN(e, t, n = !0) {
+function WN(e, t, n = !0) {
 	let [r, i] = (0, y.useState)({
 		isValidating: t,
 		isValid: !1,
@@ -48439,7 +48535,7 @@ function AN(e, t, n = !0) {
 			isValidating: !0,
 			isValid: !1,
 			errorCode: null
-		}), kN(e, n).then((e) => {
+		}), UN(e, n).then((e) => {
 			r || i({
 				isValidating: !1,
 				isValid: e.valid,
@@ -48462,7 +48558,7 @@ function AN(e, t, n = !0) {
 }
 //#endregion
 //#region src/server/auth/AuthState.ts
-var jN = class {
+var GN = class {
 	token = null;
 	get() {
 		return this.token;
@@ -48473,13 +48569,13 @@ var jN = class {
 	clear() {
 		this.token = null;
 	}
-}, MN = class extends Error {
+}, KN = class extends Error {
 	status;
 	code;
 	constructor(e) {
 		super(e.message), this.name = "ScaleHttpError", this.status = e.status, this.code = e.code;
 	}
-}, NN = class {
+}, qN = class {
 	baseUrl;
 	apiKey;
 	auth;
@@ -48509,7 +48605,7 @@ var jN = class {
 				signal: r?.signal
 			});
 		} catch (e) {
-			this.notify(new MN({
+			this.notify(new KN({
 				status: 0,
 				code: "network",
 				message: e instanceof Error ? e.message : String(e)
@@ -48520,7 +48616,7 @@ var jN = class {
 			try {
 				e = await s.json();
 			} catch {}
-			this.notify(new MN({
+			this.notify(new KN({
 				status: s.status,
 				code: e.error ?? `http_${s.status}`,
 				message: e.message ?? s.statusText
@@ -48531,23 +48627,23 @@ var jN = class {
 };
 //#endregion
 //#region src/server/endpoints/workspaces.ts
-async function PN(e, t) {
+async function JN(e, t) {
 	return e.post("/workspaces", {
 		primaryKey: t.primaryKey,
 		columns: t.columns
 	}, { signal: t.signal });
 }
-async function FN(e) {
+async function YN(e) {
 	try {
 		await e.http.delete(`/workspaces/${e.workspaceId}`, { signal: e.signal });
 	} catch (e) {
-		if (e instanceof MN && e.status === 404) return;
+		if (e instanceof KN && e.status === 404) return;
 		throw e;
 	}
 }
 //#endregion
 //#region src/server/endpoints/query.ts
-async function IN(e, t) {
+async function XN(e, t) {
 	let n = await e.http.post(`/workspaces/${e.workspaceId}/query`, {
 		page: {
 			limit: t.limit,
@@ -48565,12 +48661,12 @@ async function IN(e, t) {
 }
 //#endregion
 //#region src/server/ScaleClient.ts
-var LN = class {
+var ZN = class {
 	disposed = !1;
 	constructor(e) {
 		this.deps = e;
 	}
-	onQuery = (e) => IN(this.deps, e);
+	onQuery = (e) => XN(this.deps, e);
 	onEdit = async (e) => ({
 		rejected: !0,
 		reason: "Edits are not yet supported in server mode (v0)."
@@ -48587,7 +48683,7 @@ var LN = class {
 	pageSize = void 0;
 	scrollSensitivity = void 0;
 	dispose = async () => {
-		this.disposed || (this.disposed = !0, await FN({
+		this.disposed || (this.disposed = !0, await YN({
 			http: this.deps.http,
 			workspaceId: this.deps.workspaceId
 		}));
@@ -48595,25 +48691,25 @@ var LN = class {
 };
 //#endregion
 //#region src/server/createScaleClient.ts
-async function RN(e) {
-	let t = new jN(), n = new NN({
+async function QN(e) {
+	let t = new GN(), n = new qN({
 		baseUrl: e.url,
 		apiKey: e.apiKey,
 		auth: t,
 		onDegraded: e.onDegraded
-	}), { workspaceId: r, accessToken: i } = await PN(n, {
+	}), { workspaceId: r, accessToken: i } = await JN(n, {
 		primaryKey: e.primaryKey,
 		columns: e.columns,
 		signal: e.signal
 	});
-	return t.set(i), new LN({
+	return t.set(i), new ZN({
 		workspaceId: r,
 		http: n
 	});
 }
 //#endregion
 //#region src/server/errors.ts
-function zN(e, t, n) {
+function $N(e, t, n) {
 	return {
 		code: e,
 		message: t,
@@ -48623,7 +48719,7 @@ function zN(e, t, n) {
 }
 //#endregion
 //#region src/hooks/useScaleClient.ts
-function BN(e) {
+function eP(e) {
 	let [t, n] = (0, y.useState)({ status: "idle" }), r = (0, y.useRef)(e.columns), i = (0, y.useRef)(e.primaryKey);
 	return (0, y.useEffect)(() => {
 		if (!e.enabled) {
@@ -48632,7 +48728,7 @@ function BN(e) {
 		}
 		n({ status: "bootstrapping" });
 		let t = new AbortController(), a = null;
-		return RN({
+		return QN({
 			url: e.url,
 			apiKey: e.apiKey,
 			primaryKey: i.current,
@@ -48641,7 +48737,7 @@ function BN(e) {
 			onDegraded: (e) => {
 				t.signal.aborted || n({
 					status: "failed",
-					error: HN(e)
+					error: nP(e)
 				});
 			}
 		}).then((e) => {
@@ -48656,7 +48752,7 @@ function BN(e) {
 		}).catch((e) => {
 			t.signal.aborted || n({
 				status: "failed",
-				error: VN(e)
+				error: tP(e)
 			});
 		}), () => {
 			t.abort(), a?.dispose().catch(() => {});
@@ -48667,30 +48763,30 @@ function BN(e) {
 		e.apiKey
 	]), t;
 }
-function VN(e) {
-	return e instanceof MN ? e.status === 401 ? zN(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? zN("scale.unreachable", e.message, e) : e.status >= 500 ? zN("scale.server_error", e.message, e) : zN("scale.bootstrap_failed", e.message, e) : zN("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
+function tP(e) {
+	return e instanceof KN ? e.status === 401 ? $N(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? $N("scale.unreachable", e.message, e) : e.status >= 500 ? $N("scale.server_error", e.message, e) : $N("scale.bootstrap_failed", e.message, e) : $N("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
 }
-function HN(e) {
-	return e.status === 0 ? zN("scale.unreachable", e.message, e) : e.status === 404 ? zN("scale.workspace_lost", e.message, e) : zN("scale.server_error", e.message, e);
+function nP(e) {
+	return e.status === 0 ? $N("scale.unreachable", e.message, e) : e.status === 404 ? $N("scale.workspace_lost", e.message, e) : $N("scale.server_error", e.message, e);
 }
 //#endregion
 //#region src/index.tsx
-function UN(e) {
+function rP(e) {
 	return e === !1 ? { licenseGrant: !1 } : { licenseGrant: e?.licenseGrant ?? !0 };
 }
-function WN(e) {
+function iP(e) {
 	let t = (0, y.useMemo)(() => new ed(e.onError), [e.onError]);
 	return /* @__PURE__ */ (0, O.jsx)(kj, {
 		errorHandler: t,
 		children: /* @__PURE__ */ (0, O.jsx)(eh, {
 			...e,
 			errorHandler: t,
-			children: e.showUploader ? /* @__PURE__ */ (0, O.jsx)(pN, {}) : /* @__PURE__ */ (0, O.jsx)(Tj, {})
+			children: e.showUploader ? /* @__PURE__ */ (0, O.jsx)(DN, {}) : /* @__PURE__ */ (0, O.jsx)(Tj, {})
 		})
 	});
 }
-function GN(e) {
-	let t = e.mode ?? "modal", { t: n, rtl: r } = j(), i = r ? "rtl" : "ltr", a = UN(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = AN(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = BN({
+function aP(e) {
+	let t = e.mode ?? "modal", { t: n, rtl: r } = j(), i = r ? "rtl" : "ltr", a = rP(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = WN(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = eP({
 		enabled: !s && c && u,
 		url: e.__server?.url ?? "",
 		apiKey: e.apiKey,
@@ -48745,7 +48841,7 @@ function GN(e) {
 		code: e,
 		message: "License validation failed",
 		source: "license"
-	} }), E = () => s ? w(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? w(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ (0, O.jsx)(Dj, { error: d.error }) : /* @__PURE__ */ (0, O.jsx)(WN, { ...C }) : T(l ?? "license.invalid");
+	} }), E = () => s ? w(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? w(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ (0, O.jsx)(Dj, { error: d.error }) : /* @__PURE__ */ (0, O.jsx)(iP, { ...C }) : T(l ?? "license.invalid");
 	return t === "inline" ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__data-editor updog__data-editor-inline",
 		dir: i,
@@ -48765,18 +48861,18 @@ function GN(e) {
 		submitText: n("dataEditor.confirmClose.action")
 	})] });
 }
-function KN(e) {
+function oP(e) {
 	let { translations: t, rtl: n = !1, locale: r = "en", className: i, ...a } = e;
 	return /* @__PURE__ */ (0, O.jsx)(A, {
 		translations: t,
 		rtl: n,
 		locale: r,
-		children: /* @__PURE__ */ (0, O.jsx)(GN, { ...a })
+		children: /* @__PURE__ */ (0, O.jsx)(aP, { ...a })
 	});
 }
 //#endregion
 //#region src/wc.ts
-var qN = {
+var sP = {
 	"api-key": {
 		prop: "apiKey",
 		type: "string"
@@ -48809,12 +48905,12 @@ var qN = {
 		prop: "mode",
 		type: "string"
 	}
-}, JN = class extends HTMLElement {
+}, cP = class extends HTMLElement {
 	_root = null;
 	_props = {};
 	_renderScheduled = !1;
 	static get observedAttributes() {
-		return Object.keys(qN);
+		return Object.keys(sP);
 	}
 	connectedCallback() {
 		this._root = (0, v.createRoot)(this), this._props.mode !== "inline" && (this._props.onClose = () => {
@@ -48825,7 +48921,7 @@ var qN = {
 		this._root?.unmount(), this._root = null;
 	}
 	attributeChangedCallback(e, t, n) {
-		let r = qN[e];
+		let r = sP[e];
 		r && (this._props[r.prop] = r.type === "boolean" ? n !== null : n, e === "mode" && (n === "inline" ? delete this._props.onClose : this._props.onClose = () => {
 			this.dispatchEvent(new CustomEvent("close", { bubbles: !0 }));
 		}), this._scheduleRender());
@@ -48842,11 +48938,11 @@ var qN = {
 	}
 	_scheduleRender() {
 		this._renderScheduled || (this._renderScheduled = !0, queueMicrotask(() => {
-			this._renderScheduled = !1, this._root && this._root.render((0, y.createElement)(KN, this._props));
+			this._renderScheduled = !1, this._root && this._root.render((0, y.createElement)(oP, this._props));
 		}));
 	}
 };
-for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(JN.prototype, e, {
+for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(cP.prototype, e, {
 	get() {
 		return this._props[e];
 	},
@@ -48856,7 +48952,7 @@ for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.
 	enumerable: !0,
 	configurable: !0
 });
-Object.defineProperty(JN.prototype, "open", {
+Object.defineProperty(cP.prototype, "open", {
 	get() {
 		return this.hasAttribute("open");
 	},
@@ -48865,5 +48961,5 @@ Object.defineProperty(JN.prototype, "open", {
 	},
 	enumerable: !0,
 	configurable: !0
-}), customElements.define("updog-editor", JN);
+}), customElements.define("updog-editor", cP);
 //#endregion