@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/actions/action-dialog.mjs

@@ -8,7 +8,6 @@ import { buildValidationSchema } from "../../builder/validation.mjs";
 import { useValidationErrorMap } from "../../hooks/use-validation-error-map.mjs";
 import { AutoFormFields } from "../../views/collection/auto-form-fields.mjs";
 import { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle } from "../ui/responsive-dialog.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -58,403 +57,180 @@ function createActionFormResolver(fields, errorMap) {
 * Uses buildValidationSchema for automatic Zod schema generation
 * from field definitions, providing full field system support.
 */
-function FormDialogContent(t0) {
-	const $ = c(66);
-	const { action, ctx, onClose } = t0;
+function FormDialogContent({ action, ctx, onClose }) {
 	const { config } = action.handler;
 	const resolveText = useResolveText();
 	const { t } = useTranslation();
 	const errorMap = useValidationErrorMap();
-	let values;
-	if ($[0] !== config.fields) {
-		values = {};
-		for (const [fieldName, fieldDef] of Object.entries(config.fields)) {
-			const options = fieldDef["~options"];
-			if (options?.defaultValue !== void 0) values[fieldName] = options.defaultValue;
-		}
-		$[0] = config.fields;
-		$[1] = values;
-	} else values = $[1];
-	let t1;
-	if ($[2] !== config.defaultValues) {
-		t1 = config.defaultValues || {};
-		$[2] = config.defaultValues;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== t1 || $[5] !== values) {
-		t2 = {
-			...values,
-			...t1
-		};
-		$[4] = t1;
-		$[5] = values;
-		$[6] = t2;
-	} else t2 = $[6];
-	const defaultValues = t2;
-	let t3;
-	if ($[7] !== config.fields || $[8] !== errorMap) {
-		t3 = createActionFormResolver(config.fields, errorMap);
-		$[7] = config.fields;
-		$[8] = errorMap;
-		$[9] = t3;
-	} else t3 = $[9];
-	const resolver = t3;
-	let t4;
-	if ($[10] !== defaultValues || $[11] !== resolver) {
-		t4 = {
-			defaultValues,
-			resolver
-		};
-		$[10] = defaultValues;
-		$[11] = resolver;
-		$[12] = t4;
-	} else t4 = $[12];
-	const form = useForm(t4);
-	const [isSubmitting, setIsSubmitting] = React.useState(false);
-	let t5;
-	if ($[13] !== config || $[14] !== ctx || $[15] !== form || $[16] !== onClose || $[17] !== t) {
-		let t6$1;
-		if ($[19] !== config || $[20] !== ctx || $[21] !== onClose || $[22] !== t) {
-			t6$1 = async (data) => {
-				setIsSubmitting(true);
-				const submitPromise = async () => {
-					await config.onSubmit(data, ctx);
-					return data;
-				};
-				toast.promise(submitPromise(), {
-					loading: t("toast.processing"),
-					success: () => {
-						onClose();
-						return t("toast.actionSuccess");
-					},
-					error: (error) => error instanceof Error ? error.message : t("toast.actionFailed"),
-					finally: () => {
-						setIsSubmitting(false);
-					}
-				});
+	const form = useForm({
+		defaultValues: React.useMemo(() => {
+			const values = {};
+			for (const [fieldName, fieldDef] of Object.entries(config.fields)) {
+				const options = fieldDef["~options"];
+				if (options?.defaultValue !== void 0) values[fieldName] = options.defaultValue;
+			}
+			return {
+				...values,
+				...config.defaultValues || {}
 			};
-			$[19] = config;
-			$[20] = ctx;
-			$[21] = onClose;
-			$[22] = t;
-			$[23] = t6$1;
-		} else t6$1 = $[23];
-		t5 = form.handleSubmit(t6$1);
-		$[13] = config;
-		$[14] = ctx;
-		$[15] = form;
-		$[16] = onClose;
-		$[17] = t;
-		$[18] = t5;
-	} else t5 = $[18];
-	const handleSubmit = t5;
-	const t6 = config.fields;
-	let t7;
-	if ($[24] !== t6) {
-		t7 = { fields: t6 };
-		$[24] = t6;
-		$[25] = t7;
-	} else t7 = $[25];
-	const collectionConfig = t7;
-	let t8;
-	if ($[26] !== config.title || $[27] !== resolveText) {
-		t8 = resolveText(config.title);
-		$[26] = config.title;
-		$[27] = resolveText;
-		$[28] = t8;
-	} else t8 = $[28];
-	let t9;
-	if ($[29] !== t8) {
-		t9 = /* @__PURE__ */ jsx(ResponsiveDialogTitle, { children: t8 });
-		$[29] = t8;
-		$[30] = t9;
-	} else t9 = $[30];
-	let t10;
-	if ($[31] !== config.description || $[32] !== resolveText) {
-		t10 = config.description && /* @__PURE__ */ jsx(ResponsiveDialogDescription, { children: resolveText(config.description) });
-		$[31] = config.description;
-		$[32] = resolveText;
-		$[33] = t10;
-	} else t10 = $[33];
-	let t11;
-	if ($[34] !== t10 || $[35] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(ResponsiveDialogHeader, { children: [t9, t10] });
-		$[34] = t10;
-		$[35] = t9;
-		$[36] = t11;
-	} else t11 = $[36];
-	let t12;
-	if ($[37] !== collectionConfig) {
-		t12 = /* @__PURE__ */ jsx(AutoFormFields, {
-			collection: "__action__",
-			config: collectionConfig
-		});
-		$[37] = collectionConfig;
-		$[38] = t12;
-	} else t12 = $[38];
-	let t13;
-	if ($[39] !== config.cancelLabel || $[40] !== resolveText || $[41] !== t) {
-		t13 = resolveText(config.cancelLabel, t("common.cancel"));
-		$[39] = config.cancelLabel;
-		$[40] = resolveText;
-		$[41] = t;
-		$[42] = t13;
-	} else t13 = $[42];
-	let t14;
-	if ($[43] !== isSubmitting || $[44] !== onClose || $[45] !== t13) {
-		t14 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "outline",
-			onClick: onClose,
-			disabled: isSubmitting,
-			children: t13
-		});
-		$[43] = isSubmitting;
-		$[44] = onClose;
-		$[45] = t13;
-		$[46] = t14;
-	} else t14 = $[46];
-	let t15;
-	if ($[47] !== config.submitLabel || $[48] !== isSubmitting || $[49] !== resolveText || $[50] !== t) {
-		t15 = isSubmitting ? t("common.loading") : resolveText(config.submitLabel, t("common.submit"));
-		$[47] = config.submitLabel;
-		$[48] = isSubmitting;
-		$[49] = resolveText;
-		$[50] = t;
-		$[51] = t15;
-	} else t15 = $[51];
-	let t16;
-	if ($[52] !== isSubmitting || $[53] !== t15) {
-		t16 = /* @__PURE__ */ jsx(Button, {
-			type: "submit",
-			disabled: isSubmitting,
-			children: t15
-		});
-		$[52] = isSubmitting;
-		$[53] = t15;
-		$[54] = t16;
-	} else t16 = $[54];
-	let t17;
-	if ($[55] !== t14 || $[56] !== t16) {
-		t17 = /* @__PURE__ */ jsxs(ResponsiveDialogFooter, {
-			className: "mt-6",
-			children: [t14, t16]
+		}, [config.fields, config.defaultValues]),
+		resolver: React.useMemo(() => {
+			return createActionFormResolver(config.fields, errorMap);
+		}, [config.fields, errorMap])
+	});
+	const [isSubmitting, setIsSubmitting] = React.useState(false);
+	const handleSubmit = form.handleSubmit(async (data) => {
+		setIsSubmitting(true);
+		const submitPromise = async () => {
+			await config.onSubmit(data, ctx);
+			return data;
+		};
+		toast.promise(submitPromise(), {
+			loading: t("toast.processing"),
+			success: () => {
+				onClose();
+				return t("toast.actionSuccess");
+			},
+			error: (error) => {
+				return error instanceof Error ? error.message : t("toast.actionFailed");
+			},
+			finally: () => {
+				setIsSubmitting(false);
+			}
 		});
-		$[55] = t14;
-		$[56] = t16;
-		$[57] = t17;
-	} else t17 = $[57];
-	let t18;
-	if ($[58] !== handleSubmit || $[59] !== t12 || $[60] !== t17) {
-		t18 = /* @__PURE__ */ jsxs("form", {
+	});
+	const collectionConfig = React.useMemo(() => ({ fields: config.fields }), [config.fields]);
+	return /* @__PURE__ */ jsxs(FormProvider, {
+		...form,
+		children: [/* @__PURE__ */ jsxs(ResponsiveDialogHeader, { children: [/* @__PURE__ */ jsx(ResponsiveDialogTitle, { children: resolveText(config.title) }), config.description && /* @__PURE__ */ jsx(ResponsiveDialogDescription, { children: resolveText(config.description) })] }), /* @__PURE__ */ jsxs("form", {
 			onSubmit: handleSubmit,
 			className: "space-y-4",
-			children: [t12, t17]
-		});
-		$[58] = handleSubmit;
-		$[59] = t12;
-		$[60] = t17;
-		$[61] = t18;
-	} else t18 = $[61];
-	let t19;
-	if ($[62] !== form || $[63] !== t11 || $[64] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(FormProvider, {
-			...form,
-			children: [t11, t18]
-		});
-		$[62] = form;
-		$[63] = t11;
-		$[64] = t18;
-		$[65] = t19;
-	} else t19 = $[65];
-	return t19;
+			children: [/* @__PURE__ */ jsx(AutoFormFields, {
+				collection: "__action__",
+				config: collectionConfig
+			}), /* @__PURE__ */ jsxs(ResponsiveDialogFooter, {
+				className: "mt-6",
+				children: [/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "outline",
+					onClick: onClose,
+					disabled: isSubmitting,
+					children: resolveText(config.cancelLabel, t("common.cancel"))
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					disabled: isSubmitting,
+					children: isSubmitting ? t("common.loading") : resolveText(config.submitLabel, t("common.submit"))
+				})]
+			})]
+		})]
+	});
 }
 /**
 * Custom Dialog content - renders lazy-loaded component
 */
