@questpie/admin 3.2.3 → 3.2.5

package/dist/client/blocks/block-renderer.d.mts

@@ -1,6 +1,6 @@
 import { BlockContent } from "./types.mjs";
 import * as React from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/client/blocks/block-renderer.d.ts
 
@@ -50,6 +50,6 @@ declare function BlockRenderer({
   onBlockClick,
   onBlockInsert,
   className
-}: BlockRendererProps): react_jsx_runtime19.JSX.Element | null;
+}: BlockRendererProps): react_jsx_runtime25.JSX.Element | null;
 //#endregion
 export { BlockRenderer, BlockRendererProps };

package/dist/client/blocks/block-renderer.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../lib/utils.mjs";
 import { BlockScopeProvider } from "../preview/block-scope-context.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -34,126 +33,85 @@ const EMPTY_DATA = {};
 * registered renderer component. Layout blocks receive their rendered
 * children as the `children` prop.
 */
-function BlockRenderer(t0) {
-	const $ = c(13);
-	const { content, renderers, data, selectedBlockId, onBlockClick, onBlockInsert, className } = t0;
+function BlockRenderer({ content, renderers, data, selectedBlockId, onBlockClick, onBlockInsert, className }) {
 	const resolvedData = data ?? EMPTY_DATA;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== className || $[1] !== content || $[2] !== onBlockClick || $[3] !== onBlockInsert || $[4] !== renderers || $[5] !== resolvedData || $[6] !== selectedBlockId) {
-		t3 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			function renderBlock(node, parentId, index) {
-				const renderFn = renderers[node.type] ?? renderers[kebabToCamelCase(node.type)];
-				if (!renderFn) {
-					if (process.env.NODE_ENV !== "production") console.warn(`[BlockRenderer] No renderer found for block type "${node.type}"`);
-					return null;
-				}
-				const values = content._values[node.id] || {};
-				const blockData = resolvedData[node.id];
-				const isSelected = selectedBlockId === node.id;
-				const renderedChildren = node.children.length > 0 ? node.children.map((child, childIndex) => renderBlock(child, node.id, childIndex)) : void 0;
-				const blockElement = /* @__PURE__ */ jsx(renderFn, {
-					id: node.id,
-					type: node.type,
-					values,
-					data: blockData,
-					children: renderedChildren
-				});
-				const scopedBlockElement = /* @__PURE__ */ jsx(BlockScopeProvider, {
-					blockId: node.id,
-					basePath: "content._values",
-					children: blockElement
-				});
-				if (onBlockClick) return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(PreviewBlockWrapper, {
-					id: node.id,
-					isSelected,
-					onBlockClick,
-					type: node.type,
-					children: scopedBlockElement
-				}), onBlockInsert && /* @__PURE__ */ jsx(PreviewBlockInsertControl, {
-					onBlockInsert,
-					parentId,
-					referenceBlockId: node.id,
-					insertIndex: index + 1
-				})] }, node.id);
-				return /* @__PURE__ */ jsx("div", {
-					"data-block-id": node.id,
-					"data-block-type": node.type,
-					children: scopedBlockElement
-				}, node.id);
-			}
-			if (!content?._tree?.length) {
-				t3 = null;
-				break bb0;
-			}
-			t1 = className;
-			t2 = content._tree.map((node_0, index_0) => renderBlock(node_0, null, index_0));
+	/**
+	* Recursively render a block node.
+	*/
+	function renderBlock(node, parentId, index) {
+		const renderFn = renderers[node.type] ?? renderers[kebabToCamelCase(node.type)];
+		if (!renderFn) {
+			if (process.env.NODE_ENV !== "production") console.warn(`[BlockRenderer] No renderer found for block type "${node.type}"`);
+			return null;
 		}
-		$[0] = className;
-		$[1] = content;
-		$[2] = onBlockClick;
-		$[3] = onBlockInsert;
-		$[4] = renderers;
-		$[5] = resolvedData;
-		$[6] = selectedBlockId;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		t1 = $[7];
-		t2 = $[8];
-		t3 = $[9];
-	}
-	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
-	let t4;
-	if ($[10] !== t1 || $[11] !== t2) {
-		t4 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t2
+		const values = content._values[node.id] || {};
+		const blockData = resolvedData[node.id];
+		const isSelected = selectedBlockId === node.id;
+		const renderedChildren = node.children.length > 0 ? node.children.map((child, childIndex) => renderBlock(child, node.id, childIndex)) : void 0;
+		const blockElement = /* @__PURE__ */ jsx(renderFn, {
+			id: node.id,
+			type: node.type,
+			values,
+			data: blockData,
+			children: renderedChildren
+		});
+		const scopedBlockElement = /* @__PURE__ */ jsx(BlockScopeProvider, {
+			blockId: node.id,
+			basePath: "content._values",
+			children: blockElement
 		});
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t4;
-	} else t4 = $[12];
-	return t4;
+		if (onBlockClick) return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(PreviewBlockWrapper, {
+			id: node.id,
+			isSelected,
+			onBlockClick,
+			type: node.type,
+			children: scopedBlockElement
+		}), onBlockInsert && /* @__PURE__ */ jsx(PreviewBlockInsertControl, {
+			onBlockInsert,
+			parentId,
+			referenceBlockId: node.id,
+			insertIndex: index + 1
+		})] }, node.id);
+		return /* @__PURE__ */ jsx("div", {
+			"data-block-id": node.id,
+			"data-block-type": node.type,
+			children: scopedBlockElement
+		}, node.id);
+	}
+	if (!content?._tree?.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: content._tree.map((node, index) => renderBlock(node, null, index))
+	});
 }
