treege 3.0.0-beta.86 → 3.0.0-beta.88

package/dist/renderer-native.js

@@ -1,6 +1,6 @@
 import { D as e, F as t, G as n, J as r, M as i, N as a, P as o, R as s, T as c, _ as l, a as u, b as d, c as f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, v as w, w as T, x as E, y as D, z as ee } from "./ThemeContext-BnPOFQC7.js";
-import { a as O, c as k, i as A, l as j, n as te, o as ne, r as re, s as ie, t as M } from "./useRenderNode-DQ5lvXuj.js";
-import { useCallback as ae, useEffect as oe, useMemo as se, useRef as N, useState as P } from "react";
+import { a as O, c as k, i as A, l as te, n as ne, o as re, r as ie, s as ae, t as j } from "./useRenderNode-CgDdKXTw.js";
+import { useCallback as oe, useEffect as M, useMemo as se, useRef as N, useState as P } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { ActivityIndicator as ce, Alert as R, Animated as le, FlatList as ue, Image as de, Modal as fe, ScrollView as pe, StyleSheet as z, Switch as me, Text as B, TextInput as he, TouchableOpacity as V, View as H } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
@@ -53,12 +53,12 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		return console.error("Google Places fetch error:", e), [];
 	}
 }, Se = ({ field: e, extra: n }) => {
-	let [r, i] = P(""), [a, o] = P([]), [s, c] = P(!1), [l, u] = P(!1), { value: d, placeholder: f, id: p, name: m } = e, { InputLabel: h, node: g, setValue: _, error: v, label: b, helperText: x } = n, { language: S, googleApiKey: C } = ee(), w = t(), { colors: T } = y(), E = ae((e) => {
+	let [r, i] = P(""), [a, o] = P([]), [s, c] = P(!1), [l, u] = P(!1), { value: d, placeholder: f, id: p, name: m } = e, { InputLabel: h, node: g, setValue: _, error: v, label: b, helperText: x } = n, { language: S, googleApiKey: C } = ee(), w = t(), { colors: T } = y(), E = oe((e) => {
 		_(e.value), i(""), c(!1), o([]);
 	}, [_]), D = () => {
 		c(!1);
 	};
-	return oe(() => {
+	return M(() => {
 		if (!r || r.trim().length < 3) {
 			o([]), u(!1);
 			return;
@@ -771,7 +771,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [b, S]), E = ae((e) => {
+	}, [b, S]), E = oe((e) => {
 		c.data.disablePast && e < v || (l(e.toISOString()), i(!1));
 	}, [
 		c.data.disablePast,
@@ -1071,7 +1071,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [C, T]), O = ae((e) => {
+	}, [C, T]), O = oe((e) => {
 		l.data.disablePast && e < S || (a ? (u([e.toISOString(), v?.toISOString()]), o(!1)) : (u(_ && e < _ ? [e.toISOString(), _.toISOString()] : [_?.toISOString(), e.toISOString()]), i(!1), o(!0)));
 	}, [
 		l.data.disablePast,
@@ -1084,7 +1084,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		T === 0 ? (E(11), w(C - 1)) : E(T - 1);
 	}, A = () => {
 		T === 11 ? (E(0), w(C + 1)) : E(T + 1);
-	}, j = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : m("renderer.defaultInputs.selectDateRange"), te = (e) => l.data.disablePast ? e < S : !1, ne = (e) => _ && v ? e >= _ && e <= v : !1, re = (e) => {
+	}, te = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : m("renderer.defaultInputs.selectDateRange"), ne = (e) => l.data.disablePast ? e < S : !1, re = (e) => _ && v ? e >= _ && e <= v : !1, ie = (e) => {
 		if (!(_ || v)) return !1;
 		let t = _ && e.getDate() === _.getDate() && e.getMonth() === _.getMonth() && e.getFullYear() === _.getFullYear(), n = v && e.getDate() === v.getDate() && e.getMonth() === v.getMonth() && e.getFullYear() === v.getFullYear();
 		return t || n;
@@ -1114,7 +1114,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 						!_ && { color: h.textMuted }
 					],
 					numberOfLines: 1,
-					children: j()
+					children: te()
 				}), /* @__PURE__ */ I(B, {
 					style: q.icon,
 					children: "📅"
@@ -1206,7 +1206,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = te(e.date), n = ne(e.date), r = re(e.date);
+									let t = ne(e.date), n = re(e.date), r = ie(e.date);
 									return /* @__PURE__ */ I(V, {
 										style: [
 											q.dayCell,
@@ -1358,7 +1358,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		marginBottom: 8
 	}
 }), ke = ({ field: e, extra: n }) => {
-	let [r, i] = P(null), [a, o] = P(!0), { value: s } = e, { InputLabel: c, node: u, setValue: d, error: f, label: p, helperText: m } = n, { colors: h } = y(), g = t(), _ = D(s), v = u.data.multiple, b = ae(async () => {
+	let [r, i] = P(null), [a, o] = P(!0), { value: s } = e, { InputLabel: c, node: u, setValue: d, error: f, label: p, helperText: m } = n, { colors: h } = y(), g = t(), _ = D(s), v = u.data.multiple, b = oe(async () => {
 		if (r) try {
 			let e = (await r({ allowMultiSelection: v })).map((e) => ({
 				data: e.uri,
@@ -1377,11 +1377,11 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		v,
 		d,
 		g
-	]), x = ae((e) => {
+	]), x = oe((e) => {
 		let t = _.filter((t, n) => n !== e);
 		d(t.length > 0 ? t : null);
 	}, [_, d]);
-	return oe(() => {
+	return M(() => {
 		(async () => {
 			try {
 				let { pick: e } = await import("react-native-document-picker");
@@ -1595,11 +1595,11 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
 }), Ve = ({ field: n, extra: r }) => {
-	let [s, l] = P(!1), [u, d] = P(null), [f, p] = P([]), [m, h] = P(""), [_, v] = P(!1), { value: b, placeholder: x } = n, { InputLabel: C, node: w, setValue: D, error: O, label: k, helperText: A, missingDependencies: j } = r, { formValues: te, inputNodes: ne, headers: re, baseUrl: ie } = ee(), { colors: M } = y(), { httpConfig: F } = w.data, R = t(), le = N(!1), de = N(!1), pe = N(""), z = N(F), me = N(te), ge = N(ne), _e = N(re), ve = N(ie), ye = N(D), be = N(null), xe = N(null), Se = N(w.data.normalizeOptionLabels !== !1), U = se(() => F?.url ? Re(F.url) : [], [F?.url]), we = U.length > 0, Te = se(() => U.map((e) => `${e}:${String(te[e] ?? "")}`).join("|"), [U, te]), W = se(() => F?.url ? we ? ze(F.url, te) : !0 : !1, [
+	let [s, l] = P(!1), [u, d] = P(null), [f, p] = P([]), [m, h] = P(""), [_, v] = P(!1), { value: b, placeholder: x } = n, { InputLabel: C, node: w, setValue: D, error: O, label: k, helperText: A, missingDependencies: te } = r, { formValues: ne, inputNodes: re, headers: ie, baseUrl: ae } = ee(), { colors: j } = y(), { httpConfig: F } = w.data, R = t(), le = N(!1), de = N(!1), pe = N(""), z = N(F), me = N(ne), ge = N(re), _e = N(ie), ve = N(ae), ye = N(D), be = N(null), xe = N(null), Se = N(w.data.normalizeOptionLabels !== !1), U = se(() => F?.url ? Re(F.url) : [], [F?.url]), we = U.length > 0, Te = se(() => U.map((e) => `${e}:${String(ne[e] ?? "")}`).join("|"), [U, ne]), W = se(() => F?.url ? we ? ze(F.url, ne) : !0 : !1, [
 		F?.url,
 		we,
-		te
-	]), Ee = ae(async (t) => {
+		ne
+	]), Ee = oe(async (t) => {
 		xe.current && xe.current.abort();
 		let n = new AbortController();
 		xe.current = n;
@@ -1653,25 +1653,25 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 			xe.current === n && (l(!1), xe.current = null);
 		}
 	}, [R]);
-	if (oe(() => {
-		z.current = F, me.current = te, ge.current = ne, _e.current = re, ve.current = ie, ye.current = D, be.current = Ee, Se.current = w.data.normalizeOptionLabels !== !1;
+	if (M(() => {
+		z.current = F, me.current = ne, ge.current = re, _e.current = ie, ve.current = ae, ye.current = D, be.current = Ee, Se.current = w.data.normalizeOptionLabels !== !1;
 	}, [
 		F,
-		te,
 		ne,
 		re,
 		ie,
+		ae,
 		D,
 		Ee,
 		w.data.normalizeOptionLabels
-	]), oe(() => () => {
+	]), M(() => () => {
 		xe.current && xe.current.abort(), le.current = !1, de.current = !1;
-	}, []), oe(() => {
+	}, []), M(() => {
 		if (le.current) return;
 		le.current = !0;
 		let e = z.current, t = me.current, n = be.current, r = e?.url && ze(e.url, t);
 		e?.fetchOnMount && r && n && (n(), e.url && (pe.current = Re(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, []), oe(() => {
+	}, []), M(() => {
 		if (!le.current || !we || pe.current === Te || !W) return;
 		let e = setTimeout(() => {
 			Ee(), pe.current = Te;
@@ -1682,7 +1682,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		we,
 		W,
 		Ee
-	]), oe(() => {
+	]), M(() => {
 		if (!de.current) {
 			de.current = !0;
 			return;
@@ -1700,7 +1700,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		searchParam: F?.searchParam,
 		sendAllFormValues: F?.sendAllFormValues,
 		url: F?.url
-	}), [F])]), oe(() => {
+	}), [F])]), M(() => {
 		if (!(F?.searchParam && m)) return;
 		let e = setTimeout(() => {
 			Ee(m);
@@ -1722,33 +1722,33 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 						required: w.data.required
 					}),
 					/* @__PURE__ */ I(je, {
-						missing: j,
+						missing: te,
 						children: /* @__PURE__ */ L(V, {
 							style: [
 								Y.trigger,
 								{
-									backgroundColor: M.input,
-									borderColor: M.border
+									backgroundColor: j.input,
+									borderColor: j.border
 								},
-								O && { borderColor: M.error },
-								j.length > 0 && { backgroundColor: M.muted }
+								O && { borderColor: j.error },
+								te.length > 0 && { backgroundColor: j.muted }
 							],
 							onPress: () => v(!0),
-							disabled: j.length > 0,
+							disabled: te.length > 0,
 							activeOpacity: .7,
 							children: [
 								/* @__PURE__ */ I(B, {
 									style: [
 										Y.triggerText,
-										{ color: M.text },
-										!t && { color: M.textMuted }
+										{ color: j.text },
+										!t && { color: j.textMuted }
 									],
 									numberOfLines: 1,
 									children: t?.label || x || R("renderer.defaultHttpInput.search")
 								}),
 								n && /* @__PURE__ */ I(ce, {
 									size: "small",
-									color: M.primary,
+									color: j.primary,
 									style: Y.triggerLoader
 								}),
 								e ? /* @__PURE__ */ I(V, {
@@ -1761,12 +1761,12 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 									},
 									style: Y.clearButton,
 									children: /* @__PURE__ */ I(B, {
-										style: [Y.clearIcon, { color: M.textMuted }],
+										style: [Y.clearIcon, { color: j.textMuted }],
 										children: "✕"
 									})
 								}) : null,
 								/* @__PURE__ */ I(B, {
-									style: [Y.arrow, { color: M.textMuted }],
+									style: [Y.arrow, { color: j.textMuted }],
 									children: "▼"
 								})
 							]
@@ -1782,19 +1782,19 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 							activeOpacity: 1,
 							onPress: () => v(!1),
 							children: /* @__PURE__ */ L(V, {
-								style: [Y.modalContent, { backgroundColor: M.card }],
+								style: [Y.modalContent, { backgroundColor: j.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
 									/* @__PURE__ */ L(H, {
-										style: [Y.modalHeader, { borderBottomColor: M.separator }],
+										style: [Y.modalHeader, { borderBottomColor: j.separator }],
 										children: [/* @__PURE__ */ I(B, {
-											style: [Y.modalTitle, { color: M.text }],
+											style: [Y.modalTitle, { color: j.text }],
 											children: k || x || R("renderer.defaultHttpInput.search")
 										}), /* @__PURE__ */ I(V, {
 											onPress: () => v(!1),
 											children: /* @__PURE__ */ I(B, {
-												style: [Y.closeButton, { color: M.textMuted }],
+												style: [Y.closeButton, { color: j.textMuted }],
 												children: "✕"
 											})
 										})]
@@ -1803,12 +1803,12 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 										style: Y.searchContainer,
 										children: /* @__PURE__ */ I(he, {
 											style: [Y.searchInput, {
-												backgroundColor: M.muted,
-												borderColor: M.border,
-												color: M.text
+												backgroundColor: j.muted,
+												borderColor: j.border,
+												color: j.text
 											}],
 											placeholder: R("renderer.defaultHttpInput.search"),
-											placeholderTextColor: M.textMuted,
+											placeholderTextColor: j.textMuted,
 											value: m,
 											onChangeText: (e) => {
 												h(e), d(null);
@@ -1822,18 +1822,18 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 										style: Y.loadingContainer,
 										children: /* @__PURE__ */ I(ce, {
 											size: "small",
-											color: M.primary
+											color: j.primary
 										})
 									}) : u ? /* @__PURE__ */ L(H, {
 										style: Y.errorContainer,
 										children: [/* @__PURE__ */ I(B, {
-											style: [Y.errorText, { color: M.error }],
+											style: [Y.errorText, { color: j.error }],
 											children: u
 										}), /* @__PURE__ */ I(V, {
 											onPress: () => Ee(m),
 											style: Y.retryButton,
 											children: /* @__PURE__ */ I(B, {
-												style: [Y.retryButtonText, { color: M.primary }],
+												style: [Y.retryButtonText, { color: j.primary }],
 												children: R("renderer.defaultHttpInput.retry")
 											})
 										})]
@@ -1845,14 +1845,14 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 										ListEmptyComponent: /* @__PURE__ */ I(H, {
 											style: Y.emptyContainer,
 											children: /* @__PURE__ */ I(B, {
-												style: [Y.emptyText, { color: M.textMuted }],
+												style: [Y.emptyText, { color: j.textMuted }],
 												children: R("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: t }) => {
 											let n = t.value === e;
 											return /* @__PURE__ */ L(V, {
-												style: [Y.option, n && { backgroundColor: M.primaryLight }],
+												style: [Y.option, n && { backgroundColor: j.primaryLight }],
 												onPress: () => {
 													D(t.value), v(!1);
 												},
@@ -1862,7 +1862,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 													description: t.description,
 													image: t.image
 												}), n && /* @__PURE__ */ I(B, {
-													style: [Y.checkmark, { color: M.primary }],
+													style: [Y.checkmark, { color: j.primary }],
 													children: "✓"
 												})]
 											});
@@ -1873,17 +1873,17 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 						})
 					}),
 					O && /* @__PURE__ */ I(B, {
-						style: [Y.error, { color: M.error }],
+						style: [Y.error, { color: j.error }],
 						children: O
 					}),
 					A && !O && /* @__PURE__ */ I(B, {
-						style: [Y.helperText, { color: M.textMuted }],
+						style: [Y.helperText, { color: j.textMuted }],
 						children: A
 					})
 				]
 			});
 		}
-		let n = s && F?.showLoading, r = j.length === 0 && f.length === 0 && !n ? u ?? R("renderer.defaultHttpInput.noDataAvailable") : void 0;
+		let n = s && F?.showLoading, r = te.length === 0 && f.length === 0 && !n ? u ?? R("renderer.defaultHttpInput.noDataAvailable") : void 0;
 		return /* @__PURE__ */ L(H, {
 			style: Y.container,
 			children: [
@@ -1892,16 +1892,16 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 					required: w.data.required
 				}),
 				/* @__PURE__ */ I(je, {
-					missing: j,
+					missing: te,
 					children: /* @__PURE__ */ L(V, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: M.input,
-								borderColor: M.border
+								backgroundColor: j.input,
+								borderColor: j.border
 							},
-							O && { borderColor: M.error },
-							(n || f.length === 0) && { backgroundColor: M.muted }
+							O && { borderColor: j.error },
+							(n || f.length === 0) && { backgroundColor: j.muted }
 						],
 						onPress: () => v(!0),
 						disabled: n || f.length === 0,
@@ -1910,15 +1910,15 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 							/* @__PURE__ */ I(B, {
 								style: [
 									Y.triggerText,
-									{ color: M.text },
-									!t && { color: M.textMuted }
+									{ color: j.text },
+									!t && { color: j.textMuted }
 								],
 								numberOfLines: 1,
 								children: t?.label || x || R("renderer.defaultHttpInput.selectOption")
 							}),
 							n && /* @__PURE__ */ I(ce, {
 								size: "small",
-								color: M.primary,
+								color: j.primary,
 								style: Y.triggerLoader
 							}),
 							e ? /* @__PURE__ */ I(V, {
@@ -1931,19 +1931,19 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 								},
 								style: Y.clearButton,
 								children: /* @__PURE__ */ I(B, {
-									style: [Y.clearIcon, { color: M.textMuted }],
+									style: [Y.clearIcon, { color: j.textMuted }],
 									children: "✕"
 								})
 							}) : null,
 							/* @__PURE__ */ I(B, {
-								style: [Y.arrow, { color: M.textMuted }],
+								style: [Y.arrow, { color: j.textMuted }],
 								children: "▼"
 							})
 						]
 					})
 				}),
 				r && /* @__PURE__ */ I(B, {
-					style: [Y.disabledMessage, { color: M.error }],
+					style: [Y.disabledMessage, { color: j.error }],
 					children: r
 				}),
 				/* @__PURE__ */ I(fe, {
@@ -1956,18 +1956,18 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 						activeOpacity: 1,
 						onPress: () => v(!1),
 						children: /* @__PURE__ */ L(V, {
-							style: [Y.modalContent, { backgroundColor: M.card }],
+							style: [Y.modalContent, { backgroundColor: j.card }],
 							activeOpacity: 1,
 							onPress: () => {},
 							children: [/* @__PURE__ */ L(H, {
-								style: [Y.modalHeader, { borderBottomColor: M.separator }],
+								style: [Y.modalHeader, { borderBottomColor: j.separator }],
 								children: [/* @__PURE__ */ I(B, {
-									style: [Y.modalTitle, { color: M.text }],
+									style: [Y.modalTitle, { color: j.text }],
 									children: k || x || R("renderer.defaultHttpInput.selectOption")
 								}), /* @__PURE__ */ I(V, {
 									onPress: () => v(!1),
 									children: /* @__PURE__ */ I(B, {
-										style: [Y.closeButton, { color: M.textMuted }],
+										style: [Y.closeButton, { color: j.textMuted }],
 										children: "✕"
 									})
 								})]
@@ -1979,7 +1979,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 								renderItem: ({ item: t }) => {
 									let n = t.value === e;
 									return /* @__PURE__ */ L(V, {
-										style: [Y.option, n && { backgroundColor: M.primaryLight }],
+										style: [Y.option, n && { backgroundColor: j.primaryLight }],
 										onPress: () => {
 											D(t.value), v(!1);
 										},
@@ -1989,7 +1989,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 											description: t.description,
 											image: t.image
 										}), n && /* @__PURE__ */ I(B, {
-											style: [Y.checkmark, { color: M.primary }],
+											style: [Y.checkmark, { color: j.primary }],
 											children: "✓"
 										})]
 									});
@@ -1999,11 +1999,11 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 					})
 				}),
 				O && /* @__PURE__ */ I(B, {
-					style: [Y.error, { color: M.error }],
+					style: [Y.error, { color: j.error }],
 					children: O
 				}),
 				A && !O && /* @__PURE__ */ I(B, {
-					style: [Y.helperText, { color: M.textMuted }],
+					style: [Y.helperText, { color: j.textMuted }],
 					children: A
 				})
 			]
@@ -2018,19 +2018,19 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 			}),
 			/* @__PURE__ */ I(he, {
 				style: [Y.input, {
-					backgroundColor: M.muted,
-					borderColor: M.border,
-					color: M.textMuted
+					backgroundColor: j.muted,
+					borderColor: j.border,
+					color: j.textMuted
 				}],
 				value: typeof b == "string" ? b : JSON.stringify(b),
 				editable: !1
 			}),
 			O && /* @__PURE__ */ I(B, {
-				style: [Y.error, { color: M.error }],
+				style: [Y.error, { color: j.error }],
 				children: O
 			}),
 			A && !O && /* @__PURE__ */ I(B, {
-				style: [Y.helperText, { color: M.textMuted }],
+				style: [Y.helperText, { color: j.textMuted }],
 				children: A
 			})
 		]
@@ -2153,7 +2153,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 	}
 }), He = ({ field: e, extra: t }) => {
 	let { value: n, placeholder: r, name: i } = e, [a, o] = P(n?.toString() ?? ""), { InputLabel: s, node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = y();
-	return oe(() => {
+	return M(() => {
 		o(n?.toString() ?? "");
 	}, [n]), /* @__PURE__ */ L(H, {
 		style: Ue.container,
@@ -2831,7 +2831,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		paddingVertical: 8
 	}
 }), tt = ({ field: e, extra: n }) => {
-	let { value: r, placeholder: i } = e, a = (r || "").split(":"), o = Number.parseInt(a[0], 10), s = Number.parseInt(a[1], 10), c = Number.isNaN(o) ? 0 : o, l = Number.isNaN(s) ? 0 : s, [u, d] = P(c || 0), [f, p] = P(l || 0), [m, h] = P(!1), { InputLabel: g, node: _, setValue: v, error: b, label: x, helperText: S } = n, { colors: C } = y(), w = t(), T = N(null), E = N(null), D = Array.from({ length: 24 }, (e, t) => t), ee = Array.from({ length: 60 }, (e, t) => t), O = () => r || i || w("renderer.defaultInputs.selectTime"), k = ae(() => {
+	let { value: r, placeholder: i } = e, a = (r || "").split(":"), o = Number.parseInt(a[0], 10), s = Number.parseInt(a[1], 10), c = Number.isNaN(o) ? 0 : o, l = Number.isNaN(s) ? 0 : s, [u, d] = P(c || 0), [f, p] = P(l || 0), [m, h] = P(!1), { InputLabel: g, node: _, setValue: v, error: b, label: x, helperText: S } = n, { colors: C } = y(), w = t(), T = N(null), E = N(null), D = Array.from({ length: 24 }, (e, t) => t), ee = Array.from({ length: 60 }, (e, t) => t), O = () => r || i || w("renderer.defaultInputs.selectTime"), k = oe(() => {
 		v(`${String(u).padStart(2, "0")}:${String(f).padStart(2, "0")}`), h(!1);
 	}, [
 		u,
@@ -3073,13 +3073,13 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		fontSize: 14
 	}
 }), nt = ({ field: e, extra: n }) => {
-	let [r, i] = P(!1), [a, o] = P(!0), { value: s } = e, { InputLabel: c, node: l, setValue: u, error: d, label: f, helperText: p } = n, { colors: m } = y(), h = t(), g = Array.isArray(s) ? s : [], _ = g[0] || "", v = g[1] || "", b = _.split(":"), x = Number.parseInt(b[0], 10), S = Number.parseInt(b[1], 10), C = Number.isNaN(x) ? 0 : x, w = Number.isNaN(S) ? 0 : S, T = v.split(":"), E = Number.parseInt(T[0], 10), D = Number.parseInt(T[1], 10), ee = Number.isNaN(E) ? 0 : E, O = Number.isNaN(D) ? 0 : D, [k, A] = P(0), [j, te] = P(0), ne = Array.from({ length: 24 }, (e, t) => t), re = Array.from({ length: 60 }, (e, t) => t), ie = () => _ && v ? `${_} - ${v}` : _ || h("renderer.defaultInputs.selectTimeRange"), M = ae(() => {
-		let e = `${String(k).padStart(2, "0")}:${String(j).padStart(2, "0")}`;
-		a ? (u([e, v]), o(!1), A(ee || 0), te(O || 0)) : (u([_, e]), i(!1), o(!0));
+	let [r, i] = P(!1), [a, o] = P(!0), { value: s } = e, { InputLabel: c, node: l, setValue: u, error: d, label: f, helperText: p } = n, { colors: m } = y(), h = t(), g = Array.isArray(s) ? s : [], _ = g[0] || "", v = g[1] || "", b = _.split(":"), x = Number.parseInt(b[0], 10), S = Number.parseInt(b[1], 10), C = Number.isNaN(x) ? 0 : x, w = Number.isNaN(S) ? 0 : S, T = v.split(":"), E = Number.parseInt(T[0], 10), D = Number.parseInt(T[1], 10), ee = Number.isNaN(E) ? 0 : E, O = Number.isNaN(D) ? 0 : D, [k, A] = P(0), [te, ne] = P(0), re = Array.from({ length: 24 }, (e, t) => t), ie = Array.from({ length: 60 }, (e, t) => t), ae = () => _ && v ? `${_} - ${v}` : _ || h("renderer.defaultInputs.selectTimeRange"), j = oe(() => {
+		let e = `${String(k).padStart(2, "0")}:${String(te).padStart(2, "0")}`;
+		a ? (u([e, v]), o(!1), A(ee || 0), ne(O || 0)) : (u([_, e]), i(!1), o(!0));
 	}, [
 		a,
 		k,
-		j,
+		te,
 		_,
 		v,
 		ee,
@@ -3103,7 +3103,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 					d && { borderColor: m.error }
 				],
 				onPress: () => {
-					A(C || 0), te(w || 0), o(!0), i(!0);
+					A(C || 0), ne(w || 0), o(!0), i(!0);
 				},
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ I(B, {
@@ -3113,7 +3113,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 						!_ && { color: m.textMuted }
 					],
 					numberOfLines: 1,
-					children: ie()
+					children: ae()
 				}), /* @__PURE__ */ I(B, {
 					style: $.icon,
 					children: "🕐"
@@ -3165,7 +3165,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: ne.map((e) => /* @__PURE__ */ I(V, {
+											children: re.map((e) => /* @__PURE__ */ I(V, {
 												style: [$.pickerItem, k === e && { backgroundColor: m.primary }],
 												onPress: () => A(e),
 												activeOpacity: .7,
@@ -3196,15 +3196,15 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: re.map((e) => /* @__PURE__ */ I(V, {
-												style: [$.pickerItem, j === e && { backgroundColor: m.primary }],
-												onPress: () => te(e),
+											children: ie.map((e) => /* @__PURE__ */ I(V, {
+												style: [$.pickerItem, te === e && { backgroundColor: m.primary }],
+												onPress: () => ne(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ I(B, {
 													style: [
 														$.pickerItemText,
 														{ color: m.text },
-														j === e && {
+														te === e && {
 															color: m.background,
 															fontWeight: "600"
 														}
@@ -3218,7 +3218,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 							}),
 							/* @__PURE__ */ I(V, {
 								style: [$.confirmButton, { backgroundColor: m.primary }],
-								onPress: M,
+								onPress: j,
 								activeOpacity: .7,
 								children: /* @__PURE__ */ I(B, {
 									style: [$.confirmButtonText, { color: m.background }],
@@ -3503,7 +3503,7 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 	width: "100%"
 } }), ht = ({ style: e }) => {
 	let { colors: t } = y(), n = N(new le.Value(.5)).current;
-	return oe(() => {
+	return M(() => {
 		let e = le.loop(le.sequence([le.timing(n, {
 			duration: 600,
 			toValue: 1,
@@ -3567,23 +3567,24 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		marginBottom: 24,
 		width: "33%"
 	}
-}), vt = ({ baseUrl: e, components: t, contentContainerStyle: n, flow: r, googleApiKey: i, headers: a, initialValues: o, isLoading: c = !1, isSubmitting: l = !1, language: u, onBack: d, onChange: f, onSubmit: p, showPoweredBy: m, style: h, theme: g, validate: _, validationMode: v }) => {
-	let { colors: b } = y(), { canContinueStep: x, canSubmit: S, clearSubmitMessage: C, config: w, currentStep: T, currentStepGroupNode: E, currentStepIndex: D, formErrors: ee, formValues: O, goToNextStep: k, goToPreviousStep: A, handleSubmit: j, inputNodes: ne, isFirstStep: re, isLastStep: ie, isSubmitting: oe, missingRequiredFields: N, setFieldValue: P, steps: F, submitMessage: ce, t: R } = te({
+}), vt = ({ baseUrl: e, components: t, contentContainerStyle: n, extraPayload: r, flow: i, googleApiKey: a, headers: o, initialValues: c, isLoading: l = !1, isSubmitting: u = !1, language: d, onBack: f, onChange: p, onSubmit: m, showPoweredBy: h, style: g, theme: _, validate: v, validationMode: b }) => {
+	let { colors: x } = y(), { canContinueStep: S, canSubmit: C, clearSubmitMessage: w, config: T, currentStep: E, currentStepGroupNode: D, currentStepIndex: ee, formErrors: O, formValues: k, goToNextStep: A, goToPreviousStep: te, handleSubmit: re, inputNodes: ie, isFirstStep: ae, isLastStep: M, isSubmitting: N, missingRequiredFields: P, setFieldValue: F, steps: ce, submitMessage: R, t: le } = ne({
 		baseUrl: e,
 		components: t,
-		flow: r,
-		googleApiKey: i,
-		headers: a,
-		initialValues: o,
-		language: u,
-		onChange: f,
-		onSubmit: p,
-		showPoweredBy: m,
-		theme: g,
-		validate: _,
-		validationMode: v
-	}), le = l || oe, { FormWrapper: ue, SubmitButtonWrapper: de, renderNode: fe } = M({
-		config: w,
+		extraPayload: r,
+		flow: i,
+		googleApiKey: a,
+		headers: o,
+		initialValues: c,
+		language: d,
+		onChange: p,
+		onSubmit: m,
+		showPoweredBy: h,
+		theme: _,
+		validate: v,
+		validationMode: b
+	}), ue = u || N, { FormWrapper: de, SubmitButtonWrapper: fe, renderNode: z } = j({
+		config: T,
 		DefaultFormWrapper: ge,
 		DefaultInputLabel: ve,
 		DefaultInputWrapper: pt,
@@ -3591,85 +3592,85 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 		DefaultSubmitButtonWrapper: ct,
 		defaultInputRenderers: rt,
 		defaultUI: ft,
-		formErrors: ee,
-		formValues: O,
-		inputNodes: ne,
-		isSubmitting: le,
-		missingRequiredFields: N,
-		setFieldValue: P
-	}), z = w.components.step ?? it, me = w.components.loadingSkeleton ?? gt, he = se(() => R(E?.data?.label), [R, E]), V = ae(() => {
-		if (ie) {
-			j();
-			return;
-		}
-		k();
-	}, [
-		ie,
-		j,
-		k
-	]), _e = ae(() => {
-		if (re) {
-			d?.();
+		formErrors: O,
+		formValues: k,
+		inputNodes: ie,
+		isSubmitting: ue,
+		missingRequiredFields: P,
+		setFieldValue: F
+	}), me = T.components.step ?? it, he = T.components.loadingSkeleton ?? gt, V = se(() => le(D?.data?.label), [le, D]), _e = oe(() => {
+		if (M) {
+			re();
 			return;
 		}
 		A();
 	}, [
+		M,
 		re,
-		d,
 		A
-	]), ye = !re || !!d;
+	]), ye = oe(() => {
+		if (ae) {
+			f?.();
+			return;
+		}
+		te();
+	}, [
+		ae,
+		f,
+		te
+	]), be = !ae || !!f;
 	return /* @__PURE__ */ I(pe, {
 		nestedScrollEnabled: !0,
 		style: [
 			bt.container,
-			{ backgroundColor: b.background },
-			h
+			{ backgroundColor: x.background },
+			g
 		],
 		contentContainerStyle: n,
-		children: c ? /* @__PURE__ */ I(me, {}) : /* @__PURE__ */ L(s, {
+		children: l ? /* @__PURE__ */ I(he, {}) : /* @__PURE__ */ L(s, {
 			value: {
-				baseUrl: w.baseUrl,
-				flow: r,
-				formErrors: ee,
-				formValues: O,
-				googleApiKey: w.googleApiKey,
-				headers: w.headers,
-				inputNodes: ne,
-				language: w.language,
-				setFieldValue: P
+				baseUrl: T.baseUrl,
+				flow: i,
+				formErrors: O,
+				formValues: k,
+				googleApiKey: T.googleApiKey,
+				headers: T.headers,
+				inputNodes: ie,
+				language: T.language,
+				setFieldValue: F
 			},
-			children: [/* @__PURE__ */ L(ue, {
-				onSubmit: j,
-				children: [T && /* @__PURE__ */ I(de, {
-					missingFields: N,
-					children: /* @__PURE__ */ I(z, {
-						step: T,
-						groupNode: E,
-						stepIndex: D,
-						totalSteps: F.length,
-						isFirstStep: re,
-						isLastStep: ie,
-						canContinue: x && (!ie || S),
-						canGoBack: ye,
-						isSubmitting: le,
-						onBack: _e,
-						onContinue: V,
-						label: he,
-						children: T.nodes.map((e) => fe(e))
+			children: [/* @__PURE__ */ L(de, {
+				onSubmit: re,
+				children: [E && /* @__PURE__ */ I(fe, {
+					missingFields: P,
+					children: /* @__PURE__ */ I(me, {
+						step: E,
+						groupNode: D,
+						stepIndex: ee,
+						totalSteps: ce.length,
+						isFirstStep: ae,
+						isLastStep: M,
+						canContinue: S && (!M || C),
+						canGoBack: be,
+						isSubmitting: ue,
+						onBack: ye,
+						onContinue: _e,
+						label: V,
+						children: E.nodes.map((e) => z(e))
 					})
-				}), w.showPoweredBy && /* @__PURE__ */ I(B, {
-					style: [bt.poweredBy, { color: b.textMuted }],
+				}), T.showPoweredBy && /* @__PURE__ */ I(B, {
+					style: [bt.poweredBy, { color: x.textMuted }],
 					children: "Powered by Treege"
 				})]
-			}), ce && /* @__PURE__ */ L(H, {
-				style: [bt.message, { backgroundColor: ce.type === "success" ? b.successBg : b.errorBg }],
+			}), R && /* @__PURE__ */ L(H, {
+				style: [bt.message, { backgroundColor: R.type === "success" ? x.successBg : x.errorBg }],
 				children: [/* @__PURE__ */ I(B, {
-					style: [bt.messageText, { color: ce.type === "success" ? b.success : b.error }],
-					children: ce.message
+					style: [bt.messageText, { color: R.type === "success" ? x.success : x.error }],
+					children: R.message
 				}), /* @__PURE__ */ I(B, {
-					style: [bt.messageClose, { color: ce.type === "success" ? b.success : b.error }],
-					onPress: C,
-					children: R("common.close")
+					style: [bt.messageClose, { color: R.type === "success" ? x.success : x.error }],
+					onPress: w,
+					children: le("common.close")
 				})]
 			})]
 		})
@@ -3701,4 +3702,4 @@ var ge = ({ children: e }) => /* @__PURE__ */ I(H, {
 	}
 });
 //#endregion
-export { Se as DefaultAddressInput, Te as DefaultAutocompleteInput, Ee as DefaultCheckboxInput, De as DefaultDateInput, Oe as DefaultDateRangeInput, ut as DefaultDividerUI, ke as DefaultFileInput, Ae as DefaultHiddenInput, Ve as DefaultHttpInput, ve as DefaultInputLabel, He as DefaultNumberInput, We as DefaultPasswordInput, Ke as DefaultRadioInput, qe as DefaultSelectInput, Ye as DefaultSwitchInput, $e as DefaultTextInput, Ze as DefaultTextareaInput, tt as DefaultTimeInput, nt as DefaultTimeRangeInput, lt as DefaultTitleUI, yt as TreegeRenderer, k as TreegeRendererProvider, x as applyReferenceTransformation, h as buildInitialFormValues, u as calculateReferenceFieldUpdates, b as checkFormFieldHasValue, S as convertFormValuesToNamedFormat, rt as defaultInputRenderers, ft as defaultUI, ne as evaluateCondition, ie as evaluateConditions, v as fileNameFromUrl, m as fileToSerializable, p as filesToSerializable, re as findStartNode, l as formatFileSize, A as getFlowRenderState, n as getTranslatedText, f as isFieldEmpty, w as isRemoteFileData, O as isStartNode, D as normalizeSerializableFiles, _ as resolveNodeDefaultValue, Fe as sanitize, Le as sanitizeHttpResponse, d as serializableToFile, te as useTreegeRenderer, j as useTreegeRendererConfig };
+export { Se as DefaultAddressInput, Te as DefaultAutocompleteInput, Ee as DefaultCheckboxInput, De as DefaultDateInput, Oe as DefaultDateRangeInput, ut as DefaultDividerUI, ke as DefaultFileInput, Ae as DefaultHiddenInput, Ve as DefaultHttpInput, ve as DefaultInputLabel, He as DefaultNumberInput, We as DefaultPasswordInput, Ke as DefaultRadioInput, qe as DefaultSelectInput, Ye as DefaultSwitchInput, $e as DefaultTextInput, Ze as DefaultTextareaInput, tt as DefaultTimeInput, nt as DefaultTimeRangeInput, lt as DefaultTitleUI, yt as TreegeRenderer, k as TreegeRendererProvider, x as applyReferenceTransformation, h as buildInitialFormValues, u as calculateReferenceFieldUpdates, b as checkFormFieldHasValue, S as convertFormValuesToNamedFormat, rt as defaultInputRenderers, ft as defaultUI, re as evaluateCondition, ae as evaluateConditions, v as fileNameFromUrl, m as fileToSerializable, p as filesToSerializable, ie as findStartNode, l as formatFileSize, A as getFlowRenderState, n as getTranslatedText, f as isFieldEmpty, w as isRemoteFileData, O as isStartNode, D as normalizeSerializableFiles, _ as resolveNodeDefaultValue, Fe as sanitize, Le as sanitizeHttpResponse, d as serializableToFile, ne as useTreegeRenderer, te as useTreegeRendererConfig };