@questpie/admin 3.0.4 → 3.0.5

package/dist/client/components/blocks/block-editor-layout.mjs

@@ -138,7 +138,7 @@ function BlockEditorLayout(t0) {
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-sm font-medium",
-						children: "No blocks yet"
+						children: t("blocks.emptyTitle")
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground mt-1 text-xs",
@@ -153,7 +153,7 @@ function BlockEditorLayout(t0) {
 				children: [/* @__PURE__ */ jsx(Icon, {
 					icon: "ph:plus",
 					className: "mr-2 h-4 w-4"
-				}), "Add block"]
+				}), t("blocks.add")]
 			})]
 		});
 		$[19] = handleOpenSidebar;

package/dist/client/components/blocks/block-library-sidebar.mjs

@@ -19,7 +19,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Uses shadcn Sheet component for mobile-friendly sidebar.
 */
 function BlockLibrarySidebar(t0) {
-	const $ = c(32);
+	const $ = c(44);
 	const { open, onClose } = t0;
 	const { t } = useTranslation();
 	const actions = useBlockEditorActions();
@@ -113,54 +113,80 @@ function BlockLibrarySidebar(t0) {
 		$[12] = t4;
 	} else t4 = $[12];
 	let t5;
-	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsxs(SheetHeader, {
+	if ($[13] !== t) {
+		t5 = t("blocks.add");
+		$[13] = t;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== t5) {
+		t6 = /* @__PURE__ */ jsx(SheetTitle, { children: t5 });
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== t) {
+		t7 = t("blocks.libraryDescription");
+		$[17] = t;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== t7) {
+		t8 = /* @__PURE__ */ jsx(SheetDescription, { children: t7 });
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== t6 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(SheetHeader, {
 			className: "space-y-2",
-			children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Add Block" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Select a block type to add to your content" })]
+			children: [t6, t8]
 		});
-		$[13] = t5;
-	} else t5 = $[13];
-	let t6;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(Icon, {
+		$[21] = t6;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:magnifying-glass",
 			className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
 		});
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] !== t) {
-		t7 = t("blocks.searchPlaceholder");
-		$[15] = t;
-		$[16] = t7;
-	} else t7 = $[16];
-	let t8;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = (e) => setSearch(e.target.value);
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] !== search || $[19] !== t7) {
-		t9 = /* @__PURE__ */ jsx("div", {
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t) {
+		t11 = t("blocks.searchPlaceholder");
+		$[25] = t;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = (e) => setSearch(e.target.value);
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== search || $[29] !== t11) {
+		t13 = /* @__PURE__ */ jsx("div", {
 			className: "px-6 py-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "relative",
-				children: [t6, /* @__PURE__ */ jsx(Input, {
+				children: [t10, /* @__PURE__ */ jsx(Input, {
 					ref: searchInputRef,
-					placeholder: t7,
+					placeholder: t11,
 					value: search,
-					onChange: t8,
+					onChange: t12,
 					className: "pl-9"
 				})]
 			})
 		});
-		$[18] = search;
-		$[19] = t7;
-		$[20] = t9;
-	} else t9 = $[20];
-	let t10;
-	if ($[21] !== categories || $[22] !== handleSelectBlock || $[23] !== search) {
-		t10 = /* @__PURE__ */ jsx("div", {
+		$[28] = search;
+		$[29] = t11;
+		$[30] = t13;
+	} else t13 = $[30];
+	let t14;
+	if ($[31] !== categories || $[32] !== handleSelectBlock || $[33] !== search || $[34] !== t) {
+		t14 = /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-y-auto px-6 pb-6",
 			children: categories.length === 0 ? /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
@@ -171,11 +197,11 @@ function BlockLibrarySidebar(t0) {
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground text-sm",
-						children: "No blocks found"
+						children: t("blocks.noSearchResults")
 					}),
 					search && /* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground mt-1 text-xs",
-						children: "Try a different search term"
+						children: t("blocks.tryDifferentSearch")
 					})
 				]
 			}) : /* @__PURE__ */ jsx("div", {
@@ -213,39 +239,41 @@ function BlockLibrarySidebar(t0) {
 				})] }, category_0.key))
 			})
 		});