-function PreviewBlockInsertControl(t0) {
-	const $ = c(29);
-	const { insertIndex, onBlockInsert, parentId, referenceBlockId } = t0;
+function PreviewBlockInsertControl({ insertIndex, onBlockInsert, parentId, referenceBlockId }) {
 	const [isHovered, setIsHovered] = React.useState(false);
-	let t1;
-	if ($[0] !== insertIndex || $[1] !== onBlockInsert || $[2] !== parentId || $[3] !== referenceBlockId) {
-		t1 = (event) => {
-			event.preventDefault();
-			event.stopPropagation();
-			onBlockInsert({
-				position: {
-					parentId,
-					index: insertIndex
-				},
-				referenceBlockId
-			});
-		};
-		$[0] = insertIndex;
-		$[1] = onBlockInsert;
-		$[2] = parentId;
-		$[3] = referenceBlockId;
-		$[4] = t1;
-	} else t1 = $[4];
-	const handleInsert = t1;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = () => setIsHovered(true);
-		t3 = () => setIsHovered(false);
-		t4 = () => setIsHovered(true);
-		t5 = () => setIsHovered(false);
-		t6 = {
+	const previewRingColor = "var(--ring, var(--highlight, #b700ff))";
+	const softRingColor = `color-mix(in srgb, ${previewRingColor} 34%, transparent)`;
+	const mutedRingColor = `color-mix(in srgb, ${previewRingColor} 12%, transparent)`;
+	const handleInsert = React.useCallback((event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		onBlockInsert({
+			position: {
+				parentId,
+				index: insertIndex
+			},
+			referenceBlockId
+		});
+	}, [
+		insertIndex,
+		onBlockInsert,
+		parentId,
+		referenceBlockId
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-preview-block-insert": "",
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		onFocus: () => setIsHovered(true),
+		onBlur: () => setIsHovered(false),
+		style: {
 			alignItems: "center",
 			display: "flex",
 			height: 24,
@@ -163,250 +121,117 @@ function PreviewBlockInsertControl(t0) {
 			pointerEvents: "auto",
 			position: "relative",
 			zIndex: 40
-		};
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = t5;
-		$[9] = t6;
-	} else {
-		t2 = $[5];
-		t3 = $[6];
-		t4 = $[7];
-		t5 = $[8];
-		t6 = $[9];
-	}
-	const t7 = isHovered ? .82 : 0;
-	const t8 = isHovered ? "translateX(-50%) scaleX(1)" : "translateX(-50%) scaleX(0.58)";
-	let t9;
-	if ($[10] !== t7 || $[11] !== t8) {
-		t9 = /* @__PURE__ */ jsx("span", {
+		},
+		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			style: {
-				background: "linear-gradient(90deg, transparent, color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 34%, transparent), transparent)",
+				background: `linear-gradient(90deg, transparent, ${softRingColor}, transparent)`,
 				height: 1,
 				left: "50%",
-				opacity: t7,
+				opacity: isHovered ? .82 : 0,
 				position: "absolute",
-				transform: t8,
+				transform: isHovered ? "translateX(-50%) scaleX(1)" : "translateX(-50%) scaleX(0.58)",
 				transformOrigin: "center",
 				transition: "opacity 140ms ease, transform 140ms ease",
 				width: "min(240px, calc(100% - 48px))"
 			}
-		});
-		$[10] = t7;
-		$[11] = t8;
-		$[12] = t9;
-	} else t9 = $[12];
-	let t10;
-	if ($[13] !== handleInsert) {
-		t10 = (event_0) => {
-			if (event_0.key === "Enter" || event_0.key === " ") handleInsert(event_0);
-		};
-		$[13] = handleInsert;
-		$[14] = t10;
-	} else t10 = $[14];
-	const t11 = isHovered ? 1 : .28;
-	const t12 = isHovered ? "scale(1)" : "scale(0.92)";
-	let t13;
-	if ($[15] !== t11 || $[16] !== t12) {
-		t13 = {
-			alignItems: "center",
-			background: "transparent",
-			border: 0,
-			borderRadius: 999,
-			color: "var(--ring, var(--highlight, #b700ff))",
-			cursor: "pointer",
-			display: "inline-flex",
-			height: 32,
-			justifyContent: "center",
-			lineHeight: 1,
-			opacity: t11,
-			outline: "none",
-			padding: 0,
-			pointerEvents: "auto",
-			position: "relative",
-			transition: "opacity 140ms ease, transform 140ms ease",
-			transform: t12,
-			width: 40
-		};
-		$[15] = t11;
-		$[16] = t12;
-		$[17] = t13;
-	} else t13 = $[17];
-	const t14 = `1px solid ${isHovered ? "color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 34%, transparent)" : "color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 12%, transparent)"}`;
-	const t15 = isHovered ? "0 0 0 3px color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 8%, transparent), 0 5px 14px rgba(0, 0, 0, 0.12)" : "0 2px 8px rgba(0, 0, 0, 0.10)";
-	let t16;
-	if ($[18] !== t14 || $[19] !== t15) {
-		t16 = /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Add block here",
+			onClick: handleInsert,
+			onKeyDown: (event) => {
+				if (event.key === "Enter" || event.key === " ") handleInsert(event);
+			},
 			style: {
 				alignItems: "center",
-				background: "var(--background, #fff)",
-				border: t14,
+				background: "transparent",
+				border: 0,
 				borderRadius: 999,
-				boxShadow: t15,
+				color: previewRingColor,
+				cursor: "pointer",
 				display: "inline-flex",
-				fontSize: 13,
-				fontWeight: 500,
-				height: 24,
+				height: 32,
 				justifyContent: "center",
-				transition: "border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease",
-				width: 24
+				lineHeight: 1,
+				opacity: isHovered ? 1 : .28,
+				outline: "none",
+				padding: 0,
+				pointerEvents: "auto",
+				position: "relative",
+				transition: "opacity 140ms ease, transform 140ms ease",
+				transform: isHovered ? "scale(1)" : "scale(0.92)",
+				width: 40
 			},
-			children: "+"
-		});
-		$[18] = t14;
-		$[19] = t15;
-		$[20] = t16;
-	} else t16 = $[20];
-	let t17;
-	if ($[21] !== handleInsert || $[22] !== t10 || $[23] !== t13 || $[24] !== t16) {
-		t17 = /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": "Add block here",
-			onClick: handleInsert,
-			onKeyDown: t10,
-			style: t13,
-			children: t16
-		});
-		$[21] = handleInsert;
-		$[22] = t10;
-		$[23] = t13;
-		$[24] = t16;
-		$[25] = t17;
-	} else t17 = $[25];
-	let t18;
-	if ($[26] !== t17 || $[27] !== t9) {
-		t18 = /* @__PURE__ */ jsxs("div", {
-			"data-preview-block-insert": "",
-			onMouseEnter: t2,
-			onMouseLeave: t3,
-			onFocus: t4,
-			onBlur: t5,
-			style: t6,
-			children: [t9, t17]
-		});
-		$[26] = t17;
-		$[27] = t9;
-		$[28] = t18;
-	} else t18 = $[28];
-	return t18;
+			children: /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				style: {
+					alignItems: "center",
+					background: "var(--background, #fff)",
+					border: `1px solid ${isHovered ? softRingColor : mutedRingColor}`,
+					borderRadius: 999,
+					boxShadow: isHovered ? `0 0 0 3px color-mix(in srgb, ${previewRingColor} 8%, transparent), 0 5px 14px rgba(0, 0, 0, 0.12)` : "0 2px 8px rgba(0, 0, 0, 0.10)",
+					display: "inline-flex",
+					fontSize: 13,
+					fontWeight: 500,
+					height: 24,
+					justifyContent: "center",
+					transition: "border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease",
+					width: 24
+				},
+				children: "+"
+			})
+		})]
+	});
 }
