@questpie/admin 1.1.0 → 2.0.0

package/dist/client/components/fields/rich-text-editor/bubble-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-menu.mjs","names":["TiptapBubbleMenu"],"sources":["../../../../../src/client/components/fields/rich-text-editor/bubble-menu.tsx"],"sourcesContent":["/**\n * Bubble Menu Component\n *\n * Floating toolbar that appears on text selection.\n */\n\nimport type { Editor } from \"@tiptap/core\";\nimport { BubbleMenu as TiptapBubbleMenu } from \"@tiptap/react\";\nimport * as React from \"react\";\n\nimport { useTranslation } from \"../../../i18n/hooks\";\nimport { EDITOR_ICONS, ToolbarButton } from \"./toolbar\";\nimport type { RichTextFeatures } from \"./types\";\n\nexport type RichTextBubbleMenuProps = {\n  editor: Editor;\n  features: Required<RichTextFeatures>;\n  disabled?: boolean;\n  onLinkClick: () => void;\n};\n\n/**\n * Bubble menu that appears on text selection\n */\nexport function RichTextBubbleMenu({\n  editor,\n  features,\n  disabled,\n  onLinkClick,\n}: RichTextBubbleMenuProps) {\n  const { t } = useTranslation();\n  const isEditable = !disabled;\n\n  return (\n    <TiptapBubbleMenu\n      editor={editor}\n      className=\"flex items-center gap-1 rounded-md border bg-background p-1 shadow-lg\"\n    >\n      {features.bold && (\n        <ToolbarButton\n          icon={EDITOR_ICONS.bold}\n          active={editor.isActive(\"bold\")}\n          disabled={!isEditable}\n          title={t(\"editor.bold\")}\n          shortcut=\"⌘B\"\n          onClick={() => editor.chain().focus().toggleBold().run()}\n        />\n      )}\n      {features.italic && (\n        <ToolbarButton\n          icon={EDITOR_ICONS.italic}\n          active={editor.isActive(\"italic\")}\n          disabled={!isEditable}\n          title={t(\"editor.italic\")}\n          shortcut=\"⌘I\"\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n        />\n      )}\n      {features.underline && (\n        <ToolbarButton\n          icon={EDITOR_ICONS.underline}\n          active={editor.isActive(\"underline\")}\n          disabled={!isEditable}\n          title={t(\"editor.underline\")}\n          shortcut=\"⌘U\"\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n        />\n      )}\n      {features.link && (\n        <ToolbarButton\n          icon={EDITOR_ICONS.link}\n          active={editor.isActive(\"link\")}\n          disabled={!isEditable}\n          title={t(\"editor.link\")}\n          shortcut=\"⌘K\"\n          onClick={onLinkClick}\n        />\n      )}\n    </TiptapBubbleMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAwBA,SAAgB,mBAAmB,EACjC,QACA,UACA,UACA,eAC0B;CAC1B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,aAAa,CAAC;AAEpB,QACE,qBAACA;EACS;EACR,WAAU;;GAET,SAAS,QACR,oBAAC;IACC,MAAM,aAAa;IACnB,QAAQ,OAAO,SAAS,OAAO;IAC/B,UAAU,CAAC;IACX,OAAO,EAAE,cAAc;IACvB,UAAS;IACT,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK;KACxD;GAEH,SAAS,UACR,oBAAC;IACC,MAAM,aAAa;IACnB,QAAQ,OAAO,SAAS,SAAS;IACjC,UAAU,CAAC;IACX,OAAO,EAAE,gBAAgB;IACzB,UAAS;IACT,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK;KAC1D;GAEH,SAAS,aACR,oBAAC;IACC,MAAM,aAAa;IACnB,QAAQ,OAAO,SAAS,YAAY;IACpC,UAAU,CAAC;IACX,OAAO,EAAE,mBAAmB;IAC5B,UAAS;IACT,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK;KAC7D;GAEH,SAAS,QACR,oBAAC;IACC,MAAM,aAAa;IACnB,QAAQ,OAAO,SAAS,OAAO;IAC/B,UAAU,CAAC;IACX,OAAO,EAAE,cAAc;IACvB,UAAS;IACT,SAAS;KACT;;GAEa"}

package/dist/client/components/fields/rich-text-editor/extensions.mjs

