@object-ui/plugin-form 17.2.0 → 17.3.0

package/dist/index.js

@@ -3,9 +3,9 @@ import t, { useCallback as n, useContext as r, useEffect as i, useId as a, useMe
 import { ComponentRegistry as l, evalFieldPredicate as u, isMissingForRequired as d, resolveEffectiveCrudAffordances as f, resolveFieldRuleState as p, runBatchTransaction as m } from "@object-ui/core";
 import { SchemaRenderer as h, SchemaRendererContext as g, usePreviewMode as _, useRecordContext as v, useSafeFieldLabel as y, useSchemaContext as b } from "@object-ui/react";
 import { LineItemsField as x, buildValidationRules as S, formatFileSize as C, mapFieldTypeToFormType as w } from "@object-ui/fields";
-import { AlertDialog as T, AlertDialogAction as E, AlertDialogCancel as D, AlertDialogContent as O, AlertDialogDescription as k, AlertDialogFooter as A, AlertDialogHeader as j, AlertDialogTitle as M, Button as N, Card as P, CardContent as F, CardDescription as I, CardHeader as L, CardTitle as R, Dialog as z, DialogDescription as B, DialogHeader as V, DialogTitle as H, MobileDialogContent as ee, Sheet as U, SheetContent as W, SheetDescription as G, SheetHeader as te, SheetTitle as ne, Skeleton as K, buttonVariants as q, cn as J, toast as Y, useIsMobile as X } from "@object-ui/components";
-import { usePermissions as re } from "@object-ui/permissions";
-import { AlertCircle as ie, AlertTriangle as ae, Check as oe, CheckCircle2 as se, ChevronDown as ce, ChevronLeft as Z, ChevronRight as le, Loader2 as ue, Lock as de, ShieldCheck as fe } from "lucide-react";
+import { AlertDialog as T, AlertDialogAction as E, AlertDialogCancel as D, AlertDialogContent as O, AlertDialogDescription as k, AlertDialogFooter as A, AlertDialogHeader as j, AlertDialogTitle as M, Button as N, Card as P, CardContent as F, CardDescription as I, CardHeader as L, CardTitle as R, Dialog as z, DialogDescription as B, DialogHeader as ee, DialogTitle as V, MobileDialogContent as H, Sheet as U, SheetContent as te, SheetDescription as W, SheetHeader as G, SheetTitle as ne, Skeleton as re, buttonVariants as K, cn as q, toast as J, useIsMobile as Y } from "@object-ui/components";
+import { usePermissions as ie } from "@object-ui/permissions";
+import { AlertCircle as ae, AlertTriangle as X, Check as oe, CheckCircle2 as se, ChevronDown as ce, ChevronLeft as Z, ChevronRight as le, Loader2 as ue, Lock as de, ShieldCheck as fe } from "lucide-react";
 import { createSafeTranslation as pe } from "@object-ui/i18n";
 import { Fragment as me, jsx as Q, jsxs as $ } from "react/jsx-runtime";
 import { deriveFieldGroupLayout as he } from "@objectstack/spec/data";
@@ -162,7 +162,7 @@ function Pe(e, t) {
 	return e.filter((e) => {
 		if (Ne.has(e.name)) return !1;
 		let n = t?.fields?.[e.name];
-		return !(n?.hidden === !0 || n?.readonly === !0);
+		return n?.hidden !== !0 && n?.readonly !== !0;
 	});
 }
 function Fe(e, t) {
@@ -261,7 +261,7 @@ function Ge() {
 			},
 			children: /* @__PURE__ */ $(O, { children: [/* @__PURE__ */ $(j, { children: [/* @__PURE__ */ $(M, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Q(ae, {
+				children: [/* @__PURE__ */ Q(X, {
 					className: "h-5 w-5 text-amber-500",
 					"aria-hidden": !0
 				}), t("form.conflictTitle")]
@@ -270,12 +270,12 @@ function Ge() {
 				children: t("form.conflictLatestVersion", { time: s })
 			})] })] }), /* @__PURE__ */ $(A, { children: [/* @__PURE__ */ Q("button", {
 				type: "button",
-				className: J(q({ variant: "outline" })),
+				className: q(K({ variant: "outline" })),
 				onClick: () => a(!1),
 				children: t("form.keepEditing")
 			}), /* @__PURE__ */ Q("button", {
 				type: "button",
-				className: J(q({ variant: "destructive" })),
+				className: q(K({ variant: "destructive" })),
 				onClick: () => a(!0),
 				children: t("form.conflictOverwrite")
 			})] })] })
@@ -399,7 +399,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 		};
 	}), j = A.flatMap((e) => e.fields);
 	return /* @__PURE__ */ $("div", {
-		className: J("w-full @container", i, e.className),
+		className: q("w-full @container", i, e.className),
 		children: [/* @__PURE__ */ Q(h, { schema: {
 			type: "form",
 			objectName: e.objectName,
@@ -408,6 +408,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 			...k ? { fieldContainerClass: k } : {},
 			layout: "vertical",
 			defaultValues: u,
+			previousValues: e.mode === "edit" && e.recordId ? u : void 0,
 			submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
 			cancelLabel: e.cancelText,
 			showSubmit: e.showSubmit !== !1 && e.mode !== "view",
@@ -434,7 +435,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 	}, p = () => {
 		n && d(!u);
 	}, m = l ?? !!e, h = e || t ? /* @__PURE__ */ $("div", {
-		className: J("flex items-start gap-2", !m && "mb-4", n && "cursor-pointer select-none"),
+		className: q("flex items-start gap-2", !m && "mb-4", n && "cursor-pointer select-none"),
 		onClick: p,
 		role: n ? "button" : void 0,
 		"aria-expanded": n ? !u : void 0,
@@ -452,11 +453,11 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 			})]
 		})]
 	}) : null, g = u ? null : /* @__PURE__ */ Q("div", {
-		className: J("grid gap-4", s || f[i]),
+		className: q("grid gap-4", s || f[i]),
 		children: a
 	});
 	return m ? /* @__PURE__ */ $(P, {
-		className: J("form-section bg-muted/40 shadow-none", o),
+		className: q("form-section bg-muted/40 shadow-none", o),
 		children: [h && /* @__PURE__ */ Q(L, {
 			className: "border-b border-border pb-3",
 			children: h
@@ -465,37 +466,37 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 			children: g
 		})]
 	}) : /* @__PURE__ */ $("div", {
-		className: J("form-section", o),
+		className: q("form-section", o),
 		children: [h, g]
 	});
 }, Je = pe({ "wizard.missingRequired": "Please complete the required fields: {{fields}}" }, "wizard.missingRequired"), Ye = d, Xe = ({ schema: e, dataSource: r, className: i }) => {
-	let { fieldLabel: a } = y(), { t: s } = Je(), [l, d] = c(null), [f, m] = c({}), { saveWithOcc: g, conflictDialog: _ } = Ge(), [v, b] = c(!0), [x, S] = c(null), [C, w] = c(0), [T, E] = c(/* @__PURE__ */ new Set()), [D, O] = c(!1), [k, A] = c(/* @__PURE__ */ new Set()), [j, M] = c(null), P = t.useId(), [F, I] = c(0), L = t.useRef(!1), R = e.sections.length, z = C === 0, B = C === R - 1;
+	let { fieldLabel: a } = y(), { t: s } = Je(), [l, d] = c(null), [f, m] = c({}), [g, _] = c(void 0), { saveWithOcc: v, conflictDialog: b } = Ge(), [x, S] = c(!0), [C, w] = c(null), [T, E] = c(0), [D, O] = c(/* @__PURE__ */ new Set()), [k, A] = c(!1), [j, M] = c(/* @__PURE__ */ new Set()), [P, F] = c(null), I = t.useId(), [L, R] = c(0), z = t.useRef(!1), B = e.sections.length, ee = T === 0, V = T === B - 1;
 	t.useEffect(() => {
 		(async () => {
 			if (!r) {
-				b(!1);
+				S(!1);
 				return;
 			}
 			try {
 				let t = await r.getObjectSchema(e.objectName);
 				d(t);
 			} catch (e) {
-				S(e);
+				w(e);
 			}
 		})();
 	}, [e.objectName, r]), t.useEffect(() => {
 		(l || !r) && (async () => {
 			if (e.mode === "create" || !e.recordId || !r) {
-				L.current ||= (m(e.initialData || e.initialValues || {}), !0), b(!1);
+				z.current ||= (m(e.initialData || e.initialValues || {}), !0), S(!1);
 				return;
 			}
 			try {
 				let t = await r.findOne(e.objectName, e.recordId);
-				m(t || {});
+				m(t || {}), _(t || {});
 			} catch (e) {
-				S(e);
+				w(e);
 			} finally {
-				b(!1);
+				S(!1);
 			}
 		})();
 	}, [
@@ -507,7 +508,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 		r,
 		e.objectName
 	]);
-	let V = n((t) => Ce(t, {
+	let H = n((t) => Ce(t, {
 		objectSchema: l,
 		objectName: e.objectName,
 		readOnly: e.readOnly,
@@ -519,15 +520,15 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 		e.mode,
 		e.objectName,
 		a
-	]), H = o(() => C >= 0 && C < R ? V(e.sections[C]) : [], [
-		C,
-		R,
+	]), U = o(() => T >= 0 && T < B ? H(e.sections[T]) : [], [
+		T,
+		B,
 		e.sections,
-		V
-	]), ee = n((t) => {
+		H
+	]), te = n((t) => {
 		let n = /* @__PURE__ */ new Map();
 		return e.sections.forEach((e, r) => {
-			for (let i of V(e)) {
+			for (let i of H(e)) {
 				let e = i?.name;
 				if (!e || i.hidden === !0) continue;
 				let a = p({
@@ -537,34 +538,34 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 				}, t, {
 					required: !!i.required,
 					readonly: i.readonly === !0
-				});
-				!(i.visibleOn == null || u(i.visibleOn, t, !0)) || !a.visible || a.readonly || !a.required || Ye(t[e]) && n.set(r, [...n.get(r) ?? [], i.label || e]);
+				}, void 0, void 0, `field '${e}'`);
+				!(i.visibleOn == null || u(i.visibleOn, t, !0, void 0, void 0, { context: `visibleOn of field '${e}'` })) || !a.visible || a.readonly || !a.required || Ye(t[e]) && n.set(r, [...n.get(r) ?? [], i.label || e]);
 			}
 		}), n;
-	}, [e.sections, V]), U = n(async (t) => {
+	}, [e.sections, H]), W = n(async (t) => {
 		let n = {
 			...f,
 			...t
 		};
-		if (m(n), E((e) => new Set(e).add(C)), A((e) => {
-			if (!e.has(C)) return e;
+		if (m(n), O((e) => new Set(e).add(T)), M((e) => {
+			if (!e.has(T)) return e;
 			let t = new Set(e);
-			return t.delete(C), t;
-		}), B) {
-			let t = ee(n);
+			return t.delete(T), t;
+		}), V) {
+			let t = te(n);
 			if (t.size > 0) {
-				A(new Set(t.keys()));
+				M(new Set(t.keys()));
 				let e = [...t.values()].flat();
-				Y.error(s("wizard.missingRequired", { fields: e.slice(0, 3).join(", ") + (e.length > 3 ? "…" : "") })), W(Math.min(...t.keys()));
+				J.error(s("wizard.missingRequired", { fields: e.slice(0, 3).join(", ") + (e.length > 3 ? "…" : "") })), G(Math.min(...t.keys()));
 				return;
 			}
-			A(/* @__PURE__ */ new Set()), O(!0);
+			M(/* @__PURE__ */ new Set()), A(!0);
 			try {
 				if (!r) return e.onSuccess && await e.onSuccess(n), n;
 				let t;
 				if (e.mode === "create") t = await r.create(e.objectName, n);
 				else if (e.mode === "edit" && e.recordId) {
-					let i = await g({
+					let i = await v({
 						dataSource: r,
 						objectName: e.objectName,
 						recordId: e.recordId,
@@ -582,11 +583,11 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 							ge(t.url) && setTimeout(() => window.location.assign(t.url), t.delayMs ?? 0);
 							break;
 						case "continue":
-							m({}), E(/* @__PURE__ */ new Set()), w(0), I((e) => e + 1);
+							m({}), O(/* @__PURE__ */ new Set()), E(0), R((e) => e + 1);
 							break;
 						default: {
 							let n = t.kind === "thank-you" && t.message ? t.message : e.successMessage || (e.mode === "create" ? "Created" : "Saved");
-							Y.success(n), M({
+							J.success(n), F({
 								title: t.kind === "thank-you" ? t.title : void 0,
 								message: n
 							});
@@ -596,71 +597,72 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 				} else {
 					let n = _e(e.navigateOnSuccess, t);
 					if (n) return window.location.assign(n), t;
-					Y.success(e.successMessage || (e.mode === "create" ? "Created" : "Saved")), e.resetOnSuccess && e.mode === "create" && (m({}), E(/* @__PURE__ */ new Set()), w(0), I((e) => e + 1));
+					J.success(e.successMessage || (e.mode === "create" ? "Created" : "Saved")), e.resetOnSuccess && e.mode === "create" && (m({}), O(/* @__PURE__ */ new Set()), E(0), R((e) => e + 1));
 				}
 				return t;
 			} catch (t) {
 				throw e.onError && e.onError(t), t;
 			} finally {
-				O(!1);
+				A(!1);
 			}
-		} else W(C + 1);
+		}
+		G(T + 1);
 	}, [
 		f,
-		C,
-		B,
+		T,
+		V,
 		e,
 		r,
-		ee,
+		te,
 		s,
-		g
-	]), W = n((t) => {
-		t >= 0 && t < R && (w(t), e.onStepChange && e.onStepChange(t));
-	}, [R, e]), G = n(() => {
-		W(C - 1);
-	}, [C, W]), te = n(() => {
+		v
+	]), G = n((t) => {
+		t >= 0 && t < B && (E(t), e.onStepChange && e.onStepChange(t));
+	}, [B, e]), ne = n(() => {
+		G(T - 1);
+	}, [T, G]), re = n(() => {
 		e.onCancel && e.onCancel();
-	}, [e]), ne = n((t) => {
-		(e.allowSkip || T.has(t) || t <= C) && W(t);
+	}, [e]), K = n((t) => {
+		(e.allowSkip || D.has(t) || t <= T) && G(t);
 	}, [
 		e.allowSkip,
+		D,
 		T,
-		C,
-		W
+		G
 	]);
-	if (x) return /* @__PURE__ */ $("div", {
+	if (C) return /* @__PURE__ */ $("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
 		children: [/* @__PURE__ */ Q("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
 		}), /* @__PURE__ */ Q("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: x.message
+			children: C.message
 		})]
 	});
-	if (v) return /* @__PURE__ */ $("div", {
+	if (x) return /* @__PURE__ */ $("div", {
 		className: "p-8 text-center",
 		children: [/* @__PURE__ */ Q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ Q("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	if (j) return /* @__PURE__ */ Q("div", {
-		className: J("w-full", i, e.className),
+	if (P) return /* @__PURE__ */ Q("div", {
+		className: q("w-full", i, e.className),
 		children: /* @__PURE__ */ $("div", {
 			className: "rounded-md border bg-card p-8 text-center",
 			children: [/* @__PURE__ */ Q("h3", {
 				className: "text-lg font-semibold",
-				children: j.title ?? "Thanks!"
-			}), j.message && /* @__PURE__ */ Q("p", {
+				children: P.title ?? "Thanks!"
+			}), P.message && /* @__PURE__ */ Q("p", {
 				className: "mt-2 text-sm text-muted-foreground",
-				children: j.message
+				children: P.message
 			})]
 		})
 	});
-	let K = e.sections[C], q = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, X = q(e.columns) ?? q(K?.columns) ?? 1, re = Re(X);
+	let Y = e.sections[T], ie = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, X = ie(e.columns) ?? ie(Y?.columns) ?? 1, se = Re(X);
 	return /* @__PURE__ */ $("div", {
-		className: J("w-full @container", i, e.className),
+		className: q("w-full @container", i, e.className),
 		children: [
 			e.showStepIndicator !== !1 && /* @__PURE__ */ Q("nav", {
 				"aria-label": "Progress",
@@ -668,30 +670,30 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 				children: /* @__PURE__ */ Q("ol", {
 					className: "flex items-center",
 					children: e.sections.map((t, n) => {
-						let r = n === C, i = T.has(n), a = e.allowSkip || i || n <= C, o = k.has(n);
+						let r = n === T, i = D.has(n), a = e.allowSkip || i || n <= T, o = j.has(n);
 						return /* @__PURE__ */ $("li", {
-							className: J("relative flex-1", n !== R - 1 && "pr-8 sm:pr-12"),
-							children: [n !== R - 1 && /* @__PURE__ */ Q("div", {
+							className: q("relative flex-1", n !== B - 1 && "pr-8 sm:pr-12"),
+							children: [n !== B - 1 && /* @__PURE__ */ Q("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__ */ Q("div", { className: J("h-full", i ? "bg-primary" : "bg-muted") })
+								children: /* @__PURE__ */ Q("div", { className: q("h-full", i ? "bg-primary" : "bg-muted") })
 							}), /* @__PURE__ */ $("button", {
 								type: "button",
-								className: J("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
-								onClick: () => ne(n),
+								className: q("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
+								onClick: () => K(n),
 								disabled: !a,
 								"data-testid": `wizard-step:${t.name || n}`,
 								"data-error": o || void 0,
 								children: [/* @__PURE__ */ Q("span", {
-									className: J("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", o && "border-2 border-destructive bg-background text-destructive", !o && i && "bg-primary text-primary-foreground", !o && r && !i && "border-2 border-primary bg-background text-primary", !o && !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
-									children: o ? /* @__PURE__ */ Q(ie, {
+									className: q("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", o && "border-2 border-destructive bg-background text-destructive", !o && i && "bg-primary text-primary-foreground", !o && r && !i && "border-2 border-primary bg-background text-primary", !o && !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
+									children: o ? /* @__PURE__ */ Q(ae, {
 										className: "h-3 w-3 sm:h-4 sm:w-4",
 										"aria-hidden": !0
 									}) : i ? /* @__PURE__ */ Q(oe, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : n + 1
 								}), /* @__PURE__ */ Q("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
 									children: /* @__PURE__ */ Q("span", {
-										className: J(o ? "text-destructive" : r ? "text-foreground" : "text-muted-foreground"),
+										className: q(o ? "text-destructive" : r ? "text-foreground" : "text-muted-foreground"),
 										children: t.label || `Step ${n + 1}`
 									})
 								})]
@@ -702,28 +704,29 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 			}),
 			/* @__PURE__ */ Q("div", {
 				className: "min-h-[200px]",
-				children: K && /* @__PURE__ */ Q(qe, {
-					label: K.label,
-					description: K.description,
+				children: Y && /* @__PURE__ */ Q(qe, {
+					label: Y.label,
+					description: Y.description,
 					columns: 1,
-					className: K.className,
-					gridClassName: K.gridClassName,
-					children: H.length > 0 ? /* @__PURE__ */ Q(h, { schema: {
+					className: Y.className,
+					gridClassName: Y.gridClassName,
+					children: U.length > 0 ? /* @__PURE__ */ Q(h, { schema: {
 						type: "form",
 						objectName: e.objectName,
-						id: P,
-						fields: X > 1 ? Me(H, X, q(K.columns)) : H,
+						id: I,
+						fields: X > 1 ? Me(U, X, ie(Y.columns)) : U,
 						columns: X,
-						...re ? { fieldContainerClass: re } : {},
+						...se ? { fieldContainerClass: se } : {},
 						layout: "vertical",
 						defaultValues: f,
+						previousValues: e.mode === "edit" ? g : void 0,
 						showSubmit: !1,
 						showCancel: !1,
-						onSubmit: U
-					} }, F) : /* @__PURE__ */ Q("form", {
-						id: P,
+						onSubmit: W
+					} }, L) : /* @__PURE__ */ Q("form", {
+						id: I,
 						onSubmit: (e) => {
-							e.preventDefault(), U({});
+							e.preventDefault(), W({});
 						},
 						children: /* @__PURE__ */ Q("div", {
 							className: "text-center py-8 text-muted-foreground",
@@ -736,7 +739,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
 				children: [/* @__PURE__ */ Q("div", { children: e.showCancel !== !1 && /* @__PURE__ */ Q(N, {
 					variant: "ghost",
-					onClick: te,
+					onClick: re,
 					children: e.cancelText || "Cancel"
 				}) }), /* @__PURE__ */ $("div", {
 					className: "flex items-center gap-2",
@@ -745,33 +748,33 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
-								C + 1,
+								T + 1,
 								" of ",
-								R
+								B
 							]
 						}),
-						!z && /* @__PURE__ */ $(N, {
+						!ee && /* @__PURE__ */ $(N, {
 							variant: "outline",
-							onClick: G,
+							onClick: ne,
 							children: [/* @__PURE__ */ Q(Z, { className: "h-4 w-4 mr-1" }), e.prevText || "Back"]
 						}),
-						B ? /* @__PURE__ */ $(N, {
+						V ? /* @__PURE__ */ $(N, {
 							type: "submit",
-							form: P,
-							disabled: D || e.mode === "view",
-							children: [D && /* @__PURE__ */ Q(ue, {
+							form: I,
+							disabled: k || e.mode === "view",
+							children: [k && /* @__PURE__ */ Q(ue, {
 								className: "mr-2 h-4 w-4 animate-spin",
 								"aria-hidden": !0
-							}), D ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")]
+							}), k ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")]
 						}) : /* @__PURE__ */ $(N, {
 							type: "submit",
-							form: P,
+							form: I,
 							children: [e.nextText || "Next", /* @__PURE__ */ Q(le, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			}),
-			_
+			b
 		]
 	});
 }, Ze = ({ schema: e, dataSource: t, className: r }) => {
@@ -909,7 +912,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 		containerClass: e.sections.length === 1 ? e.sections[0].gridClassName : void 0
 	})).filter((e) => e.fields.length > 0);
 	return /* @__PURE__ */ $("div", {
-		className: J("w-full @container", r, e.className),
+		className: q("w-full @container", r, e.className),
 		children: [/* @__PURE__ */ Q(h, { schema: {
 			type: "form",
 			objectName: e.objectName,
@@ -918,6 +921,7 @@ var Ke = ({ schema: e, dataSource: r, className: i }) => {
 			...N ? { fieldContainerClass: N } : {},
 			layout: "vertical",
 			defaultValues: d,
+			previousValues: e.mode === "edit" && e.recordId ? d : void 0,
 			submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
 			cancelLabel: e.cancelText,
 			showSubmit: e.showSubmit !== !1 && e.mode !== "view",
@@ -1559,7 +1563,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 			rows: t.rows.filter((t, n) => n !== e.rowIdx)
 		} : t)), null));
 	}, []), B = n(async (t) => {
-		T(), e.onSuccess || Y.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (g(p.map(() => ({
+		T(), e.onSuccess || J.success(l ? e.title ? `${e.title} saved` : "Saved" : "Created"), l || (g(p.map(() => ({
 			rows: [],
 			original: []
 		}))), b((e) => e + 1)), await e.onSuccess?.(t);
@@ -1569,14 +1573,15 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		e.title,
 		p.length,
 		T
-	]), V = n((t) => {
-		T(), Y.error(t?.message || "Save failed"), e.onError?.(t);
-	}, [e, T]), H = n(async (n) => {
+	]), ee = n((t) => {
+		T(), J.error(t?.message || "Save failed"), e.onError?.(t);
+	}, [e, T]), V = n(async (n) => {
 		if (!t) throw Error("MasterDetailForm: dataSource is required");
 		let r = { ...n };
-		return p.forEach((e, t) => {
+		p.forEach((e, t) => {
 			e.totalField && (r[e.totalField] = ct(_.current[t]?.rows ?? [], e.amountField || "amount"));
-		}), (await m(t, l ? ot(e.objectName, String(e.recordId), r, p.filter((e) => e.relationshipField).map((e, t) => ({
+		});
+		let i = l ? ot(e.objectName, String(e.recordId), r, p.filter((e) => e.relationshipField).map((e, t) => ({
 			childObject: e.childObject,
 			relationshipField: e.relationshipField,
 			rows: _.current[t]?.rows ?? [],
@@ -1587,7 +1592,8 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 			relationshipField: e.relationshipField,
 			rows: _.current[t]?.rows ?? [],
 			childSchema: v.current[e.childObject]
-		})))))?.results?.[0] ?? {
+		})));
+		return (await m(t, i))?.results?.[0] ?? {
 			...r,
 			id: e.recordId
 		};
@@ -1597,7 +1603,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		e.objectName,
 		e.recordId,
 		l
-	]), ee = o(() => ({
+	]), H = o(() => ({
 		type: "object-form",
 		objectName: e.objectName,
 		mode: e.mode ?? "create",
@@ -1610,15 +1616,15 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		title: e.title,
 		showSubmit: !1,
 		showCancel: !1,
-		submitHandler: H,
+		submitHandler: V,
 		onSuccess: B,
-		onError: V
+		onError: ee
 	}), [
 		e,
-		H,
+		V,
 		B,
-		V
-	]), U = s(null), W = e.submitText ?? (l ? "Save" : "Create"), G = n(() => {
+		ee
+	]), U = s(null), te = e.submitText ?? (l ? "Save" : "Create"), W = n(() => {
 		C.current || U.current?.querySelector("form") && (C.current = !0, S(!0), setTimeout(() => {
 			(U.current?.querySelector("form"))?.requestSubmit();
 		}, 0), w.current = setTimeout(() => T(), 1500));
@@ -1626,12 +1632,12 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 	return i(() => () => {
 		w.current && clearTimeout(w.current);
 	}, []), /* @__PURE__ */ $("div", {
-		className: J("space-y-6", r, e.className),
+		className: q("space-y-6", r, e.className),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				ref: U,
 				children: /* @__PURE__ */ Q(Ht, {
-					schema: ee,
+					schema: H,
 					dataSource: t
 				}, y)
 			}),
@@ -1696,10 +1702,10 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 					children: e.cancelText ?? "Cancel"
 				}), /* @__PURE__ */ Q(N, {
 					type: "button",
-					onClick: G,
+					onClick: W,
 					disabled: x || u && !d,
 					"data-testid": "md-form-submit",
-					children: x ? "Saving…" : W
+					children: x ? "Saving…" : te
 				})]
 			})
 		]
@@ -1715,7 +1721,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 	"form.keepEditing": "Keep editing",
 	"form.discard": "Discard"
 }, "form.discardTitle"), It = ({ schema: e, dataSource: t, className: r }) => {
-	let { fieldLabel: l } = y(), { t: u } = Ft(), d = _(), [f, p] = c(null), [m, g] = c([]), [v, b] = c({}), [x, C] = c(!0), [P, F] = c(null), [I, L] = c(!1), [R, z] = c(!1), { saveWithOcc: B, conflictDialog: V } = Ge(), [H, ee] = c(!1), K = s(!1), q = e.confirmOnDiscard !== !1, Y = e.open !== !1, X = e.drawerSide || "right", re = a(), [ie, ae] = c(() => {
+	let { fieldLabel: l } = y(), { t: u } = Ft(), d = _(), [f, p] = c(null), [m, g] = c([]), [v, b] = c({}), [x, C] = c(!0), [P, F] = c(null), [I, L] = c(!1), [R, z] = c(!1), { saveWithOcc: B, conflictDialog: ee } = Ge(), [V, H] = c(!1), re = s(!1), K = e.confirmOnDiscard !== !1, J = e.open !== !1, Y = e.drawerSide || "right", ie = a(), [ae, X] = c(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
 			let r = e.name || String(n);
@@ -1825,7 +1831,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		t
 	]);
 	let ce = n(async (n) => {
-		ee(!0);
+		H(!0);
 		try {
 			if (!t) return e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
 			let r, i = et(n, f);
@@ -1845,7 +1851,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		} finally {
-			ee(!1);
+			H(!1);
 		}
 	}, [
 		e,
@@ -1854,40 +1860,41 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		B,
 		v
 	]), Z = n(() => {
-		z(!1), K.current && (K.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
+		z(!1), re.current && (re.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
 	}, [e]), le = n((e) => {
-		K.current = e, q && I ? z(!0) : Z();
+		re.current = e, K && I ? z(!0) : Z();
 	}, [
-		q,
+		K,
 		I,
 		Z
 	]);
 	i(() => {
-		if (!Y || !I || !q) return;
+		if (!J || !I || !K) return;
 		let e = (e) => {
 			e.preventDefault(), e.returnValue = "";
 		};
 		return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
 	}, [
-		Y,
+		J,
 		I,
-		q
+		K
 	]);
 	let de = n(() => {
-		K.current = !0, Z();
+		re.current = !0, Z();
 	}, [Z]), fe = o(() => {
-		if (e.drawerWidth) return X === "left" || X === "right" ? {
+		if (e.drawerWidth) return Y === "left" || Y === "right" ? {
 			width: e.drawerWidth,
 			maxWidth: e.drawerWidth
 		} : {
 			height: e.drawerWidth,
 			maxHeight: e.drawerWidth
 		};
-	}, [e.drawerWidth, X]), pe = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", me = e.showSubmit !== !1 && e.mode !== "view", he = e.showCancel !== !1, ge = e.submitText || (e.mode === "create" ? "Create" : "Update"), _e = e.cancelText || "Cancel", ve = {
+	}, [e.drawerWidth, Y]), pe = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", me = e.showSubmit !== !1 && e.mode !== "view", he = e.showCancel !== !1, ge = e.submitText || (e.mode === "create" ? "Create" : "Update"), _e = e.cancelText || "Cancel", ve = {
 		type: "form",
 		objectName: e.objectName,
 		layout: pe,
 		defaultValues: v,
+		previousValues: e.mode === "edit" && e.recordId ? v : void 0,
 		submitLabel: ge,
 		cancelLabel: _e,
 		showSubmit: me,
@@ -1896,7 +1903,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		onCancel: de,
 		onDirtyChange: L,
 		showActions: !1,
-		id: re
+		id: ie
 	}, ye = () => {
 		if (P) return /* @__PURE__ */ $("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
@@ -1918,7 +1925,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 		if (e.sections?.length) {
 			let t = [];
 			return e.sections.forEach((e, n) => {
-				let r = e.name || String(n), i = ie[r] ?? e.collapsed ?? !1;
+				let r = e.name || String(n), i = ae[r] ?? e.collapsed ?? !1;
 				t.push({
 					name: `__section_${r}`,
 					label: e.label || "",
@@ -1926,7 +1933,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 					colSpan: 4,
 					collapsible: e.collapsible,
 					collapsed: i,
-					onToggle: e.collapsible ? () => ae((e) => ({
+					onToggle: e.collapsible ? () => X((e) => ({
 						...e,
 						[r]: !i
 					})) : void 0,
@@ -1981,7 +1988,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 			})]
 		}), xe]
 	}) : /* @__PURE__ */ Q(U, {
-		open: Y,
+		open: J,
 		onOpenChange: (t) => {
 			if (t) {
 				e.onOpenChange?.(!0);
@@ -1989,12 +1996,12 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 			}
 			le(!1);
 		},
-		children: /* @__PURE__ */ $(W, {
-			side: X,
-			className: J("overflow-y-auto", r, e.className),
+		children: /* @__PURE__ */ $(te, {
+			side: Y,
+			className: q("overflow-y-auto", r, e.className),
 			style: fe,
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ $(te, { children: [e.title && /* @__PURE__ */ Q(ne, { children: e.title }), e.description ? /* @__PURE__ */ Q(G, { children: e.description }) : /* @__PURE__ */ Q(G, {
+				(e.title || e.description) && /* @__PURE__ */ $(G, { children: [e.title && /* @__PURE__ */ Q(ne, { children: e.title }), e.description ? /* @__PURE__ */ Q(W, { children: e.description }) : /* @__PURE__ */ Q(W, {
 					className: "sr-only",
 					children: "Complete the form fields, then submit or cancel."
 				})] }),
@@ -2011,15 +2018,15 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 							type: "button",
 							variant: "outline",
 							onClick: de,
-							disabled: H,
+							disabled: V,
 							className: "w-full sm:w-auto",
 							children: _e
 						}), me && /* @__PURE__ */ $(N, {
 							type: "submit",
-							form: re,
-							disabled: H,
+							form: ie,
+							disabled: V,
 							className: "w-full sm:w-auto",
-							children: [H && /* @__PURE__ */ Q(ue, { className: "mr-2 h-4 w-4 animate-spin" }), ge]
+							children: [V && /* @__PURE__ */ Q(ue, { className: "mr-2 h-4 w-4 animate-spin" }), ge]
 						})]
 					})
 				}),
@@ -2028,7 +2035,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 					onOpenChange: z,
 					children: /* @__PURE__ */ $(O, { children: [/* @__PURE__ */ $(j, { children: [/* @__PURE__ */ Q(M, { children: u("form.discardTitle") }), /* @__PURE__ */ Q(k, { children: u("form.discardMessage") })] }), /* @__PURE__ */ $(A, { children: [/* @__PURE__ */ Q(D, {
 						onClick: () => {
-							K.current = !1;
+							re.current = !1;
 						},
 						children: u("form.keepEditing")
 					}), /* @__PURE__ */ Q(E, {
@@ -2036,7 +2043,7 @@ var Mt = ({ details: e, state: t, setRows: n, formHostRef: r, taxRateField: a, f
 						children: u("form.discard")
 					})] })] })
 				}),
-				V
+				ee
 			]
 		})
 	});
@@ -2076,7 +2083,7 @@ var Rt = pe({
 	xl: "sm:max-w-5xl",
 	full: "sm:max-w-[95vw] sm:w-full"
 }, Bt = ({ schema: e, dataSource: t, className: r }) => {
-	let { fieldLabel: l, sectionLabel: u } = y(), { t: d } = Rt(), f = _(), p = re(), m = n((t) => {
+	let { fieldLabel: l, sectionLabel: u } = y(), { t: d } = Rt(), f = _(), p = ie(), m = n((t) => {
 		if (!p?.isLoaded) return t;
 		let n = [];
 		for (let r of t) {
@@ -2095,7 +2102,7 @@ var Rt = pe({
 		p,
 		e.objectName,
 		e.mode
-	]), [g, v] = c(null), [b, x] = c([]), [C, P] = c({}), [F, I] = c(!0), [L, R] = c(null), [U, W] = c(!1), [G, te] = c(!1), [ne, q] = c(!1), { saveWithOcc: Y, conflictDialog: X } = Ge(), ie = s(!1), ae = e.confirmOnDiscard !== !1, oe = e.open !== !1, se = a(), ce = o(() => {
+	]), [g, v] = c(null), [b, x] = c([]), [C, P] = c({}), [F, I] = c(!0), [L, R] = c(null), [U, te] = c(!1), [W, G] = c(!1), [ne, K] = c(!1), { saveWithOcc: J, conflictDialog: Y } = Ge(), ae = s(!1), X = e.confirmOnDiscard !== !1, oe = e.open !== !1, se = a(), ce = o(() => {
 		if (e.sections?.length || e.customFields?.length) return null;
 		let t = Pe(b, g);
 		e.mode === "create" && (t = Ie(t, g));
@@ -2159,7 +2166,7 @@ var Rt = pe({
 				P(e.initialData || e.initialValues || {}), I(!1);
 				return;
 			}
-			fe.current !== e.recordId && (I(!0), te(!1));
+			fe.current !== e.recordId && (I(!0), G(!1));
 			try {
 				let r = await t.findOne(e.objectName, e.recordId);
 				if (n) return;
@@ -2240,7 +2247,7 @@ var Rt = pe({
 		t
 	]);
 	let me = n(async (n) => {
-		W(!0);
+		te(!0);
 		try {
 			if (!t) return e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
 			let r, i = et(n, g);
@@ -2251,7 +2258,7 @@ var Rt = pe({
 			}
 			if (e.mode === "create") r = await t.create(e.objectName, i);
 			else if (e.mode === "edit" && e.recordId) {
-				let n = await Y({
+				let n = await J({
 					dataSource: t,
 					objectName: e.objectName,
 					recordId: e.recordId,
@@ -2265,49 +2272,50 @@ var Rt = pe({
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		} finally {
-			W(!1);
+			te(!1);
 		}
 	}, [
 		e,
 		t,
 		g,
 		p,
-		Y,
+		J,
 		C
 	]), he = n(() => {
-		q(!1), ie.current && (ie.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
+		K(!1), ae.current && (ae.current = !1, e.onCancel?.()), e.onOpenChange?.(!1);
 	}, [e]), ge = n((e) => {
-		ie.current = e, ae && G ? q(!0) : he();
+		ae.current = e, X && W ? K(!0) : he();
 	}, [
-		ae,
-		G,
+		X,
+		W,
 		he
 	]);
 	i(() => {
-		if (!oe || !G || !ae) return;
+		if (!oe || !W || !X) return;
 		let e = (e) => {
 			e.preventDefault(), e.returnValue = "";
 		};
 		return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
 	}, [
 		oe,
-		G,
-		ae
+		W,
+		X
 	]);
 	let _e = n(() => {
-		ie.current = !0, he();
+		ae.current = !0, he();
 	}, [he]), ve = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", ye = e.showSubmit !== !1 && e.mode !== "view", be = e.showCancel !== !1, xe = e.submitText || (e.mode === "create" ? "Create" : "Update"), Se = e.cancelText || "Cancel", we = {
 		type: "form",
 		objectName: e.objectName,
 		layout: ve,
 		defaultValues: C,
+		previousValues: e.mode === "edit" && e.recordId ? C : void 0,
 		submitLabel: xe,
 		cancelLabel: Se,
 		showSubmit: ye,
 		showCancel: be,
 		onSubmit: me,
 		onCancel: _e,
-		onDirtyChange: te,
+		onDirtyChange: G,
 		showActions: !1,
 		id: se
 	}, Te = () => {
@@ -2330,7 +2338,7 @@ var Rt = pe({
 				3
 			].map((e) => /* @__PURE__ */ $("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ Q(K, { className: "h-4 w-24" }), /* @__PURE__ */ Q(K, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ Q(re, { className: "h-4 w-24" }), /* @__PURE__ */ Q(re, { className: "h-10 w-full" })]
 			}, e))
 		});
 		if (e.sections?.length) {
@@ -2419,11 +2427,11 @@ var Rt = pe({
 	if (Ee?.length && e.mode !== "view") return /* @__PURE__ */ Q(z, {
 		open: oe,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ $(ee, {
-			className: J(de, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", r, e.className),
-			children: [(e.title || e.description) && /* @__PURE__ */ $(V, {
+		children: /* @__PURE__ */ $(H, {
+			className: q(de, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", r, e.className),
+			children: [(e.title || e.description) && /* @__PURE__ */ $(ee, {
 				className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-				children: [e.title && /* @__PURE__ */ Q(H, { children: e.title }), e.description ? /* @__PURE__ */ Q(B, { children: e.description }) : /* @__PURE__ */ Q(B, {
+				children: [e.title && /* @__PURE__ */ Q(V, { children: e.title }), e.description ? /* @__PURE__ */ Q(B, { children: e.description }) : /* @__PURE__ */ Q(B, {
 					className: "sr-only",
 					children: "Enter the record and its line items, then save."
 				})]
@@ -2463,12 +2471,12 @@ var Rt = pe({
 			}
 			ge(!1);
 		},
-		children: /* @__PURE__ */ $(ee, {
-			className: J(de, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", r, e.className),
+		children: /* @__PURE__ */ $(H, {
+			className: q(de, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", r, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ $(V, {
+				(e.title || e.description) && /* @__PURE__ */ $(ee, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ Q(H, { children: e.title }), e.description ? /* @__PURE__ */ Q(B, { children: e.description }) : /* @__PURE__ */ Q(B, {
+					children: [e.title && /* @__PURE__ */ Q(V, { children: e.title }), e.description ? /* @__PURE__ */ Q(B, { children: e.description }) : /* @__PURE__ */ Q(B, {
 						className: "sr-only",
 						children: "Complete the form fields, then submit or cancel."
 					})]
@@ -2500,10 +2508,10 @@ var Rt = pe({
 				}),
 				/* @__PURE__ */ Q(T, {
 					open: ne,
-					onOpenChange: q,
+					onOpenChange: K,
 					children: /* @__PURE__ */ $(O, { children: [/* @__PURE__ */ $(j, { children: [/* @__PURE__ */ Q(M, { children: d("form.discardTitle") }), /* @__PURE__ */ Q(k, { children: d("form.discardMessage") })] }), /* @__PURE__ */ $(A, { children: [/* @__PURE__ */ Q(D, {
 						onClick: () => {
-							ie.current = !1;
+							ae.current = !1;
 						},
 						children: d("form.keepEditing")
 					}), /* @__PURE__ */ Q(E, {
@@ -2511,7 +2519,7 @@ var Rt = pe({
 						children: d("form.discard")
 					})] })] })
 				}),
-				X
+				Y
 			]
 		})
 	});
@@ -2525,7 +2533,7 @@ function Vt(e) {
 	return t?.submit?.show !== void 0 && r.showSubmit === void 0 && (i.showSubmit = t.submit.show), t?.submit?.label != null && r.submitText === void 0 && (i.submitText = t.submit.label), t?.cancel?.show !== void 0 && r.showCancel === void 0 && (i.showCancel = t.cancel.show), t?.cancel?.label != null && r.cancelText === void 0 && (i.cancelText = t.cancel.label), t?.reset?.show !== void 0 && r.showReset === void 0 && (i.showReset = t.reset.show), n && r.initialValues === void 0 && (i.initialValues = n), i;
 }
 var Ht = ({ schema: e, dataSource: t }) => {
-	let n = re(), r = o(() => {
+	let n = ie(), r = o(() => {
 		let t = Vt(e), r = t.groups, i = !t.sections?.length && Array.isArray(r) && r.length ? {
 			...t,
 			sections: r.map((e) => ({
@@ -2692,7 +2700,7 @@ var Ht = ({ schema: e, dataSource: t }) => {
 		dataSource: t
 	});
 }, Ut = ({ schema: e, dataSource: r }) => {
-	let { fieldLabel: a, sectionLabel: o } = y(), s = X(), l = re(), u = n((t) => {
+	let { fieldLabel: a, sectionLabel: o } = y(), s = Y(), l = ie(), u = n((t) => {
 		if (!l?.isLoaded) return t;
 		let n = [];
 		for (let r of t) l.checkField(e.objectName, r.name, "read") && (!l.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
@@ -2848,7 +2856,7 @@ var Ht = ({ schema: e, dataSource: t }) => {
 					case "continue": break;
 					default: {
 						let n = t.kind === "thank-you" && t.message ? t.message : e.successMessage || (e.mode === "create" ? "Created" : "Saved");
-						Y.success(n), O({
+						J.success(n), O({
 							title: t.kind === "thank-you" ? t.title : void 0,
 							message: n
 						});
@@ -2858,7 +2866,7 @@ var Ht = ({ schema: e, dataSource: t }) => {
 			} else if (!e.submitHandler) {
 				let n = _e(e.navigateOnSuccess, t);
 				if (n) return window.location.assign(n), t;
-				Y.success(e.successMessage || (e.mode === "create" ? "Created" : "Saved"));
+				J.success(e.successMessage || (e.mode === "create" ? "Created" : "Saved"));
 			}
 			return t;
 		} catch (t) {
@@ -2884,18 +2892,18 @@ var Ht = ({ schema: e, dataSource: t }) => {
 			}), e;
 		}, [d]),
 		..._
-	}, I = t.useMemo(() => {
+	}, I = e.mode === "edit" && e.recordId && _ && typeof _ == "object" ? _ : void 0, L = t.useMemo(() => {
 		let t = Pe(m, d);
 		return e.mode === "create" && (t = Ie(t, d)), t;
 	}, [
 		m,
 		d,
 		e.mode
-	]), L = t.useMemo(() => e.sections?.length ? null : Lt(I, d?.fieldGroups), [
+	]), R = t.useMemo(() => e.sections?.length ? null : Lt(L, d?.fieldGroups), [
 		e.sections,
-		I,
+		L,
 		d
-	]), R = e.sections?.length ? e.sections : L, [z, B] = c({});
+	]), z = e.sections?.length ? e.sections : R, [B, ee] = c({});
 	if (T) return /* @__PURE__ */ $("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
 		children: [/* @__PURE__ */ Q("h3", {
@@ -2924,9 +2932,9 @@ var Ht = ({ schema: e, dataSource: t }) => {
 		})]
 	});
 	let V = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical";
-	if (R?.length && (!e.formType || e.formType === "simple")) {
-		let t = L ? I : m, n = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, r = R.map((e) => n(e.columns)).filter((e) => e != null), i = R.reduce((e, t) => e + (Array.isArray(t.fields) ? t.fields.length : 0), 0), a = n(e.columns) ?? (r.length ? Math.max(...r) : ke(i)), s = [];
-		R.forEach((r, i) => {
+	if (z?.length && (!e.formType || e.formType === "simple")) {
+		let t = R ? L : m, n = (e) => typeof e == "number" && e > 0 ? Math.min(Math.floor(e), 4) : void 0, r = z.map((e) => n(e.columns)).filter((e) => e != null), i = z.reduce((e, t) => e + (Array.isArray(t.fields) ? t.fields.length : 0), 0), a = n(e.columns) ?? (r.length ? Math.max(...r) : ke(i)), s = [];
+		z.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()), d = u(t.filter((e) => l.includes(e.name))).map((e) => {
 				let t = c.get(e.name);
 				if (!t || typeof t != "object") return e;
@@ -2934,7 +2942,7 @@ var Ht = ({ schema: e, dataSource: t }) => {
 				return n.visibleOn != null && (r.visibleOn = n.visibleOn), n.colSpan != null && (r.colSpan = n.colSpan), n.span != null && (r.span = n.span), r;
 			});
 			if (d.length === 0) return;
-			let f = r.name || r.label || String(i), p = r.name ? o(e.objectName, r.name, r.label || r.name) : r.label, m = z[f] ?? r.collapsed ?? !1;
+			let f = r.name || r.label || String(i), p = r.name ? o(e.objectName, r.name, r.label || r.name) : r.label, m = B[f] ?? r.collapsed ?? !1;
 			p && s.push({
 				name: `__section_${f}`,
 				label: p,
@@ -2942,7 +2950,7 @@ var Ht = ({ schema: e, dataSource: t }) => {
 				colSpan: 4,
 				collapsible: r.collapsible,
 				collapsed: m,
-				onToggle: r.collapsible ? () => B((e) => ({
+				onToggle: r.collapsible ? () => ee((e) => ({
 					...e,
 					[f]: !m
 				})) : void 0,
@@ -2965,6 +2973,7 @@ var Ht = ({ schema: e, dataSource: t }) => {
 				columns: a,
 				...l ? { fieldContainerClass: l } : {},
 				defaultValues: F,
+				previousValues: I,
 				showSubmit: e.showSubmit !== !1 && e.mode !== "view",
 				showCancel: e.showCancel !== !1,
 				submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
@@ -2974,17 +2983,23 @@ var Ht = ({ schema: e, dataSource: t }) => {
 			} }), A]
 		});
 	}
-	let H = e.sections?.length, ee = u(m), U = H ? {
-		fields: ee,
+	let H = e.sections?.length, U = u(m), te = H ? {
+		fields: U,
 		columns: e.columns
-	} : Be(ee, d, e.columns, e.mode), W = e.mobile, G = W?.fullscreenLongText ? U.fields.map((e) => {
+	} : Be(U, d, e.columns, e.mode), W = e.mobile, G = W?.fullscreenLongText ? te.fields.map((e) => {
 		let t = e.type;
-		return t === "textarea" || t === "field:textarea" || t === "string-multiline" || t === "field:markdown" || t === "field:html" ? {
+		return t !== "textarea" && t !== "field:textarea" && t !== "field:markdown" && t !== "field:html" ? e : e.field ? {
+			...e,
+			field: {
+				...e.field,
+				mobile_fullscreen: !0
+			}
+		} : {
 			...e,
 			mobile_fullscreen: !0
-		} : e;
-	}) : U.fields, te = W?.stepper, ne = W?.stepperMinFields ?? 8, K = Math.max(1, W?.stepperFieldsPerStep ?? 1);
-	if (!e.formType && !H && G.length >= 2 && (te === !0 || te === "auto" && s && G.length >= ne)) {
+		};
+	}) : te.fields, ne = W?.stepper, re = W?.stepperMinFields ?? 8, K = Math.max(1, W?.stepperFieldsPerStep ?? 1);
+	if (!e.formType && !H && G.length >= 2 && (ne === !0 || ne === "auto" && s && G.length >= re)) {
 		let t = G, n = [];
 		for (let e = 0; e < t.length; e += K) {
 			let r = t.slice(e, e + K);
@@ -3010,13 +3025,14 @@ var Ht = ({ schema: e, dataSource: t }) => {
 		objectName: e.objectName,
 		fields: G,
 		layout: V,
-		columns: U.columns,
+		columns: te.columns,
 		submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
 		cancelLabel: e.cancelText,
 		showSubmit: e.showSubmit !== !1 && e.mode !== "view",
 		showCancel: e.showCancel !== !1,
 		resetOnSubmit: e.showReset || e.submitBehavior?.kind === "continue" || !e.submitBehavior && e.resetOnSuccess && e.mode === "create",
 		defaultValues: F,
+		previousValues: I,
 		onSubmit: N,
 		onCancel: P,
 		className: e.className,
@@ -3494,7 +3510,7 @@ var Zt = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 		allow_delete: !e.readonly
 	}), [e]);
 	return /* @__PURE__ */ $(P, {
-		className: J("shadow-none"),
+		className: q("shadow-none"),
 		children: [/* @__PURE__ */ $(L, {
 			className: "flex-row items-center justify-between gap-2 pb-2",
 			children: [/* @__PURE__ */ Q(R, {
@@ -3523,10 +3539,13 @@ var Zt = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			children: "Save the record first to add line items."
 		})] })]
 	});
-}, $t = ({ schema: e }) => /* @__PURE__ */ Q(Ht, {
-	schema: e,
-	dataSource: r(g)?.dataSource ?? void 0
-});
+}, $t = ({ schema: e }) => {
+	let t = r(g)?.dataSource ?? void 0;
+	return /* @__PURE__ */ Q(Ht, {
+		schema: e,
+		dataSource: t
+	});
+};
 l.register("object-form", $t, {
 	namespace: "plugin-form",
 	label: "Object Form",
@@ -3696,10 +3715,13 @@ l.register("object-form", $t, {
 			]
 		}
 	]
-}), l.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ Q(Yt, {
-	config: e,
-	dataSource: r(g)?.dataSource
-}), {
+}), l.register("embeddable-form", ({ schema: e }) => {
+	let t = r(g);
+	return /* @__PURE__ */ Q(Yt, {
+		config: e,
+		dataSource: t?.dataSource
+	});
+}, {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -3763,10 +3785,13 @@ l.register("object-form", $t, {
 			label: "Submission Metrics"
 		}
 	]
-}), l.register("object-master-detail-form", ({ schema: e }) => /* @__PURE__ */ Q(Nt, {
-	schema: e,
-	dataSource: r(g)?.dataSource ?? void 0
-}), {
+}), l.register("object-master-detail-form", ({ schema: e }) => {
+	let t = r(g)?.dataSource ?? void 0;
+	return /* @__PURE__ */ Q(Nt, {
+		schema: e,
+		dataSource: t
+	});
+}, {
 	namespace: "plugin-form",
 	label: "Master-Detail Form",
 	category: "plugin",