-function CustomDialogContent(t0) {
-	const $ = c(26);
-	const { action, ctx, onClose } = t0;
+function CustomDialogContent({ action, ctx, onClose }) {
 	const { t } = useTranslation();
 	const handler = action.handler;
 	const [Component, setComponent] = React.useState(null);
 	const [loading, setLoading] = React.useState(true);
 	const [error, setError] = React.useState(null);
-	let t1;
-	let t2;
-	if ($[0] !== handler.component || $[1] !== t) {
-		t1 = () => {
-			let mounted = true;
-			(async function loadComponent() {
-				try {
-					const comp = handler.component;
-					if (typeof comp === "function") {
-						const lazyComp = comp;
-						if (lazyComp._payload !== void 0) {
-							const resolved = await lazyComp._payload();
+	React.useEffect(() => {
+		let mounted = true;
+		async function loadComponent() {
+			try {
+				const comp = handler.component;
+				if (typeof comp === "function") {
+					const lazyComp = comp;
+					if (lazyComp._payload !== void 0) {
+						const resolved = await lazyComp._payload();
+						if (mounted) {
+							let comp2;
+							if (resolved.default) comp2 = resolved.default;
+							else comp2 = resolved;
+							setComponent(() => comp2);
+						}
+					} else {
+						const result = comp();
+						let hasThen = false;
+						if (result != null) {
+							if (result.then) hasThen = true;
+						}
+						if (hasThen) {
+							const mod = await result;
 							if (mounted) {
 								let comp2;
-								if (resolved.default) comp2 = resolved.default;
-								else comp2 = resolved;
+								if (mod.default) comp2 = mod.default;
+								else comp2 = mod;
 								setComponent(() => comp2);
 							}
-						} else {
-							const result = comp();
-							let hasThen = false;
-							if (result != null) {
-								if (result.then) hasThen = true;
-							}
-							if (hasThen) {
-								const mod = await result;
-								if (mounted) {
-									let comp2_0;
-									if (mod.default) comp2_0 = mod.default;
-									else comp2_0 = mod;
-									setComponent(() => comp2_0);
-								}
-							} else if (mounted) setComponent(() => comp);
-						}
-					} else if (mounted) setComponent(() => comp);
-					if (mounted) setLoading(false);
-				} catch (t3$1) {
-					const err = t3$1;
-					if (mounted) {
-						if (err instanceof Error) setError(err);
-						else setError(new Error(t("error.failedToLoad")));
-						setLoading(false);
+						} else if (mounted) setComponent(() => comp);
 					}
+				} else if (mounted) setComponent(() => comp);
+				if (mounted) setLoading(false);
+			} catch (err) {
+				if (mounted) {
+					if (err instanceof Error) setError(err);
+					else setError(new Error(t("error.failedToLoad")));
+					setLoading(false);
 				}
-			})();
-			return () => {
-				mounted = false;
-			};
+			}
+		}
+		loadComponent();
+		return () => {
+			mounted = false;
 		};
-		t2 = [handler.component, t];
-		$[0] = handler.component;
-		$[1] = t;
-		$[2] = t1;
-		$[3] = t2;
-	} else {
-		t1 = $[2];
-		t2 = $[3];
-	}
-	React.useEffect(t1, t2);
-	if (loading) {
-		let t3$1;
-		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = /* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ jsx(Skeleton, {
-					variant: "text",
-					className: "h-4 w-24"
-				}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-			});
-			$[4] = t3$1;
-		} else t3$1 = $[4];
-		let t4$1;
-		if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-			t4$1 = /* @__PURE__ */ jsxs("div", {
-				className: "space-y-4 py-2",
-				"aria-busy": "true",
-				children: [t3$1, /* @__PURE__ */ jsxs("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ jsx(Skeleton, {
-						variant: "text",
-						className: "h-4 w-32"
-					}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-				})]
-			});
-			$[5] = t4$1;
-		} else t4$1 = $[5];
-		return t4$1;
-	}
-	if (error) {
-		let t3$1;
-		if ($[6] !== error.message) {
-			t3$1 = /* @__PURE__ */ jsx("p", {
-				className: "text-destructive",
-				children: error.message
-			});
-			$[6] = error.message;
-			$[7] = t3$1;
-		} else t3$1 = $[7];
-		let t4$1;
-		if ($[8] !== onClose) {
-			t4$1 = /* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				onClick: onClose,
-				className: "mt-4",
-				children: "Close"
-			});
-			$[8] = onClose;
-			$[9] = t4$1;
-		} else t4$1 = $[9];
-		let t5;
-		if ($[10] !== t3$1 || $[11] !== t4$1) {
-			t5 = /* @__PURE__ */ jsxs("div", {
-				className: "p-4 text-center",
-				children: [t3$1, t4$1]
-			});
-			$[10] = t3$1;
-			$[11] = t4$1;
-			$[12] = t5;
-		} else t5 = $[12];
-		return t5;
-	}
-	if (!Component) {
-		let t3$1;
-		if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Component not found"
-			});
-			$[13] = t3$1;
-		} else t3$1 = $[13];
-		let t4$1;
-		if ($[14] !== onClose) {
-			t4$1 = /* @__PURE__ */ jsxs("div", {
-				className: "p-4 text-center",
-				children: [t3$1, /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					onClick: onClose,
-					className: "mt-4",
-					children: "Close"
-				})]
-			});
-			$[14] = onClose;
-			$[15] = t4$1;
-		} else t4$1 = $[15];
-		return t4$1;
-	}
-	let t3;
-	if ($[16] !== ctx.helpers || $[17] !== onClose) {
-		t3 = () => {
+	}, [handler.component, t]);
+	if (loading) return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4 py-2",
+		"aria-busy": "true",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 w-24"
+			}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 w-32"
+			}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+		})]
+	});
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "p-4 text-center",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-destructive",
+			children: error.message
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			onClick: onClose,
+			className: "mt-4",
+			children: "Close"
+		})]
+	});
+	if (!Component) return /* @__PURE__ */ jsxs("div", {
+		className: "p-4 text-center",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground",
+			children: "Component not found"
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			onClick: onClose,
+			className: "mt-4",
+			children: "Close"
+		})]
+	});
+	return /* @__PURE__ */ jsx(Component, {
+		item: ctx.item,
+		items: ctx.items,
+		collection: ctx.collection,
+		onClose,
+		onSuccess: () => {
 			ctx.helpers.refresh();
 			onClose();
-		};
-		$[16] = ctx.helpers;
-		$[17] = onClose;
-		$[18] = t3;
-	} else t3 = $[18];
-	let t4;
-	if ($[19] !== Component || $[20] !== ctx.collection || $[21] !== ctx.item || $[22] !== ctx.items || $[23] !== onClose || $[24] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Component, {
-			item: ctx.item,
-			items: ctx.items,
-			collection: ctx.collection,
-			onClose,
-			onSuccess: t3
-		});
-		$[19] = Component;
-		$[20] = ctx.collection;
-		$[21] = ctx.item;
-		$[22] = ctx.items;
-		$[23] = onClose;
-		$[24] = t3;
-		$[25] = t4;
-	} else t4 = $[25];
-	return t4;
+		}
+	});
 }
 /**
 * ActionDialog - Renders dialog-type and form-type actions
@@ -471,130 +247,56 @@ function CustomDialogContent(t0) {
 * />
 * ```
 */