@@ -0,0 +1,118 @@
+import { createSlashCommandExtension } from "./slash-commands.mjs";
+import CharacterCount from "@tiptap/extension-character-count";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import Image from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import Table from "@tiptap/extension-table";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+import TableRow from "@tiptap/extension-table-row";
+import TextAlign from "@tiptap/extension-text-align";
+import Underline from "@tiptap/extension-underline";
+import StarterKit from "@tiptap/starter-kit";
+import { common, createLowlight } from "lowlight";
+
+//#region src/client/components/fields/rich-text-editor/extensions.tsx
+const lowlight = createLowlight(common);
+/**
+* Build Tiptap extensions based on feature configuration
+*/
+function buildExtensions({ features, placeholder, maxCharacters, customExtensions }) {
+	const starterKitConfig = { codeBlock: false };
+	if (!features.bold) starterKitConfig.bold = false;
+	if (!features.italic) starterKitConfig.italic = false;
+	if (!features.strike) starterKitConfig.strike = false;
+	if (!features.code) starterKitConfig.code = false;
+	if (!features.blockquote) starterKitConfig.blockquote = false;
+	if (!features.heading) starterKitConfig.heading = false;
+	if (!features.bulletList) starterKitConfig.bulletList = false;
+	if (!features.orderedList) starterKitConfig.orderedList = false;
+	if (!features.bulletList && !features.orderedList) starterKitConfig.listItem = false;
+	if (!features.horizontalRule) starterKitConfig.horizontalRule = false;
+	if (!features.history) starterKitConfig.history = false;
+	const extensions = [StarterKit.configure(starterKitConfig), Placeholder.configure({ placeholder: placeholder || "Start writing..." })];
+	if (features.underline) extensions.push(Underline);
+	if (features.link) extensions.push(Link.configure({
+		openOnClick: false,
+		autolink: true,
+		linkOnPaste: true
+	}));
+	if (features.align) extensions.push(TextAlign.configure({ types: ["heading", "paragraph"] }));
+	if (features.image) extensions.push(Image);
+	if (features.table) extensions.push(Table.configure({ resizable: true }), TableRow, TableHeader, TableCell);
+	if (features.codeBlock) extensions.push(CodeBlockLowlight.configure({ lowlight }));
+	if (features.characterCount && maxCharacters) extensions.push(CharacterCount.configure({ limit: maxCharacters }));
+	if (features.slashCommands) extensions.push(createSlashCommandExtension((editor) => {
+		const commands = [];
+		if (features.heading) commands.push({
+			title: "Heading 1",
+			description: "Large section heading",
+			keywords: ["h1"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleHeading({ level: 1 }).run()
+		}, {
+			title: "Heading 2",
+			description: "Medium section heading",
+			keywords: ["h2"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleHeading({ level: 2 }).run()
+		}, {
+			title: "Heading 3",
+			description: "Small section heading",
+			keywords: ["h3"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleHeading({ level: 3 }).run()
+		});
+		commands.push({
+			title: "Paragraph",
+			description: "Start with plain text",
+			keywords: ["text"],
+			command: (cmdEditor) => cmdEditor.chain().focus().setParagraph().run()
+		});
+		if (features.bulletList) commands.push({
+			title: "Bullet list",
+			description: "Create a bulleted list",
+			keywords: ["list", "ul"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleBulletList().run()
+		});
+		if (features.orderedList) commands.push({
+			title: "Numbered list",
+			description: "Create an ordered list",
+			keywords: ["list", "ol"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleOrderedList().run()
+		});
+		if (features.blockquote) commands.push({
+			title: "Quote",
+			description: "Capture a quote",
+			keywords: ["blockquote"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleBlockquote().run()
+		});
+		if (features.codeBlock) commands.push({
+			title: "Code block",
+			description: "Insert code snippet",
+			keywords: ["code"],
+			command: (cmdEditor) => cmdEditor.chain().focus().toggleCodeBlock().run()
+		});
+		if (features.horizontalRule) commands.push({
+			title: "Divider",
+			description: "Insert a horizontal rule",
+			keywords: ["hr"],
+			command: (cmdEditor) => cmdEditor.chain().focus().setHorizontalRule().run()
+		});
+		if (features.table) commands.push({
+			title: "Table",
+			description: "Insert a 3x3 table",
+			keywords: ["grid"],
+			command: (cmdEditor) => cmdEditor.chain().focus().insertTable({
+				rows: 3,
+				cols: 3,
+				withHeaderRow: true
+			}).run()
+		});
+		return commands;
+	}));
+	if (customExtensions?.length) extensions.push(...customExtensions);
+	return extensions;
+}
+
+//#endregion
+export { buildExtensions };
+//# sourceMappingURL=extensions.mjs.map

package/dist/client/components/fields/rich-text-editor/extensions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.mjs","names":["starterKitConfig: Record<string, any>","extensions: AnyExtension[]","commands: SlashCommandItem[]"],"sources":["../../../../../src/client/components/fields/rich-text-editor/extensions.tsx"],"sourcesContent":["/**\n * Tiptap Extensions Configuration\n *\n * Factory functions for creating and configuring Tiptap extensions.\n */\n\nimport type { AnyExtension } from \"@tiptap/core\";\nimport CharacterCount from \"@tiptap/extension-character-count\";\nimport CodeBlockLowlight from \"@tiptap/extension-code-block-lowlight\";\nimport Image from \"@tiptap/extension-image\";\nimport Link from \"@tiptap/extension-link\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport Table from \"@tiptap/extension-table\";\nimport TableCell from \"@tiptap/extension-table-cell\";\nimport TableHeader from \"@tiptap/extension-table-header\";\nimport TableRow from \"@tiptap/extension-table-row\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Underline from \"@tiptap/extension-underline\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { common, createLowlight } from \"lowlight\";\n\nimport { createSlashCommandExtension } from \"./slash-commands\";\nimport type { RichTextFeatures, SlashCommandItem } from \"./types\";\n\nconst lowlight = createLowlight(common);\n\n/**\n * Build Tiptap extensions based on feature configuration\n */\nexport function buildExtensions({\n  features,\n  placeholder,\n  maxCharacters,\n  customExtensions,\n}: {\n  features: Required<RichTextFeatures>;\n  placeholder?: string;\n  maxCharacters?: number;\n  customExtensions?: AnyExtension[];\n}): AnyExtension[] {\n  const starterKitConfig: Record<string, any> = {\n    codeBlock: false,\n  };\n\n  if (!features.bold) starterKitConfig.bold = false;\n  if (!features.italic) starterKitConfig.italic = false;\n  if (!features.strike) starterKitConfig.strike = false;\n  if (!features.code) starterKitConfig.code = false;\n  if (!features.blockquote) starterKitConfig.blockquote = false;\n  if (!features.heading) starterKitConfig.heading = false;\n  if (!features.bulletList) starterKitConfig.bulletList = false;\n  if (!features.orderedList) starterKitConfig.orderedList = false;\n  if (!features.bulletList && !features.orderedList) {\n    starterKitConfig.listItem = false;\n  }\n  if (!features.horizontalRule) starterKitConfig.horizontalRule = false;\n  if (!features.history) starterKitConfig.history = false;\n\n  const extensions: AnyExtension[] = [\n    StarterKit.configure(starterKitConfig),\n    Placeholder.configure({\n      placeholder: placeholder || \"Start writing...\",\n    }),\n  ];\n\n  if (features.underline) {\n    extensions.push(Underline);\n  }\n\n  if (features.link) {\n    extensions.push(\n      Link.configure({\n        openOnClick: false,\n        autolink: true,\n        linkOnPaste: true,\n      }),\n    );\n  }\n\n  if (features.align) {\n    extensions.push(TextAlign.configure({ types: [\"heading\", \"paragraph\"] }));\n  }\n\n  if (features.image) {\n    extensions.push(Image);\n  }\n\n  if (features.table) {\n    extensions.push(\n      Table.configure({ resizable: true }),\n      TableRow,\n      TableHeader,\n      TableCell,\n    );\n  }\n\n  if (features.codeBlock) {\n    extensions.push(CodeBlockLowlight.configure({ lowlight }));\n  }\n\n  if (features.characterCount && maxCharacters) {\n    extensions.push(\n      CharacterCount.configure({\n        limit: maxCharacters,\n      }),\n    );\n  }\n\n  if (features.slashCommands) {\n    extensions.push(\n      createSlashCommandExtension((editor) => {\n        const commands: SlashCommandItem[] = [];\n\n        if (features.heading) {\n          commands.push(\n            {\n              title: \"Heading 1\",\n              description: \"Large section heading\",\n              keywords: [\"h1\"],\n              command: (cmdEditor) =>\n                cmdEditor.chain().focus().toggleHeading({ level: 1 }).run(),\n            },\n            {\n              title: \"Heading 2\",\n              description: \"Medium section heading\",\n              keywords: [\"h2\"],\n              command: (cmdEditor) =>\n                cmdEditor.chain().focus().toggleHeading({ level: 2 }).run(),\n            },\n            {\n              title: \"Heading 3\",\n              description: \"Small section heading\",\n              keywords: [\"h3\"],\n              command: (cmdEditor) =>\n                cmdEditor.chain().focus().toggleHeading({ level: 3 }).run(),\n            },\n          );\n        }\n\n        commands.push({\n          title: \"Paragraph\",\n          description: \"Start with plain text\",\n          keywords: [\"text\"],\n          command: (cmdEditor) =>\n            cmdEditor.chain().focus().setParagraph().run(),\n        });\n\n        if (features.bulletList) {\n          commands.push({\n            title: \"Bullet list\",\n            description: \"Create a bulleted list\",\n            keywords: [\"list\", \"ul\"],\n            command: (cmdEditor) =>\n              cmdEditor.chain().focus().toggleBulletList().run(),\n          });\n        }\n\n        if (features.orderedList) {\n          commands.push({\n            title: \"Numbered list\",\n            description: \"Create an ordered list\",\n            keywords: [\"list\", \"ol\"],\n            command: (cmdEditor) =>\n              cmdEditor.chain().focus().toggleOrderedList().run(),\n          });\n        }\n\n        if (features.blockquote) {\n          commands.push({\n            title: \"Quote\",\n            description: \"Capture a quote\",\n            keywords: [\"blockquote\"],\n            command: (cmdEditor) =>\n              cmdEditor.chain().focus().toggleBlockquote().run(),\n          });\n        }\n\n        if (features.codeBlock) {\n          commands.push({\n            title: \"Code block\",\n            description: \"Insert code snippet\",\n            keywords: [\"code\"],\n            command: (cmdEditor) =>\n              cmdEditor.chain().focus().toggleCodeBlock().run(),\n          });\n        }\n\n        if (features.horizontalRule) {\n          commands.push({\n            title: \"Divider\",\n            description: \"Insert a horizontal rule\",\n            keywords: [\"hr\"],\n            command: (cmdEditor) =>\n              cmdEditor.chain().focus().setHorizontalRule().run(),\n          });\n        }\n\n        if (features.table) {\n          commands.push({\n            title: \"Table\",\n            description: \"Insert a 3x3 table\",\n            keywords: [\"grid\"],\n            command: (cmdEditor) =>\n              cmdEditor\n                .chain()\n                .focus()\n                .insertTable({ rows: 3, cols: 3, withHeaderRow: true })\n                .run(),\n          });\n        }\n\n        return commands;\n      }),\n    );\n  }\n\n  if (customExtensions?.length) {\n    extensions.push(...customExtensions);\n  }\n\n  return extensions;\n}\n"],"mappings":"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"}

package/dist/client/components/fields/rich-text-editor/image-popover.mjs

@@ -0,0 +1,196 @@
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { Button } from "../../ui/button.mjs";
+import { sanitizeFilename } from "../field-utils.mjs";
+import { useCollectionItem } from "../../../hooks/use-collection.mjs";
+import { useUploadCollection } from "../../../hooks/use-upload-collection.mjs";
+import { useUpload } from "../../../hooks/use-upload.mjs";
+import { Input } from "../../ui/input.mjs";
+import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
+import { MediaPickerDialog } from "../../media/media-picker-dialog.mjs";
+import * as React$1 from "react";
+import { toast } from "sonner";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/fields/rich-text-editor/image-popover.tsx
+/**
+* Image insertion popover
+*/
+function ImagePopover({ editor, open, onOpenChange, disabled, onImageUpload, imageCollection, enableMediaLibrary }) {
+	const { t } = useTranslation();
+	const [imageUrl, setImageUrl] = React$1.useState("");
+	const [imageAlt, setImageAlt] = React$1.useState("");
+	const [uploadingImage, setUploadingImage] = React$1.useState(false);
+	const fileInputRef = React$1.useRef(null);
+	const [isPickerOpen, setIsPickerOpen] = React$1.useState(false);
+	const [selectedAssetId, setSelectedAssetId] = React$1.useState(null);
+	const { upload } = useUpload();
+	const { collection, collections: availableUploadCollections } = useUploadCollection(imageCollection);
+	const showMediaLibrary = enableMediaLibrary ?? true;
+	const { data: selectedAsset } = useCollectionItem(collection || "", selectedAssetId || "", void 0, { enabled: !!collection && !!selectedAssetId });
+	const handleInsertImageUrl = React$1.useCallback(() => {
+		if (!editor || !imageUrl) return;
+		editor.chain().focus().setImage({
+			src: imageUrl,
+			alt: imageAlt || void 0
+		}).run();
+		setImageUrl("");
+		setImageAlt("");
+		onOpenChange(false);
+	}, [
+		editor,
+		imageAlt,
+		imageUrl,
+		onOpenChange
+	]);
+	const handleImageUpload = React$1.useCallback(async (event) => {
+		const file = event.target.files?.[0];
+		if (!file || !editor) return;
+		try {
+			setUploadingImage(true);
+			let url;
+			if (onImageUpload) url = await onImageUpload(file);
+			else {
+				if (!collection) throw new Error(availableUploadCollections.length > 1 ? `Multiple upload collections are available (${availableUploadCollections.join(", ")}). Configure rich-text imageCollection to choose one.` : "No upload collection is configured for rich-text image uploads.");
+				const sanitizedName = sanitizeFilename(file.name);
+				url = (await upload(sanitizedName === file.name ? file : new File([file], sanitizedName, { type: file.type }), { to: collection }))?.url;
+				if (!url) throw new Error(t("upload.error"));
+			}
+			if (url) {
+				editor.chain().focus().setImage({
+					src: url,
+					alt: imageAlt || void 0
+				}).run();
+				setImageUrl("");
+				setImageAlt("");
+				onOpenChange(false);
+			}
+		} catch (err) {
+			const uploadError = err instanceof Error ? err : new Error(t("upload.error"));
+			toast.error(uploadError.message);
+		} finally {
+			setUploadingImage(false);
+			event.target.value = "";
+		}
+	}, [
+		collection,
+		availableUploadCollections,
+		editor,
+		imageAlt,
+		onImageUpload,
+		onOpenChange,
+		t,
+		upload
+	]);
+	React$1.useEffect(() => {
+		if (!selectedAssetId || !selectedAsset || !editor) return;
+		const assetUrl = selectedAsset?.url;
+		if (!assetUrl) {
+			toast.error(t("upload.error"));
+			setSelectedAssetId(null);
+			return;
+		}
+		editor.chain().focus().setImage({
+			src: assetUrl,
+			alt: imageAlt || selectedAsset?.alt || void 0
+		}).run();
+		setImageUrl("");
+		setImageAlt("");
+		setSelectedAssetId(null);
+		onOpenChange(false);
+	}, [
+		editor,
+		imageAlt,
+		onOpenChange,
+		selectedAsset,
+		selectedAssetId,
+		t
+	]);
+	const handlePickerSelect = (ids) => {
+		const selectedId = Array.isArray(ids) ? ids[0] : ids;
+		if (!selectedId) return;
+		setSelectedAssetId(selectedId);
+		setIsPickerOpen(false);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("div", { className: "sr-only" }) }), /* @__PURE__ */ jsxs(PopoverContent, {
+			className: "w-80",
+			children: [/* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t("editor.image") }) }), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ jsx(Input, {
+							value: imageUrl,
+							placeholder: "https://example.com/image.jpg",
+							onChange: (event) => setImageUrl(event.target.value),
+							disabled
+						}),
+						/* @__PURE__ */ jsx(Input, {
+							value: imageAlt,
+							placeholder: t("editor.altText"),
+							onChange: (event) => setImageAlt(event.target.value),
+							disabled
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "flex justify-end gap-2",
+							children: /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "xs",
+								onClick: handleInsertImageUrl,
+								disabled: disabled || !imageUrl,
+								children: t("editor.insertUrl")
+							})
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "text-xs font-medium",
+							children: t("editor.uploadFile")
+						}),
+						/* @__PURE__ */ jsx("input", {
+							ref: fileInputRef,
+							type: "file",
+							accept: "image/*",
+							onChange: handleImageUpload,
+							className: "sr-only",
+							disabled: disabled || uploadingImage
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "xs",
+								variant: "outline",
+								onClick: () => fileInputRef.current?.click(),
+								disabled: disabled || uploadingImage || !onImageUpload && !collection,
+								children: uploadingImage ? t("editor.uploading") : t("editor.chooseFile")
+							}), showMediaLibrary && /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								size: "xs",
+								variant: "outline",
+								onClick: () => setIsPickerOpen(true),
+								disabled: disabled || !collection,
+								children: t("editor.browseLibrary")
+							})]
+						})
+					]
+				})]
+			})]
+		})]
+	}), showMediaLibrary && /* @__PURE__ */ jsx(MediaPickerDialog, {
+		open: isPickerOpen,
+		onOpenChange: setIsPickerOpen,
+		mode: "single",
+		accept: ["image/*"],
+		onSelect: handlePickerSelect,
+		collection
+	})] });
+}
+
+//#endregion
+export { ImagePopover };
+//# sourceMappingURL=image-popover.mjs.map

