@object-ui/plugin-form 11.4.0 → 11.5.0

package/dist/index.js

@@ -2,7 +2,7 @@ import e, { useCallback as t, useContext as n, useEffect as r, useId as i, useMe
 import { ComponentRegistry as c } from "@object-ui/core";
 import { SchemaRenderer as l, SchemaRendererContext as u, usePreviewMode as d, useRecordContext as f, useSafeFieldLabel as p, useSchemaContext as m } from "@object-ui/react";
 import { LineItemsField as h, buildValidationRules as g, formatFileSize as _, mapFieldTypeToFormType as v } from "@object-ui/fields";
-import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E, Button as D, Card as O, CardContent as k, CardDescription as A, CardHeader as j, CardTitle as M, Dialog as N, DialogDescription as P, DialogHeader as F, DialogTitle as I, MobileDialogContent as ee, ResizableHandle as L, ResizablePanel as R, ResizablePanelGroup as z, Sheet as B, SheetContent as V, SheetDescription as te, SheetHeader as H, SheetTitle as ne, Skeleton as U, Tabs as W, TabsContent as re, TabsList as ie, TabsTrigger as ae, cn as G, toast as K, useIsMobile as oe } from "@object-ui/components";
+import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E, Button as D, Card as O, CardContent as k, CardDescription as A, CardHeader as j, CardTitle as M, Dialog as N, DialogDescription as P, DialogHeader as F, DialogTitle as ee, MobileDialogContent as I, ResizableHandle as L, ResizablePanel as R, ResizablePanelGroup as z, Sheet as B, SheetContent as V, SheetDescription as H, SheetHeader as te, SheetTitle as ne, Skeleton as U, Tabs as W, TabsContent as re, TabsList as ie, TabsTrigger as ae, cn as G, toast as K, useIsMobile as oe } from "@object-ui/components";
 import { usePermissions as se } from "@object-ui/permissions";
 import { Check as ce, CheckCircle2 as le, ChevronDown as q, ChevronLeft as ue, ChevronRight as de, Loader2 as fe, Lock as pe, ShieldCheck as me } from "lucide-react";
 import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