-function PreviewBlockWrapper(t0) {
-	const $ = c(25);
-	const { children, id, isSelected, onBlockClick, type } = t0;
+function PreviewBlockWrapper({ children, id, isSelected, onBlockClick, type }) {
 	const [isHovered, setIsHovered] = React.useState(false);
 	const [hasDomFocus, setHasDomFocus] = React.useState(false);
-	const t1 = isHovered || hasDomFocus || isSelected ? "var(--ring, var(--highlight, #b700ff))" : "transparent";
-	const t2 = isSelected ? "solid" : "dashed";
-	const t3 = isSelected ? "0 0 0 4px color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 18%, transparent)" : void 0;
-	let t4;
-	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3) {
-		t4 = {
-			outlineColor: t1,
-			outlineOffset: "4px",
-			outlineStyle: t2,
-			outlineWidth: "2px",
-			boxShadow: t3,
-			cursor: "pointer",
-			transition: "outline-color 150ms ease, box-shadow 150ms ease"
-		};
-		$[0] = t1;
-		$[1] = t2;
-		$[2] = t3;
-		$[3] = t4;
-	} else t4 = $[3];
-	const previewStyle = t4;
-	let t5;
-	if ($[4] !== id || $[5] !== onBlockClick) {
-		t5 = (e) => {
-			const target = e.target;
-			if (target?.closest("[data-preview-field]")) return;
-			const closestBlock = target?.closest("[data-block-id]");
-			if (closestBlock && closestBlock !== e.currentTarget) return;
+	const shouldShowAffordance = isHovered || hasDomFocus || isSelected;
+	const previewRingColor = "var(--ring, var(--highlight, #b700ff))";
+	const previewStyle = React.useMemo(() => ({
+		outlineColor: shouldShowAffordance ? previewRingColor : "transparent",
+		outlineOffset: "4px",
+		outlineStyle: isSelected ? "solid" : "dashed",
+		outlineWidth: "2px",
+		boxShadow: isSelected ? `0 0 0 4px color-mix(in srgb, ${previewRingColor} 18%, transparent)` : void 0,
+		cursor: "pointer",
+		transition: "outline-color 150ms ease, box-shadow 150ms ease"
+	}), [isSelected, shouldShowAffordance]);
+	const handleClick = React.useCallback((e) => {
+		const target = e.target;
+		if (target?.closest("[data-preview-field]")) return;
+		const closestBlock = target?.closest("[data-block-id]");
+		if (closestBlock && closestBlock !== e.currentTarget) return;
+		e.preventDefault();
+		e.stopPropagation();
+		onBlockClick(id);
+	}, [id, onBlockClick]);
+	const handleKeyDown = React.useCallback((e) => {
+		const target = e.target;
+		if (target?.closest("[data-preview-field]") || target?.closest("[data-block-id]") !== e.currentTarget) return;
+		if (e.key === "Enter" || e.key === " ") {
 			e.preventDefault();
 			e.stopPropagation();
 			onBlockClick(id);
-		};
-		$[4] = id;
-		$[5] = onBlockClick;
-		$[6] = t5;
-	} else t5 = $[6];
-	const handleClick = t5;
-	let t6;
-	if ($[7] !== id || $[8] !== onBlockClick) {
-		t6 = (e_0) => {
-			const target_0 = e_0.target;
-			if (target_0?.closest("[data-preview-field]") || target_0?.closest("[data-block-id]") !== e_0.currentTarget) return;
-			if (e_0.key === "Enter" || e_0.key === " ") {
-				e_0.preventDefault();
-				e_0.stopPropagation();
-				onBlockClick(id);
-			}
-		};
-		$[7] = id;
-		$[8] = onBlockClick;
-		$[9] = t6;
-	} else t6 = $[9];
-	const handleKeyDown = t6;
-	const t7 = isSelected ? "true" : void 0;
-	let t10;
-	let t11;
-	let t8;
-	let t9;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => setIsHovered(true);
-		t9 = () => setIsHovered(false);
-		t10 = () => setHasDomFocus(true);
-		t11 = () => setHasDomFocus(false);
-		$[10] = t10;
-		$[11] = t11;
-		$[12] = t8;
-		$[13] = t9;
-	} else {
-		t10 = $[10];
-		t11 = $[11];
-		t8 = $[12];
-		t9 = $[13];
-	}
-	const t12 = isSelected && "outline-primary shadow-primary/20 shadow-[0_0_0_4px] outline outline-2 outline-offset-4";
-	let t13;
-	if ($[14] !== t12) {
-		t13 = cn("group/preview-block relative cursor-pointer transition-[outline-color,outline-offset,box-shadow] duration-150", "hover:outline-primary/40 hover:outline hover:outline-2 hover:outline-offset-4 hover:outline-dashed", t12);
-		$[14] = t12;
-		$[15] = t13;
-	} else t13 = $[15];
-	let t14;
-	if ($[16] !== children || $[17] !== handleClick || $[18] !== handleKeyDown || $[19] !== id || $[20] !== previewStyle || $[21] !== t13 || $[22] !== t7 || $[23] !== type) {
-		t14 = /* @__PURE__ */ jsx("div", {
-			"data-block-id": id,
-			"data-block-type": type,
-			"data-preview-block": "",
-			"data-preview-block-selected": t7,
-			onClick: handleClick,
-			onKeyDown: handleKeyDown,
-			onMouseEnter: t8,
-			onMouseLeave: t9,
-			onFocus: t10,
-			onBlur: t11,
-			role: "button",
-			tabIndex: 0,
-			style: previewStyle,
-			className: t13,
-			children
-		});
-		$[16] = children;
-		$[17] = handleClick;
-		$[18] = handleKeyDown;
-		$[19] = id;
-		$[20] = previewStyle;
-		$[21] = t13;
-		$[22] = t7;
-		$[23] = type;
-		$[24] = t14;
-	} else t14 = $[24];
-	return t14;
+		}
+	}, [id, onBlockClick]);
+	return /* @__PURE__ */ jsx("div", {
+		"data-block-id": id,
+		"data-block-type": type,
+		"data-preview-block": "",
+		"data-preview-block-selected": isSelected ? "true" : void 0,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		onFocus: () => setHasDomFocus(true),
+		onBlur: () => setHasDomFocus(false),
+		role: "button",
+		tabIndex: 0,
+		style: previewStyle,
+		className: cn("group/preview-block relative cursor-pointer transition-[outline-color,outline-offset,box-shadow] duration-150", "hover:outline-primary/40 hover:outline hover:outline-2 hover:outline-offset-4 hover:outline-dashed", isSelected && "outline-primary shadow-primary/20 shadow-[0_0_0_4px] outline outline-2 outline-offset-4"),
+		children
+	});
 }
 function kebabToCamelCase(value) {
 	return value.replace(/-([a-z])/g, (_, char) => char.toUpperCase());

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

@@ -40,8 +40,8 @@ function ActionButton({ action, collection, item, items, helpers, size = "defaul
 	const [isLoading, setIsLoading] = React.useState(false);
 	const actionQueryClient = React.useMemo(() => ({
 		invalidateQueries: (filters) => queryClient.invalidateQueries(filters),
-		refetchQueries: (filters_0) => queryClient.refetchQueries(filters_0),
-		resetQueries: (filters_1) => queryClient.resetQueries(filters_1)
+		refetchQueries: (filters) => queryClient.refetchQueries(filters),
+		resetQueries: (filters) => queryClient.resetQueries(filters)
 	}), [queryClient]);
 	const ctx = React.useMemo(() => ({
 		item,
@@ -80,14 +80,14 @@ function ActionButton({ action, collection, item, items, helpers, size = "defaul
 			case "api": {
 				setIsLoading(true);
 				const itemAny = item;
-				const itemId_0 = itemAny != null ? String(itemAny.id) : "";
+				const itemId = itemAny != null ? String(itemAny.id) : "";
 				const method = handler.method ? handler.method : "POST";
-				const endpoint = handler.endpoint.replace("{id}", itemId_0);
+				const endpoint = handler.endpoint.replace("{id}", itemId);
 				try {
 					const collectionClient = client.collections?.[collection];
 					if (method === "DELETE" && collectionClient?.delete) {
-						if (!itemId_0) throw new Error(t("toast.deleteFailed"));
-						await collectionClient.delete({ id: itemId_0 });
+						if (!itemId) throw new Error(t("toast.deleteFailed"));
+						await collectionClient.delete({ id: itemId });
 						helpers.toast.success(t("toast.deleteSuccess"));
 						await helpers.invalidateCollection(collection);
 					} else {
@@ -95,8 +95,8 @@ function ActionButton({ action, collection, item, items, helpers, size = "defaul
 						helpers.refresh();
 					}
 					setIsLoading(false);
-				} catch (error_1) {
-					helpers.toast.error(error_1 instanceof Error ? error_1.message : t("error.actionFailed"));
+				} catch (error) {
+					helpers.toast.error(error instanceof Error ? error.message : t("error.actionFailed"));
 					setIsLoading(false);
 				}
 				break;
@@ -106,7 +106,7 @@ function ActionButton({ action, collection, item, items, helpers, size = "defaul
 				try {
 					await handler.fn(ctx);
 					setIsLoading(false);
-				} catch (error_0) {
+				} catch (error) {
 					helpers.toast.error(t("error.actionFailed"));
 					setIsLoading(false);
 				}