package/dist/client/components/fields/rich-text-editor/image-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-popover.mjs","names":["React","url: string | undefined"],"sources":["../../../../../src/client/components/fields/rich-text-editor/image-popover.tsx"],"sourcesContent":["/**\n * Image Popover Component\n *\n * Dialog for inserting images via URL or file upload.\n */\n\nimport type { Editor } from \"@tiptap/core\";\nimport * as React from \"react\";\nimport { toast } from \"sonner\";\n\nimport { useCollectionItem } from \"../../../hooks/use-collection\";\nimport { type Asset, useUpload } from \"../../../hooks/use-upload\";\nimport { useUploadCollection } from \"../../../hooks/use-upload-collection\";\nimport { useTranslation } from \"../../../i18n/hooks\";\nimport { MediaPickerDialog } from \"../../media/media-picker-dialog\";\nimport { Button } from \"../../ui/button\";\nimport { Input } from \"../../ui/input\";\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverHeader,\n\tPopoverTitle,\n\tPopoverTrigger,\n} from \"../../ui/popover\";\nimport { sanitizeFilename } from \"../field-utils\";\n\nexport type ImagePopoverProps = {\n\teditor: Editor | null;\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\tdisabled?: boolean;\n\tonImageUpload?: (file: File) => Promise<string>;\n\timageCollection?: string;\n\tenableMediaLibrary?: boolean;\n};\n\n/**\n * Image insertion popover\n */\nexport function ImagePopover({\n\teditor,\n\topen,\n\tonOpenChange,\n\tdisabled,\n\tonImageUpload,\n\timageCollection,\n\tenableMediaLibrary,\n}: ImagePopoverProps) {\n\tconst { t } = useTranslation();\n\tconst [imageUrl, setImageUrl] = React.useState(\"\");\n\tconst [imageAlt, setImageAlt] = React.useState(\"\");\n\tconst [uploadingImage, setUploadingImage] = React.useState(false);\n\tconst fileInputRef = React.useRef<HTMLInputElement | null>(null);\n\tconst [isPickerOpen, setIsPickerOpen] = React.useState(false);\n\tconst [selectedAssetId, setSelectedAssetId] = React.useState<string | null>(\n\t\tnull,\n\t);\n\tconst { upload } = useUpload();\n\tconst { collection, collections: availableUploadCollections } =\n\t\tuseUploadCollection(imageCollection);\n\tconst showMediaLibrary = enableMediaLibrary ?? true;\n\tconst { data: selectedAsset } = useCollectionItem(\n\t\tcollection || \"\",\n\t\tselectedAssetId || \"\",\n\t\tundefined,\n\t\t{ enabled: !!collection && !!selectedAssetId },\n\t);\n\n\tconst handleInsertImageUrl = React.useCallback(() => {\n\t\tif (!editor || !imageUrl) return;\n\t\teditor\n\t\t\t.chain()\n\t\t\t.focus()\n\t\t\t.setImage({ src: imageUrl, alt: imageAlt || undefined })\n\t\t\t.run();\n\t\tsetImageUrl(\"\");\n\t\tsetImageAlt(\"\");\n\t\tonOpenChange(false);\n\t}, [editor, imageAlt, imageUrl, onOpenChange]);\n\n\tconst handleImageUpload = React.useCallback(\n\t\tasync (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst file = event.target.files?.[0];\n\t\t\tif (!file || !editor) return;\n\n\t\t\ttry {\n\t\t\t\tsetUploadingImage(true);\n\t\t\t\tlet url: string | undefined;\n\t\t\t\tif (onImageUpload) {\n\t\t\t\t\turl = await onImageUpload(file);\n\t\t\t\t} else {\n\t\t\t\t\tif (!collection) {\n\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\tavailableUploadCollections.length > 1\n\t\t\t\t\t\t\t\t? `Multiple upload collections are available (${availableUploadCollections.join(\", \")}). Configure rich-text imageCollection to choose one.`\n\t\t\t\t\t\t\t\t: \"No upload collection is configured for rich-text image uploads.\",\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst sanitizedName = sanitizeFilename(file.name);\n\t\t\t\t\tconst uploadFile =\n\t\t\t\t\t\tsanitizedName === file.name\n\t\t\t\t\t\t\t? file\n\t\t\t\t\t\t\t: new File([file], sanitizedName, { type: file.type });\n\t\t\t\t\tconst uploadedAsset = (await upload(uploadFile, {\n\t\t\t\t\t\tto: collection,\n\t\t\t\t\t})) as Asset;\n\t\t\t\t\turl = uploadedAsset?.url;\n\t\t\t\t\tif (!url) {\n\t\t\t\t\t\tthrow new Error(t(\"upload.error\"));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (url) {\n\t\t\t\t\teditor\n\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t.setImage({ src: url, alt: imageAlt || undefined })\n\t\t\t\t\t\t.run();\n\t\t\t\t\tsetImageUrl(\"\");\n\t\t\t\t\tsetImageAlt(\"\");\n\t\t\t\t\tonOpenChange(false);\n\t\t\t\t}\n\t\t\t} catch (err) {\n\t\t\t\tconst uploadError =\n\t\t\t\t\terr instanceof Error ? err : new Error(t(\"upload.error\"));\n\t\t\t\ttoast.error(uploadError.message);\n\t\t\t} finally {\n\t\t\t\tsetUploadingImage(false);\n\t\t\t\tevent.target.value = \"\";\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tcollection,\n\t\t\tavailableUploadCollections,\n\t\t\teditor,\n\t\t\timageAlt,\n\t\t\tonImageUpload,\n\t\t\tonOpenChange,\n\t\t\tt,\n\t\t\tupload,\n\t\t],\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (!selectedAssetId || !selectedAsset || !editor) return;\n\t\tconst assetUrl = (selectedAsset as Asset | undefined)?.url;\n\t\tif (!assetUrl) {\n\t\t\ttoast.error(t(\"upload.error\"));\n\t\t\tsetSelectedAssetId(null);\n\t\t\treturn;\n\t\t}\n\t\teditor\n\t\t\t.chain()\n\t\t\t.focus()\n\t\t\t.setImage({\n\t\t\t\tsrc: assetUrl,\n\t\t\t\talt: imageAlt || (selectedAsset as Asset | undefined)?.alt || undefined,\n\t\t\t})\n\t\t\t.run();\n\t\tsetImageUrl(\"\");\n\t\tsetImageAlt(\"\");\n\t\tsetSelectedAssetId(null);\n\t\tonOpenChange(false);\n\t}, [editor, imageAlt, onOpenChange, selectedAsset, selectedAssetId, t]);\n\n\tconst handlePickerSelect = (ids: string | string[]) => {\n\t\tconst selectedId = Array.isArray(ids) ? ids[0] : ids;\n\t\tif (!selectedId) return;\n\t\tsetSelectedAssetId(selectedId);\n\t\tsetIsPickerOpen(false);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Popover open={open} onOpenChange={onOpenChange}>\n\t\t\t\t<PopoverTrigger render={<div className=\"sr-only\" />} />\n\t\t\t\t<PopoverContent className=\"w-80\">\n\t\t\t\t\t<PopoverHeader>\n\t\t\t\t\t\t<PopoverTitle>{t(\"editor.image\")}</PopoverTitle>\n\t\t\t\t\t</PopoverHeader>\n\t\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tvalue={imageUrl}\n\t\t\t\t\t\t\t\tplaceholder=\"https://example.com/image.jpg\"\n\t\t\t\t\t\t\t\tonChange={(event) => setImageUrl(event.target.value)}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tvalue={imageAlt}\n\t\t\t\t\t\t\t\tplaceholder={t(\"editor.altText\")}\n\t\t\t\t\t\t\t\tonChange={(event) => setImageAlt(event.target.value)}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className=\"flex justify-end gap-2\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\tonClick={handleInsertImageUrl}\n\t\t\t\t\t\t\t\t\tdisabled={disabled || !imageUrl}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{t(\"editor.insertUrl\")}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t\t<div className=\"text-xs font-medium\">\n\t\t\t\t\t\t\t\t{t(\"editor.uploadFile\")}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tref={fileInputRef}\n\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\t\t\tonChange={handleImageUpload}\n\t\t\t\t\t\t\t\tclassName=\"sr-only\"\n\t\t\t\t\t\t\t\tdisabled={disabled || uploadingImage}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tonClick={() => fileInputRef.current?.click()}\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\tdisabled ||\n\t\t\t\t\t\t\t\t\t\tuploadingImage ||\n\t\t\t\t\t\t\t\t\t\t(!onImageUpload && !collection)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{uploadingImage\n\t\t\t\t\t\t\t\t\t\t? t(\"editor.uploading\")\n\t\t\t\t\t\t\t\t\t\t: t(\"editor.chooseFile\")}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t{showMediaLibrary && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => setIsPickerOpen(true)}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled || !collection}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{t(\"editor.browseLibrary\")}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\t\t\t{showMediaLibrary && (\n\t\t\t\t<MediaPickerDialog\n\t\t\t\t\topen={isPickerOpen}\n\t\t\t\t\tonOpenChange={setIsPickerOpen}\n\t\t\t\t\tmode=\"single\"\n\t\t\t\t\taccept={[\"image/*\"]}\n\t\t\t\t\tonSelect={handlePickerSelect}\n\t\t\t\t\tcollection={collection}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/dist/client/components/fields/rich-text-editor/index.d.mts

