treege 3.0.0-beta.80 → 3.0.0-beta.81

package/dist/renderer.js

@@ -1,5 +1,5 @@
-import { B as e, M as t, N as n, a as r, c as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, r as f, s as p, t as m } from "./ThemeContext-DeWmeqHK.js";
-import { C as h, L as g, S as _, _ as v, a as y, b, c as x, d as S, g as C, h as w, i as T, m as E, n as D, o as O, r as k, u as A, v as j, x as M, y as N } from "./DefaultSubmitButton-Bk5U_6Qm.js";
-import { a as P, c as F, i as I, l as L, n as R, o as z, r as B, s as V } from "./useRenderNode-BZ7fZJxT.js";
-import { i as H, n as U, r as W, t as G } from "./renderer-CN83AtIp.js";
-export { h as DefaultAddressInput, _ as DefaultAutocompleteInput, M as DefaultCheckboxInput, b as DefaultDateInput, N as DefaultDateRangeInput, j as DefaultFileInput, v as DefaultHiddenInput, C as DefaultHttpInput, g as DefaultInputLabel, w as DefaultNumberInput, E as DefaultPasswordInput, S as DefaultRadioInput, A as DefaultSelectInput, x as DefaultSwitchInput, O as DefaultTextAreaInput, y as DefaultTextInput, T as DefaultTimeInput, k as DefaultTimeRangeInput, U as Divider, m as ThemeProvider, W as Title, G as TreegeRenderer, F as TreegeRendererProvider, f as applyReferenceTransformation, s as buildInitialFormValues, r as calculateReferenceFieldUpdates, d as checkFormFieldHasValue, p as convertFormValuesToNamedFormat, D as defaultInputRenderers, H as defaultUI, z as evaluateCondition, V as evaluateConditions, l as fileToSerializable, o as filesToSerializable, B as findStartNode, I as getFlowRenderState, e as getTranslatedText, i as isFieldEmpty, P as isStartNode, c as resolveNodeDefaultValue, t as sanitize, n as sanitizeHttpResponse, a as serializableToFile, u as useTheme, R as useTreegeRenderer, L as useTreegeRendererConfig };
+import { F as e, H as t, P as n, _ as r, a as i, c as a, g as o, h as s, i as c, l, m as u, n as d, o as f, r as p, s as m, t as h, v as g } from "./ThemeContext-BgTIhoK6.js";
+import { C as _, L as v, S as y, _ as b, a as x, b as S, c as C, d as w, g as T, h as E, i as D, m as O, n as k, o as A, r as j, u as M, v as N, x as P, y as F } from "./DefaultSubmitButton-Dg9GPvh-.js";
+import { a as I, c as L, i as R, l as z, n as B, o as V, r as H, s as U } from "./useRenderNode-B1sfwbia.js";
+import { i as W, n as G, r as K, t as q } from "./renderer-DI6nF4St.js";
+export { _ as DefaultAddressInput, y as DefaultAutocompleteInput, P as DefaultCheckboxInput, S as DefaultDateInput, F as DefaultDateRangeInput, N as DefaultFileInput, b as DefaultHiddenInput, T as DefaultHttpInput, v as DefaultInputLabel, E as DefaultNumberInput, O as DefaultPasswordInput, w as DefaultRadioInput, M as DefaultSelectInput, C as DefaultSwitchInput, A as DefaultTextAreaInput, x as DefaultTextInput, D as DefaultTimeInput, j as DefaultTimeRangeInput, G as Divider, h as ThemeProvider, K as Title, q as TreegeRenderer, L as TreegeRendererProvider, p as applyReferenceTransformation, c as buildInitialFormValues, i as calculateReferenceFieldUpdates, f as checkFormFieldHasValue, m as convertFormValuesToNamedFormat, k as defaultInputRenderers, W as defaultUI, V as evaluateCondition, U as evaluateConditions, u as fileToSerializable, s as filesToSerializable, H as findStartNode, o as formatFileSize, R as getFlowRenderState, t as getTranslatedText, a as isFieldEmpty, I as isStartNode, r as normalizeSerializableFiles, l as resolveNodeDefaultValue, n as sanitize, e as sanitizeHttpResponse, g as serializableToFile, d as useTheme, B as useTreegeRenderer, z as useTreegeRendererConfig };

