@etl-corestream/react 0.1.0 → 0.1.1

package/dist/index.js

@@ -1 +1,1670 @@
-import './index.css';
+import * as e from "react";
+import { createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l, version as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ETLBrowserOrchestrator as p, STEPS as m } from "@etl-corestream/core";
+import "@preact/signals-react";
+import { bufferTime as ee, debounceTime as h, filter as g, scan as te } from "rxjs";
+import './index.css';//#region \0rolldown/runtime.js
+var _ = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ne = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+function re(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function ie(...e) {
+	return (t) => {
+		let n = !1, r = e.map((e) => {
+			let r = re(e, t);
+			return !n && typeof r == "function" && (n = !0), r;
+		});
+		if (n) return () => {
+			for (let t = 0; t < r.length; t++) {
+				let n = r[t];
+				typeof n == "function" ? n() : re(e[t], null);
+			}
+		};
+	};
+}
+//#endregion
+//#region node_modules/@radix-ui/react-slot/dist/index.mjs
+var ae = Symbol.for("react.lazy"), v = e.use;
+function oe(e) {
+	return typeof e == "object" && !!e && "then" in e;
+}
+function y(e) {
+	return typeof e == "object" && !!e && "$$typeof" in e && e.$$typeof === ae && "_payload" in e && oe(e._payload);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function se(t) {
+	let n = /* @__PURE__ */ ce(t), r = e.forwardRef((t, r) => {
+		let { children: i, ...a } = t;
+		y(i) && typeof v == "function" && (i = v(i._payload));
+		let o = e.Children.toArray(i), s = o.find(ue);
+		if (s) {
+			let t = s.props.children, i = o.map((n) => n === s ? e.Children.count(t) > 1 ? e.Children.only(null) : e.isValidElement(t) ? t.props.children : null : n);
+			return /* @__PURE__ */ d(n, {
+				...a,
+				ref: r,
+				children: e.isValidElement(t) ? e.cloneElement(t, void 0, i) : null
+			});
+		}
+		return /* @__PURE__ */ d(n, {
+			...a,
+			ref: r,
+			children: i
+		});
+	});
+	return r.displayName = `${t}.Slot`, r;
+}
+var b = /* @__PURE__ */ se("Slot");
+/* @__NO_SIDE_EFFECTS__ */
+function ce(t) {
+	let n = e.forwardRef((t, n) => {
+		let { children: r, ...i } = t;
+		if (y(r) && typeof v == "function" && (r = v(r._payload)), e.isValidElement(r)) {
+			let t = fe(r), a = de(i, r.props);
+			return r.type !== e.Fragment && (a.ref = n ? ie(n, t) : t), e.cloneElement(r, a);
+		}
+		return e.Children.count(r) > 1 ? e.Children.only(null) : null;
+	});
+	return n.displayName = `${t}.SlotClone`, n;
+}
+var le = Symbol("radix.slottable");
+function ue(t) {
+	return e.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === le;
+}
+function de(e, t) {
+	let n = { ...t };
+	for (let r in t) {
+		let i = e[r], a = t[r];
+		/^on[A-Z]/.test(r) ? i && a ? n[r] = (...e) => {
+			let t = a(...e);
+			return i(...e), t;
+		} : i && (n[r] = i) : r === "style" ? n[r] = {
+			...i,
+			...a
+		} : r === "className" && (n[r] = [i, a].filter(Boolean).join(" "));
+	}
+	return {
+		...e,
+		...n
+	};
+}
+function fe(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+//#endregion
+//#region node_modules/@preact/signals-core/dist/signals-core.module.js
+var pe = Symbol.for("preact-signals");
+function x() {
+	if (w > 1) w--;
+	else {
+		var e, t = !1;
+		for ((function() {
+			var e = E;
+			for (E = void 0; e !== void 0;) e.S.v === e.v && (e.S.i = e.i), e = e.o;
+		})(); C !== void 0;) {
+			var n = C;
+			for (C = void 0, T++; n !== void 0;) {
+				var r = n.u;
+				if (n.u = void 0, n.f &= -3, !(8 & n.f) && k(n)) try {
+					n.c();
+				} catch (n) {
+					t ||= (e = n, !0);
+				}
+				n = r;
+			}
+		}
+		if (T = 0, w--, t) throw e;
+	}
+}
+var S = void 0;
+function me(e) {
+	var t = S;
+	S = void 0;
+	try {
+		return e();
+	} finally {
+		S = t;
+	}
+}
+var he, C = void 0, w = 0, T = 0, ge = 0, E = void 0, D = 0;
+function _e(e) {
+	if (S !== void 0) {
+		var t = e.n;
+		if (t === void 0 || t.t !== S) return t = {
+			i: 0,
+			S: e,
+			p: S.s,
+			n: void 0,
+			t: S,
+			e: void 0,
+			x: void 0,
+			r: t
+		}, S.s !== void 0 && (S.s.n = t), S.s = t, e.n = t, 32 & S.f && e.S(t), t;
+		if (t.i === -1) return t.i = 0, t.n !== void 0 && (t.n.p = t.p, t.p !== void 0 && (t.p.n = t.n), t.p = S.s, t.n = void 0, S.s.n = t, S.s = t), t;
+	}
+}
+function O(e, t) {
+	this.v = e, this.i = 0, this.n = void 0, this.t = void 0, this.l = 0, this.W = t?.watched, this.Z = t?.unwatched, this.name = t?.name;
+}
+O.prototype.brand = pe, O.prototype.h = function() {
+	return !0;
+}, O.prototype.S = function(e) {
+	var t = this, n = this.t;
+	n !== e && e.e === void 0 && (e.x = n, this.t = e, n === void 0 ? me(function() {
+		var e;
+		(e = t.W) == null || e.call(t);
+	}) : n.e = e);
+}, O.prototype.U = function(e) {
+	var t = this;
+	if (this.t !== void 0) {
+		var n = e.e, r = e.x;
+		n !== void 0 && (n.x = r, e.e = void 0), r !== void 0 && (r.e = n, e.x = void 0), e === this.t && (this.t = r, r === void 0 && me(function() {
+			var e;
+			(e = t.Z) == null || e.call(t);
+		}));
+	}
+}, O.prototype.subscribe = function(e) {
+	var t = this;
+	return I(function() {
+		var n = t.value, r = S;
+		S = void 0;
+		try {
+			e(n);
+		} finally {
+			S = r;
+		}
+	}, { name: "sub" });
+}, O.prototype.valueOf = function() {
+	return this.value;
+}, O.prototype.toString = function() {
+	return this.value + "";
+}, O.prototype.toJSON = function() {
+	return this.value;
+}, O.prototype.peek = function() {
+	var e = S;
+	S = void 0;
+	try {
+		return this.value;
+	} finally {
+		S = e;
+	}
+}, Object.defineProperty(O.prototype, "value", {
+	get: function() {
+		var e = _e(this);
+		return e !== void 0 && (e.i = this.i), this.v;
+	},
+	set: function(e) {
+		if (e !== this.v) {
+			if (T > 100) throw Error("Cycle detected");
+			(function(e) {
+				w !== 0 && T === 0 && e.l !== ge && (e.l = ge, E = {
+					S: e,
+					v: e.v,
+					i: e.i,
+					o: E
+				});
+			})(this), this.v = e, this.i++, D++, w++;
+			try {
+				for (var t = this.t; t !== void 0; t = t.x) t.t.N();
+			} finally {
+				x();
+			}
+		}
+	}
+});
+function k(e) {
+	for (var t = e.s; t !== void 0; t = t.n) if (t.S.i !== t.i || !t.S.h() || t.S.i !== t.i) return !0;
+	return !1;
+}
+function A(e) {
+	for (var t = e.s; t !== void 0; t = t.n) {
+		var n = t.S.n;
+		if (n !== void 0 && (t.r = n), t.S.n = t, t.i = -1, t.n === void 0) {
+			e.s = t;
+			break;
+		}
+	}
+}
+function j(e) {
+	for (var t = e.s, n = void 0; t !== void 0;) {
+		var r = t.p;
+		t.i === -1 ? (t.S.U(t), r !== void 0 && (r.n = t.n), t.n !== void 0 && (t.n.p = r)) : n = t, t.S.n = t.r, t.r !== void 0 && (t.r = void 0), t = r;
+	}
+	e.s = n;
+}
+function M(e, t) {
+	O.call(this, void 0), this.x = e, this.s = void 0, this.g = D - 1, this.f = 4, this.W = t?.watched, this.Z = t?.unwatched, this.name = t?.name;
+}
+M.prototype = new O(), M.prototype.h = function() {
+	if (this.f &= -3, 1 & this.f) return !1;
+	if ((36 & this.f) == 32 || (this.f &= -5, this.g === D)) return !0;
+	if (this.g = D, this.f |= 1, this.i > 0 && !k(this)) return this.f &= -2, !0;
+	var e = S;
+	try {
+		A(this), S = this;
+		var t = this.x();
+		(16 & this.f || this.v !== t || this.i === 0) && (this.v = t, this.f &= -17, this.i++);
+	} catch (e) {
+		this.v = e, this.f |= 16, this.i++;
+	}
+	return S = e, j(this), this.f &= -2, !0;
+}, M.prototype.S = function(e) {
+	if (this.t === void 0) {
+		this.f |= 36;
+		for (var t = this.s; t !== void 0; t = t.n) t.S.S(t);
+	}
+	O.prototype.S.call(this, e);
+}, M.prototype.U = function(e) {
+	if (this.t !== void 0 && (O.prototype.U.call(this, e), this.t === void 0)) {
+		this.f &= -33;
+		for (var t = this.s; t !== void 0; t = t.n) t.S.U(t);
+	}
+}, M.prototype.N = function() {
+	if (!(2 & this.f)) {
+		this.f |= 6;
+		for (var e = this.t; e !== void 0; e = e.x) e.t.N();
+	}
+}, Object.defineProperty(M.prototype, "value", { get: function() {
+	if (1 & this.f) throw Error("Cycle detected");
+	var e = _e(this);
+	if (this.h(), e !== void 0 && (e.i = this.i), 16 & this.f) throw this.v;
+	return this.v;
+} });
+function N(e) {
+	var t = e.m;
+	if (e.m = void 0, typeof t == "function") {
+		w++;
+		var n = S;
+		S = void 0;
+		try {
+			t();
+		} catch (t) {
+			throw e.f &= -2, e.f |= 8, P(e), t;
+		} finally {
+			S = n, x();
+		}
+	}
+}
+function P(e) {
+	for (var t = e.s; t !== void 0; t = t.n) t.S.U(t);
+	e.x = void 0, e.s = void 0, N(e);
+}
+function ve(e) {
+	if (S !== this) throw Error("Out-of-order effect");
+	j(this), S = e, this.f &= -2, 8 & this.f && P(this), x();
+}
+function F(e, t) {
+	this.x = e, this.m = void 0, this.s = void 0, this.u = void 0, this.f = 32, this.name = t?.name, he && he.push(this);
+}
+F.prototype.c = function() {
+	var e = this.S();
+	try {
+		if (8 & this.f || this.x === void 0) return;
+		var t = this.x();
+		typeof t == "function" && (this.m = t);
+	} finally {
+		e();
+	}
+}, F.prototype.S = function() {
+	if (1 & this.f) throw Error("Cycle detected");
+	this.f |= 1, this.f &= -9, N(this), A(this), w++;
+	var e = S;
+	return S = this, ve.bind(this, e);
+}, F.prototype.N = function() {
+	2 & this.f || (this.f |= 2, this.u = C, C = this);
+}, F.prototype.d = function() {
+	this.f |= 8, 1 & this.f || P(this);
+}, F.prototype.dispose = function() {
+	this.d();
+};
+function I(e, t) {
+	var n = new F(e, t);
+	try {
+		n.c();
+	} catch (e) {
+		throw n.d(), e;
+	}
+	var r = n.d.bind(n);
+	return r[Symbol.dispose] = r, r;
+}
+//#endregion
+//#region node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
+var ye = /* @__PURE__ */ _(((e) => {
+	var t = ne("react");
+	function n(e, t) {
+		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+	}
+	var r = typeof Object.is == "function" ? Object.is : n, i = t.useState, a = t.useEffect, o = t.useLayoutEffect, s = t.useDebugValue;
+	function c(e, t) {
+		var n = t(), r = i({ inst: {
+			value: n,
+			getSnapshot: t
+		} }), c = r[0].inst, u = r[1];
+		return o(function() {
+			c.value = n, c.getSnapshot = t, l(c) && u({ inst: c });
+		}, [
+			e,
+			n,
+			t
+		]), a(function() {
+			return l(c) && u({ inst: c }), e(function() {
+				l(c) && u({ inst: c });
+			});
+		}, [e]), s(n), n;
+	}
+	function l(e) {
+		var t = e.getSnapshot;
+		e = e.value;
+		try {
+			var n = t();
+			return !r(e, n);
+		} catch {
+			return !0;
+		}
+	}
+	function u(e, t) {
+		return t();
+	}
+	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
+	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
+})), be = /* @__PURE__ */ _(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e, t) {
+			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+		}
+		function n(e, t) {
+			d || a.startTransition === void 0 || (d = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			var n = t();
+			if (!f) {
+				var i = t();
+				o(n, i) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), f = !0);
+			}
+			i = s({ inst: {
+				value: n,
+				getSnapshot: t
+			} });
+			var p = i[0].inst, m = i[1];
+			return l(function() {
+				p.value = n, p.getSnapshot = t, r(p) && m({ inst: p });
+			}, [
+				e,
+				n,
+				t
+			]), c(function() {
+				return r(p) && m({ inst: p }), e(function() {
+					r(p) && m({ inst: p });
+				});
+			}, [e]), u(n), n;
+		}
+		function r(e) {
+			var t = e.getSnapshot;
+			e = e.value;
+			try {
+				var n = t();
+				return !o(e, n);
+			} catch {
+				return !0;
+			}
+		}
+		function i(e, t) {
+			return t();
+		}
+		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var a = ne("react"), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
+		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+})), xe = (/* @__PURE__ */ _(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = ye() : t.exports = be();
+})))(), Se = u.split(".").map(Number)[0], Ce = Symbol.for(Se >= 19 ? "react.transitional.element" : "react.element"), we = typeof window < "u" && !!window.__PREACT_SIGNALS_DEVTOOLS__, L, R = Symbol.dispose || Symbol.for("Symbol.dispose");
+function z(e, t) {
+	var n = t.effect.S();
+	return L = t, Te.bind(t, e, n);
+}
+function Te(e, t) {
+	t(), L = e;
+}
+var Ee, De, Oe = function() {}, ke = ((Ee = {
+	u: 0,
+	effect: {
+		s: void 0,
+		c: function() {},
+		S: function() {
+			return Oe;
+		},
+		d: function() {}
+	},
+	subscribe: function() {
+		return Oe;
+	},
+	getSnapshot: function() {
+		return 0;
+	},
+	S: function() {},
+	f: function() {}
+})[R] = function() {}, Ee), Ae = Promise.prototype.then.bind(Promise.resolve());
+function je() {
+	De ||= Ae(Me);
+}
+function Me() {
+	var e;
+	De = void 0, (e = L) == null || e.f();
+}
+var Ne = typeof window < "u" ? o : a;
+function Pe(e, t) {
+	e === void 0 && (e = 0), je();
+	var n = c();
+	n.current ?? (typeof window > "u" ? n.current = ke : n.current = function(e, t) {
+		var n, r, i, a, o = 0, s = I(function() {
+			r = this;
+		}, { name: t || "Component" });
+		return r.c = function() {
+			if (o = o + 1 | 0, we) {
+				var e;
+				(e = r.y) == null || e.call(r);
+			}
+			a && a();
+		}, (n = {
+			u: e,
+			effect: r,
+			subscribe: function(e) {
+				return a = e, function() {
+					o = o + 1 | 0, a = void 0, s();
+				};
+			},
+			getSnapshot: function() {
+				return o;
+			},
+			S: function() {
+				if (L != null) {
+					var e = L.u, t = this.u;
+					e == 0 && t == 0 || e == 0 && t == 1 ? (L.f(), i = z(void 0, this)) : e == 1 && t == 0 || e == 2 && t == 0 || (i = z(L, this));
+				} else i = z(void 0, this);
+			},
+			f: function() {
+				var e = i;
+				i = void 0, e?.();
+			}
+		})[R] = function() {
+			this.f();
+		}, n;
+	}(e, t));
+	var r = n.current;
+	return (0, xe.useSyncExternalStore)(r.subscribe, r.getSnapshot, r.getSnapshot), r.S(), e === 0 && Ne(Me), r;
+}
+Object.defineProperties(O.prototype, {
+	$$typeof: {
+		configurable: !0,
+		value: Ce
+	},
+	type: {
+		configurable: !0,
+		value: function(e) {
+			var t = e.data, n = Pe(1);
+			try {
+				return t.value;
+			} finally {
+				n.f();
+			}
+		}
+	},
+	props: {
+		configurable: !0,
+		get: function() {
+			var e = this;
+			return { data: { get value() {
+				return e.value;
+			} } };
+		}
+	},
+	ref: {
+		configurable: !0,
+		value: null
+	}
+});
+function B(e, t) {
+	return Pe(e, t);
+}
+//#endregion
+//#region src/hooks/use-etl-orchestrator.ts
+var Fe = {
+	recover: {
+		availableLayouts: [],
+		checkRecoveryPoint: !1
+	},
+	viewer: { defaultPageSize: 100 },
+	importer: {
+		importerChunkSize: 1024 * 1024 * 4,
+		allowedMimetypes: ["text/csv", "text/plain"]
+	},
+	mapper: {
+		allowRemapColumns: !0,
+		ignoreRemapUnrequired: !0,
+		preserveOriginalValue: !0
+	},
+	localStepEngine: { maxErrorCount: 100 },
+	persistence: { chunkSizeQtd: 1e4 }
+}, Ie = (e) => {
+	let t = c({
+		...Fe,
+		...e
+	}), n = s(() => p(t.current), []);
+	return a(() => () => {
+		n.stop();
+	}, [n]), n;
+}, V = t(null), H = () => {
+	let e = i(V);
+	if (!e) throw Error("useEtlContext must be used within a EtlCoreProvider");
+	return e;
+}, U = (...e) => (...t) => e.forEach((e) => e && e(...t)), Le = () => {
+	B();
+	let { stop: e, step: t } = H(), n = !t.value.some((e) => m.INITIALIZING_MACHINE == e || m.READING_DATA.WAITING_LAYOUT == e);
+	return {
+		canStop: n,
+		getAbortButtonProps: (t) => ({
+			...t,
+			onClick: U(t.onClick, e),
+			disabled: !n || t.disabled,
+			"data-role": "etl-abort-button"
+		})
+	};
+}, Re = () => {
+	B();
+	let e = H(), t = () => e.step.value.some((e) => m.WAITING_INTERACTIONS.WAITING_USER == e), n = () => e.step.value.some((e) => m.WAITING_INTERACTIONS.WAITING_USER == e);
+	return {
+		getRootProps: (e = {}) => ({
+			...e,
+			"data-role": "etl-data-view-root"
+		}),
+		getTableProps: (e, t = {}) => ({
+			...t,
+			"data-layout-name": e
+		}),
+		getTableHeadersProps: (e = {}) => ({
+			...e,
+			"data-role": "etl-data-view-table-headers"
+		}),
+		getRowProps: (e, t = {}) => ({
+			...t,
+			"data-role": "etl-data-view-row",
+			"data-row-index": e.__rowId,
+			"data-row-is-error": e.__isError,
+			onClick: U(t.onClick, () => {})
+		}),
+		getCellProps: (e, t, n = {}) => ({
+			...n,
+			"data-column-name": t,
+			"data-row-index": e.__rowId,
+			onClick: U(n.onClick, () => {})
+		}),
+		getTableHeaderProps: (e, t = {}) => ({
+			...t,
+			"data-column-name": e.key,
+			"data-column-label": e.label,
+			"data-role": "etl-data-view-table-header"
+		}),
+		getPaginationPageNumberButtonProps: (n, r = {}) => ({
+			...r,
+			"data-page-number": n,
+			"data-page-is-last": n === e.viewPaginationInfo.value.totalPages,
+			"data-page-is-first": n === 1,
+			disabled: !t(),
+			onClick: U(r.onClick, () => t() && e.changeViewPage(n))
+		}),
+		getPaginationPageNextButtonProps: (n = {}) => ({
+			...n,
+			disabled: !t() || e.viewPaginationInfo.value.totalPages === e.viewPaginationInfo.value.currentPage,
+			onClick: U(n.onClick, () => t() && e.viewPaginationInfo.value.totalPages > e.viewPaginationInfo.value.currentPage && e.changeViewPage(e.viewPaginationInfo.value.currentPage + 1))
+		}),
+		getPaginationPagePreviousButtonProps: (n = {}) => ({
+			...n,
+			disabled: !t() || e.viewPaginationInfo.value.currentPage === 1,
+			onClick: U(n.onClick, () => t() && e.viewPaginationInfo.value.currentPage > 1 && e.changeViewPage(e.viewPaginationInfo.value.currentPage - 1))
+		}),
+		getPaginationPageLastButtonProps: (n = {}) => ({
+			...n,
+			"data-can-navigate": t(),
+			disabled: !t() || e.viewPaginationInfo.value.currentPage === e.viewPaginationInfo.value.totalPages,
+			onClick: U(n.onClick, () => t() && e.viewPaginationInfo.value.currentPage < e.viewPaginationInfo.value.totalPages && e.changeViewPage(e.viewPaginationInfo.value.totalPages))
+		}),
+		getPaginationPageFirstButtonProps: (n = {}) => ({
+			...n,
+			disabled: !t() || e.viewPaginationInfo.value.currentPage === 1,
+			onClick: U(n.onClick, () => t() && e.viewPaginationInfo.value.currentPage > 1 && e.changeViewPage(1))
+		}),
+		getEditFormProps: (t, r, i = {}) => ({
+			...i,
+			onSubmit: U(i.onSubmit, (i) => {
+				i.preventDefault();
+				let a = i.currentTarget, o = new FormData(a).get("value");
+				n() && e.editRow(t.__rowId, r, o);
+			}),
+			disabled: !n(),
+			"data-role": "etl-data-view-edit-form",
+			"data-row-index": t.__rowId,
+			"data-cell-header": r,
+			"data-row-is-error": t.__isError
+		}),
+		getRemoveRowButtonProps: (t, r = {}) => ({
+			...r,
+			onClick: U(r.onClick, () => n() && e.removeRow(t)),
+			"data-role": "etl-data-view-remove-row-button",
+			"data-row-index": t
+		}),
+		getFilterFormProps: (e = {}) => ({}),
+		getHeadersLabels: () => e.layout.value?.headers.map((e) => ({
+			label: e.label,
+			key: e.key
+		})),
+		get currentRows() {
+			return e.currentRows;
+		},
+		get currentRows$() {
+			return e.currentRows$;
+		},
+		get canNavigate() {
+			return t;
+		},
+		get canEdit() {
+			return n;
+		},
+		get state() {
+			return e.state;
+		},
+		get layout() {
+			return e.layout;
+		}
+	};
+}, ze = () => {
+	B();
+	let { state: e, layout: t, export: n, step: i } = H(), a = r((e) => ({
+		label: e.label || e.name,
+		description: e.description
+	}), []), o = s(() => t.value?.exports?.map((e) => a(e)) || [], [t, a]), c = s(() => i.value.some((e) => m.WAITING_INTERACTIONS.WAITING_USER == e), [i]);
+	return {
+		getExportDetails: a,
+		getExporterRootProps: (e) => ({
+			...e,
+			"data-role": "exporter-root"
+		}),
+		getExporterExportButtonProps: (e, t, r) => ({
+			...r,
+			disabled: !c || r.disabled,
+			onClick: U(r.onClick, () => {
+				n(t.name, e);
+			}),
+			"data-role": "exporter-export-button"
+		}),
+		availableExports: o,
+		canExport: c
+	};
+}, Be = () => {
+	B();
+	let { selectFile: e, state: t, file: n, step: r } = H(), i = c(null), a = (e = {}) => ({
+		...e,
+		"data-role": "etl-importer-root"
+	}), o = (e = {}) => {
+		let { onClick: t, ...n } = e;
+		return {
+			type: "button",
+			...n,
+			"data-role": "etl-importer-trigger",
+			onClick: U(t, () => {
+				if (!i?.current) throw Error("Importer input reference not found");
+				i?.current?.click();
+			}),
+			disabled: n.disabled || !r.value.some((e) => m.READING_DATA.WAITING_FILE == e)
+		};
+	}, [s, u] = l(!1);
+	return {
+		getImporterTriggerProps: o,
+		getImporterRootProps: a,
+		getInputProps: (t = {}) => {
+			let { onChange: n, accept: a, ...o } = t;
+			return {
+				type: "file",
+				ref: i,
+				multiple: !1,
+				accept: a || ".csv, .xlsx, .xls",
+				...o,
+				disabled: o.disabled || !r.value.some((e) => m.READING_DATA.WAITING_FILE == e),
+				style: {
+					display: "none",
+					...o.style
+				},
+				"data-role": "etl-importer-input",
+				onChange: U(n, (t) => {
+					if (!r.value.some((e) => m.READING_DATA.WAITING_FILE == e)) return;
+					let n = t.target.files;
+					n?.length && (e(n[0]), t.target.value = "");
+				})
+			};
+		},
+		getDropZoneProps: (t = {}) => {
+			let { onDragOver: n, onDragLeave: i, onDrop: a, ...o } = t;
+			return {
+				...o,
+				"data-role": "etl-importer-dropzone",
+				"data-dragging": s,
+				onDragOver: U(n, (e) => {
+					e.preventDefault(), e.dataTransfer.dropEffect = "copy", u(!0);
+				}),
+				onDragLeave: U(i, (e) => {
+					e.preventDefault(), u(!1);
+				}),
+				onDrop: U(a, (t) => {
+					if (t.preventDefault(), u(!1), !r.value.some((e) => m.READING_DATA.WAITING_FILE == e)) return;
+					let n = t.dataTransfer.files;
+					n?.length === 1 && e(n[0]);
+				})
+			};
+		},
+		isDragging: s,
+		canImport: r.value.some((e) => m.READING_DATA.WAITING_FILE == e) && n.value !== null,
+		file: n,
+		state: t
+	};
+}, Ve = () => {
+	B();
+	let { layout: e, selectLayout: t, state: n, step: i } = H(), a = (e = {}) => ({
+		...e,
+		"data-role": "etl-layout-view-root"
+	}), o = (e, n = {}) => ({
+		...n,
+		"data-role": "etl-layout-view-select-layout-button",
+		disabled: e === null || !i.value.some((e) => m.READING_DATA.WAITING_LAYOUT == e) || n.disabled,
+		onClick: U(n.onClick, () => t(e))
+	}), s = r((e) => ({
+		layoutName: e.name,
+		layoutDescription: e.description,
+		layoutAllowUndefinedColumns: e.allowUndefinedColumns,
+		layoutHeaders: e.headers,
+		localSteps: e.localSteps?.map((e) => ({
+			name: e.name,
+			description: e.description,
+			order: e.order,
+			validations: e.validators.map((e) => ({
+				name: e.name,
+				target: e.headerKey
+			})),
+			transforms: e.transforms.map((e) => ({
+				name: e.name,
+				target: e.headerKey
+			}))
+		})) ?? [],
+		globalSteps: e.globalSteps?.map((e) => ({
+			name: e.name,
+			description: e.description,
+			order: e.order,
+			validations: e.validators.map((e) => ({ name: e.name })),
+			transforms: e.transforms.map((e) => ({ name: e.name }))
+		})) ?? [],
+		exporters: e.exports?.map((e) => ({
+			name: e.name,
+			description: e.description
+		})) ?? []
+	}), []);
+	return {
+		getSelectLayoutButtonProps: o,
+		getLayoutDetails: s,
+		getLayoutViewRootProps: a,
+		currentLayout: e.value ? s(e.value) : null,
+		layout: e,
+		state: n,
+		canSelectLayout: i.value.some((e) => m.READING_DATA.WAITING_LAYOUT == e)
+	};
+}, W = () => {
+	B();
+	let e = H(), [t, n] = l(!1), [i, o] = l(!1), [s, u] = l(null), d = c(null), f = c(null), p = r((e, t) => new Promise((n, r) => {
+		d.current = n, f.current = r, u({
+			rowKeys: e,
+			headers: t
+		}), o(!0);
+	}), []);
+	a(() => {
+		if (e.step.value.some((e) => m.READING_DATA.WAITING_LAYOUT == e || m.INITIALIZING_MACHINE == e) && !t) {
+			let t = {
+				allowRemapColumns: !0,
+				onRemapFn: p
+			};
+			e.updateConfig("mapper", t), n(!0), console.log("Mapper configured");
+		}
+	}, [e.state, p]);
+	let ee = r((e) => {
+		let t = Object.entries(e);
+		d.current && (d.current(t), o(!1), u(null), e = {});
+	}, []), h = r(() => {
+		f.current && (f.current(/* @__PURE__ */ Error("Mapping cancelled")), o(!1), u(null));
+	}, []);
+	return {
+		showMapper: i,
+		rowKeys: s?.rowKeys ?? [],
+		headers: s?.headers ?? [],
+		getHeadersViewProps: (e) => ({
+			...e,
+			"data-role": "etl-mapper-headers-view"
+		}),
+		getAcceptButtonProps: (t, n) => ({
+			...n,
+			type: "button",
+			onClick: U(n.onClick, () => ee(t)),
+			disabled: !s && !e.step.value.some((e) => m.READING_DATA.MAPPING_DATA == e)
+		}),
+		getCancelButtonProps: (t) => ({
+			...t,
+			type: "button",
+			onClick: U(t.onClick, () => h()),
+			disabled: !s && !e.step.value.some((e) => m.READING_DATA.MAPPING_DATA == e)
+		}),
+		getRootProps: (e) => ({
+			...e,
+			"data-role": "etl-mapper-root"
+		})
+	};
+}, G = () => {
+	B();
+	let { recoveryPoint: e, recoverStep: t, recoverActionChoosen: n } = H();
+	return {
+		getAcceptRecoveryButtonProps: (e) => ({
+			type: "button",
+			onClick: U(e.onClick, () => n("recover"))
+		}),
+		getCancelRecoveryButtonProps: (e) => ({
+			type: "button",
+			onClick: U(e.onClick, () => n("skip"))
+		}),
+		recoveryPoint: e,
+		recoverStep: t
+	};
+}, He = (e = 100, t = !0) => {
+	let { logs$: n, getLogs: r } = H(), [i, o] = l([]);
+	return a(() => {
+		let r = n.pipe(g((e) => !t || e.level !== "debug"), ee(200), g((e) => e.length > 0), te((t, n) => [...t, ...n].slice(-e), [])).subscribe(o);
+		return () => r.unsubscribe();
+	}, [
+		n,
+		e,
+		t
+	]), {
+		bufferLogs: i,
+		getLogs: r
+	};
+}, Ue = () => {
+	B();
+	let { metrics: e } = H();
+	return { metrics: e };
+}, We = () => {
+	let { notification$: e } = H();
+	return { notification$: e };
+}, Ge = () => {
+	let { progress$: e } = H(), [t, n] = l([]), [r, i] = l(null);
+	return a(() => {
+		let t = e.pipe(h(400)).subscribe((e) => {
+			n(e.map((e) => ({
+				label: e.label,
+				value: e.value
+			})));
+			let t = e.reduce((e, t) => e + t.value, 0) / e.length;
+			t = Number(t.toFixed(2)), i(t);
+		});
+		return () => t.unsubscribe();
+	}, [e]), {
+		currentProgress: t,
+		totalProgress: r ?? 0
+	};
+}, Ke = () => {
+	B();
+	let { state: e, step: t } = H();
+	return {
+		state: e.value,
+		steps: t.value
+	};
+}, qe = (e) => {
+	B();
+	let t = e || H(), [n, r] = l({
+		readerStep: null,
+		viewerStep: null,
+		editorStep: null,
+		errorStep: null,
+		metricsStep: null,
+		recoverStep: null
+	});
+	return a(() => {
+		let e = t.step$.subscribe((e) => {
+			let t = new Set(e);
+			r({
+				readerStep: t.has(m.READING_DATA.WAITING_LAYOUT) ? m.READING_DATA.WAITING_LAYOUT : t.has(m.READING_DATA.WAITING_FILE) ? m.READING_DATA.WAITING_FILE : t.has(m.READING_DATA.PROCESSING_INPUTS) ? m.READING_DATA.PROCESSING_INPUTS : null,
+				viewerStep: Object.values(m.WAITING_INTERACTIONS).find((e) => t.has(e)) || null,
+				editorStep: Object.values(m.EDITING).find((e) => t.has(e)) || null,
+				errorStep: t.has(m.ERROR_HANDLING) ? m.ERROR_HANDLING : null,
+				metricsStep: t.has(m.UPDATING_METRICS) || t.has(m.WAITING_INTERACTIONS.WAITING_METRICS) ? m.UPDATING_METRICS : null,
+				recoverStep: t.has(m.RECOVERING.WAITING_TO_CHOOSE_RECOVER) ? m.RECOVERING.WAITING_TO_CHOOSE_RECOVER : t.has(m.RECOVERING.UPDATING_RECOVERY_POINT) ? m.RECOVERING.UPDATING_RECOVERY_POINT : t.has(m.RECOVERING.RECOVERING_FROM_RECOVERY_POINT) ? m.RECOVERING.RECOVERING_FROM_RECOVERY_POINT : t.has(m.RECOVERING.CHECKING_RECOVERY_POINT) ? m.RECOVERING.CHECKING_RECOVERY_POINT : null
+			});
+		});
+		return () => {
+			e.unsubscribe();
+		};
+	}, []), n;
+}, Je = ({ children: e, asChild: t, ...n }) => {
+	let { getAbortButtonProps: r, canStop: i } = Le();
+	return /* @__PURE__ */ d(t ? b : "button", {
+		...r(n),
+		children: e && (typeof e == "function" ? e({
+			canStop: i,
+			getAbortButtonProps: r
+		}) : e)
+	});
+}, K = t(null), q = () => {
+	let e = i(K);
+	if (!e) throw Error("useDataViewContext must be used within a DataViewContext");
+	return e;
+};
+//#endregion
+//#region node_modules/clsx/dist/clsx.mjs
+function Ye(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = Ye(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function J() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Ye(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region src/components/data-view/data-view-remove-trigger.tsx
+var Xe = ({ rowId: e, className: t, children: n, asChild: r, ...i }) => {
+	let a = q();
+	return /* @__PURE__ */ d(r ? b : "button", {
+		...a.getRemoveRowButtonProps(e, { ...i }),
+		className: J(t),
+		children: typeof n == "function" ? n({ ...a }) : n
+	});
+}, Ze = ({ viewMode: e, className: t, ...n }) => {
+	let r = H(), i = Re(), a = n.asChild ? b : "div", [o, c] = l(null);
+	e ??= "modal";
+	let u = s(() => ({
+		...i,
+		step: r.step,
+		state: i.state,
+		layout: i.layout,
+		currentEditRow: o,
+		setCurrentEditRow: c
+	}), [o]);
+	return /* @__PURE__ */ d(K.Provider, {
+		value: u,
+		children: /* @__PURE__ */ d(a, {
+			...i.getRootProps({ ...n }),
+			className: J(t),
+			children: typeof n.children == "function" ? n.children({ ...u }) : n.children
+		})
+	});
+}, Qe = ({ className: e, asChild: t, children: n, ...r }) => {
+	let i = t ? b : "div", { row: a, column: o } = q().currentEditRow, s = a?.value?.[o] ?? "", c = "value", [u, f] = l(s);
+	return t ? /* @__PURE__ */ d(i, {
+		...r,
+		className: J(e),
+		children: typeof n == "function" ? n({
+			name: c,
+			originalValue: s,
+			newValue: u,
+			setNewValue: (e) => f(e.target.value)
+		}) : n
+	}) : /* @__PURE__ */ d("input", {
+		...r,
+		type: "text",
+		name: c,
+		value: u,
+		onChange: (e) => f(e.target.value)
+	});
+}, $e = ({ className: e, asChild: t, children: n, ...r }) => {
+	let i = t ? b : "div", { row: a, column: o } = q().currentEditRow, s = a?.value?.[o] ?? "";
+	return /* @__PURE__ */ d(i, {
+		...r,
+		className: J(e),
+		children: typeof n == "function" ? n({ previusValue: s }) : n
+	});
+}, et = ({ className: e, children: t, asChild: n, onSubmit: r, ...i }) => {
+	let a = n ? b : "div", o = q(), { row: s, column: c } = o.currentEditRow ?? {
+		row: null,
+		column: null
+	};
+	return !s || !c ? null : /* @__PURE__ */ d(a, {
+		...i,
+		className: J(e),
+		children: /* @__PURE__ */ d("form", {
+			...o.getEditFormProps(s, c, { onSubmit: r }),
+			children: typeof t == "function" ? t(o) : t
+		})
+	});
+}, tt = ({ className: e, asChild: t, children: n, ...i }) => {
+	let a = t ? b : "button", o = q(), s = r(() => {
+		requestAnimationFrame(() => {
+			o.setCurrentEditRow(null);
+		});
+	}, [o]), c = !t;
+	return /* @__PURE__ */ d(a, {
+		...i,
+		className: J(e),
+		onClick: s,
+		...c ? { type: "button" } : {},
+		children: typeof n == "function" ? n(o) : n
+	});
+}, nt = ({ className: e, asChild: t, children: n, ...i }) => {
+	let a = t ? b : "button", o = q(), s = r(() => {
+		requestAnimationFrame(() => {
+			o.canEdit && o.setCurrentEditRow(null);
+		});
+	}, [o]), c = !t;
+	return /* @__PURE__ */ d(a, {
+		...i,
+		className: J(e),
+		onClick: s,
+		...c ? { type: "submit" } : {},
+		children: typeof n == "function" ? n(o) : n
+	});
+}, Y = t(null), rt = () => {
+	let e = i(Y);
+	if (!e) throw Error("It must be used between a DataViewFilterContext");
+	return e;
+}, it = {
+	root: ({ children: e, asChild: t, className: n, ...r }) => {
+		B();
+		let i = H(), [a, o] = l(i.viewFilter.value), s = {
+			currentFilter: a,
+			setCurrentFilter: o,
+			triggerFilter: i.changeViewFilter
+		}, c = t ? b : "div";
+		return /* @__PURE__ */ d(Y.Provider, {
+			value: s,
+			children: /* @__PURE__ */ d(c, {
+				...r,
+				className: J(n),
+				children: typeof e == "function" ? e(s) : e
+			})
+		});
+	},
+	errorSelector: ({ asChild: e, children: t, onChange: n, ...r }) => {
+		let { currentFilter: i, setCurrentFilter: o } = rt(), s = e ? b : "select", c = [
+			{
+				value: "all",
+				label: "All"
+			},
+			{
+				value: "only-invalid",
+				label: "Only Invalids"
+			},
+			{
+				value: "only-valid",
+				label: "Only Valids"
+			}
+		], [u, f] = l(null);
+		a(() => {
+			let e = i;
+			e.withErrors && !e.withoutErrors ? f("only-invalid") : e.withoutErrors && !e.withErrors ? f("only-valid") : f("all");
+		}, [i]);
+		let p = (e) => {
+			switch (e.currentTarget.value) {
+				case "only-invalid":
+					o({
+						...i,
+						withErrors: !0,
+						withoutErrors: !1
+					});
+					break;
+				case "only-valid":
+					o({
+						...i,
+						withoutErrors: !0,
+						withErrors: !1
+					});
+					break;
+				default:
+					o({
+						...i,
+						withErrors: void 0,
+						withoutErrors: void 0
+					});
+					break;
+			}
+		}, m = n ? U(n, p) : p;
+		return t ? typeof t == "function" ? t({ valueOptions: c.map((e) => e.value) }) : t : /* @__PURE__ */ d(s, {
+			...r,
+			value: u ?? "",
+			onChange: m,
+			children: c.map((e) => /* @__PURE__ */ d("option", {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		});
+	},
+	context: Y,
+	trigger: ({ asChild: e, children: t, onClick: n, ...r }) => {
+		let { currentFilter: i, triggerFilter: a } = rt(), o = e ? b : "button", s = U(n, () => {
+			a({ ...i });
+		});
+		return /* @__PURE__ */ d(o, {
+			...r,
+			onClick: s,
+			children: t
+		});
+	}
+}, at = ({ className: e, asChild: t, children: n, ...r }) => {
+	let i = t ? b : "button", a = q();
+	return /* @__PURE__ */ d(i, {
+		...a.getPaginationPageFirstButtonProps({ ...r }),
+		className: J(e),
+		children: typeof n == "function" ? n(a) : n ?? "First"
+	});
+}, ot = ({ className: e, asChild: t, children: n, ...r }) => {
+	let i = t ? b : "button", a = q();
+	return /* @__PURE__ */ d(i, {
+		...a.getPaginationPageLastButtonProps({ ...r }),
+		className: J(e),
+		children: typeof n == "function" ? n(a) : n ?? "Last"
+	});
+}, st = ({ className: e, asChild: t, children: n, ...r }) => {
+	let i = t ? b : "button", a = q();
+	return /* @__PURE__ */ d(i, {
+		...a.getPaginationPageNextButtonProps({ ...r }),
+		className: J(e),
+		children: typeof n == "function" ? n(a) : n ?? "Next"
+	});
+}, ct = ({ page: e, className: t, asChild: n, children: r, ...i }) => {
+	let a = n ? b : "button", o = q();
+	return /* @__PURE__ */ d(a, {
+		...o.getPaginationPageNumberButtonProps(e, { ...i }),
+		className: J(t),
+		children: typeof r == "function" ? r(o) : r ?? e
+	});
+}, lt = ({ className: e, asChild: t, children: n, ...r }) => {
+	B();
+	let i = t ? b : "button", a = q();
+	return /* @__PURE__ */ d(i, {
+		...a.getPaginationPagePreviousButtonProps({ ...r }),
+		className: J(e),
+		children: typeof n == "function" ? n(a) : n ?? "Previous"
+	});
+}, ut = ({ className: e, asChild: t, children: n, ...r }) => {
+	let i = q();
+	return /* @__PURE__ */ d(t ? b : "div", {
+		...r,
+		className: J(e),
+		"data-role": "etl-data-view-pagination",
+		children: typeof n == "function" ? n(i) : n
+	});
+}, dt = ({ className: e, ...t }) => {
+	let n = q();
+	return /* @__PURE__ */ d(t.asChild ? b : "table", {
+		...n.getTableProps(n.layout.value?.name, { ...t }),
+		className: J(e),
+		children: typeof t.children == "function" ? t.children({ ...n }) : t.children
+	});
+}, ft = ({ className: e, asChild: t, children: n, row: i, column: a, generateContent: o, onClick: c, ...l }) => {
+	let u = q();
+	o ??= "before", c = r(() => {
+		u.canEdit && u.setCurrentEditRow({
+			row: i,
+			column: a
+		});
+	}, [
+		c,
+		u,
+		i,
+		a
+	]);
+	let f = t ? b : "td", p = r(() => !o || o === "none" ? null : i.value[a], [o, n]), m = s(() => {
+		if (i.__isError && i.__isError.split(":")[0] == a) return i.__isError.split(":")[1];
+	}, [i.__isError, a]);
+	return /* @__PURE__ */ d(f, {
+		...u.getCellProps(i, a, { ...l }),
+		className: J(e),
+		"data-is-error": m,
+		children: n ? typeof n == "function" ? n({
+			...u,
+			isError: m
+		}) : n : p()
+	});
+}, pt = ({ className: e, children: t, rowObject: n, tdProps: i, generateCells: a, omitHeaders: o, tdElement: s, asChild: c, ...l }) => {
+	let u = q(), f = c ? b : "tr";
+	a ??= "before";
+	let p = r(() => {
+		if (!a || a === "none") return null;
+		let e = u.getHeadersLabels().filter((e) => o ? !o?.includes(e.key) : !0).map((e) => ({
+			row: n,
+			column: e.key
+		})), t = s || "td";
+		return e.map((e) => /* @__PURE__ */ d(ft, {
+			row: e.row,
+			column: e.column,
+			asChild: !0,
+			...i,
+			children: /* @__PURE__ */ d(t, { children: e.row.value[e.column] })
+		}, e.column));
+	}, [
+		u,
+		n,
+		o,
+		s,
+		i
+	]);
+	return /* @__PURE__ */ d(f, {
+		...u.getRowProps(n, { ...l }),
+		className: J(e),
+		"data-is-error": n.__isError,
+		children: t ? typeof t == "function" ? t({
+			...u,
+			row: n
+		}) : t : p()
+	});
+}, mt = ({ className: e, asChild: t, rowProps: n, tdProps: r, children: i, ...a }) => {
+	B();
+	let o = q(), s = t ? b : "tbody", c = null;
+	return c = !i && !t ? o.currentRows.value?.map((e) => /* @__PURE__ */ d(pt, {
+		rowObject: e,
+		tdProps: r,
+		...n
+	}, e.value.__rowId)) : typeof i == "function" ? i({
+		...o,
+		currentRows: o.currentRows
+	}) : i, /* @__PURE__ */ d(s, {
+		...a,
+		className: J(e),
+		"data-role": "etl-data-view-table-body",
+		children: c
+	});
+}, ht = ({ className: e, asChild: t, children: n, column: i, generateContent: a, onClick: o, ...s }) => {
+	let c = q();
+	a ??= "before";
+	let l = t ? b : "th", u = r(() => !a || a === "none" ? null : i.label, [a, n]);
+	return /* @__PURE__ */ d(l, {
+		...c.getTableHeaderProps({
+			key: i.key,
+			label: i.label
+		}, { ...s }),
+		className: J(e),
+		children: n ? typeof n == "function" ? n({ ...c }) : n : u()
+	});
+}, gt = {
+	Context: K,
+	Root: Ze,
+	Table: {
+		Root: dt,
+		THead: ({ className: e, omitHeaders: t, generateHeaders: n, children: i, thElement: a, trElement: o, thProps: s, ...c }) => {
+			let l = q(), u = c.asChild ? b : "thead", f = a || ht, p = o || "tr";
+			n ??= "before";
+			let m = r(() => !n || n === "none" ? null : l.getHeadersLabels().filter((e) => t ? !t?.includes(e.key) : !0).map((e) => /* @__PURE__ */ d(f, {
+				...s,
+				children: e.label
+			}, e.key)), [
+				l,
+				t,
+				s,
+				f
+			]);
+			return /* @__PURE__ */ d(u, {
+				...l.getTableHeadersProps({ ...c }),
+				className: J(e),
+				children: /* @__PURE__ */ d(p, { children: i ? typeof i == "function" ? i({ ...l }) : i : m() })
+			});
+		},
+		TBody: mt,
+		HeaderCell: ht,
+		Row: pt,
+		Cell: ft
+	},
+	Pagination: {
+		Root: ut,
+		PageNumberButton: ct,
+		PageNextButton: st,
+		PagePreviousButton: lt,
+		PageLastButton: ot,
+		PageFirstButton: at
+	},
+	Edit: {
+		Root: et,
+		TriggerSubmit: nt,
+		TriggerCancel: tt,
+		NewInput: Qe,
+		PreviusInput: $e
+	},
+	RemoveTrigger: Xe,
+	Filter: it
+}, _t = ({ className: e, children: t, typeExport: n, exporter: r, ...i }) => {
+	let { getExporterExportButtonProps: a } = ze();
+	return /* @__PURE__ */ d("button", {
+		className: e,
+		...a(n, r, i),
+		children: typeof t == "function" ? t(a(n, r, i)) : t
+	});
+}, X = t(null), Z = () => {
+	let e = i(X);
+	if (!e) throw Error("useImporterContext must be used within a ImporterContext");
+	return e;
+}, vt = {
+	Root: ({ children: e, asChild: t, className: n, ...r }) => {
+		let i = Be(), a = t ? b : "div";
+		return /* @__PURE__ */ d(X.Provider, {
+			value: i,
+			children: /* @__PURE__ */ d(a, {
+				...i.getImporterRootProps(r),
+				className: J("etl-importer", n),
+				children: typeof e == "function" ? e({ ...i }) : e
+			})
+		});
+	},
+	Input: ({ asChild: e, ...t }) => {
+		let { getInputProps: n } = Z();
+		return /* @__PURE__ */ d(e ? b : "input", { ...n(t) });
+	},
+	Trigger: ({ asChild: e, children: t, ...n }) => {
+		let r = Z();
+		return /* @__PURE__ */ d(e ? b : "button", {
+			...r.getImporterTriggerProps(n),
+			children: typeof t == "function" ? t({ ...r }) : t
+		});
+	},
+	Dropzone: ({ asChild: e, children: t, className: n, ...r }) => {
+		let i = Z();
+		return /* @__PURE__ */ d(e ? b : "div", {
+			...i.getDropZoneProps(r),
+			className: J(n, i.isDragging && "dragging"),
+			children: typeof t == "function" ? t({ ...i }) : t
+		});
+	},
+	Context: X
+}, Q = t(null), yt = () => {
+	let e = i(Q);
+	if (!e) throw Error("useLayoutViewContext must be used within a LayoutViewContext");
+	return e;
+}, bt = {
+	Root: ({ children: e, asChild: t, className: n, layouts: r, ...i }) => {
+		let { state: a } = H(), o = Ve(), c = t ? b : "div", [u, f] = l(null), p = s(() => ({
+			...o,
+			Layouts: r ?? [],
+			setSelectedLayout: f,
+			selectedLayout: u,
+			state: a
+		}), [
+			o,
+			r,
+			a
+		]);
+		return /* @__PURE__ */ d(Q.Provider, {
+			value: p,
+			children: /* @__PURE__ */ d(c, {
+				...o.getLayoutViewRootProps(i),
+				className: J(n),
+				children: typeof e == "function" ? e({ ...p }) : e
+			})
+		});
+	},
+	Context: Q,
+	Selector: ({ asChild: e, className: t, placeholder: n, ...r }) => {
+		let i = yt(), a = e ? b : "select", o = (e) => {
+			let t = e.target.value, n = i.Layouts.find((e) => e.id === t);
+			i.setSelectedLayout(n ?? null);
+		};
+		return /* @__PURE__ */ f(a, {
+			...r,
+			className: J(t),
+			onChange: o,
+			"data-role": "etl-layout-view-layouts-selector",
+			children: [/* @__PURE__ */ d("option", {
+				value: "",
+				children: n ?? "Select a layout"
+			}), i.Layouts.map((e) => /* @__PURE__ */ d("option", {
+				value: e.id,
+				children: e.name
+			}, e.id))]
+		});
+	},
+	Trigger: ({ asChild: e, className: t, ...n }) => {
+		let r = e ? b : "button", i = yt(), a = i.getSelectLayoutButtonProps;
+		return /* @__PURE__ */ d(r, {
+			...a(i.selectedLayout, { ...n }),
+			className: J(t),
+			children: typeof n.children == "function" ? n.children({ ...i }) : n.children
+		});
+	}
+}, xt = n(({ asChild: e, children: t, bufferSize: n = 100, filterDebugLogs: r = !0, className: i, ...a }, o) => {
+	let { bufferLogs: s } = He(n, r), c = e ? b : "div", l;
+	return l = typeof t == "function" ? t(s) : t && !e ? t : /* @__PURE__ */ d("ul", { children: s.map((e) => /* @__PURE__ */ d("li", {
+		className: "log-view-item",
+		children: e.message
+	}, e.id + new Date(e.timestamp).getMilliseconds())) }), /* @__PURE__ */ d(c, {
+		className: J(i),
+		ref: o,
+		...a,
+		"data-role": "etl-log-view",
+		children: l
+	});
+});
+xt.displayName = "Etl.LogView";
+var St = {
+	etlMapperHeadersView: "_etlMapperHeadersView_1tfxt_3",
+	etlMapperHeadersViewHeader: "_etlMapperHeadersViewHeader_1tfxt_13"
+}, Ct = ({ className: e, ...t }) => /* @__PURE__ */ f(t.asChild ? b : "header", {
+	...t,
+	className: J(St.etlMapperHeadersViewHeader, e),
+	children: [/* @__PURE__ */ d("h4", { children: t.headersLabel || "Layout Headers" }), /* @__PURE__ */ d("h4", { children: t.rowKeysLabel || "Row Keys" })]
+}), wt = ({ header: e, rowKeys: t, onChange: n, placeholder: r, disabled: i, value: a, ...o }) => {
+	let s = o.asChild ? b : "div", c = (t) => {
+		n(e.key, t.target.value);
+	};
+	return /* @__PURE__ */ f(s, {
+		...o,
+		children: [/* @__PURE__ */ f("span", { children: [e.label, e.required ? "*" : ""] }), /* @__PURE__ */ f("select", {
+			value: a || "",
+			onChange: c,
+			disabled: i,
+			children: [/* @__PURE__ */ d("option", {
+				value: "",
+				disabled: !0,
+				children: r || "Select a header"
+			}), t.map((e) => /* @__PURE__ */ d("option", {
+				value: e,
+				children: e
+			}, e))]
+		})]
+	});
+}, Tt = t(null), $ = () => {
+	let e = i(Tt);
+	if (!e) throw Error("useMapperContext must be used within a MapperContext");
+	return e;
+}, Et = {
+	Root: ({ className: e, ...t }) => {
+		let n = W(), [r, i] = l({}), a = t.asChild ? b : "div";
+		return /* @__PURE__ */ d(Tt.Provider, {
+			value: {
+				...n,
+				headerMappings: r,
+				setHeaderMappings: i
+			},
+			children: /* @__PURE__ */ d(a, {
+				...n.getRootProps({ ...t }),
+				className: J(e),
+				children: typeof t.children == "function" ? t.children({ ...n }) : t.children
+			})
+		});
+	},
+	HeadersView: ({ className: e, headersProps: t, headersSelectorProps: n, ...r }) => {
+		let i = $(), a = r.asChild ? b : "div", o = i.headers, s = i.rowKeys, c = (e, t) => {
+			i.setHeaderMappings({
+				...i.headerMappings,
+				[e]: t
+			});
+		};
+		return /* @__PURE__ */ d(a, {
+			...i.getHeadersViewProps({ ...r }),
+			...t,
+			className: J(St.etlMapperHeadersView, e),
+			children: o.map((e) => /* @__PURE__ */ d(wt, {
+				header: e,
+				rowKeys: s,
+				value: i.headerMappings[e.key],
+				...n,
+				onChange: c
+			}, e.key))
+		});
+	},
+	Header: Ct,
+	HeaderSelector: wt,
+	TriggerConfirm: ({ className: e, ...t }) => {
+		let n = $(), r = t.asChild ? b : "button", i = () => {
+			n.setHeaderMappings({});
+		};
+		return /* @__PURE__ */ d(r, {
+			...n.getAcceptButtonProps(n.headerMappings, {
+				...t,
+				onClick: i
+			}),
+			className: J(e),
+			children: typeof t.children == "function" ? t.children({ ...n }) : t.children
+		});
+	},
+	TriggerCancel: ({ className: e, ...t }) => {
+		let n = $();
+		return /* @__PURE__ */ d(t.asChild ? b : "button", {
+			...n.getCancelButtonProps({ ...t }),
+			className: J(e),
+			children: typeof t.children == "function" ? t.children({ ...n }) : t.children
+		});
+	}
+}, Dt = ({ children: e, asChild: t, className: n, dicc: r, ...i }) => {
+	let a = t ? b : "div", { currentProgress: o, totalProgress: s } = Ge(), c = null;
+	return c = e ? typeof e == "function" ? e({
+		currentProgress: o,
+		totalProgress: s
+	}) : e : o.map((e) => /* @__PURE__ */ f("div", { children: [
+		r?.[e.label] || e.label,
+		": ",
+		e.value,
+		"%"
+	] }, e.label)), /* @__PURE__ */ d(a, {
+		className: J("ior-progress-view-root", n),
+		...i,
+		children: c
+	});
+}, Ot = () => {
+	let { reset: e } = H();
+	return { getResetButtonProps: (t) => ({
+		...t,
+		onClick: U(t.onClick, e),
+		disabled: t.disabled,
+		"data-role": "etl-reset-button"
+	}) };
+}, kt = ({ children: e, asChild: t, className: n, ...r }) => {
+	let { getResetButtonProps: i } = Ot();
+	return /* @__PURE__ */ d(t ? b : "button", {
+		...r,
+		...i(r),
+		children: e && (typeof e == "function" ? e({ getResetButtonProps: i }) : e)
+	});
+}, At = ({ asChild: e, children: t, className: n, stateDiccionary: r, ...i }) => {
+	B();
+	let { state: a } = H(), o = e ? b : "div", s;
+	if (typeof t == "function") s = t(a);
+	else if (t && !e) s = t;
+	else {
+		let e = typeof a == "string" ? a : Object.keys(a)[0];
+		s = r && r[e] || e;
+	}
+	return /* @__PURE__ */ d(o, {
+		className: J(n),
+		...i,
+		"data-role": "etl-state-view",
+		children: s
+	});
+}, jt = ({ configs: e, children: t, asChild: n, ...r }) => {
+	B();
+	let i = Ie(e), a = qe(i), o = n ? b : "div", s = null;
+	return s = typeof t == "function" ? t(i) : t, /* @__PURE__ */ d(V.Provider, {
+		value: {
+			...i,
+			...a
+		},
+		children: /* @__PURE__ */ d(o, {
+			...r,
+			children: s
+		})
+	});
+}, Mt = ({ children: e, isChild: t, ...n }) => {
+	let r = G();
+	return /* @__PURE__ */ d(t ? b : "div", {
+		...n,
+		children: typeof e == "function" ? e(r) : e
+	});
+}, Nt = ({ children: e, isChild: t, ...n }) => {
+	let { getCancelRecoveryButtonProps: r } = G();
+	return /* @__PURE__ */ d(t ? b : "button", {
+		...n,
+		...r(n),
+		children: typeof e == "function" ? e() : e
+	});
+}, Pt = ({ children: e, isChild: t, ...n }) => {
+	let { getAcceptRecoveryButtonProps: r } = G();
+	return /* @__PURE__ */ d(t ? b : "button", {
+		...n,
+		...r(n),
+		children: typeof e == "function" ? e() : e
+	});
+}, Ft = {
+	Root: jt,
+	Importer: vt,
+	StateView: At,
+	Layout: bt,
+	LogView: xt,
+	DataView: gt,
+	ResetButton: kt,
+	Exporter: _t,
+	Mapper: Et,
+	Progress: Dt,
+	Recover: () => {
+		let { recoverStep: e, recoveryPoint: t } = G();
+		if (e === m.RECOVERING.WAITING_TO_CHOOSE_RECOVER) {
+			let e = t?.value;
+			return /* @__PURE__ */ f(Mt, {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ f("div", {
+					className: "flex gap-3 items-center ",
+					children: [/* @__PURE__ */ d("h3", {
+						className: "font-semibold",
+						children: "Detected a recovery point:"
+					}), /* @__PURE__ */ f("div", {
+						className: "flex gap-1 items-center ",
+						children: [/* @__PURE__ */ d("small", {
+							className: "text-gray-500",
+							children: "File name:"
+						}), /* @__PURE__ */ d("span", { children: e?.fileName })]
+					})]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex flex-col gap-2 border border-gray-200 rounded-md p-2 w-min",
+					children: [/* @__PURE__ */ d("p", {
+						className: "text-nowrap",
+						children: "Would you like to recover from the recovery point?"
+					}), /* @__PURE__ */ f("div", {
+						className: "flex gap-1 justify-end",
+						children: [/* @__PURE__ */ d(Nt, {
+							className: "!bg-red-500 !hover:bg-red-400 transition-colors duration-300    ",
+							children: "Skip"
+						}), /* @__PURE__ */ d(Pt, { children: "Recover" })]
+					})]
+				})]
+			});
+		}
+		return null;
+	},
+	AbortButton: Je
+};
+//#endregion
+export { Ft as Etl, V as EtlContext, U as callAll, Le as useAbortButton, Re as useDataView, H as useEtlContext, Ie as useEtlOrchestrator, Ke as useEtlState, ze as useExporter, Be as useImporter, Ve as useLayoutView, He as useLogView, W as useMapperProps, Ue as useMetrics, We as useNotifications, Ge as useProgress, G as useRecoveryView, qe as useStepsFlgs };