@@ -0,0 +1,4 @@
+import { RichTextPreset } from "./presets.mjs";
+import { RichTextEditorProps, RichTextFeatures } from "./types.mjs";
+import "./variants.mjs";
+import "react/jsx-runtime";

package/dist/client/components/fields/rich-text-editor/index.mjs

@@ -0,0 +1,187 @@
+import { useResolveText } from "../../../i18n/hooks.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { LocaleBadge } from "../locale-badge.mjs";
+import { Label } from "../../ui/label.mjs";
+import { RichTextToolbar } from "./toolbar.mjs";
+import { RichTextBubbleMenu } from "./bubble-menu.mjs";
+import { buildExtensions } from "./extensions.mjs";
+import { ImagePopover } from "./image-popover.mjs";
+import { LinkPopover } from "./link-popover.mjs";
+import { mergePresetFeatures } from "./presets.mjs";
+import { defaultFeatures } from "./types.mjs";
+import { getCharacterCount, getHeadingLevel, getOutput, isSameValue } from "./utils.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EditorContent, useEditor } from "@tiptap/react";
+
+//#region src/client/components/fields/rich-text-editor/index.tsx
+/**
+* RichTextEditor Component
+*
+* Tiptap-based rich text editor with modern icon-based toolbar.
+*/
+/**
+* Main RichText Editor Component
+*/
+function RichTextEditor({ name, value, onChange, disabled, readOnly, label, description, placeholder, required, error, localized, locale, extensions, preset, features, showCharacterCount, maxCharacters, enableImages, onImageUpload, imageCollection, enableMediaLibrary }) {
+	const resolveText = useResolveText();
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
+	const [linkOpen, setLinkOpen] = React$1.useState(false);
+	const [imageOpen, setImageOpen] = React$1.useState(false);
+	const lastEmittedValueRef = React$1.useRef(void 0);
+	const pendingValueRef = React$1.useRef(void 0);
+	const resolvedFeatures = React$1.useMemo(() => {
+		if (preset) return mergePresetFeatures(preset, features);
+		return {
+			...defaultFeatures,
+			...features
+		};
+	}, [preset, features]);
+	const allowImages = resolvedFeatures.image && (enableImages ?? true);
+	const allowLinks = resolvedFeatures.link;
+	resolvedFeatures.table;
+	const allowBubbleMenu = resolvedFeatures.bubbleMenu;
+	const allowToolbar = resolvedFeatures.toolbar;
+	const allowCharacterCount = resolvedFeatures.characterCount && (showCharacterCount || maxCharacters);
+	const editor = useEditor({
+		extensions: React$1.useMemo(() => buildExtensions({
+			features: resolvedFeatures,
+			placeholder,
+			maxCharacters,
+			customExtensions: extensions
+		}), [
+			resolvedFeatures,
+			placeholder,
+			maxCharacters,
+			extensions
+		]),
+		content: value ?? "",
+		editorProps: { attributes: { class: "qp-rich-text-editor__content" } },
+		editable: !disabled && !readOnly,
+		onUpdate: ({ editor: currentEditor }) => {
+			if (disabled || readOnly) return;
+			const nextValue = getOutput(currentEditor);
+			lastEmittedValueRef.current = nextValue;
+			onChange?.(nextValue);
+		}
+	});
+	const isEditable = !disabled && !readOnly;
+	const headingValue = getHeadingLevel(editor);
+	const inTable = editor?.isActive("table") ?? false;
+	React$1.useEffect(() => {
+		if (!editor) return;
+		editor.setEditable(isEditable);
+	}, [editor, isEditable]);
+	React$1.useEffect(() => {
+		if (!editor) {
+			if (value !== void 0 && !isSameValue(value, pendingValueRef.current)) pendingValueRef.current = value;
+			return;
+		}
+		const valueToApply = pendingValueRef.current ?? value;
+		pendingValueRef.current = void 0;
+		if (valueToApply === void 0) return;
+		if (isSameValue(valueToApply, lastEmittedValueRef.current)) return;
+		lastEmittedValueRef.current = valueToApply;
+		editor.commands.setContent(valueToApply ?? "", false);
+	}, [editor, value]);
+	const characterCount = getCharacterCount(editor);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		"data-disabled": disabled || readOnly,
+		children: [
+			resolvedLabel && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsxs(Label, {
+					htmlFor: name,
+					children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
+						className: "text-destructive ml-1",
+						children: "*"
+					})]
+				}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("qp-rich-text-editor rounded-md border border-input/80 bg-input/20 backdrop-blur-sm", disabled || readOnly ? "opacity-60" : "", error ? "border-destructive" : "border-input"),
+				children: [
+					editor && allowToolbar && /* @__PURE__ */ jsx(RichTextToolbar, {
+						editor,
+						features: resolvedFeatures,
+						disabled: !isEditable,
+						headingValue,
+						onHeadingChange: (value$1) => {
+							if (!editor) return;
+							if (value$1 === "paragraph") {
+								editor.chain().focus().setParagraph().run();
+								return;
+							}
+							editor.chain().focus().toggleHeading({ level: Number(value$1) }).run();
+						},
+						onLinkClick: () => setLinkOpen(true),
+						onImageClick: () => setImageOpen(true),
+						onTableClick: () => {
+							if (!inTable) editor.chain().focus().insertTable({
+								rows: 3,
+								cols: 3,
+								withHeaderRow: true
+							}).run();
+						},
+						inTable
+					}),
+					editor && allowBubbleMenu && /* @__PURE__ */ jsx(RichTextBubbleMenu, {
+						editor,
+						features: resolvedFeatures,
+						disabled: !isEditable,
+						onLinkClick: () => setLinkOpen(true)
+					}),
+					editor ? /* @__PURE__ */ jsx(EditorContent, {
+						editor,
+						id: name
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "flex min-h-[120px] items-center justify-center text-muted-foreground text-sm",
+						children: "Loading editor..."
+					}),
+					allowCharacterCount && showCharacterCount && /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between border-t bg-muted/30 px-2 py-1 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ jsxs("span", { children: [
+							characterCount.words,
+							" word",
+							characterCount.words === 1 ? "" : "s"
+						] }), /* @__PURE__ */ jsxs("span", { children: [
+							characterCount.characters,
+							typeof maxCharacters === "number" ? ` / ${maxCharacters}` : "",
+							" ",
+							"characters"
+						] })]
+					})
+				]
+			}),
+			allowLinks && /* @__PURE__ */ jsx(LinkPopover, {
+				editor,
+				open: linkOpen,
+				onOpenChange: setLinkOpen,
+				disabled: !isEditable
+			}),
+			allowImages && /* @__PURE__ */ jsx(ImagePopover, {
+				editor,
+				open: imageOpen,
+				onOpenChange: setImageOpen,
+				disabled: !isEditable,
+				onImageUpload,
+				imageCollection,
+				enableMediaLibrary
+			}),
+			resolvedDescription && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: resolvedDescription
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-destructive text-xs",
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+export { RichTextEditor };
+//# sourceMappingURL=index.mjs.map