package/dist/shared/locales/ar.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "فشل في اختيار الملف",
       "filePickerUnavailable": "اختيار الملفات غير متاح. يرجى تثبيت react-native-document-picker.",
       "newAnswer": "إجابة جديدة...",
+      "removeFile": "إزالة الملف",
       "replaceFile": "استبدال الملف",
       "required": "*",
       "selectDate": "اختر التاريخ",

package/dist/shared/locales/de.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "Fehler beim Auswählen der Datei",
       "filePickerUnavailable": "Dateiauswahl nicht verfügbar. Bitte installieren Sie react-native-document-picker.",
       "newAnswer": "Neue Antwort...",
+      "removeFile": "Datei entfernen",
       "replaceFile": "Datei ersetzen",
       "required": "*",
       "selectDate": "Datum auswählen",

package/dist/shared/locales/en.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "Failed to select file",
       "filePickerUnavailable": "File selection unavailable. Please install react-native-document-picker.",
       "newAnswer": "New answer...",
+      "removeFile": "Remove file",
       "replaceFile": "Replace file",
       "required": "*",
       "selectDate": "Select date",

package/dist/shared/locales/es.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "Error al seleccionar archivo",
       "filePickerUnavailable": "Selección de archivos no disponible. Instale react-native-document-picker.",
       "newAnswer": "Nueva respuesta...",
+      "removeFile": "Eliminar archivo",
       "replaceFile": "Reemplazar archivo",
       "required": "*",
       "selectDate": "Seleccionar fecha",

package/dist/shared/locales/fr.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "Échec de la sélection du fichier",
       "filePickerUnavailable": "Sélection de fichier indisponible. Veuillez installer react-native-document-picker.",
       "newAnswer": "Nouvelle réponse...",
+      "removeFile": "Supprimer le fichier",
       "replaceFile": "Remplacer le fichier",
       "required": "*",
       "selectDate": "Sélectionner une date",

package/dist/shared/locales/it.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "Errore nella selezione del file",
       "filePickerUnavailable": "Selezione file non disponibile. Installare react-native-document-picker.",
       "newAnswer": "Nuova risposta...",
+      "removeFile": "Rimuovi file",
       "replaceFile": "Sostituisci file",
       "required": "*",
       "selectDate": "Seleziona data",

package/dist/shared/locales/pt.json.d.ts