@@ -385,7 +385,7 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 		})
 	});
 }, Ve = ({ schema: n, dataSource: r, className: i }) => {
-	let { fieldLabel: o } = p(), [c, u] = s(null), [d, f] = s({}), [m, h] = s(!0), [g, _] = s(null), [v, y] = s(0), [b, x] = s(/* @__PURE__ */ new Set()), [S, C] = s(!1), w = e.useId(), [T, E] = s(0), O = e.useRef(!1), k = n.sections.length, A = v === 0, j = v === k - 1;
+	let { fieldLabel: o } = p(), [c, u] = s(null), [d, f] = s({}), [m, h] = s(!0), [g, _] = s(null), [v, y] = s(0), [b, x] = s(/* @__PURE__ */ new Set()), [S, C] = s(!1), [w, T] = s(null), E = e.useId(), [O, k] = s(0), A = e.useRef(!1), j = n.sections.length, M = v === 0, N = v === j - 1;
 	e.useEffect(() => {
 		(async () => {
 			if (!r) {
@@ -401,7 +401,7 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 	}, [n.objectName, r]), e.useEffect(() => {
 		(c || !r) && (async () => {
 			if (n.mode === "create" || !n.recordId || !r) {
-				O.current ||= (f(n.initialData || n.initialValues || {}), !0), h(!1);
+				A.current ||= (f(n.initialData || n.initialValues || {}), !0), h(!1);
 				return;
 			}
 			try {
@@ -421,7 +421,7 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 		r,
 		n.objectName
 	]);
-	let M = t((e) => xe(e, {
+	let P = t((e) => xe(e, {
 		objectSchema: c,
 		objectName: n.objectName,
 		readOnly: n.readOnly,
@@ -433,26 +433,44 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 		n.mode,
 		n.objectName,
 		o
-	]), N = a(() => v >= 0 && v < k ? M(n.sections[v]) : [], [
+	]), F = a(() => v >= 0 && v < j ? P(n.sections[v]) : [], [
 		v,
-		k,
+		j,
 		n.sections,
-		M
-	]), P = t(async (e) => {
+		P
+	]), ee = t(async (e) => {
 		let t = {
 			...d,
 			...e
 		};
-		if (f(t), x((e) => new Set(e).add(v)), j) {
+		if (f(t), x((e) => new Set(e).add(v)), N) {
 			C(!0);
 			try {
 				if (!r) return n.onSuccess && await n.onSuccess(t), t;
 				let e;
 				if (n.mode === "create" ? e = await r.create(n.objectName, t) : n.mode === "edit" && n.recordId && (e = await r.update(n.objectName, n.recordId, t)), n.onSuccess) await n.onSuccess(e);
-				else {
+				else if (n.submitBehavior) {
+					let e = n.submitBehavior;
+					switch (e.kind) {
+						case "redirect":
+							ge(e.url) && setTimeout(() => window.location.assign(e.url), e.delayMs ?? 0);
+							break;
+						case "continue":
+							f({}), x(/* @__PURE__ */ new Set()), y(0), k((e) => e + 1);
+							break;
+						default: {
+							let t = e.kind === "thank-you" && e.message ? e.message : n.successMessage || (n.mode === "create" ? "Created" : "Saved");
+							K.success(t), T({
+								title: e.kind === "thank-you" ? e.title : void 0,
+								message: t
+							});
+							break;
+						}
+					}
+				} else {
 					let t = _e(n.navigateOnSuccess, e);
 					if (t) return window.location.assign(t), e;
-					K.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved")), n.resetOnSuccess && n.mode === "create" && (f({}), x(/* @__PURE__ */ new Set()), y(0), E((e) => e + 1));
+					K.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved")), n.resetOnSuccess && n.mode === "create" && (f({}), x(/* @__PURE__ */ new Set()), y(0), k((e) => e + 1));
 				}
 				return e;
 			} catch (e) {
@@ -460,26 +478,26 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 			} finally {
 				C(!1);
 			}
-		} else F(v + 1);
+		} else I(v + 1);
 	}, [
 		d,
 		v,
-		j,
+		N,
 		n,
 		r
-	]), F = t((e) => {
-		e >= 0 && e < k && (y(e), n.onStepChange && n.onStepChange(e));
-	}, [k, n]), I = t(() => {
-		F(v - 1);
-	}, [v, F]), ee = t(() => {
+	]), I = t((e) => {
+		e >= 0 && e < j && (y(e), n.onStepChange && n.onStepChange(e));
+	}, [j, n]), L = t(() => {
+		I(v - 1);
+	}, [v, I]), R = t(() => {
 		n.onCancel && n.onCancel();
-	}, [n]), L = t((e) => {
-		(n.allowSkip || b.has(e) || e <= v) && F(e);
+	}, [n]), z = t((e) => {
+		(n.allowSkip || b.has(e) || e <= v) && I(e);
 	}, [
 		n.allowSkip,
 		b,
 		v,
-		F
+		I
 	]);
 	if (g) return /* @__PURE__ */ X("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
@@ -498,7 +516,20 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 			children: "Loading form..."
 		})]
 	});
-	let R = n.sections[v];
+	if (w) return /* @__PURE__ */ Y("div", {
+		className: G("w-full", i, n.className),
+		children: /* @__PURE__ */ X("div", {
+			className: "rounded-md border bg-card p-8 text-center",
+			children: [/* @__PURE__ */ Y("h3", {
+				className: "text-lg font-semibold",
+				children: w.title ?? "Thanks!"
+			}), w.message && /* @__PURE__ */ Y("p", {
+				className: "mt-2 text-sm text-muted-foreground",
+				children: w.message
+			})]
+		})
+	});
+	let B = n.sections[v];
 	return /* @__PURE__ */ X("div", {
 		className: G("w-full", i, n.className),
 		children: [
@@ -510,15 +541,15 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 					children: n.sections.map((e, t) => {
 						let r = t === v, i = b.has(t), a = n.allowSkip || i || t <= v;
 						return /* @__PURE__ */ X("li", {
-							className: G("relative flex-1", t !== k - 1 && "pr-8 sm:pr-12"),
-							children: [t !== k - 1 && /* @__PURE__ */ Y("div", {
+							className: G("relative flex-1", t !== j - 1 && "pr-8 sm:pr-12"),
+							children: [t !== j - 1 && /* @__PURE__ */ Y("div", {
 								className: "absolute top-3 sm:top-4 left-6 -right-4 sm:left-10 sm:-right-2 h-0.5",
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ Y("div", { className: G("h-full", i ? "bg-primary" : "bg-muted") })
 							}), /* @__PURE__ */ X("button", {
 								type: "button",
 								className: G("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
-								onClick: () => L(t),
+								onClick: () => z(t),
 								disabled: !a,
 								children: [/* @__PURE__ */ Y("span", {
 									className: G("flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center rounded-full text-xs sm:text-sm font-medium transition-colors", i && "bg-primary text-primary-foreground", r && !i && "border-2 border-primary bg-background text-primary", !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
@@ -537,21 +568,21 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 			}),
 			/* @__PURE__ */ Y("div", {
 				className: "min-h-[200px]",
-				children: R && /* @__PURE__ */ Y(ve, {
-					label: R.label,
-					description: R.description,
+				children: B && /* @__PURE__ */ Y(ve, {
+					label: B.label,
+					description: B.description,
 					columns: 1,
-					children: N.length > 0 ? /* @__PURE__ */ Y(l, { schema: {
+					children: F.length > 0 ? /* @__PURE__ */ Y(l, { schema: {
 						type: "form",
 						objectName: n.objectName,
-						id: w,
-						...Le(N, R.columns || 1),
+						id: E,
+						...Le(F, B.columns || 1),
 						layout: "vertical",
 						defaultValues: d,
 						showSubmit: !1,
 						showCancel: !1,
-						onSubmit: P
-					} }, T) : /* @__PURE__ */ Y("div", {
+						onSubmit: ee
+					} }, O) : /* @__PURE__ */ Y("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
@@ -561,7 +592,7 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
 				children: [/* @__PURE__ */ Y("div", { children: n.showCancel !== !1 && /* @__PURE__ */ Y(D, {
 					variant: "ghost",
-					onClick: ee,
+					onClick: R,
 					children: n.cancelText || "Cancel"
 				}) }), /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-2",
@@ -572,17 +603,17 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 								"Step ",
 								v + 1,
 								" of ",
-								k
+								j
 							]
 						}),
-						!A && /* @__PURE__ */ X(D, {
+						!M && /* @__PURE__ */ X(D, {
 							variant: "outline",
-							onClick: I,
+							onClick: L,
 							children: [/* @__PURE__ */ Y(ue, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						j ? /* @__PURE__ */ X(D, {
+						N ? /* @__PURE__ */ X(D, {
 							type: "submit",
-							form: w,
+							form: E,
 							disabled: S || n.mode === "view",
 							children: [S && /* @__PURE__ */ Y(fe, {
 								className: "mr-2 h-4 w-4 animate-spin",
@@ -590,7 +621,7 @@ var Be = ({ schema: n, dataSource: r, className: i }) => {
 							}), S ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")]
 						}) : /* @__PURE__ */ X(D, {
 							type: "submit",
-							form: w,
+							form: E,
 							children: [n.nextText || "Next", /* @__PURE__ */ Y(de, { className: "h-4 w-4 ml-1" })]
 						})
 					]
@@ -1349,7 +1380,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			...n,
 			rows: t
 		} : n));
-	}, []), E = e.taxRateField || "tax_rate", [A, N] = s(null), P = A ? m[A.detailIdx]?.rows?.[A.rowIdx] : void 0, F = A ? p[A.detailIdx] : void 0, I = t((e, t, n) => {
+	}, []), E = e.taxRateField || "tax_rate", [A, N] = s(null), P = A ? m[A.detailIdx]?.rows?.[A.rowIdx] : void 0, F = A ? p[A.detailIdx] : void 0, ee = t((e, t, n) => {
 		h((r) => r.map((r, i) => i === e ? {
 			...r,
 			rows: r.rows.map((e, r) => r === t ? {
@@ -1357,7 +1388,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 				...n
 			} : e)
 		} : r));
-	}, []), ee = t((e) => {
+	}, []), I = t((e) => {
 		h((t) => {
 			let n = t.map((t, n) => n === e ? {
 				...t,
@@ -1375,7 +1406,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			rows: t.rows.filter((t, n) => n !== e.rowIdx)
 		} : t)), null));
 	}, []), R = t(async (t) => {
-		w(), K.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (h(p.map(() => ({
+		w(), e.onSuccess || K.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (h(p.map(() => ({
 			rows: [],
 			original: []
 		}))), y((e) => e + 1)), await e.onSuccess?.(t);
@@ -1426,7 +1457,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 		B,
 		e,
 		R
-	]), te = typeof n?.batchTransaction == "function", H = t(async (t) => {
+	]), H = typeof n?.batchTransaction == "function", te = t(async (t) => {
 		let r = n, i = { ...t };
 		p.forEach((e, t) => {
 			e.totalField && (i[e.totalField] = Qe(g.current[t]?.rows ?? [], e.amountField || "amount"));
@@ -1466,16 +1497,16 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 		title: e.title,
 		showSubmit: !1,
 		showCancel: !1,
-		...te ? {
-			submitHandler: H,
+		...H ? {
+			submitHandler: te,
 			onSuccess: R
 		} : { onSuccess: V },
 		onError: z
 	}), [
 		e,
 		V,
-		te,
 		H,
+		te,
 		R,
 		z
 	]), U = o(null), W = e.submitText ?? (l ? "Save" : "Create"), re = t(() => {
@@ -1506,7 +1537,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 					detailIdx: e,
 					rowIdx: t
 				}),
-				onAddViaForm: ee
+				onAddViaForm: I
 			}),
 			A && F && /* @__PURE__ */ X(O, {
 				className: "border-primary/40 shadow-none ring-1 ring-primary/10",
@@ -1538,7 +1569,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 						submitText: "Apply",
 						submitHandler: async (e) => e,
 						onSuccess: (e) => {
-							I(A.detailIdx, A.rowIdx, e), N(null);
+							ee(A.detailIdx, A.rowIdx, e), N(null);
 						},
 						onCancel: L
 					},
@@ -1553,7 +1584,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 					onClick: e.onCancel,
 					disabled: b,
 					"data-testid": "md-form-cancel",
-					children: "Cancel"
+					children: e.cancelText ?? "Cancel"
 				}), /* @__PURE__ */ Y(D, {
 					type: "button",
 					onClick: re,
@@ -1575,7 +1606,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 	"form.keepEditing": "Keep editing",
 	"form.discard": "Discard"
 }, "form.discardTitle"), Tt = ({ schema: e, dataSource: n, className: c }) => {
-	let { fieldLabel: u } = p(), { t: f } = wt(), m = d(), [h, _] = s(null), [O, k] = s([]), [A, j] = s({}), [M, N] = s(!0), [P, F] = s(null), [I, ee] = s(!1), [L, R] = s(!1), [z, U] = s(!1), W = o(!1), re = e.confirmOnDiscard !== !1, ie = e.open !== !1, ae = e.drawerSide || "right", K = i(), [oe, se] = s(() => {
+	let { fieldLabel: u } = p(), { t: f } = wt(), m = d(), [h, _] = s(null), [O, k] = s([]), [A, j] = s({}), [M, N] = s(!0), [P, F] = s(null), [ee, I] = s(!1), [L, R] = s(!1), [z, U] = s(!1), W = o(!1), re = e.confirmOnDiscard !== !1, ie = e.open !== !1, ae = e.drawerSide || "right", K = i(), [oe, se] = s(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
 			let r = e.name || String(n);
@@ -1692,10 +1723,10 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 	]), q = t(() => {
 		R(!1), W.current && (W.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
 	}, [e]), ue = t((e) => {
-		W.current = e, re && I ? R(!0) : q();
+		W.current = e, re && ee ? R(!0) : q();
 	}, [
 		re,
-		I,
+		ee,
 		q
 	]), de = t(() => {
 		W.current = !0, q();
@@ -1718,7 +1749,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 		showCancel: Z,
 		onSubmit: le,
 		onCancel: de,
-		onDirtyChange: ee,
+		onDirtyChange: I,
 		showActions: !1,
 		id: K
 	}, ve = () => {
@@ -1781,6 +1812,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			fields: e.fields,
 			sections: e.sections,
 			submitText: e.submitText,
+			cancelText: ge,
 			details: Q,
 			onSuccess: async (t) => {
 				await e.onSuccess?.(t), e.onOpenChange?.(!1);
@@ -1816,7 +1848,7 @@ var xt = ({ details: e, state: t, setRows: n, formHostRef: i, taxRateField: a, f
 			className: G("overflow-y-auto", c, e.className),
 			style: pe,
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ X(H, { children: [e.title && /* @__PURE__ */ Y(ne, { children: e.title }), e.description ? /* @__PURE__ */ Y(te, { children: e.description }) : /* @__PURE__ */ Y(te, {
+				(e.title || e.description) && /* @__PURE__ */ X(te, { children: [e.title && /* @__PURE__ */ Y(ne, { children: e.title }), e.description ? /* @__PURE__ */ Y(H, { children: e.description }) : /* @__PURE__ */ Y(H, {
 					className: "sr-only",
 					children: "Complete the form fields, then submit or cancel."
 				})] }),
@@ -1916,7 +1948,7 @@ var Dt = Z({
 		_,
 		e.objectName,
 		e.mode
-	]), [k, A] = s(null), [j, M] = s([]), [L, R] = s({}), [z, B] = s(!0), [V, te] = s(null), [H, ne] = s(!1), [K, oe] = s(!1), [ce, le] = s(!1), q = o(!1), ue = e.confirmOnDiscard !== !1, de = e.open !== !1, pe = i(), me = a(() => {
+	]), [k, A] = s(null), [j, M] = s([]), [L, R] = s({}), [z, B] = s(!0), [V, H] = s(null), [te, ne] = s(!1), [K, oe] = s(!1), [ce, le] = s(!1), q = o(!1), ue = e.confirmOnDiscard !== !1, de = e.open !== !1, pe = i(), me = a(() => {
 		if (e.sections?.length || e.customFields?.length) return null;
 		let t = Me(j, k);
 		e.mode === "create" && (t = Pe(t, k));
@@ -1963,7 +1995,7 @@ var Dt = Z({
 			try {
 				A(await n.getObjectSchema(e.objectName));
 			} catch (e) {
-				te(e), B(!1);
+				H(e), B(!1);
 			}
 		})();
 	}, [e.objectName, n]), r(() => {
@@ -1979,7 +2011,7 @@ var Dt = Z({
 			try {
 				R(await n.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
-				te(e);
+				H(e);
 			} finally {
 				B(!1);
 			}
@@ -2194,11 +2226,11 @@ var Dt = Z({
 	if (je?.length && e.mode !== "view") return /* @__PURE__ */ Y(N, {
 		open: de,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ X(ee, {
+		children: /* @__PURE__ */ X(I, {
 			className: G(he, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", c, e.className),
 			children: [(e.title || e.description) && /* @__PURE__ */ X(F, {
 				className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-				children: [e.title && /* @__PURE__ */ Y(I, { children: e.title }), e.description ? /* @__PURE__ */ Y(P, { children: e.description }) : /* @__PURE__ */ Y(P, {
+				children: [e.title && /* @__PURE__ */ Y(ee, { children: e.title }), e.description ? /* @__PURE__ */ Y(P, { children: e.description }) : /* @__PURE__ */ Y(P, {
 					className: "sr-only",
 					children: "Enter the record and its line items, then save."
 				})]
@@ -2212,7 +2244,10 @@ var Dt = Z({
 						recordId: e.recordId,
 						fields: e.fields,
 						sections: e.sections,
+						initialValues: e.initialValues,
+						initialData: e.initialData,
 						submitText: Te,
+						cancelText: Ee,
 						details: je,
 						onSuccess: async (t) => {
 							await e.onSuccess?.(t), e.onOpenChange?.(!1);
@@ -2235,12 +2270,12 @@ var Dt = Z({
 			}
 			ye(!1);
 		},
-		children: /* @__PURE__ */ X(ee, {
+		children: /* @__PURE__ */ X(I, {
 			className: G(he, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", c, e.className),
 			children: [
 				(e.title || e.description) && /* @__PURE__ */ X(F, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ Y(I, { children: e.title }), e.description ? /* @__PURE__ */ Y(P, { children: e.description }) : /* @__PURE__ */ Y(P, {
+					children: [e.title && /* @__PURE__ */ Y(ee, { children: e.title }), e.description ? /* @__PURE__ */ Y(P, { children: e.description }) : /* @__PURE__ */ Y(P, {
 						className: "sr-only",
 						children: "Complete the form fields, then submit or cancel."
 					})]
@@ -2258,15 +2293,15 @@ var Dt = Z({
 							type: "button",
 							variant: "outline",
 							onClick: be,
-							disabled: H,
+							disabled: te,
 							className: "w-full sm:w-auto",
 							children: Ee
 						}), Ce && /* @__PURE__ */ X(D, {
 							type: "submit",
 							form: pe,
-							disabled: H,
+							disabled: te,
 							className: "w-full sm:w-auto",
-							children: [H && /* @__PURE__ */ Y(fe, { className: "mr-2 h-4 w-4 animate-spin" }), Te]
+							children: [te && /* @__PURE__ */ Y(fe, { className: "mr-2 h-4 w-4 animate-spin" }), Te]
 						})]
 					})
 				}),
@@ -2316,6 +2351,7 @@ var Dt = Z({
 			fields: r.fields,
 			title: r.title,
 			submitText: r.submitText,
+			cancelText: r.cancelText,
 			showSubmit: r.showSubmit,
 			details: r.subforms,
 			onSuccess: r.onSuccess,
@@ -2447,15 +2483,15 @@ var Dt = Z({
 		u,
 		n.objectName,
 		n.mode
-	]), [f, m] = s(null), [h, y] = s([]), [b, x] = s(null), [S, C] = s(!0), [w, T] = s(null), E = n.customFields && n.customFields.length > 0;
+	]), [f, m] = s(null), [h, y] = s([]), [b, x] = s(null), [S, C] = s(!0), [w, T] = s(null), [E, D] = s(null), O = n.customFields && n.customFields.length > 0;
 	r(() => {
-		E && (x(n.initialData || n.initialValues || {}), C(!1));
+		O && (x(n.initialData || n.initialValues || {}), C(!1));
 	}, [
-		E,
+		O,
 		n.initialData,
 		n.initialValues
 	]), r(() => {
-		E ? m({
+		O ? m({
 			name: n.objectName,
 			fields: {}
 		}) : n.objectName && i ? (async () => {
@@ -2467,18 +2503,18 @@ var Dt = Z({
 			} catch (e) {
 				T(e), C(!1);
 			}
-		})() : E || C(!1);
+		})() : O || C(!1);
 	}, [
 		n.objectName,
 		i,
-		E
+		O
 	]), r(() => {
-		f && !E && (async () => {
+		f && !O && (async () => {
 			if (!n.recordId || n.mode === "create") {
 				x(n.initialData || n.initialValues || {}), C(!1);
 				return;
 			}
-			if (!E) {
+			if (!O) {
 				if (!i) {
 					T(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), C(!1);
 					return;
@@ -2501,12 +2537,12 @@ var Dt = Z({
 		n.initialData,
 		i,
 		f,
-		E
+		O
 	]);
-	let D = t((e) => e, []);
+	let k = t((e) => e, []);
 	r(() => {
-		if (E && n.customFields) {
-			y(n.customFields.map(D)), C(!1);
+		if (O && n.customFields) {
+			y(n.customFields.map(k)), C(!1);
 			return;
 		}
 		if (!f) return;
@@ -2515,11 +2551,11 @@ var Dt = Z({
 			let r = typeof t == "string" ? t : t.name;
 			if (!r) return;
 			let i = f.fields?.[r];
-			if (!i && !E) return;
+			if (!i && !O) return;
 			let o = !i?.permissions || i?.permissions.write !== !1;
 			if (n.mode !== "view" && !o) return;
 			let s = n.customFields?.find((e) => e.name === r);
-			if (s) e.push(D(s));
+			if (s) e.push(k(s));
 			else if (i) {
 				let o = {
 					name: r,
@@ -2542,21 +2578,21 @@ var Dt = Z({
 				}
 				i.type === "email" && (o.inputType = "email"), i.type === "phone" && (o.inputType = "tel"), i.type === "url" && (o.inputType = "url"), i.type === "password" && (o.inputType = "password"), i.type === "time" && (o.inputType = "time"), (i.type === "formula" || i.type === "summary" || i.type === "auto_number") && (o.disabled = !0), i.visible_on && (o.visibleOn = i.visible_on), e.push(o);
 			}
-		}), y(e), !E && n.recordId && n.mode !== "create" && i || C(!1);
+		}), y(e), !O && n.recordId && n.mode !== "create" && i || C(!1);
 	}, [
 		f,
 		n.fields,
 		n.customFields,
 		n.readOnly,
 		n.mode,
-		E,
+		O,
 		n.recordId,
 		i
 	]);
-	let O = t(async (e, t) => {
-		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (e = {})), E && !i) return n.onSuccess && await n.onSuccess(e), e;
+	let A = t(async (e, t) => {
+		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (e = {})), O && !i) return n.onSuccess && await n.onSuccess(e), e;
 		if (!i) throw Error("DataSource is required for form submission (inline mode not configured)");
-		let r = Ge(e, E ? null : f);
+		let r = Ge(e, O ? null : f);
 		if (u?.isLoaded && r && typeof r == "object") {
 			let e = {};
 			for (let t of Object.keys(r)) u.checkField(n.objectName, t, "write") && (e[t] = r[t]);
@@ -2569,7 +2605,23 @@ var Dt = Z({
 			else if (n.mode === "edit" && n.recordId) e = await i.update(n.objectName, n.recordId, r);
 			else throw Error("Invalid form mode or missing record ID");
 			if (n.onSuccess) await n.onSuccess(e);
-			else if (!n.submitHandler) {
+			else if (!n.submitHandler && n.submitBehavior) {
+				let e = n.submitBehavior;
+				switch (e.kind) {
+					case "redirect":
+						ge(e.url) && setTimeout(() => window.location.assign(e.url), e.delayMs ?? 0);
+						break;
+					case "continue": break;
+					default: {
+						let t = e.kind === "thank-you" && e.message ? e.message : n.successMessage || (n.mode === "create" ? "Created" : "Saved");
+						K.success(t), D({
+							title: e.kind === "thank-you" ? e.title : void 0,
+							message: t
+						});
+						break;
+					}
+				}
+			} else if (!n.submitHandler) {
 				let t = _e(n.navigateOnSuccess, e);
 				if (t) return window.location.assign(t), e;
 				K.success(n.successMessage || (n.mode === "create" ? "Created" : "Saved"));
@@ -2581,12 +2633,12 @@ var Dt = Z({
 	}, [
 		n,
 		i,
-		E,
+		O,
 		u,
 		f
-	]), k = t(() => {
+	]), j = t(() => {
 		n.onCancel && n.onCancel();
-	}, [n]), A = {
+	}, [n]), M = {
 		...e.useMemo(() => {
 			if (!f?.fields) return {};
 			let e = {};
@@ -2596,18 +2648,18 @@ var Dt = Z({
 			}), e;
 		}, [f]),
 		...b
-	}, j = e.useMemo(() => {
+	}, N = e.useMemo(() => {
 		let e = Me(h, f);
 		return n.mode === "create" && (e = Pe(e, f)), e;
 	}, [
 		h,
 		f,
 		n.mode
-	]), M = e.useMemo(() => n.sections?.length ? null : Et(j, f?.fieldGroups), [
+	]), P = e.useMemo(() => n.sections?.length ? null : Et(N, f?.fieldGroups), [
 		n.sections,
-		j,
+		N,
 		f
-	]), N = n.sections?.length ? n.sections : M, [P, F] = s({});
+	]), F = n.sections?.length ? n.sections : P, [ee, I] = s({});
 	if (w) return /* @__PURE__ */ X("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
 		children: [/* @__PURE__ */ Y("h3", {
@@ -2625,10 +2677,20 @@ var Dt = Z({
 			children: "Loading form..."
 		})]
 	});
-	let I = n.layout === "vertical" || n.layout === "horizontal" ? n.layout : "vertical";
-	if (N?.length && (!n.formType || n.formType === "simple")) {
-		let e = M ? j : h, t = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, r = N.map((e) => t(e.columns)).filter((e) => e != null), i = N.reduce((e, t) => e + (Array.isArray(t.fields) ? t.fields.length : 0), 0), a = t(n.columns) ?? (r.length ? Math.max(...r) : De(i)), s = [];
-		N.forEach((r, i) => {
+	if (E) return /* @__PURE__ */ X("div", {
+		className: "rounded-md border bg-card p-6 sm:p-8 text-center",
+		children: [/* @__PURE__ */ Y("h3", {
+			className: "text-lg font-semibold",
+			children: E.title ?? "Thanks!"
+		}), E.message && /* @__PURE__ */ Y("p", {
+			className: "mt-2 text-sm text-muted-foreground",
+			children: E.message
+		})]
+	});
+	let L = n.layout === "vertical" || n.layout === "horizontal" ? n.layout : "vertical";
+	if (F?.length && (!n.formType || n.formType === "simple")) {
+		let e = P ? N : h, t = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, r = F.map((e) => t(e.columns)).filter((e) => e != null), i = F.reduce((e, t) => e + (Array.isArray(t.fields) ? t.fields.length : 0), 0), a = t(n.columns) ?? (r.length ? Math.max(...r) : De(i)), s = [];
+		F.forEach((r, i) => {
 			let c = new Map(r.fields.map((e) => [typeof e == "string" ? e : e.field ?? e.name, e])), l = Array.from(c.keys()), u = d(e.filter((e) => l.includes(e.name))).map((e) => {
 				let t = c.get(e.name);
 				if (!t || typeof t != "object") return e;
@@ -2636,7 +2698,7 @@ var Dt = Z({
 				return n.visibleOn != null && (r.visibleOn = n.visibleOn), n.colSpan != null && (r.colSpan = n.colSpan), n.span != null && (r.span = n.span), r;
 			});
 			if (u.length === 0) return;
-			let f = r.name || r.label || String(i), p = r.name ? o(n.objectName, r.name, r.label || r.name) : r.label, m = P[f] ?? r.collapsed ?? !1;
+			let f = r.name || r.label || String(i), p = r.name ? o(n.objectName, r.name, r.label || r.name) : r.label, m = ee[f] ?? r.collapsed ?? !1;
 			p && s.push({
 				name: `__section_${f}`,
 				label: p,
@@ -2644,7 +2706,7 @@ var Dt = Z({
 				colSpan: 4,
 				collapsible: r.collapsible,
 				collapsed: m,
-				onToggle: r.collapsible ? () => F((e) => ({
+				onToggle: r.collapsible ? () => I((e) => ({
 					...e,
 					[f]: !m
 				})) : void 0
@@ -2662,36 +2724,36 @@ var Dt = Z({
 				type: "form",
 				objectName: n.objectName,
 				fields: c,
-				layout: I,
+				layout: L,
 				columns: a,
 				...u ? { fieldContainerClass: u } : {},
-				defaultValues: A,
+				defaultValues: M,
 				showSubmit: n.showSubmit !== !1 && n.mode !== "view",
 				showCancel: n.showCancel !== !1,
 				submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
 				cancelLabel: n.cancelText,
-				onSubmit: O,
-				onCancel: k
+				onSubmit: A,
+				onCancel: j
 			} })
 		});
 	}
-	let ee = n.sections?.length, L = d(h), R = ee ? {
-		fields: L,
+	let R = n.sections?.length, z = d(h), B = R ? {
+		fields: z,
 		columns: n.columns
-	} : ze(L, f, n.columns, n.mode), z = n.mobile, B = z?.fullscreenLongText ? R.fields.map((e) => {
+	} : ze(z, f, n.columns, n.mode), V = n.mobile, H = V?.fullscreenLongText ? B.fields.map((e) => {
 		let t = e.type;
 		return t === "textarea" || t === "field:textarea" || t === "string-multiline" || t === "field:markdown" || t === "field:html" ? {
 			...e,
 			mobile_fullscreen: !0
 		} : e;
-	}) : R.fields, V = z?.stepper, te = z?.stepperMinFields ?? 8, H = Math.max(1, z?.stepperFieldsPerStep ?? 1);
-	if (!n.formType && !ee && B.length >= 2 && (V === !0 || V === "auto" && c && B.length >= te)) {
-		let e = B, t = [];
-		for (let n = 0; n < e.length; n += H) {
-			let r = e.slice(n, n + H);
+	}) : B.fields, te = V?.stepper, ne = V?.stepperMinFields ?? 8, U = Math.max(1, V?.stepperFieldsPerStep ?? 1);
+	if (!n.formType && !R && H.length >= 2 && (te === !0 || te === "auto" && c && H.length >= ne)) {
+		let e = H, t = [];
+		for (let n = 0; n < e.length; n += U) {
+			let r = e.slice(n, n + U);
 			t.push({
-				name: `step-${Math.floor(n / H) + 1}`,
-				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / H) + 1}`,
+				name: `step-${Math.floor(n / U) + 1}`,
+				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / U) + 1}`,
 				fields: r
 			});
 		}
@@ -2706,27 +2768,27 @@ var Dt = Z({
 			className: n.className
 		});
 	}
-	let ne = {
+	let W = {
 		type: "form",
 		objectName: n.objectName,
-		fields: B,
-		layout: I,
-		columns: R.columns,
+		fields: H,
+		layout: L,
+		columns: B.columns,
 		submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
 		cancelLabel: n.cancelText,
 		showSubmit: n.showSubmit !== !1 && n.mode !== "view",
 		showCancel: n.showCancel !== !1,
-		resetOnSubmit: n.showReset || n.resetOnSuccess && n.mode === "create",
-		defaultValues: A,
-		onSubmit: O,
-		onCancel: k,
+		resetOnSubmit: n.showReset || n.submitBehavior?.kind === "continue" || !n.submitBehavior && n.resetOnSuccess && n.mode === "create",
+		defaultValues: M,
+		onSubmit: A,
+		onCancel: j,
 		className: n.className,
-		mobileStickyActions: !!z?.stickyActions
+		mobileStickyActions: !!V?.stickyActions
 	};
 	return /* @__PURE__ */ Y("div", {
-		className: z?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
-		"data-mobile-form": z ? "true" : void 0,
-		children: /* @__PURE__ */ Y(l, { schema: ne })
+		className: V?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
+		"data-mobile-form": V ? "true" : void 0,
+		children: /* @__PURE__ */ Y(l, { schema: W })
 	});
 }, Mt = {
 	text: 200,