package/dist/client/components/fields/rich-text-editor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["React","value"],"sources":["../../../../../src/client/components/fields/rich-text-editor/index.tsx"],"sourcesContent":["/**\n * RichTextEditor Component\n *\n * Tiptap-based rich text editor with modern icon-based toolbar.\n */\n\nimport { EditorContent, useEditor } from \"@tiptap/react\";\nimport * as React from \"react\";\n\nimport { useResolveText } from \"../../../i18n/hooks\";\nimport { cn } from \"../../../utils\";\nimport { Label } from \"../../ui/label\";\nimport { LocaleBadge } from \"../locale-badge\";\nimport { RichTextBubbleMenu } from \"./bubble-menu\";\nimport { buildExtensions } from \"./extensions\";\nimport { ImagePopover } from \"./image-popover\";\nimport { LinkPopover } from \"./link-popover\";\nimport { mergePresetFeatures } from \"./presets\";\nimport { RichTextToolbar } from \"./toolbar\";\nimport {\n\tdefaultFeatures,\n\ttype OutputValue,\n\ttype RichTextEditorProps,\n} from \"./types\";\nimport {\n\tgetCharacterCount,\n\tgetHeadingLevel,\n\tgetOutput,\n\tisSameValue,\n} from \"./utils\";\n\nexport type { RichTextPreset } from \"./presets\";\n// Re-export types\nexport type { RichTextEditorProps, RichTextFeatures } from \"./types\";\n\n// Re-export variant components\nexport {\n\tRichTextAdvanced,\n\tRichTextMinimal,\n\tRichTextSimple,\n\tRichTextStandard,\n} from \"./variants\";\n\n/**\n * Main RichText Editor Component\n */\nexport function RichTextEditor({\n\tname,\n\tvalue,\n\tonChange,\n\tdisabled,\n\treadOnly,\n\tlabel,\n\tdescription,\n\tplaceholder,\n\trequired,\n\terror,\n\tlocalized,\n\tlocale,\n\textensions,\n\tpreset,\n\tfeatures,\n\tshowCharacterCount,\n\tmaxCharacters,\n\tenableImages,\n\tonImageUpload,\n\timageCollection,\n\tenableMediaLibrary,\n}: RichTextEditorProps) {\n\tconst resolveText = useResolveText();\n\tconst resolvedLabel = label ? resolveText(label) : undefined;\n\tconst resolvedDescription = description\n\t\t? resolveText(description)\n\t\t: undefined;\n\n\t// Popover states\n\tconst [linkOpen, setLinkOpen] = React.useState(false);\n\tconst [imageOpen, setImageOpen] = React.useState(false);\n\tconst lastEmittedValueRef = React.useRef<OutputValue | undefined>(undefined);\n\t// Track pending value when editor is not ready yet (race condition fix)\n\tconst pendingValueRef = React.useRef<OutputValue | undefined>(undefined);\n\n\t// Resolved feature flags with preset support\n\tconst resolvedFeatures = React.useMemo(() => {\n\t\t// If preset is specified, merge with features\n\t\tif (preset) {\n\t\t\treturn mergePresetFeatures(preset, features);\n\t\t}\n\t\t// Otherwise use default features + overrides\n\t\treturn {\n\t\t\t...defaultFeatures,\n\t\t\t...features,\n\t\t};\n\t}, [preset, features]);\n\n\tconst allowImages = resolvedFeatures.image && (enableImages ?? true);\n\tconst allowLinks = resolvedFeatures.link;\n\tconst allowTables = resolvedFeatures.table;\n\tconst allowBubbleMenu = resolvedFeatures.bubbleMenu;\n\tconst allowToolbar = resolvedFeatures.toolbar;\n\tconst allowCharacterCount =\n\t\tresolvedFeatures.characterCount && (showCharacterCount || maxCharacters);\n\n\t// Build Tiptap extensions\n\tconst resolvedExtensions = React.useMemo(\n\t\t() =>\n\t\t\tbuildExtensions({\n\t\t\t\tfeatures: resolvedFeatures,\n\t\t\t\tplaceholder,\n\t\t\t\tmaxCharacters,\n\t\t\t\tcustomExtensions: extensions,\n\t\t\t}),\n\t\t[resolvedFeatures, placeholder, maxCharacters, extensions],\n\t);\n\n\t// Initialize editor\n\tconst editor = useEditor({\n\t\textensions: resolvedExtensions,\n\t\tcontent: value ?? \"\",\n\t\teditorProps: {\n\t\t\tattributes: {\n\t\t\t\tclass: \"qp-rich-text-editor__content\",\n\t\t\t},\n\t\t},\n\t\teditable: !disabled && !readOnly,\n\t\tonUpdate: ({ editor: currentEditor }) => {\n\t\t\tif (disabled || readOnly) return;\n\t\t\tconst nextValue = getOutput(currentEditor);\n\t\t\tlastEmittedValueRef.current = nextValue as OutputValue;\n\t\t\tonChange?.(nextValue);\n\t\t},\n\t});\n\n\tconst isEditable = !disabled && !readOnly;\n\tconst headingValue = getHeadingLevel(editor);\n\tconst inTable = editor?.isActive(\"table\") ?? false;\n\n\t// Update editor editable state\n\tReact.useEffect(() => {\n\t\tif (!editor) return;\n\t\teditor.setEditable(isEditable);\n\t}, [editor, isEditable]);\n\n\t// Sync external value changes with pending value handling\n\t// This fixes race condition where value arrives before editor is ready\n\tReact.useEffect(() => {\n\t\t// If value changed but editor not ready, store as pending\n\t\tif (!editor) {\n\t\t\tif (value !== undefined && !isSameValue(value, pendingValueRef.current)) {\n\t\t\t\tpendingValueRef.current = value as OutputValue;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Editor is ready - apply pending value first, then current value\n\t\tconst valueToApply = pendingValueRef.current ?? value;\n\t\tpendingValueRef.current = undefined; // Clear pending after use\n\n\t\tif (valueToApply === undefined) return;\n\t\tif (isSameValue(valueToApply, lastEmittedValueRef.current)) return;\n\n\t\tlastEmittedValueRef.current = valueToApply as OutputValue;\n\t\teditor.commands.setContent(valueToApply ?? \"\", false);\n\t}, [editor, value]);\n\n\t// Character count\n\tconst characterCount = getCharacterCount(editor);\n\n\treturn (\n\t\t<div className=\"space-y-2\" data-disabled={disabled || readOnly}>\n\t\t\t{resolvedLabel && (\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Label htmlFor={name}>\n\t\t\t\t\t\t{resolvedLabel}\n\t\t\t\t\t\t{required && <span className=\"text-destructive ml-1\">*</span>}\n\t\t\t\t\t</Label>\n\t\t\t\t\t{localized && <LocaleBadge locale={locale || \"i18n\"} />}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"qp-rich-text-editor rounded-md border border-input/80 bg-input/20 backdrop-blur-sm\",\n\t\t\t\t\tdisabled || readOnly ? \"opacity-60\" : \"\",\n\t\t\t\t\terror ? \"border-destructive\" : \"border-input\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/* Toolbar */}\n\t\t\t\t{editor && allowToolbar && (\n\t\t\t\t\t<RichTextToolbar\n\t\t\t\t\t\teditor={editor}\n\t\t\t\t\t\tfeatures={resolvedFeatures}\n\t\t\t\t\t\tdisabled={!isEditable}\n\t\t\t\t\t\theadingValue={headingValue}\n\t\t\t\t\t\tonHeadingChange={(value) => {\n\t\t\t\t\t\t\tif (!editor) return;\n\t\t\t\t\t\t\tif (value === \"paragraph\") {\n\t\t\t\t\t\t\t\teditor.chain().focus().setParagraph().run();\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t\t.toggleHeading({\n\t\t\t\t\t\t\t\t\tlevel: Number(value) as 1 | 2 | 3 | 4 | 5 | 6,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t.run();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonLinkClick={() => setLinkOpen(true)}\n\t\t\t\t\t\tonImageClick={() => setImageOpen(true)}\n\t\t\t\t\t\tonTableClick={() => {\n\t\t\t\t\t\t\t// Insert table directly when clicking toolbar button\n\t\t\t\t\t\t\tif (!inTable) {\n\t\t\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t\t\t.insertTable({\n\t\t\t\t\t\t\t\t\t\trows: 3,\n\t\t\t\t\t\t\t\t\t\tcols: 3,\n\t\t\t\t\t\t\t\t\t\twithHeaderRow: true,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t.run();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tinTable={inTable}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{/* Bubble Menu */}\n\t\t\t\t{editor && allowBubbleMenu && (\n\t\t\t\t\t<RichTextBubbleMenu\n\t\t\t\t\t\teditor={editor}\n\t\t\t\t\t\tfeatures={resolvedFeatures}\n\t\t\t\t\t\tdisabled={!isEditable}\n\t\t\t\t\t\tonLinkClick={() => setLinkOpen(true)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{/* Editor Content */}\n\t\t\t\t{editor ? (\n\t\t\t\t\t<EditorContent editor={editor} id={name} />\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"flex min-h-[120px] items-center justify-center text-muted-foreground text-sm\">\n\t\t\t\t\t\tLoading editor...\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Character Count */}\n\t\t\t\t{allowCharacterCount && showCharacterCount && (\n\t\t\t\t\t<div className=\"flex items-center justify-between border-t bg-muted/30 px-2 py-1 text-xs text-muted-foreground\">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{characterCount.words} word{characterCount.words === 1 ? \"\" : \"s\"}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{characterCount.characters}\n\t\t\t\t\t\t\t{typeof maxCharacters === \"number\" ? ` / ${maxCharacters}` : \"\"}{\" \"}\n\t\t\t\t\t\t\tcharacters\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* Link Popover */}\n\t\t\t{allowLinks && (\n\t\t\t\t<LinkPopover\n\t\t\t\t\teditor={editor}\n\t\t\t\t\topen={linkOpen}\n\t\t\t\t\tonOpenChange={setLinkOpen}\n\t\t\t\t\tdisabled={!isEditable}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{/* Image Popover */}\n\t\t\t{allowImages && (\n\t\t\t\t<ImagePopover\n\t\t\t\t\teditor={editor}\n\t\t\t\t\topen={imageOpen}\n\t\t\t\t\tonOpenChange={setImageOpen}\n\t\t\t\t\tdisabled={!isEditable}\n\t\t\t\t\tonImageUpload={onImageUpload}\n\t\t\t\t\timageCollection={imageCollection}\n\t\t\t\t\tenableMediaLibrary={enableMediaLibrary}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{/* Description & Error */}\n\t\t\t{resolvedDescription && (\n\t\t\t\t<p className=\"text-muted-foreground text-xs\">{resolvedDescription}</p>\n\t\t\t)}\n\t\t\t{error && <p className=\"text-destructive text-xs\">{error}</p>}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}