-		$[21] = categories;
-		$[22] = handleSelectBlock;
-		$[23] = search;
-		$[24] = t10;
-	} else t10 = $[24];
-	let t11;
-	if ($[25] !== t10 || $[26] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(SheetContent, {
+		$[31] = categories;
+		$[32] = handleSelectBlock;
+		$[33] = search;
+		$[34] = t;
+		$[35] = t14;
+	} else t14 = $[35];
+	let t15;
+	if ($[36] !== t13 || $[37] !== t14 || $[38] !== t9) {
+		t15 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "left",
 			className: "qa-block-library flex w-full flex-col sm:max-w-md",
 			children: [
-				t5,
 				t9,
-				t10
+				t13,
+				t14
 			]
 		});
-		$[25] = t10;
-		$[26] = t9;
-		$[27] = t11;
-	} else t11 = $[27];
-	let t12;
-	if ($[28] !== open || $[29] !== t11 || $[30] !== t4) {
-		t12 = /* @__PURE__ */ jsx(Sheet, {
+		$[36] = t13;
+		$[37] = t14;
+		$[38] = t9;
+		$[39] = t15;
+	} else t15 = $[39];
+	let t16;
+	if ($[40] !== open || $[41] !== t15 || $[42] !== t4) {
+		t16 = /* @__PURE__ */ jsx(Sheet, {
 			open,
 			onOpenChange: t4,
-			children: t11
+			children: t15
 		});
-		$[28] = open;
-		$[29] = t11;
-		$[30] = t4;
-		$[31] = t12;
-	} else t12 = $[31];
-	return t12;
+		$[40] = open;
+		$[41] = t15;
+		$[42] = t4;
+		$[43] = t16;
+	} else t16 = $[43];
+	return t16;
 }
 function _temp2(a_0, b_0) {
 	return (a_0.admin?.order ?? 999) - (b_0.admin?.order ?? 999);

package/dist/client/components/media/media-grid.mjs

@@ -1,3 +1,4 @@
+import { useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
 import { c } from "react/compiler-runtime";
@@ -198,15 +199,23 @@ function AssetItem(t0) {
 }
 const EMPTY_SET = /* @__PURE__ */ new Set();
 function MediaGrid(t0) {
-	const $ = c(31);
+	const $ = c(37);
 	const { assets, selectedIds: t1, onSelectionChange, selectionMode: t2, loading: t3, onAssetClick, columns: t4, className } = t0;
 	const selectedIds = t1 === void 0 ? EMPTY_SET : t1;
 	const selectionMode = t2 === void 0 ? "none" : t2;
 	const loading = t3 === void 0 ? false : t3;
 	const columns = t4 === void 0 ? 4 : t4;
+	const i18n = useSafeI18n();
 	let t5;
-	if ($[0] !== onSelectionChange || $[1] !== selectedIds || $[2] !== selectionMode) {
-		t5 = (assetId) => {
+	if ($[0] !== i18n) {
+		t5 = (key, fallback) => i18n?.t(key) ?? fallback;
+		$[0] = i18n;
+		$[1] = t5;
+	} else t5 = $[1];
+	const t = t5;
+	let t6;
+	if ($[2] !== onSelectionChange || $[3] !== selectedIds || $[4] !== selectionMode) {
+		t6 = (assetId) => {
 			if (!onSelectionChange) return;
 			const newSelection = new Set(selectedIds);
 			if (selectionMode === "single") {
@@ -216,101 +225,109 @@ function MediaGrid(t0) {
 			else newSelection.add(assetId);
 			onSelectionChange(newSelection);
 		};
-		$[0] = onSelectionChange;
-		$[1] = selectedIds;
-		$[2] = selectionMode;
-		$[3] = t5;
-	} else t5 = $[3];
-	const handleToggle = t5;
+		$[2] = onSelectionChange;
+		$[3] = selectedIds;
+		$[4] = selectionMode;
+		$[5] = t6;
+	} else t6 = $[5];
+	const handleToggle = t6;
 	if (loading) {
-		let t6$1;
-		if ($[4] !== columns) {
-			t6$1 = /* @__PURE__ */ jsx(MediaGridSkeleton, { columns });
-			$[4] = columns;
-			$[5] = t6$1;
-		} else t6$1 = $[5];
 		let t7$1;
-		if ($[6] !== className || $[7] !== t6$1) {
-			t7$1 = /* @__PURE__ */ jsx("div", {
+		if ($[6] !== columns) {
+			t7$1 = /* @__PURE__ */ jsx(MediaGridSkeleton, { columns });
+			$[6] = columns;
+			$[7] = t7$1;
+		} else t7$1 = $[7];
+		let t8$1;
+		if ($[8] !== className || $[9] !== t7$1) {
+			t8$1 = /* @__PURE__ */ jsx("div", {
 				className,
-				children: t6$1
+				children: t7$1
 			});
-			$[6] = className;
-			$[7] = t6$1;
-			$[8] = t7$1;
-		} else t7$1 = $[8];
-		return t7$1;
+			$[8] = className;
+			$[9] = t7$1;
+			$[10] = t8$1;
+		} else t8$1 = $[10];
+		return t8$1;
 	}
 	if (assets.length === 0) {
-		let t6$1;
-		if ($[9] !== className) {
-			t6$1 = cn("flex flex-col items-center justify-center p-8", "text-muted-foreground", className);
-			$[9] = className;
-			$[10] = t6$1;
-		} else t6$1 = $[10];
 		let t7$1;
-		if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-			t7$1 = /* @__PURE__ */ jsx("p", {
+		if ($[11] !== className) {
+			t7$1 = cn("flex flex-col items-center justify-center p-8", "text-muted-foreground", className);
+			$[11] = className;
+			$[12] = t7$1;
+		} else t7$1 = $[12];
+		let t8$1;
+		if ($[13] !== t) {
+			t8$1 = t("media.noAssets", "No assets found");
+			$[13] = t;
+			$[14] = t8$1;
+		} else t8$1 = $[14];
+		let t9$1;
+		if ($[15] !== t8$1) {
+			t9$1 = /* @__PURE__ */ jsx("p", {
 				className: "text-sm",
-				children: "No assets found"
+				children: t8$1
 			});
-			$[11] = t7$1;
-		} else t7$1 = $[11];
-		let t8$1;
-		if ($[12] !== t6$1) {
-			t8$1 = /* @__PURE__ */ jsx("div", {
-				className: t6$1,
-				children: t7$1
+			$[15] = t8$1;
+			$[16] = t9$1;
+		} else t9$1 = $[16];
+		let t10;
+		if ($[17] !== t7$1 || $[18] !== t9$1) {
+			t10 = /* @__PURE__ */ jsx("div", {
+				className: t7$1,
+				children: t9$1
 			});
-			$[12] = t6$1;
-			$[13] = t8$1;
-		} else t8$1 = $[13];
-		return t8$1;
+			$[17] = t7$1;
+			$[18] = t9$1;
+			$[19] = t10;
+		} else t10 = $[19];
+		return t10;
 	}
 	const gridClass = columns === 2 ? "grid-cols-2" : columns === 3 ? "grid-cols-2 sm:grid-cols-3" : columns === 5 ? "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5" : "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4";
-	let t6;
-	if ($[14] !== className || $[15] !== gridClass) {
-		t6 = cn("grid gap-3", gridClass, className);
-		$[14] = className;
-		$[15] = gridClass;
-		$[16] = t6;
-	} else t6 = $[16];
 	let t7;
-	if ($[17] !== assets || $[18] !== handleToggle || $[19] !== onAssetClick || $[20] !== selectedIds || $[21] !== selectionMode) {
-		let t8$1;
-		if ($[23] !== handleToggle || $[24] !== onAssetClick || $[25] !== selectedIds || $[26] !== selectionMode) {
-			t8$1 = (asset) => /* @__PURE__ */ jsx(AssetItem, {
+	if ($[20] !== className || $[21] !== gridClass) {
+		t7 = cn("grid gap-3", gridClass, className);
+		$[20] = className;
+		$[21] = gridClass;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== assets || $[24] !== handleToggle || $[25] !== onAssetClick || $[26] !== selectedIds || $[27] !== selectionMode) {
+		let t9$1;
+		if ($[29] !== handleToggle || $[30] !== onAssetClick || $[31] !== selectedIds || $[32] !== selectionMode) {
+			t9$1 = (asset) => /* @__PURE__ */ jsx(AssetItem, {
 				asset,
 				selected: selectedIds.has(asset.id),
 				selectionMode,
 				onToggle: () => handleToggle(asset.id),
 				onClick: onAssetClick ? () => onAssetClick(asset) : void 0
 			}, asset.id);
-			$[23] = handleToggle;
-			$[24] = onAssetClick;
-			$[25] = selectedIds;
-			$[26] = selectionMode;
-			$[27] = t8$1;
-		} else t8$1 = $[27];
-		t7 = assets.map(t8$1);
-		$[17] = assets;
-		$[18] = handleToggle;
-		$[19] = onAssetClick;
-		$[20] = selectedIds;
-		$[21] = selectionMode;
-		$[22] = t7;
-	} else t7 = $[22];
-	let t8;
-	if ($[28] !== t6 || $[29] !== t7) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className: t6,
-			children: t7
+			$[29] = handleToggle;
+			$[30] = onAssetClick;
+			$[31] = selectedIds;
+			$[32] = selectionMode;
+			$[33] = t9$1;
+		} else t9$1 = $[33];
+		t8 = assets.map(t9$1);
+		$[23] = assets;
+		$[24] = handleToggle;
+		$[25] = onAssetClick;
+		$[26] = selectedIds;
+		$[27] = selectionMode;
+		$[28] = t8;
+	} else t8 = $[28];
+	let t9;
+	if ($[34] !== t7 || $[35] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t7,
+			children: t8
 		});
-		$[28] = t6;
-		$[29] = t7;
-		$[30] = t8;
-	} else t8 = $[30];
-	return t8;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
+	} else t9 = $[36];
+	return t9;
 }
 
 //#endregion