@@ -429,6 +429,7 @@ declare const _default: {
       "filePickerError": "Falha ao selecionar arquivo",
       "filePickerUnavailable": "Seleção de arquivo indisponível. Instale react-native-document-picker.",
       "newAnswer": "Nova resposta...",
+      "removeFile": "Remover arquivo",
       "replaceFile": "Substituir arquivo",
       "required": "*",
       "selectDate": "Selecionar data",

package/dist/shared/types/file.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Represents a serializable file object.
+ *
+ * `data` holds the file content as a base64 data-URL on web, or a file URI on
+ * native. This shape is used both as a runtime file-input value and as an
+ * editor-configurable default value for `file` inputs.
+ */
+export interface SerializableFile {
+    name: string;
+    size: number;
+    type: string;
+    lastModified: number;
+    data: string;
+}

package/dist/shared/types/node.d.ts

@@ -1,6 +1,7 @@
 import { Edge, Node } from '@xyflow/react';
 import { INPUT_TYPE } from '../constants/inputType';
 import { UI_TYPE } from '../constants/uiType';
+import { SerializableFile } from './file';
 import { Translatable } from './translate';
 export type UIType = (typeof UI_TYPE)[keyof typeof UI_TYPE];
 export type InputType = (typeof INPUT_TYPE)[keyof typeof INPUT_TYPE];
@@ -255,7 +256,7 @@ export type InputNodeData = BaseNodeData & {
      */
     defaultValue?: null | {
         type?: "static" | "reference";
-        staticValue?: string | string[] | boolean;
+        staticValue?: string | string[] | boolean | SerializableFile | SerializableFile[];
         referenceField?: string;
         transformFunction?: null | "toString" | "toNumber" | "toBoolean" | "toArray" | "toObject";
         objectMapping?: Array<{

package/dist/useRenderNode-B1sfwbia.js

@@ -0,0 +1,527 @@
+import { A as e, D as t, E as n, G as r, H as i, N as a, O as o, P as s, R as c, U as l, W as u, a as d, c as f, d as p, f as m, i as h, j as g, k as _, l as v, o as y, p as b, s as x, u as S, x as C, z as w } from "./ThemeContext-BgTIhoK6.js";
+import { Fragment as T, createContext as E, useCallback as D, useContext as O, useEffect as k, useMemo as A, useRef as j, useState as M } from "react";
+import { jsx as N } from "react/jsx-runtime";
+//#region src/renderer/context/TreegeRendererProvider.tsx
+var P = E(void 0), ee = () => O(P), F = ({ children: e, ...t }) => /* @__PURE__ */ N(P.Provider, {
+	value: t,
+	children: e
+}), I = async (r, i, a, s, c) => {
+	if (!r.url || r.url.trim() === "") return {
+		error: "No URL configured for submission",
+		success: !1
+	};
+	let l = g(_(r.url, i, { encode: !0 }), c);
+	if (!l || l.trim() === "") return {
+		error: "Invalid URL after template replacement",
+		success: !1
+	};
+	let u = r.payloadTemplate ? C(r.payloadTemplate, i, a) : void 0, d = await n({
+		body: u === void 0 ? r.sendAllFormValues ? JSON.stringify(x(i, a)) : void 0 : JSON.stringify(u),
+		headers: t(e(s, i), e(r.headers, i)),
+		method: r.method || "POST",
+		queryParams: e(r.queryParams, i),
+		url: l
+	});
+	if (!d.success) return {
+		data: d.data,
+		error: d.error,
+		success: !1
+	};
+	let f = r.redirectUrl ? (() => {
+		let e = o(r.redirectUrl, d.data);
+		return e && e.trim() !== "" ? e : void 0;
+	})() : void 0;
+	return {
+		data: d.data,
+		redirectUrl: f,
+		success: !0
+	};
+}, L = (e) => {
+	e && (e.startsWith("http://") || e.startsWith("https://") ? window.location.href = e : window.history?.pushState ? (window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = e);
+}, te = (e, t, n, r, a, o) => {
+	let [s, c] = M(!1), [l, d] = M(null), f = A(() => {
+		let t = e.find((e) => u(e) && e.data?.type === "submit");
+		return t && u(t) ? t : null;
+	}, [e]), p = D(async (e) => {
+		if (!f?.data?.submitConfig) return null;
+		let s = f.data.submitConfig;
+		if (!s.url || s.url.trim() === "") return null;
+		d(null), s.showLoading !== !1 && c(!0);
+		try {
+			let c = await I(s, t, r, a, o);
+			if (c.success) {
+				let t = i(s.successMessage, n);
+				if (t && d({
+					message: t,
+					type: "success"
+				}), e && e(c.data), c.redirectUrl) {
+					let e = c.redirectUrl;
+					setTimeout(() => L(e), 1e3);
+				}
+			} else d({
+				message: i(s.errorMessage, n) || c.error || "An error occurred during submission",
+				type: "error"
+			});
+			return c;
+		} catch (e) {
+			let t = i(s.errorMessage, n) || (e instanceof Error ? e.message : "An unexpected error occurred");
+			return d({
+				message: t,
+				type: "error"
+			}), {
+				error: t,
+				success: !1
+			};
+		} finally {
+			c(!1);
+		}
+	}, [
+		f,
+		t,
+		n,
+		r,
+		a,
+		o
+	]);
+	return {
+		clearSubmitMessage: D(() => {
+			d(null);
+		}, []),
+		handleSubmitWithConfig: p,
+		hasSubmitConfig: !!f?.data?.submitConfig,
+		isSubmitting: s,
+		submitButtonNode: f,
+		submitMessage: l
+	};
+}, R = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), z = (e, t, n) => {
+	let r = R(e), i = R(t);
+	if (r === null || i === null) switch (n) {
+		case "===": return r === i;
+		case "!==": return r !== i;
+		default: return !1;
+	}
+	if ([
+		">",
+		"<",
+		">=",
+		"<="
+	].includes(n)) {
+		let e = Number(r), t = Number(i);
+		if (!(Number.isNaN(e) || Number.isNaN(t))) switch (n) {
+			case ">": return e > t;
+			case "<": return e < t;
+			case ">=": return e >= t;
+			case "<=": return e <= t;
+			default: return !1;
+		}
+		return !1;
+	}
+	switch (n) {
+		case "===": {
+			let e = Number(r), t = Number(i);
+			return Number.isNaN(e) || Number.isNaN(t) ? String(r) === String(i) : e === t;
+		}
+		case "!==": {
+			let e = Number(r), t = Number(i);
+			return Number.isNaN(e) || Number.isNaN(t) ? String(r) !== String(i) : e !== t;
+		}
+		default: return !1;
+	}
+}, B = (e, t, n) => {
+	let { field: r, operator: i, value: a } = e;
+	if (!(r && i) || a === void 0) return !0;
+	let o = t[r], s = o === void 0 && n ? n.get(r) : void 0, c = s && u(s) ? t[s.id] : o;
+	return Array.isArray(c) ? i === "===" ? c.some((e) => z(e, a, "===")) || z(c, a, "===") : i === "!==" ? c.every((e) => z(e, a, "!==")) && z(c, a, "!==") : c.some((e) => z(e, a, i)) : z(c, a, i);
+}, V = (e, t, n) => {
+	if (!e || e.length === 0) return !0;
+	if (e.length === 1) return B(e[0], t, n);
+	let r = B(e[0], t, n);
+	for (let i = 1; i < e.length; i += 1) {
+		let a = e[i], o = B(a, t, n), s = e[i - 1].logicalOperator || w.AND;
+		if (s === w.AND) {
+			if (r &&= o, !r) return !1;
+		} else if (s === w.OR && (r ||= o, r)) return !0;
+	}
+	return r;
+}, ne = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let n = t.get(e.source);
+		n ? n.push(e) : t.set(e.source, [e]);
+	}), t;
+}, re = (e, t, n) => {
+	let r = [], i = [], a = [];
+	e.forEach((e) => {
+		let t = e.data?.isFallback, n = e.data?.conditions?.length;
+		t ? a.push(e) : n ? i.push(e) : r.push(e);
+	});
+	let o = [...r];
+	if (i.length === 0) return a.length > 0 && o.length === 0 && o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: !1
+	};
+	if (!i.every((e) => {
+		let r = e.data?.conditions;
+		return r ? r.every((e) => {
+			if (!e.field) return !0;
+			let r = n.get(e.field);
+			return y(u(r) ? r.id : e.field, t);
+		}) : !1;
+	})) return a.length > 0 && o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: o.length === 0
+	};
+	let s = i.filter((e) => V(e.data?.conditions, t, n));
+	return s.length > 0 ? (o.push(...s), {
+		edgesToFollow: o,
+		waitingForInput: !1
+	}) : (o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: !1
+	});
+}, H = (e, t) => !t.some((t) => t.target === e), U = (e, t) => {
+	let n = e.filter((e) => H(e.id, t));
+	return n.find(u) || n[0];
+}, W = (e, t, n = /* @__PURE__ */ new Set()) => !e || n.has(e) ? [] : (n.add(e), [e, ...W(t.get(e)?.parentId, t, n)]), G = (e, t, n, r) => {
+	e.forEach((e) => {
+		let i = n.get(e);
+		W(r.get(e)?.parentId, r).forEach((e) => {
+			t.add(e), !n.has(e) && i !== void 0 && n.set(e, i);
+		});
+	});
+}, ie = (e, t, n) => {
+	let r = U(e, t);
+	if (!r) return {
+		endOfPathReached: !0,
+		visibleNodeIds: /* @__PURE__ */ new Set(),
+		visibleNodes: [],
+		visibleRootNodes: []
+	};
+	let i = new Map(e.map((e) => [e.id, e])), a = ne(t), o = [], s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = !1, u = (e) => {
+		if (c.has(e)) return;
+		c.add(e);
+		let t = i.get(e);
+		if (!t) return;
+		s.add(e), o.push(t);
+		let { edgesToFollow: r, waitingForInput: d } = re(a.get(e) || [], n, i);
+		if (d) {
+			l = !0;
+			return;
+		}
+		r.forEach((e) => {
+			u(e.target);
+		});
+	};
+	u(r.id);
+	let d = new Map(o.map((e, t) => [e.id, t])), f = new Set(s);
+	G(s, f, d, i);
+	let p = e.filter((e) => f.has(e.id)).sort((e, t) => (d.get(e.id) ?? 2 ** 53 - 1) - (d.get(t.id) ?? 2 ** 53 - 1)), m = p.filter((e) => !(e.parentId && f.has(e.parentId)));
+	return {
+		endOfPathReached: !l,
+		visibleNodeIds: f,
+		visibleNodes: p,
+		visibleRootNodes: m
+	};
+}, ae = (e) => e.filter((e) => !l(e)).reduce((e, t) => {
+	let n = t.parentId ?? null, r = e.at(-1);
+	return r && r.groupId === n ? [...e.slice(0, -1), {
+		...r,
+		nodes: [...r.nodes, t]
+	}] : [...e, {
+		groupId: n,
+		nodes: [t]
+	}];
+}, []), K = (e) => {
+	if (typeof e != "object" || !e) return JSON.stringify(e) ?? "null";
+	if (Array.isArray(e)) return `[${e.map(K).join(",")}]`;
+	let t = e;
+	return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${K(t[e])}`).join(",")}}`;
+}, oe = ({ baseUrl: e, components: n, flow: r, googleApiKey: i, headers: o, language: s, onChange: c, onSubmit: p, showPoweredBy: m, theme: g, validate: _, validationMode: y, initialValues: b = {} }) => {
+	let w = ee(), T = A(() => ({
+		baseUrl: e ?? w?.baseUrl,
+		components: {
+			form: n?.form ?? w?.components?.form,
+			inputs: {
+				...w?.components?.inputs,
+				...n?.inputs
+			},
+			loadingSkeleton: n?.loadingSkeleton ?? w?.components?.loadingSkeleton,
+			step: n?.step ?? w?.components?.step,
+			submitButton: n?.submitButton ?? w?.components?.submitButton,
+			submitButtonWrapper: n?.submitButtonWrapper ?? w?.components?.submitButtonWrapper,
+			ui: {
+				...w?.components?.ui,
+				...n?.ui
+			}
+		},
+		googleApiKey: i ?? w?.googleApiKey,
+		headers: t(w?.headers, o),
+		language: s ?? w?.language ?? "en",
+		showPoweredBy: m ?? w?.showPoweredBy ?? !0,
+		theme: g ?? w?.theme ?? "dark",
+		validationMode: y ?? w?.validationMode ?? "onSubmit"
+	}), [
+		e,
+		n,
+		w,
+		i,
+		o,
+		s,
+		m,
+		g,
+		y
+	]), E = A(() => r?.nodes ?? [], [r]), O = A(() => r?.edges ?? [], [r]), N = A(() => S(E), [E]), P = a(T.language), F = j({}), I = j(null), [L, R] = M({}), [z, B] = M(() => h(b, N)), V = A(() => K(b), [b]), ne = j(V), { endOfPathReached: re, visibleNodes: H, visibleRootNodes: U } = A(() => ie(E, O, z), [
+		E,
+		O,
+		z
+	]), W = A(() => S(H), [H]), G = A(() => ae(H), [H]), oe = A(() => {
+		let e = /* @__PURE__ */ new Map();
+		return E.forEach((t) => {
+			l(t) && e.set(t.id, t);
+		}), e;
+	}, [E]), [q, J] = M(0), Y = G.length === 0 ? 0 : Math.min(q, G.length - 1), X = G[Y], se = X?.groupId ? oe.get(X.groupId) : void 0, ce = Y === 0, le = G.length === 0 || Y >= G.length - 1, { clearSubmitMessage: ue, handleSubmitWithConfig: de, hasSubmitConfig: fe, isSubmitting: pe, submitButtonNode: me, submitMessage: he } = te(H, z, T.language, W, T.headers, T.baseUrl), ge = j(c), _e = j(_), Z = A(() => x(z, W), [z, W]), Q = A(() => {
+		let e = me?.data?.submitConfig?.payloadTemplate;
+		return e ? C(e, z, W) ?? Z : Z;
+	}, [
+		me,
+		z,
+		W,
+		Z
+	]), ve = D((e, t) => {
+		B((n) => ({
+			...n,
+			[e]: t
+		})), R((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, []), ye = D((e) => {
+		Object.keys(e).length !== 0 && (B((t) => ({
+			...t,
+			...e
+		})), R((t) => {
+			let n = { ...t };
+			return Object.keys(e).forEach((e) => {
+				delete n[e];
+			}), n;
+		}));
+	}, []), $ = D((e) => {
+		let t = {};
+		H.forEach((e) => {
+			if (u(e)) {
+				let n = e.id, r = z[n];
+				if (e.data.required && f(r)) {
+					t[n] = P(e.data.errorMessage) || P("validation.required");
+					return;
+				}
+				if (!f(r) && e.data.pattern) try {
+					new RegExp(e.data.pattern).test(String(r)) || (t[n] = P(e.data.errorMessage) || P("validation.invalidFormat"));
+				} catch (e) {
+					console.error(`Invalid pattern for field ${n}:`, e);
+				}
+			}
+		});
+		let n = e ? e(z, H) : {}, r = {
+			...t,
+			...n
+		};
+		return R(r), {
+			errors: r,
+			hasCustomErrors: Object.keys(n).length > 0,
+			isValid: Object.keys(r).length === 0
+		};
+	}, [
+		H,
+		z,
+		P
+	]), be = D(() => {
+		J((e) => e >= G.length - 1 ? e : e + 1);
+	}, [G.length]), xe = D(() => {
+		J((e) => Math.max(0, e - 1));
+	}, []), Se = D(async () => {
+		let { isValid: e } = $(_e.current);
+		if (!e) return !1;
+		if (fe) {
+			let e = await de((e) => {
+				p && p(Q, { httpResponse: e });
+			});
+			if (e === null) return p?.(Q), !0;
+			if (!e.success) return !0;
+		} else p && p(Q);
+		return !0;
+	}, [
+		$,
+		fe,
+		de,
+		p,
+		Q
+	]), Ce = A(() => {
+		if (!X) return [];
+		let e = [];
+		return X.nodes.forEach((t) => {
+			u(t) && t.data.type !== "submit" && t.data.required && f(z[t.id]) && e.push(P(t.data.label) || t.id);
+		}), e;
+	}, [
+		X,
+		z,
+		P
+	]), we = A(() => H.some((e) => u(e) && e.data.type === "submit"), [H]), Te = A(() => X ? X.nodes.every((e) => !u(e) || !e.data.required || e.data.type === "submit" ? !0 : !f(z[e.id])) : !1, [X, z]), Ee = A(() => {
+		let e = Object.keys(L);
+		return e.length > 0 ? e[0] : void 0;
+	}, [L]);
+	return k(() => {
+		if (G.length === 0) {
+			q !== 0 && J(0);
+			return;
+		}
+		q > G.length - 1 && J(G.length - 1);
+	}, [G.length, q]), k(() => {
+		ge.current = c;
+	}, [c]), k(() => {
+		_e.current = _;
+	}, [_]), k(() => {
+		ge.current?.(Z);
+	}, [Z]), k(() => {
+		T.validationMode === "onChange" && $(_e.current);
+	}, [T.validationMode, $]), k(() => {
+		let e = d(N, z, F.current);
+		Object.keys(e).length > 0 && ye(e), F.current = z;
+	}, [
+		z,
+		N,
+		ye
+	]), k(() => {
+		let e = I.current, t = new Set(W.map((e) => e.id));
+		if (I.current = t, !e) return;
+		let n = [...e].filter((e) => !t.has(e)), r = {};
+		W.forEach((t) => {
+			if (e.has(t.id) || z[t.id] !== void 0) return;
+			let n = v(t, z);
+			n !== void 0 && (r[t.id] = n);
+		}), !(n.length === 0 && Object.keys(r).length === 0) && (B((e) => {
+			let t = {
+				...e,
+				...r
+			};
+			return n.forEach((e) => {
+				delete t[e];
+			}), t;
+		}), n.length > 0 && R((e) => {
+			let t = !1, r = { ...e };
+			return n.forEach((e) => {
+				e in r && (delete r[e], t = !0);
+			}), t ? r : e;
+		}));
+	}, [W, z]), k(() => {
+		ne.current !== V && (ne.current = V, B(h(b, N)), R({}), I.current = null);
+	}, [
+		V,
+		b,
+		N
+	]), {
+		canContinueStep: Te,
+		canSubmit: (we || re) && E.length > 0,
+		clearSubmitMessage: ue,
+		config: T,
+		currentStep: X,
+		currentStepGroupNode: se,
+		currentStepIndex: Y,
+		firstErrorFieldId: Ee,
+		formErrors: L,
+		formValues: z,
+		goToNextStep: be,
+		goToPreviousStep: xe,
+		handleSubmit: Se,
+		hasSubmitInput: we,
+		inputNodes: N,
+		isFirstStep: ce,
+		isLastStep: le,
+		isSubmitting: pe,
+		missingRequiredFields: Ce,
+		prevFormValuesRef: F,
+		setFieldErrors: R,
+		setFieldValue: ve,
+		setMultipleFieldValues: ye,
+		steps: G,
+		submitMessage: he,
+		t: P,
+		validateForm: $,
+		visibleNodes: H,
+		visibleRootNodes: U
+	};
+}, q = /\{\{([\w-]+)}}/g, J = (e) => e == null || e === "", Y = (...e) => {
+	let t = [];
+	for (let n of e) if (n) for (let e of n.matchAll(q)) t.includes(e[1]) || t.push(e[1]);
+	return t;
+}, X = (e) => {
+	let t = e.data.httpConfig ?? e.data.optionsSource;
+	if (!t) return [];
+	let n = Object.values(t.queryParams ?? {});
+	return Y(t.url, t.body, ...n);
+}, se = (e, t, n, r) => X(e).filter((e) => J(t[e])).map((e) => {
+	let t = n.find((t) => t.id === e);
+	return {
+		id: e,
+		label: t ? b(t, r) : e
+	};
+}), ce = ({ DefaultFormWrapper: e, DefaultInputLabel: t, DefaultInputWrapper: n, DefaultSubmitButton: a, DefaultSubmitButtonWrapper: o, config: l, defaultInputRenderers: d, defaultUI: f, formErrors: h, formValues: g, inputNodes: _, isSubmitting: v, missingRequiredFields: y, setFieldValue: b }) => {
+	let x = A(() => l.components.form || e, [l.components.form, e]), S = A(() => l.components.submitButton || a, [l.components.submitButton, a]), C = A(() => l.components.submitButtonWrapper || o || T, [l.components.submitButtonWrapper, o]), w = A(() => l.components.inputLabel || t, [l.components.inputLabel, t]);
+	return {
+		FormWrapper: x,
+		renderNode: D(function(e) {
+			let { type: t } = e;
+			switch (t) {
+				case c.input: {
+					if (!u(e)) return null;
+					let t = e.data, r = t.type || "text", a = l.components.inputs?.[r], o = d[r], c = a || o, f = e.id, x = (e) => b(f, e), S = g[f], C = h[f], T = i(t.label, l.language), E = p(t, l.language), D = i(t.helperText, l.language), O = m(e), k = s(T), A = s(E), j = s(D);
+					return c ? /* @__PURE__ */ N(n, {
+						node: e,
+						children: /* @__PURE__ */ N(c, {
+							field: {
+								"aria-invalid": C ? !0 : void 0,
+								id: e.id,
+								name: O,
+								placeholder: A,
+								required: t.required,
+								value: S
+							},
+							extra: {
+								error: C,
+								helperText: j,
+								InputLabel: w,
+								isSubmitting: v,
+								label: k,
+								missingDependencies: se(e, g, _, l.language),
+								missingRequiredFields: y,
+								node: e,
+								setValue: x
+							}
+						}, r)
+					}, e.id) : (console.warn("No renderer found for input type:", r), null);
+				}
+				case c.group: return null;
+				case c.ui: {
+					if (!r(e)) return null;
+					let t = e.data.type || "title", n = l.components.ui?.[t], i = f[t], a = n || i;
+					return a ? /* @__PURE__ */ N(a, { node: e }, e.id) : null;
+				}
+				default: return console.warn("Unknown node type:", t), null;
+			}
+		}, [
+			l,
+			g,
+			h,
+			b,
+			v,
+			y,
+			_,
+			d,
+			f,
+			n
+		]),
+		SubmitButton: S,
+		SubmitButtonWrapper: C
+	};
+};
+//#endregion
+export { H as a, F as c, ie as i, ee as l, oe as n, B as o, U as r, V as s, ce as t };

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.80",
+  "version": "3.0.0-beta.81",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",