admin-ui-starter-kit 0.4.5 → 0.5.0

package/dist/_shared/comments-GzXdwpq4.js

@@ -1,952 +0,0 @@
-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 { t as a } from "./button-BGKY8UY0.js";
-import { i as o, n as s, r as c, t as l } from "./tooltip-CLr_sPX8.js";
-import { n as u, t as d } from "./heading-HeP06nXG.js";
-import { t as f } from "./badge-6WYAMJwA.js";
-import { t as p } from "./smart-card-thLb85Ih.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-B2VqNi6j.js";
-import { n as b, o as x, r as S, t as C, u as ee } from "./mentions-CdvvLGQG.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: c, compact: l = !1, className: d }) => {
-	let f = e(J, c), 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", l ? "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(u, {
-			tag: "span",
-			size: "xs",
-			weight: "medium",
-			className: i("truncate", _ && "text-destructive"),
-			children: m
-		}), y ? /* @__PURE__ */ I(u, {
-			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(a, {
-				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(a, {
-				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: c, strings: l, resources: d, onResourceSearch: f, attachments: p, initialValues: g, autoFocus: _ = !1, inlineSubmit: v = !0, placeholder: x }, w) {
-	let T = X(l), E = d, D = f, O = p, P = M(null), [F, te] = N(() => g?.content ?? c?.content ?? ""), [z, B] = N(null), V = ee({
-		resources: E,
-		onResourceSearch: D,
-		editorRef: P,
-		initialMentions: g?.references ?? c?.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 (!c) return;
-		P.current?.setHTML(c.content ?? ""), V.setMentions(c.references ?? []);
-		let e = (c.attachments ?? c.media ?? []).filter((e) => !!e);
-		U.setAttachments(e);
-	}, [c?.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: c?.id
-		});
-	}, K = M(null), re = () => K.current?.click(), ie = (e) => {
-		e && U.addFiles(e);
-	}, q = U.attachments.length > 0, J = !!c, 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(a, {
-		type: "button",
-		onClick: () => G(),
-		disabled: n || U.isUploading,
-		icon: n ? H : ne,
-		children: Y
-	}), de = J || s ? /* @__PURE__ */ I(a, {
-		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: l
-		}, 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(u, {
-				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(u, {
-			size: "xxs",
-			type: "secondary",
-			weight: "medium",
-			className: "uppercase tracking-wide",
-			children: e
-		}), n ? /* @__PURE__ */ I(a, {
-			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(u, {
-				weight: "medium",
-				children: r.empty
-			}),
-			r.emptyHint ? /* @__PURE__ */ I(u, {
-				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, a = t.contentType ?? t.content_type ?? "text";
-	return a === "rich" ? he(t.content) : a === "html" ? /* @__PURE__ */ I(x, {
-		html: t.content ?? "",
-		mentions: t.references,
-		resources: n,
-		renderMention: r,
-		sanitizer: i
-	}) : /* @__PURE__ */ I(u, {
-		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(u, {
-			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(u, {
-				asHTML: !0,
-				content: e
-			}) : null;
-		}
-		case "header": {
-			let e = $(String(t.text ?? "")), n = Number(t.level ?? 3);
-			return e ? T(d, { 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(u, {
-					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(u, {
-				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: d, 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(u, {
-									tag: "span",
-									weight: "semibold",
-									className: "truncate",
-									children: A
-								}),
-								!!B && /* @__PURE__ */ I(c, {
-									delayDuration: 0,
-									children: /* @__PURE__ */ L(l, { children: [/* @__PURE__ */ I(o, {
-										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(s, {
-										side: "top",
-										className: "text-xs",
-										children: w.pinned
-									})] })
-								}),
-								/* @__PURE__ */ I(u, {
-									tag: "span",
-									size: "xs",
-									type: "secondary",
-									className: "shrink-0 tabular-nums",
-									children: N
-								}),
-								!!V && /* @__PURE__ */ I(u, {
-									tag: "span",
-									size: "xs",
-									type: "secondary",
-									className: "shrink-0",
-									children: w.edited
-								}),
-								!!H && !!U && /* @__PURE__ */ I(f, {
-									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(f, {
-								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(a, {
-								type: "button",
-								variant: "secondary",
-								buttonStyle: "ghost",
-								size: "xs",
-								onClick: () => d && e.id ? d(e.id, t.emoji) : void 0,
-								title: t.users?.join(", "),
-								className: "h-auto rounded-full p-0",
-								children: /* @__PURE__ */ L(f, {
-									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(a, {
-							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" })
-						}),
-						!!d && /* @__PURE__ */ I(a, {
-							type: "button",
-							size: "icon-xs",
-							variant: "secondary",
-							buttonStyle: "ghost",
-							onClick: () => e.id && d(e.id, "👍"),
-							title: w.addReactionLabel,
-							"aria-label": w.addReactionLabel,
-							children: /* @__PURE__ */ I(re, { className: "size-3.5" })
-						}),
-						!!r && t && /* @__PURE__ */ I(a, {
-							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(a, {
-							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(a, {
-							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-GzXdwpq4.js.map