-function ActionDialog(t0) {
-	const $ = c(35);
-	const { open, onOpenChange, action, collection, item, items, helpers } = t0;
+function ActionDialog({ open, onOpenChange, action, collection, item, items, helpers }) {
 	const queryClient = useQueryClient();
-	let t1;
-	if ($[0] !== onOpenChange) {
-		t1 = () => onOpenChange(false);
-		$[0] = onOpenChange;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== helpers || $[3] !== t1) {
-		t2 = {
+	const ctx = React.useMemo(() => ({
+		item,
+		items,
+		collection,
+		helpers: {
 			...helpers,
-			closeDialog: t1
-		};
-		$[2] = helpers;
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== queryClient) {
-		t3 = {
+			closeDialog: () => onOpenChange(false)
+		},
+		queryClient: {
 			invalidateQueries: (filters) => queryClient.invalidateQueries(filters),
-			resetQueries: (filters_0) => queryClient.resetQueries(filters_0),
-			refetchQueries: (filters_1) => queryClient.refetchQueries(filters_1)
-		};
-		$[5] = queryClient;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== collection || $[8] !== item || $[9] !== items || $[10] !== t2 || $[11] !== t3) {
-		t4 = {
-			item,
-			items,
-			collection,
-			helpers: t2,
-			queryClient: t3
-		};
-		$[7] = collection;
-		$[8] = item;
-		$[9] = items;
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t4;
-	} else t4 = $[12];
-	const ctx = t4;
-	let t5;
-	if ($[13] !== onOpenChange) {
-		t5 = () => onOpenChange(false);
-		$[13] = onOpenChange;
-		$[14] = t5;
-	} else t5 = $[14];
-	const handleClose = t5;
-	let t6;
-	if ($[15] !== action.handler) {
-		t6 = () => {
-			if (action.handler.type === "form") return {
-				sm: "sm:max-w-sm",
-				md: "sm:max-w-md",
-				lg: "sm:max-w-lg",
-				xl: "sm:max-w-xl"
-			}[action.handler.config.width || "md"];
-			if (action.handler.type === "dialog") return "sm:max-w-lg";
-			return "sm:max-w-md";
-		};
-		$[15] = action.handler;
-		$[16] = t6;
-	} else t6 = $[16];
-	const getDialogClassName = t6;
-	let t7;
-	if ($[17] !== getDialogClassName) {
-		t7 = cn("qa-action-dialog", getDialogClassName());
-		$[17] = getDialogClassName;
-		$[18] = t7;
-	} else t7 = $[18];
-	let t8;
-	if ($[19] !== action || $[20] !== ctx || $[21] !== handleClose) {
-		t8 = action.handler.type === "form" && /* @__PURE__ */ jsx(FormDialogContent, {
-			action,
-			ctx,
-			onClose: handleClose
-		});
-		$[19] = action;
-		$[20] = ctx;
-		$[21] = handleClose;
-		$[22] = t8;
-	} else t8 = $[22];
-	let t9;
-	if ($[23] !== action || $[24] !== ctx || $[25] !== handleClose) {
-		t9 = action.handler.type === "dialog" && /* @__PURE__ */ jsx(CustomDialogContent, {
-			action,
-			ctx,
-			onClose: handleClose
-		});
-		$[23] = action;
-		$[24] = ctx;
-		$[25] = handleClose;
-		$[26] = t9;
-	} else t9 = $[26];
-	let t10;
-	if ($[27] !== t7 || $[28] !== t8 || $[29] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(ResponsiveDialogContent, {
-			className: t7,
-			children: [t8, t9]
-		});
-		$[27] = t7;
-		$[28] = t8;
-		$[29] = t9;
-		$[30] = t10;
-	} else t10 = $[30];
-	let t11;
-	if ($[31] !== onOpenChange || $[32] !== open || $[33] !== t10) {
-		t11 = /* @__PURE__ */ jsx(ResponsiveDialog, {
-			open,
-			onOpenChange,
-			children: t10
-		});
-		$[31] = onOpenChange;
-		$[32] = open;
-		$[33] = t10;
-		$[34] = t11;
-	} else t11 = $[34];
-	return t11;
+			resetQueries: (filters) => queryClient.resetQueries(filters),
+			refetchQueries: (filters) => queryClient.refetchQueries(filters)
+		}
+	}), [
+		item,
+		items,
+		collection,
+		helpers,
+		onOpenChange,
+		queryClient
+	]);
+	const handleClose = () => onOpenChange(false);
+	const getDialogClassName = () => {
+		if (action.handler.type === "form") return {
+			sm: "sm:max-w-sm",
+			md: "sm:max-w-md",
+			lg: "sm:max-w-lg",
+			xl: "sm:max-w-xl"
+		}[action.handler.config.width || "md"];
+		if (action.handler.type === "dialog") return "sm:max-w-lg";
+		return "sm:max-w-md";
+	};
+	return /* @__PURE__ */ jsx(ResponsiveDialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(ResponsiveDialogContent, {
+			className: cn("qa-action-dialog", getDialogClassName()),
+			children: [action.handler.type === "form" && /* @__PURE__ */ jsx(FormDialogContent, {
+				action,
+				ctx,
+				onClose: handleClose
+			}), action.handler.type === "dialog" && /* @__PURE__ */ jsx(CustomDialogContent, {
+				action,
+				ctx,
+				onClose: handleClose
+			})]
+		})
+	});
 }
 
 //#endregion