admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/_shared/comments-D9velZAW.js

@@ -0,0 +1,952 @@
+import { useStrings as e } from "../lib/strings.js";
+import { a as t, i as n, l as r } from "./ui-provider-C8Ot88lS.js";
+import { cn as i } from "../lib/utils.js";
+import { n as a, t as o } from "./heading-HeP06nXG.js";
+import { t as s } from "./badge-yGlx9trX.js";
+import { t as c } from "./button-SuocMQFT.js";
+import { i as l, n as u, r as d, t as f } from "./tooltip-CLr_sPX8.js";
+import { t as p } from "./smart-card-DYZGY_Su.js";
+import { n as m, s as h } from "./popover-L37RqoRO.js";
+import { o as g, r as _, t as v } from "./avatar-CBi4LGxy.js";
+import { t as y } from "./rich-text-editor-B6WKHUKC.js";
+import { n as b, o as x, r as S, t as C, u as ee } from "./mentions-Br-EP9tq.js";
+import { Fragment as w, createElement as T, forwardRef as E, memo as D, useCallback as O, useEffect as k, useImperativeHandle as A, useMemo as j, useRef as M, useState as N } from "react";
+import { formatDistanceToNow as P } from "date-fns";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { AtSign as R, CornerDownRight as te, File as z, FileText as B, Image as V, Loader2 as H, MessageCircle as U, Paperclip as W, Pencil as G, Pin as K, Send as ne, Smile as re, Trash2 as ie, X as q } from "lucide-react";
+//#region src/components/features/comments/comments.strings.ts
+var J = {
+	title: "Comments",
+	subtitle: "",
+	empty: "No comments yet.",
+	emptyHint: "Start the conversation — your team will see it instantly.",
+	composerPlaceholder: "Write a comment…",
+	composerSubmit: "Post comment",
+	composerSubmitting: "Posting…",
+	composerSave: "Save changes",
+	invalidContent: "Comment cannot be empty.",
+	composerCancel: "Cancel",
+	composerEditingEyebrow: "Editing comment",
+	composerReplyingEyebrow: "Replying to {{name}}",
+	composerAttachmentLabel: "Attach file",
+	composerReferenceLabel: "Mention or link",
+	composerReferenceMenuTitle: "Insert reference",
+	composerReferenceSearchPlaceholder: "Search…",
+	composerReferenceEmpty: "No matches.",
+	composerReferenceLoading: "Searching…",
+	fallbackAuthor: "Anonymous",
+	pinned: "Pinned",
+	edited: "edited",
+	deleteLabel: "Delete",
+	editLabel: "Edit",
+	replyLabel: "Reply",
+	pinLabel: "Pin",
+	unpinLabel: "Unpin",
+	moreActionsLabel: "More actions",
+	confirmDeleteLabel: "Delete comment",
+	attachmentFallback: "Attachment",
+	attachmentRemoveLabel: "Remove attachment",
+	attachmentUploadingLabel: "Uploading…",
+	attachmentFailedLabel: "Upload failed",
+	attachmentTooLargeError: "File is too large.",
+	attachmentTooManyError: "Too many attachments.",
+	attachmentRetryLabel: "Retry",
+	attachmentDownloadLabel: "Download",
+	addReactionLabel: "Add reaction",
+	showRepliesLabel: "Show replies",
+	hideRepliesLabel: "Hide replies"
+};
+function Y(e, t) {
+	return e.replace(/\{\{(\w+)\}\}/g, (e, n) => {
+		let r = t[n];
+		return r == null ? "" : String(r);
+	});
+}
+//#endregion
+//#region src/components/features/comments/comments-provider.tsx
+function X(t) {
+	return e(J, t);
+}
+function ae(e) {
+	let n = r(), i = t();
+	return j(() => ({
+		getMediaUrl: e?.getMediaUrl ?? ((e) => n.resolveUrl?.(e ?? {})),
+		getMediaName: e?.getMediaName ?? ((e) => n.resolveName?.(e ?? {})),
+		getStatusLabel: e?.getStatusLabel,
+		formatRelativeTime: e?.formatRelativeTime ?? i.formatRelativeTime
+	}), [
+		e,
+		n,
+		i.formatRelativeTime
+	]);
+}
+//#endregion
+//#region src/components/features/comments/partials/comment-attachment-chip.tsx
+function oe(e) {
+	return typeof e != "number" || e <= 0 ? null : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function se(e) {
+	return e.mimeType?.startsWith("image/") ? V : e.mimeType === "application/pdf" || e.mimeType?.startsWith("text/") ? B : e.mimeType ? z : W;
+}
+var ce = ({ attachment: t, editable: n = !1, onRemove: r, onRetry: o, accessors: s, strings: l, compact: u = !1, className: d }) => {
+	let f = e(J, l), p = s?.getMediaUrl?.(t) ?? t.url, m = s?.getMediaName?.(t) ?? t.name ?? f.attachmentFallback, h = se(t), g = t.status === "uploading", _ = t.status === "failed", v = oe(t.size), y = g ? f.attachmentUploadingLabel + (typeof t.progress == "number" ? ` ${Math.round(t.progress)}%` : "") : _ ? t.error ?? f.attachmentFailedLabel : v, b = i("relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md", "ring-1 ring-inset transition-colors", u ? "px-2 py-1 text-xs" : "px-2.5 py-1 text-xs", _ ? "bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]" : "bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]", d), x = g ? /* @__PURE__ */ I(H, {
+		className: i("shrink-0 animate-spin text-muted-foreground", "size-3.5"),
+		"aria-hidden": !0
+	}) : /* @__PURE__ */ I(h, {
+		className: i("shrink-0", "size-3.5", _ ? "text-destructive" : "text-muted-foreground"),
+		"aria-hidden": !0
+	}), S = /* @__PURE__ */ L("span", {
+		className: "inline-flex min-w-0 items-baseline gap-1.5",
+		children: [/* @__PURE__ */ I(a, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: i("truncate", _ && "text-destructive"),
+			children: m
+		}), y ? /* @__PURE__ */ I(a, {
+			tag: "span",
+			size: "xxs",
+			type: "secondary",
+			className: "shrink-0 tabular-nums",
+			children: y
+		}) : null]
+	});
+	return /* @__PURE__ */ L("div", {
+		className: b,
+		children: [
+			x,
+			p && !g && !_ ? /* @__PURE__ */ I("a", {
+				href: p,
+				target: "_blank",
+				rel: "noreferrer noopener",
+				className: "inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline",
+				"aria-label": f.attachmentDownloadLabel,
+				children: S
+			}) : S,
+			g && typeof t.progress == "number" && /* @__PURE__ */ I("div", {
+				className: "bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full",
+				children: /* @__PURE__ */ I("div", {
+					className: "bg-primary h-full transition-[width]",
+					style: { width: `${Math.min(100, Math.max(0, t.progress))}%` }
+				})
+			}),
+			_ && o && /* @__PURE__ */ I(c, {
+				type: "button",
+				variant: "error",
+				buttonStyle: "ghost",
+				size: "xs",
+				onClick: () => o(t.id),
+				className: "h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60",
+				children: f.attachmentRetryLabel
+			}),
+			n && r && /* @__PURE__ */ I(c, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-xs",
+				onClick: () => r(t.id),
+				className: "-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground",
+				"aria-label": f.attachmentRemoveLabel,
+				title: f.attachmentRemoveLabel,
+				children: /* @__PURE__ */ I(q, { className: "size-3" })
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/features/comments/hooks/use-attachment-upload.ts
+function le(e = {}) {
+	let { onUpload: t, maxSize: n, maxFiles: r, disabled: i, initialAttachments: a, onChange: o, onError: s } = e, [c, l] = N(() => a ? [...a] : []), u = M(/* @__PURE__ */ new Map()), d = M(/* @__PURE__ */ new Map()), f = M(o);
+	f.current = o;
+	let p = O((e, t) => {
+		l((n) => n.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, []), m = O((e) => {
+		l([...e]);
+	}, []), h = O((e, n) => {
+		if (!t) return;
+		let r = new AbortController();
+		u.current.set(e, { controller: r }), p(e, {
+			status: "uploading",
+			progress: 0,
+			error: void 0
+		}), t({
+			file: n,
+			onProgress: (t) => {
+				p(e, { progress: t });
+			},
+			signal: r.signal
+		}).then((t) => {
+			u.current.delete(e), p(e, {
+				...t,
+				id: e,
+				status: "uploaded",
+				progress: 100,
+				error: void 0
+			});
+		}).catch((t) => {
+			if (u.current.delete(e), r.signal.aborted) return;
+			let n = t instanceof Error ? t.message : "Upload failed";
+			p(e, {
+				status: "failed",
+				error: n
+			}), s?.(n);
+		});
+	}, [
+		s,
+		t,
+		p
+	]), g = O((e) => {
+		if (i || !t) return;
+		let a = Array.from(e);
+		a.length !== 0 && l((e) => {
+			let t = [...e];
+			for (let e of a) {
+				if (typeof r == "number" && t.length >= r) {
+					s?.("Too many attachments.");
+					break;
+				}
+				if (typeof n == "number" && e.size > n) {
+					s?.("File is too large.");
+					continue;
+				}
+				let i = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+				d.current.set(i, e), t.push({
+					id: i,
+					name: e.name,
+					size: e.size,
+					mimeType: e.type,
+					status: "uploading",
+					progress: 0
+				}), queueMicrotask(() => h(i, e));
+			}
+			return t;
+		});
+	}, [
+		h,
+		i,
+		r,
+		n,
+		s,
+		t
+	]), _ = O((e) => {
+		let t = u.current.get(e);
+		t && (t.controller.abort(), u.current.delete(e)), d.current.delete(e), l((t) => t.filter((t) => t.id !== e));
+	}, []), v = O((e) => {
+		let t = d.current.get(e);
+		t && h(e, t);
+	}, [h]), y = O(() => {
+		for (let e of u.current.values()) e.controller.abort();
+		u.current.clear(), d.current.clear(), l([]);
+	}, []);
+	return k(() => {
+		f.current?.(c);
+	}, [c]), k(() => {
+		let e = u.current;
+		return () => {
+			for (let t of e.values()) t.controller.abort();
+		};
+	}, []), {
+		attachments: c,
+		uploadedAttachments: j(() => c.filter((e) => e.status === "uploaded" || !e.status), [c]),
+		isUploading: j(() => c.some((e) => e.status === "uploading"), [c]),
+		addFiles: g,
+		removeAttachment: _,
+		retryAttachment: v,
+		setAttachments: m,
+		reset: y
+	};
+}
+//#endregion
+//#region src/components/features/comments/partials/comment-composer.tsx
+function ue(e) {
+	return !e || typeof e != "string" ? !1 : e.replace(/<[^>]*>/g, "").trim().length > 0;
+}
+var de = E(function({ context: e, canComment: t = !0, isSubmitting: n = !1, errors: r, resetKey: i = 0, onSubmit: o, onCancel: s, editingComment: l, strings: u, resources: d, onResourceSearch: f, attachments: p, initialValues: g, autoFocus: _ = !1, inlineSubmit: v = !0, placeholder: x }, w) {
+	let T = X(u), E = d, D = f, O = p, P = M(null), [F, te] = N(() => g?.content ?? l?.content ?? ""), [z, B] = N(null), V = ee({
+		resources: E,
+		onResourceSearch: D,
+		editorRef: P,
+		initialMentions: g?.references ?? l?.references
+	}), U = le({
+		...O,
+		initialAttachments: g?.attachments ?? void 0
+	});
+	A(w, () => ({
+		focus: () => P.current?.focus(),
+		clear: () => {
+			P.current?.clear(), V.reset(), U.reset(), B(null);
+		},
+		setBody: (e) => {
+			P.current?.setHTML(e);
+		}
+	}), [U, V]), k(() => {
+		P.current?.setHTML(g?.content ?? ""), V.setMentions(g?.references ?? []), U.setAttachments(g?.attachments ?? []), B(null);
+	}, [
+		e.id,
+		e.type,
+		i
+	]), k(() => {
+		if (!l) return;
+		P.current?.setHTML(l.content ?? ""), V.setMentions(l.references ?? []);
+		let e = (l.attachments ?? l.media ?? []).filter((e) => !!e);
+		U.setAttachments(e);
+	}, [l?.id]), k(() => {
+		r?.content && B(r.content);
+	}, [r]);
+	let G = (t) => {
+		t?.preventDefault();
+		let n = P.current?.getHTML() ?? F;
+		if (!ue(n)) {
+			B(T.invalidContent);
+			return;
+		}
+		B(null), o({
+			content: n,
+			commentableId: e.id,
+			commentableType: e.type,
+			contentType: "html",
+			references: V.mentions,
+			attachments: U.uploadedAttachments,
+			editingId: l?.id
+		});
+	}, K = M(null), re = () => K.current?.click(), ie = (e) => {
+		e && U.addFiles(e);
+	}, q = U.attachments.length > 0, J = !!l, Y = n ? T.composerSubmitting : J ? T.composerSave : T.composerSubmit, ae = J ? /* @__PURE__ */ I(fe, {
+		label: T.composerEditingEyebrow,
+		closeLabel: T.composerCancel,
+		onClose: s
+	}) : null, oe = j(() => {
+		let e = [];
+		return E && Object.keys(E).length > 0 && e.push({
+			id: "reference",
+			icon: R,
+			label: T.composerReferenceLabel,
+			onClick: () => V.setPickerOpen(!0)
+		}), O?.onUpload && !O.disabled && e.push({
+			id: "attachment",
+			icon: W,
+			label: T.composerAttachmentLabel,
+			onClick: re
+		}), e;
+	}, [
+		E,
+		O?.onUpload,
+		O?.disabled,
+		T.composerReferenceLabel,
+		T.composerAttachmentLabel
+	]);
+	if (!t) return null;
+	let se = /* @__PURE__ */ I(c, {
+		type: "button",
+		onClick: () => G(),
+		disabled: n || U.isUploading,
+		icon: n ? H : ne,
+		children: Y
+	}), de = J || s ? /* @__PURE__ */ I(c, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: s,
+		disabled: n,
+		children: T.composerCancel
+	}) : null, pe = q ? /* @__PURE__ */ I("div", {
+		className: "flex flex-wrap items-center gap-1.5",
+		children: U.attachments.map((e) => /* @__PURE__ */ I(ce, {
+			attachment: e,
+			editable: !0,
+			onRemove: U.removeAttachment,
+			onRetry: U.retryAttachment,
+			strings: u
+		}, e.id))
+	}) : null, Z = q ? pe : null, me = v === !1 ? null : se, Q = v === !1 || J;
+	return /* @__PURE__ */ L("form", {
+		onSubmit: G,
+		className: "space-y-2",
+		children: [
+			ae,
+			/* @__PURE__ */ I("input", {
+				ref: K,
+				type: "file",
+				multiple: !0,
+				hidden: !0,
+				accept: O?.accept,
+				onChange: (e) => {
+					ie(e.target.files), e.target.value = "";
+				}
+			}),
+			!V.triggerActive && /* @__PURE__ */ L(m, {
+				open: V.pickerOpen,
+				onOpenChange: V.setPickerOpen,
+				children: [/* @__PURE__ */ I(h, {
+					render: /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "sr-only",
+						tabIndex: -1
+					}),
+					children: T.composerReferenceLabel
+				}), /* @__PURE__ */ I(S, {
+					open: V.pickerOpen,
+					activeKind: V.activeKind,
+					setActiveKind: V.setActiveKind,
+					kinds: V.kinds,
+					resources: E,
+					query: V.query,
+					setQuery: V.setQuery,
+					suggestions: V.suggestions,
+					isLoading: V.isLoading,
+					onSelect: V.pickSuggestion,
+					strings: {
+						title: T.composerReferenceMenuTitle,
+						searchPlaceholder: T.composerReferenceSearchPlaceholder,
+						empty: T.composerReferenceEmpty,
+						loading: T.composerReferenceLoading
+					}
+				})]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ I(y, {
+					ref: P,
+					value: F,
+					onChange: (e) => {
+						te(e);
+						let t = C(e), n = V.mentions;
+						if (n.map((e) => e.id).join("|") !== t.map((e) => e.id).join("|")) {
+							let e = new Map(n.map((e) => [e.id, e])), r = t.map((t) => e.get(t.id) ?? t);
+							V.setMentions(r);
+						}
+					},
+					placeholder: x ?? T.composerPlaceholder,
+					strings: { editorLabel: x ?? T.composerPlaceholder },
+					minHeight: "3rem",
+					autoFocus: _ || J,
+					extraToolbarItems: oe,
+					toolbarTrailing: me,
+					footerSlot: Z,
+					onCaretChange: V.handleCaretChange
+				}), /* @__PURE__ */ I(b, {
+					open: V.triggerActive && V.pickerOpen,
+					activeKind: V.activeKind,
+					setActiveKind: V.setActiveKind,
+					onManualKindChange: () => V.setManualKindOverride(!0),
+					kinds: V.kinds,
+					resources: E,
+					query: V.query,
+					suggestions: V.suggestions,
+					suggestionsByKind: V.suggestionsByKind,
+					isLoading: V.isLoading,
+					onSelect: V.pickSuggestion,
+					strings: {
+						title: T.composerReferenceMenuTitle,
+						empty: T.composerReferenceEmpty,
+						loading: T.composerReferenceLoading
+					}
+				})]
+			}),
+			z && /* @__PURE__ */ I(a, {
+				size: "xs",
+				type: "error",
+				children: z
+			}),
+			Q && /* @__PURE__ */ L("div", {
+				className: "flex items-center justify-end gap-2",
+				children: [de, se]
+			})
+		]
+	});
+});
+function fe({ label: e, closeLabel: t, onClose: n }) {
+	return /* @__PURE__ */ L("div", {
+		className: "bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset",
+		children: [/* @__PURE__ */ I(a, {
+			size: "xxs",
+			type: "secondary",
+			weight: "medium",
+			className: "uppercase tracking-wide",
+			children: e
+		}), n ? /* @__PURE__ */ I(c, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "icon-xs",
+			onClick: n,
+			className: "size-4 rounded p-0 text-muted-foreground hover:text-foreground",
+			"aria-label": t,
+			children: /* @__PURE__ */ I(q, { className: "size-3" })
+		}) : null]
+	});
+}
+function pe(e, t) {
+	return Y(e, { name: t ?? "" });
+}
+//#endregion
+//#region src/components/features/comments/partials/comment-empty.tsx
+var Z = ({ strings: e, icon: t, className: n }) => {
+	let r = X(e);
+	return /* @__PURE__ */ L("div", {
+		className: i("flex flex-col items-center justify-center py-8 text-center", n),
+		children: [
+			/* @__PURE__ */ I("div", {
+				className: "bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full",
+				children: t ?? /* @__PURE__ */ I(U, { className: "text-muted-foreground/60 h-5 w-5" })
+			}),
+			/* @__PURE__ */ I(a, {
+				weight: "medium",
+				children: r.empty
+			}),
+			r.emptyHint ? /* @__PURE__ */ I(a, {
+				size: "xs",
+				type: "secondary",
+				className: "mt-1 max-w-[28ch]",
+				children: r.emptyHint
+			}) : null
+		]
+	});
+};
+//#endregion
+//#region src/components/features/comments/partials/comment-content.tsx
+function me(e) {
+	return /* @__PURE__ */ I(Q, { comment: e });
+}
+function Q(e) {
+	let { comment: t, resources: n, renderReference: r, sanitizer: i } = e, o = t.contentType ?? t.content_type ?? "text";
+	return o === "rich" ? he(t.content) : o === "html" ? /* @__PURE__ */ I(x, {
+		html: t.content ?? "",
+		mentions: t.references,
+		resources: n,
+		renderMention: r,
+		sanitizer: i
+	}) : /* @__PURE__ */ I(a, {
+		className: "whitespace-pre-line",
+		children: _e(t.content ?? "")
+	});
+}
+function he(e) {
+	if (!e) return null;
+	try {
+		let t = JSON.parse(e);
+		return !t || !Array.isArray(t.blocks) || t.blocks.length === 0 ? null : /* @__PURE__ */ I("div", {
+			className: "prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1",
+			children: t.blocks.map((e, t) => /* @__PURE__ */ I(w, { children: ge(e) }, e.id ?? `${e.type}-${t}`))
+		});
+	} catch {
+		return /* @__PURE__ */ I(a, {
+			className: "whitespace-pre-line",
+			children: _e(e)
+		});
+	}
+}
+function ge(e) {
+	let t = e.data ?? {};
+	switch (e.type) {
+		case "paragraph": {
+			let e = String(t.text ?? "").trim();
+			return e ? /* @__PURE__ */ I(a, {
+				asHTML: !0,
+				content: e
+			}) : null;
+		}
+		case "header": {
+			let e = $(String(t.text ?? "")), n = Number(t.level ?? 3);
+			return e ? T(o, { tag: `h${Math.min(Math.max(n, 1), 6)}` }, e) : null;
+		}
+		case "list": {
+			let e = (Array.isArray(t.items) ? t.items : []).map((e) => $(String(e ?? ""))).filter((e) => e.length > 0);
+			return e.length === 0 ? null : t.style === "ordered" ? /* @__PURE__ */ I("ol", {
+				className: "ml-6 list-decimal space-y-1 text-sm",
+				children: e.map((e, t) => /* @__PURE__ */ I("li", { children: e }, `${e}-${t}`))
+			}) : /* @__PURE__ */ I("ul", {
+				className: "ml-6 list-disc space-y-1 text-sm",
+				children: e.map((e) => /* @__PURE__ */ I("li", { children: e }, e))
+			});
+		}
+		case "quote": {
+			let e = String(t.text ?? "").trim();
+			if (!e) return null;
+			let n = $(String(t.caption ?? ""));
+			return /* @__PURE__ */ L("blockquote", {
+				className: "border-muted text-muted-foreground border-l-2 pl-3 text-sm italic",
+				children: [/* @__PURE__ */ I(a, {
+					asHTML: !0,
+					content: e
+				}), n.length > 0 && /* @__PURE__ */ L("cite", {
+					className: "text-muted-foreground/80 mt-1 block text-xs not-italic",
+					children: ["— ", n]
+				})]
+			});
+		}
+		case "delimiter": return /* @__PURE__ */ I("div", {
+			className: "border-muted my-4 border-b border-dashed",
+			"aria-hidden": "true"
+		});
+		default: {
+			let e = $(String(t.text ?? ""));
+			return e ? /* @__PURE__ */ I(a, {
+				className: "whitespace-pre-line",
+				children: e
+			}) : null;
+		}
+	}
+}
+function $(e) {
+	return e.replace(/<[^>]*>/g, "").trim();
+}
+function _e(e) {
+	if (typeof e != "string") return "";
+	let t = e.trim();
+	if (t === "") return "";
+	if (t.startsWith("{") || t.startsWith("[")) return t;
+	try {
+		let e = JSON.parse(t);
+		if (typeof e == "string") return e;
+	} catch {}
+	return t.startsWith("\"") && t.endsWith("\"") ? t.slice(1, -1) : t;
+}
+//#endregion
+//#region src/components/features/comments/partials/comment-item.tsx
+var ve = "?", ye = (e) => e?.url, be = (e) => e?.name, xe = (e) => e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "), Se = (e) => {
+	try {
+		return P(new Date(e), { addSuffix: !0 });
+	} catch {
+		return "—";
+	}
+}, Ce = D(function({ comment: e, canModerate: t, onDelete: n, onPinToggle: r, onReact: o, onReply: p, strings: m, getMediaUrl: h, getMediaName: y, getStatusLabel: b, formatRelativeTime: x, resources: S, renderAttachment: C, renderReference: ee }) {
+	let w = X(m), T = ae({
+		getMediaUrl: h,
+		getMediaName: y,
+		getStatusLabel: b,
+		formatRelativeTime: x
+	}), E = T.getMediaUrl ?? ye, D = T.getMediaName ?? be, O = T.getStatusLabel ?? xe, k = T.formatRelativeTime ?? Se, A = e.user?.name ?? w.fallbackAuthor, M = e.user?.avatar ?? void 0, N = j(() => e.createdAt ? k(e.createdAt) : "—", [e.createdAt, k]), P = j(() => {
+		if (!A) return ve;
+		let e = A.trim();
+		return e === "" ? ve : e.charAt(0).toUpperCase();
+	}, [A]), F = j(() => Array.isArray(e.tagsArray) ? e.tagsArray.filter((e) => typeof e == "string") : e.tagsArray && typeof e.tagsArray == "object" ? Object.values(e.tagsArray).filter((e) => typeof e == "string") : [], [e.tagsArray]), R = j(() => (e.attachments ?? e.media ?? []).filter((e) => !!e && typeof e == "object"), [e.attachments, e.media]), z = e.reactions ?? [], B = e.isPinned === !0, V = e.isEdited === !0, H = e.status && e.status !== "active", U = H && e.status ? O(e.status) : null, W = e.canDelete === !0 || t === !0, ne = e.canEdit === !0 || t === !0, q = R.length > 0;
+	return /* @__PURE__ */ I("article", {
+		className: i("comment-item--component group relative overflow-hidden rounded-lg border transition-colors", "border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5"),
+		"data-comment-id": e.id,
+		children: /* @__PURE__ */ L("div", {
+			className: "flex min-w-0 items-start gap-3",
+			children: [
+				/* @__PURE__ */ L(v, {
+					className: "mt-0.5 h-8 w-8 shrink-0",
+					children: [!!M && /* @__PURE__ */ I(g, {
+						src: M,
+						alt: A
+					}), /* @__PURE__ */ I(_, {
+						className: "bg-muted text-muted-foreground text-xs font-medium",
+						children: P
+					})]
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ L("div", {
+							className: "flex min-w-0 items-baseline gap-2",
+							children: [
+								/* @__PURE__ */ I(a, {
+									tag: "span",
+									weight: "semibold",
+									className: "truncate",
+									children: A
+								}),
+								!!B && /* @__PURE__ */ I(d, {
+									delayDuration: 0,
+									children: /* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(l, {
+										render: /* @__PURE__ */ I("span", { className: "inline-flex shrink-0 self-center" }),
+										children: /* @__PURE__ */ I(K, {
+											className: "text-warning size-3",
+											"aria-hidden": !0
+										})
+									}), /* @__PURE__ */ I(u, {
+										side: "top",
+										className: "text-xs",
+										children: w.pinned
+									})] })
+								}),
+								/* @__PURE__ */ I(a, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									className: "shrink-0 tabular-nums",
+									children: N
+								}),
+								!!V && /* @__PURE__ */ I(a, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									className: "shrink-0",
+									children: w.edited
+								}),
+								!!H && !!U && /* @__PURE__ */ I(s, {
+									variant: "secondary",
+									className: "self-center uppercase tracking-wide",
+									children: U
+								})
+							]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "mt-1 text-sm leading-relaxed",
+							children: /* @__PURE__ */ I(Q, {
+								comment: e,
+								resources: S,
+								renderReference: ee
+							})
+						}),
+						F.length > 0 && /* @__PURE__ */ I("div", {
+							className: "mt-2 flex flex-wrap gap-1.5",
+							children: F.map((e) => /* @__PURE__ */ I(s, {
+								variant: "secondary",
+								className: "uppercase tracking-wide",
+								children: e
+							}, e))
+						}),
+						q && /* @__PURE__ */ I("div", {
+							className: "mt-2 flex flex-wrap gap-1.5",
+							children: R.map((e) => C ? /* @__PURE__ */ I("div", { children: C(e) }, e.id ?? e.name) : /* @__PURE__ */ I(ce, {
+								attachment: e,
+								accessors: {
+									getMediaUrl: E,
+									getMediaName: D
+								},
+								strings: m
+							}, e.id ?? e.name))
+						}),
+						z.length > 0 && /* @__PURE__ */ I("div", {
+							className: "mt-2 flex flex-wrap items-center gap-1",
+							children: z.map((t) => /* @__PURE__ */ I(c, {
+								type: "button",
+								variant: "secondary",
+								buttonStyle: "ghost",
+								size: "xs",
+								onClick: () => o && e.id ? o(e.id, t.emoji) : void 0,
+								title: t.users?.join(", "),
+								className: "h-auto rounded-full p-0",
+								children: /* @__PURE__ */ L(s, {
+									variant: t.mine ? "primary" : "secondary",
+									className: "cursor-pointer transition-colors hover:opacity-90",
+									children: [/* @__PURE__ */ I("span", {
+										"aria-hidden": !0,
+										className: "leading-none",
+										children: t.emoji
+									}), /* @__PURE__ */ I("span", {
+										className: "tabular-nums",
+										children: t.count
+									})]
+								})
+							}, t.emoji))
+						})
+					]
+				}),
+				/* @__PURE__ */ L("div", {
+					className: i("absolute right-2 top-2 opacity-0 transition-opacity", "group-hover:opacity-100 focus-within:opacity-100", "inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70"),
+					children: [
+						!!p && /* @__PURE__ */ I(c, {
+							type: "button",
+							size: "icon-xs",
+							variant: "secondary",
+							buttonStyle: "ghost",
+							onClick: () => e.id && p(e.id),
+							title: w.replyLabel,
+							"aria-label": w.replyLabel,
+							children: /* @__PURE__ */ I(te, { className: "size-3.5" })
+						}),
+						!!o && /* @__PURE__ */ I(c, {
+							type: "button",
+							size: "icon-xs",
+							variant: "secondary",
+							buttonStyle: "ghost",
+							onClick: () => e.id && o(e.id, "👍"),
+							title: w.addReactionLabel,
+							"aria-label": w.addReactionLabel,
+							children: /* @__PURE__ */ I(re, { className: "size-3.5" })
+						}),
+						!!r && t && /* @__PURE__ */ I(c, {
+							type: "button",
+							size: "icon-xs",
+							variant: "secondary",
+							buttonStyle: "ghost",
+							onClick: () => r(e),
+							title: B ? w.unpinLabel : w.pinLabel,
+							"aria-label": B ? w.unpinLabel : w.pinLabel,
+							children: /* @__PURE__ */ I(K, { className: i("size-3.5", B && "text-warning") })
+						}),
+						!!ne && !!e.id && /* @__PURE__ */ I(c, {
+							type: "button",
+							size: "icon-xs",
+							variant: "secondary",
+							buttonStyle: "ghost",
+							title: w.editLabel,
+							"aria-label": w.editLabel,
+							children: /* @__PURE__ */ I(G, { className: "size-3.5" })
+						}),
+						!!W && !!n && !!e.id && /* @__PURE__ */ I(c, {
+							type: "button",
+							size: "icon-xs",
+							variant: "secondary",
+							buttonStyle: "ghost",
+							className: "hover:bg-destructive/10 hover:text-destructive",
+							onClick: () => n(e.id),
+							title: w.deleteLabel,
+							"aria-label": w.deleteLabel,
+							children: /* @__PURE__ */ I(ie, { className: "size-3.5" })
+						})
+					]
+				})
+			]
+		})
+	});
+}), we = function({ comments: e, canModerate: t, onDelete: n, onPinToggle: r, onReact: i, onReply: a, strings: o, getMediaUrl: s, getMediaName: c, getStatusLabel: l, formatRelativeTime: u, resources: d, renderItem: f, renderAttachment: p, renderReference: m, emptySlot: h }) {
+	return e.length ? /* @__PURE__ */ I("div", {
+		className: "flex flex-col gap-2",
+		children: e.map((e, h) => {
+			let g = /* @__PURE__ */ I(Ce, {
+				comment: e,
+				canModerate: t,
+				onDelete: n,
+				onPinToggle: r,
+				onReact: i,
+				onReply: a,
+				strings: o,
+				getMediaUrl: s,
+				getMediaName: c,
+				getStatusLabel: l,
+				formatRelativeTime: u,
+				resources: d,
+				renderAttachment: p,
+				renderReference: m
+			});
+			return f ? /* @__PURE__ */ I("div", { children: f({
+				comment: e,
+				canModerate: t ?? !1,
+				onDelete: n,
+				defaultItem: g
+			}) }, e.id ?? `comment-${h}`) : /* @__PURE__ */ I("div", { children: g }, e.id ?? `comment-${h}`);
+		})
+	}) : /* @__PURE__ */ I(F, { children: h ?? /* @__PURE__ */ I(Z, { strings: o }) });
+};
+//#endregion
+//#region src/components/features/comments/comments.tsx
+function Te(e) {
+	let t = n(), r = e.composerPosition ?? t.composerPosition ?? "top", a = e.canComment ?? !1, o = e.canModerate ?? !1, s = e.onSubmit, c = e.onDelete, l = e.onPinToggle, u = e.onReact, d = e.onReply, f = e.resources, m = e.attachments, h = X(e.strings), g = e.title === void 0 ? h.title : e.title, [_, v] = N({}), [y, b] = N(!1), [x, S] = N(0), C = {
+		setErrors: (e) => v(e),
+		reset: () => {
+			S((e) => e + 1), v({}), b(!1);
+		},
+		setSubmitting: b
+	}, ee = O((e) => {
+		s && (b(!0), v({}), s(e, C));
+	}, [s]), w = e.composerSlot ?? (a ? /* @__PURE__ */ I(de, {
+		context: e.context,
+		canComment: a,
+		isSubmitting: y,
+		errors: _,
+		resetKey: x,
+		onSubmit: ee,
+		strings: e.strings,
+		resources: f,
+		attachments: m
+	}) : null), T = /* @__PURE__ */ I(we, {
+		comments: e.comments,
+		canModerate: o,
+		onDelete: c,
+		onPinToggle: l,
+		onReact: u,
+		onReply: d,
+		strings: e.strings,
+		getMediaUrl: e.getMediaUrl,
+		getMediaName: e.getMediaName,
+		getStatusLabel: e.getStatusLabel,
+		formatRelativeTime: e.formatRelativeTime,
+		resources: f,
+		renderItem: e.renderItem,
+		renderAttachment: e.renderAttachment,
+		renderReference: e.renderReference,
+		emptySlot: e.emptySlot ?? /* @__PURE__ */ I(Z, { strings: e.strings })
+	}), E = w ? /* @__PURE__ */ I("div", { children: w }) : null, D = /* @__PURE__ */ L("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			e.headerSlot,
+			r === "top" && E,
+			T,
+			r === "bottom" && E,
+			e.footerSlot
+		]
+	});
+	return e.bare ? D : /* @__PURE__ */ I(p, {
+		title: g === !1 ? void 0 : g,
+		description: h.subtitle || void 0,
+		padding: "sm",
+		className: i("comments--component", e.className),
+		children: D
+	});
+}
+var Ee = Te;
+//#endregion
+//#region src/components/features/comments/hooks/use-comments.ts
+function De(e = {}) {
+	let { onSubmit: t, onUpdate: n, onDelete: r } = e, [i, a] = N({ kind: "idle" }), [o, s] = N(!1), [c, l] = N({}), [u, d] = N(0), f = {
+		setErrors: (e) => l(e),
+		reset: () => {
+			d((e) => e + 1), a({ kind: "idle" }), l({});
+		},
+		setSubmitting: s
+	};
+	return {
+		composerMode: i,
+		isSubmitting: o,
+		formErrors: c,
+		resetKey: u,
+		startReply: O((e) => {
+			a({
+				kind: "replying",
+				commentId: e.id ?? "",
+				authorName: e.user?.name
+			});
+		}, []),
+		startEdit: O((e) => {
+			a({
+				kind: "editing",
+				comment: e
+			});
+		}, []),
+		cancelComposerMode: O(() => {
+			a({ kind: "idle" }), l({});
+		}, []),
+		submit: O((e) => {
+			if (s(!0), l({}), i.kind === "editing" && i.comment.id) {
+				if (!n) {
+					s(!1);
+					return;
+				}
+				n(i.comment.id, e, f);
+				return;
+			}
+			if (!t) {
+				s(!1);
+				return;
+			}
+			t(i.kind === "replying" ? {
+				...e,
+				replyToId: i.commentId
+			} : e, f);
+		}, [
+			i,
+			t,
+			n
+		]),
+		deleteComment: O((e) => {
+			!r || !e || r(e);
+		}, [r]),
+		resetComposer: O(() => {
+			d((e) => e + 1), a({ kind: "idle" }), l({});
+		}, []),
+		helpers: f
+	};
+}
+//#endregion
+export { Ce as a, Z as c, le as d, ce as f, Y as g, J as h, we as i, de as l, X as m, Te as n, Q as o, ae as p, Ee as r, me as s, De as t, pe as u };
+
+//# sourceMappingURL=comments-D9velZAW.js.map