ghost 6.58.0 → 6.59.0

package/core/built/admin/assets/activitypub/{notifications-BdcyivbT.js → notifications-GGTrGEdu.js}

@@ -1,14 +1,14 @@
 import { a as e, d as t, v as n, w as r } from "./_react-D4KM8XEu.js";
 import { S as i } from "./chunk-KS7C4IRE-CnTrsgmM.js";
-import { D as a, _ as o, a as s, b as c, g as l, h as u, i as d, n as f, r as p, x as m, y as h } from "./routes-CEHdEZzS.js";
-import { b as g, g as _, h as v, r as y, t as b } from "./use-navigate-with-base-path-iCkcbMGk.js";
-import { G as x, w as S } from "./use-activity-pub-queries-CATFd6YV.js";
-import { a as C } from "./x-Cy2jUiYM.js";
-import { c as w, o as T, s as E, u as D } from "./content-formatters-BORfuA9G.js";
-import { u as O } from "./avatar-B0SpBPVL.js";
-import { t as k } from "./reply-DASIN0Ec.js";
-import "./layout-BRMezuty.js";
-var A = _("at-sign", [["circle", {
+import { E as a, M as o, S as s, T as c, _ as l, a as u, b as d, i as f, m as p, n as m, r as h, w as g, x as _, y as v } from "./routes-nHCKlZl-.js";
+import { b as y, g as b, h as x, r as S, t as C } from "./use-navigate-with-base-path-iCkcbMGk.js";
+import { q as w, w as T } from "./use-activity-pub-queries-DUDEdSdR.js";
+import { a as E } from "./x-Cy2jUiYM.js";
+import { c as D, o as O, s as k, u as A } from "./content-formatters-DCsVic-t.js";
+import { u as j } from "./avatar-B0SpBPVL.js";
+import { t as M } from "./reply-DASIN0Ec.js";
+import "./layout-DNuYT4Gu.js";
+var N = b("at-sign", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "4",
@@ -16,7 +16,7 @@ var A = _("at-sign", [["circle", {
 }], ["path", {
 	d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8",
 	key: "7n84p3"
-}]]), j = _("repeat-2", [
+}]]), P = b("repeat-2", [
 	["path", {
 		d: "m2 9 3-3 3 3",
 		key: "1ltn5i"
@@ -33,7 +33,7 @@ var A = _("at-sign", [["circle", {
 		d: "M11 6h6a2 2 0 0 1 2 2v10",
 		key: "2f72bc"
 	}]
-]), M = _("user-round-check", [
+]), F = b("user-round-check", [
 	["path", {
 		d: "M2 21a8 8 0 0 1 13.292-6",
 		key: "bjp14o"
@@ -52,11 +52,11 @@ var A = _("at-sign", [["circle", {
 //#endregion
 //#region src/views/notifications/components/notification-icon.tsx
 t();
-var N = i(), P = ({ notificationType: e, size: t = "lg", className: n }) => {
+var I = i(), L = ({ notificationType: e, size: t = "lg", className: n }) => {
 	let r, i = "", a = "white", o = t === "sm" ? 13 : 20, s = t === "sm" ? 2 : 1.5;
 	switch (e) {
 		case "follow":
-			r = /* @__PURE__ */ (0, N.jsx)(M, {
+			r = /* @__PURE__ */ (0, I.jsx)(F, {
 				className: `-mt-0.5 -mr-0.5 ${t === "sm" && "size-[11px]"}`,
 				color: a,
 				size: o,
@@ -64,14 +64,14 @@ var N = i(), P = ({ notificationType: e, size: t = "lg", className: n }) => {
 			}), i = "bg-blue-600";
 			break;
 		case "like":
-			r = /* @__PURE__ */ (0, N.jsx)(O, {
+			r = /* @__PURE__ */ (0, I.jsx)(j, {
 				className: `${t === "sm" ? "size-[11px]" : "mt-px size-5"}`,
 				color: a,
 				strokeWidth: s
 			}), i = "bg-pink-600";
 			break;
 		case "reply":
-			r = /* @__PURE__ */ (0, N.jsx)(k, {
+			r = /* @__PURE__ */ (0, I.jsx)(M, {
 				className: "mr-px mb-px",
 				color: a,
 				size: o,
@@ -79,14 +79,14 @@ var N = i(), P = ({ notificationType: e, size: t = "lg", className: n }) => {
 			}), i = "bg-purple-600";
 			break;
 		case "repost":
-			r = /* @__PURE__ */ (0, N.jsx)(j, {
+			r = /* @__PURE__ */ (0, I.jsx)(P, {
 				color: a,
 				size: o,
 				strokeWidth: s
 			}), i = "bg-green-500";
 			break;
 		case "mention":
-			r = /* @__PURE__ */ (0, N.jsx)(A, {
+			r = /* @__PURE__ */ (0, I.jsx)(N, {
 				className: `${t === "sm" ? "size-[12px]" : "size-5"}`,
 				color: a,
 				size: o,
@@ -94,7 +94,7 @@ var N = i(), P = ({ notificationType: e, size: t = "lg", className: n }) => {
 			}), i = "bg-orange-500";
 			break;
 	}
-	return /* @__PURE__ */ (0, N.jsx)("div", {
+	return /* @__PURE__ */ (0, I.jsx)("div", {
 		className: `flex ${t === "sm" ? "size-5" : "size-9"} items-center justify-center rounded-full ${i} ${n && n}`,
 		children: r
 	});
@@ -102,12 +102,12 @@ var N = i(), P = ({ notificationType: e, size: t = "lg", className: n }) => {
 //#endregion
 //#region src/views/notifications/components/notification-item.tsx
 t();
-var F = e.createContext(void 0), I = ({ isGrouped: e, centerAlign: t, children: n, onClick: r, url: i, className: a }) => /* @__PURE__ */ (0, N.jsx)(F.Provider, {
+var R = e.createContext(void 0), z = ({ isGrouped: e, centerAlign: t, children: n, onClick: r, url: i, className: a }) => /* @__PURE__ */ (0, I.jsx)(R.Provider, {
 	value: {
 		onClick: r,
 		url: i
 	},
-	children: /* @__PURE__ */ (0, N.jsx)("div", {
+	children: /* @__PURE__ */ (0, I.jsx)("div", {
 		className: `group relative -mx-4 -my-px ${e ? "grid" : "flex"} ${t ? "items-center" : "items-start"} break-anywhere cursor-pointer grid-cols-[auto_1fr] gap-x-4 gap-y-2.5 rounded-lg px-4 py-5 text-left hover:bg-gray-100 ${a}`,
 		role: "button",
 		onClick: r,
@@ -116,32 +116,32 @@ var F = e.createContext(void 0), I = ({ isGrouped: e, centerAlign: t, children:
 });
 //#endregion
 //#region src/components/global/separator.tsx
-I.Icon = ({ size: e = "lg", type: t }) => /* @__PURE__ */ (0, N.jsx)("div", {
+z.Icon = ({ size: e = "lg", type: t }) => /* @__PURE__ */ (0, I.jsx)("div", {
 	className: "col-start-1 row-start-1",
-	children: /* @__PURE__ */ (0, N.jsx)(P, {
+	children: /* @__PURE__ */ (0, I.jsx)(L, {
 		notificationType: t,
 		size: e
 	})
-}), I.Avatars = ({ children: e }) => /* @__PURE__ */ (0, N.jsx)("div", {
+}), z.Avatars = ({ children: e }) => /* @__PURE__ */ (0, I.jsx)("div", {
 	className: "col-start-2 row-start-1 flex gap-2",
 	children: e
-}), I.Content = ({ children: e }) => /* @__PURE__ */ (0, N.jsx)("div", {
+}), z.Content = ({ children: e }) => /* @__PURE__ */ (0, I.jsx)("div", {
 	className: "col-start-2 row-start-2 -mt-0.5 grow overflow-hidden",
 	children: e
 }), t();
-var L = () => /* @__PURE__ */ (0, N.jsx)("div", { className: "h-px w-full bg-gray-200 dark:bg-gray-950" });
+var B = () => /* @__PURE__ */ (0, I.jsx)("div", { className: "h-px w-full bg-gray-200 dark:bg-gray-950" });
 //#endregion
 //#region src/views/notifications/notifications.tsx
 t();
-function R(e) {
+function V(e) {
 	let t = 1440 * 60 * 1e3, n = new Date(e).getTime();
 	return (Math.floor(n / t) * t).toString();
 }
-function z(e) {
+function H(e) {
 	let t = {}, n = null, r = 0;
 	return e.forEach((e) => {
 		e.type !== n && (r += 1, n = e.type);
-		let i = "", a = `_${R(e.createdAt)}`, o = `_seq${r}`;
+		let i = "", a = `_${V(e.createdAt)}`, o = `_seq${r}`;
 		switch (e.type) {
 			case "like":
 				e.post?.id && (i = `like_${e.post.id}${a}${o}`);
@@ -169,39 +169,39 @@ function z(e) {
 		}), t[i].actors.find((t) => t.id === e.actor.id) || t[i].actors.push(e.actor);
 	}), Object.values(t);
 }
-var B = ({ group: e }) => {
-	let [t, ...n] = e.actors, r = n.length > 0, i = n.length, a = b(), s = /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [/* @__PURE__ */ (0, N.jsx)(c, {
+var U = ({ group: e }) => {
+	let [t, ...n] = e.actors, r = n.length > 0, i = n.length, a = C(), o = /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [/* @__PURE__ */ (0, I.jsx)(c, {
 		actor: t,
 		align: "center",
 		isCurrentUser: !1,
-		children: /* @__PURE__ */ (0, N.jsx)("span", {
+		children: /* @__PURE__ */ (0, I.jsx)("span", {
 			className: "cursor-pointer font-semibold hover:underline text-black dark:text-white",
 			onClick: (e) => {
-				e?.stopPropagation(), t.handle && o(t.handle, a);
+				e?.stopPropagation(), t.handle && s(t.handle, a);
 			},
 			children: t.name
 		})
-	}), r && ` and ${g(i)} ${i > 1 ? "others" : "other"}`] });
+	}), r && ` and ${y(i)} ${i > 1 ? "others" : "other"}`] });
 	switch (e.type) {
-		case "follow": return /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [s, " followed you"] });
-		case "like": return /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [
-			s,
+		case "follow": return /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [o, " followed you"] });
+		case "like": return /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [
+			o,
 			" liked your ",
 			e.post?.type === "article" ? "post" : "note"
 		] });
-		case "repost": return /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [
-			s,
+		case "repost": return /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [
+			o,
 			" reposted your ",
 			e.post?.type === "article" ? "post" : "note"
 		] });
 		case "reply":
-			if (e.inReplyTo && typeof e.inReplyTo != "string") return s;
+			if (e.inReplyTo && typeof e.inReplyTo != "string") return o;
 			break;
-		case "mention": return s;
+		case "mention": return o;
 	}
-	return /* @__PURE__ */ (0, N.jsx)(N.Fragment, {});
-}, V = ({ content: e, className: t, stripTags: i = [] }) => {
-	let a = r(null), s = b();
+	return /* @__PURE__ */ (0, I.jsx)(I.Fragment, {});
+}, W = ({ content: e, className: t, stripTags: i = [] }) => {
+	let a = r(null), o = C();
 	return n(() => {
 		let e = a.current;
 		if (!e) return;
@@ -209,34 +209,85 @@ var B = ({ group: e }) => {
 			let t = e.target.closest("a[data-profile]");
 			if (t) {
 				let n = t.getAttribute("data-profile")?.trim();
-				/^@([\w.-]+)@([\w-]+\.[\w.-]+[a-zA-Z])$/.test(n || "") && n && (e.preventDefault(), e.stopPropagation(), o(n, s));
+				/^@([\w.-]+)@([\w-]+\.[\w.-]+[a-zA-Z])$/.test(n || "") && n && (e.preventDefault(), e.stopPropagation(), s(n, o));
 			}
 		};
 		return e.addEventListener("click", t), () => {
 			e.removeEventListener("click", t);
 		};
-	}, [s, e]), /* @__PURE__ */ (0, N.jsx)("div", {
-		dangerouslySetInnerHTML: { __html: T(E(e || "", i)) },
+	}, [o, e]), /* @__PURE__ */ (0, I.jsx)("div", {
+		dangerouslySetInnerHTML: { __html: O(k(e || "", i)) },
 		ref: a,
 		className: t
 	});
-}, H = () => {
-	let [t, i] = e.useState({}), c = b(), _ = (e) => {
+}, G = ({ post: e, variant: t }) => {
+	let n = e?.attachments ?? [], r = n.length > 0, { contentWarning: i, shouldHideContentWarning: a, shouldHideSensitiveMedia: o, revealSensitiveMedia: s, revealContentWarning: c } = d({
+		contentWarning: e?.contentWarning,
+		sensitive: e?.sensitive,
+		hasMedia: r,
+		resetKey: e?.id
+	});
+	return e ? a && i ? t === "inline" ? /* @__PURE__ */ (0, I.jsxs)("button", {
+		className: "mt-0.5 block max-w-full truncate text-left text-sm text-gray-700 hover:text-black dark:text-gray-600 dark:hover:text-white",
+		type: "button",
+		onClick: c,
+		children: [
+			/* @__PURE__ */ (0, I.jsx)("span", {
+				className: "font-semibold",
+				children: "Content warning:"
+			}),
+			" ",
+			i,
+			" ",
+			/* @__PURE__ */ (0, I.jsx)("span", {
+				className: "font-semibold",
+				children: "Show"
+			})
+		]
+	}) : /* @__PURE__ */ (0, I.jsx)(p, {
+		className: "mt-2.5",
+		label: i,
+		size: "compact",
+		onReveal: c
+	}) : t === "inline" ? /* @__PURE__ */ (0, I.jsxs)("div", {
+		className: "ap-note-content mt-0.5 line-clamp-1 text-sm text-pretty text-gray-700 dark:text-gray-600",
+		children: [e.type === "article" && e.title && /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [e.title, " — "] }), /* @__PURE__ */ (0, I.jsx)("span", { dangerouslySetInnerHTML: { __html: O(k(e.content || "")) } })]
+	}) : /* @__PURE__ */ (0, I.jsxs)("div", {
+		className: "mt-2.5 rounded-md bg-gray-100 px-5 py-[14px] group-hover:bg-gray-200 dark:bg-gray-950/30 group-hover:dark:bg-black/40",
+		children: [/* @__PURE__ */ (0, I.jsx)(W, {
+			className: "ap-note-content text-pretty",
+			content: e.content || "",
+			stripTags: ["a"]
+		}), r && /* @__PURE__ */ (0, I.jsxs)("div", {
+			className: "relative mt-2.5 aspect-square w-[calc(20%-6.4px)] min-w-[96px] overflow-hidden rounded-md [&_img]:absolute [&_img]:inset-0 [&_img]:mt-0 [&_img]:size-full [&_img]:max-h-none [&_img]:max-w-none [&_img]:object-cover [&>.attachment-gallery]:absolute [&>.attachment-gallery]:inset-0 [&>.attachment-gallery]:mt-0 [&>.attachment-gallery]:grid [&>.attachment-gallery]:size-full",
+			children: [v({
+				type: "Note",
+				attachment: n
+			}), o && /* @__PURE__ */ (0, I.jsx)(l, {
+				showLabel: !1,
+				size: "compact",
+				isLayered: !0,
+				onReveal: s
+			})]
+		})]
+	}) : null;
+}, K = () => {
+	let [t, i] = e.useState({}), c = C(), l = (e) => {
 		i((t) => ({
 			...t,
 			[e]: !t[e]
 		}));
-	}, O = () => {}, { data: k, error: A, fetchNextPage: j, hasNextPage: M, isFetchingNextPage: F, isLoading: R } = S("index"), H = k?.pages.flatMap((e) => z(e.notifications)) ?? Array(10).fill({ actors: [{}] }), U = r(null), W = r(null);
-	n(() => (U.current && U.current.disconnect(), U.current = new IntersectionObserver((e) => {
-		e[0].isIntersecting && M && !F && j();
-	}), W.current && U.current.observe(W.current), () => {
-		U.current && U.current.disconnect();
+	}, d = () => {}, { data: p, error: v, fetchNextPage: b, hasNextPage: O, isFetchingNextPage: k, isLoading: j } = T("index"), M = p?.pages.flatMap((e) => H(e.notifications)) ?? Array(10).fill({ actors: [{}] }), N = r(null), P = r(null);
+	n(() => (N.current && N.current.disconnect(), N.current = new IntersectionObserver((e) => {
+		e[0].isIntersecting && O && !k && b();
+	}), P.current && N.current.observe(P.current), () => {
+		N.current && N.current.disconnect();
 	}), [
-		M,
-		F,
-		j
+		O,
+		k,
+		b
 	]);
-	let G = (e, t) => {
+	let F = (e, t) => {
 		switch (e.type) {
 			case "like":
 				e.post && c(`/${e.post.type === "article" ? "reader" : "notes"}/${encodeURIComponent(e.post.id)}`);
@@ -248,51 +299,51 @@ var B = ({ group: e }) => {
 				e.post && c(`/${e.post.type === "article" ? "reader" : "notes"}/${encodeURIComponent(e.post.id)}`);
 				break;
 			case "follow":
-				e.actors.length > 1 ? _(e.id || `${e.type}_${t}`) : e.actors[0]?.handle && o(e.actors[0].handle, c);
+				e.actors.length > 1 ? l(e.id || `${e.type}_${t}`) : e.actors[0]?.handle && s(e.actors[0].handle, c);
 				break;
 			case "mention":
 				e.post && c(`/notes/${encodeURIComponent(e.post.id)}`);
 				break;
 		}
 	};
-	return A && x(A) ? /* @__PURE__ */ (0, N.jsx)(f, {
-		errorCode: A.code,
-		statusCode: A.statusCode
-	}) : /* @__PURE__ */ (0, N.jsx)(s, { children: /* @__PURE__ */ (0, N.jsxs)("div", {
+	return v && w(v) ? /* @__PURE__ */ (0, I.jsx)(m, {
+		errorCode: v.code,
+		statusCode: v.statusCode
+	}) : /* @__PURE__ */ (0, I.jsx)(u, { children: /* @__PURE__ */ (0, I.jsxs)("div", {
 		className: "z-0 flex w-full flex-col items-center",
-		children: [R === !1 && H.length === 0 && /* @__PURE__ */ (0, N.jsxs)(d, { children: [/* @__PURE__ */ (0, N.jsx)(p, { children: /* @__PURE__ */ (0, N.jsx)(C, {}) }), "Quiet for now, but not for long! When someone likes, boosts, or replies to you, you'll find it here."] }), H.length > 0 && /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [
-			/* @__PURE__ */ (0, N.jsx)("div", {
+		children: [j === !1 && M.length === 0 && /* @__PURE__ */ (0, I.jsxs)(f, { children: [/* @__PURE__ */ (0, I.jsx)(h, { children: /* @__PURE__ */ (0, I.jsx)(E, {}) }), "Quiet for now, but not for long! When someone likes, boosts, or replies to you, you'll find it here."] }), M.length > 0 && /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [
+			/* @__PURE__ */ (0, I.jsx)("div", {
 				className: "my-8 flex w-full max-w-[620px] flex-col max-md:mt-5",
-				children: H.map((n, r) => /* @__PURE__ */ (0, N.jsxs)(e.Fragment, { children: [/* @__PURE__ */ (0, N.jsxs)(I, {
+				children: M.map((n, r) => /* @__PURE__ */ (0, I.jsxs)(e.Fragment, { children: [/* @__PURE__ */ (0, I.jsxs)(z, {
 					centerAlign: n.actors.length < 2 && n.type === "follow",
 					className: "hover:bg-gray-100 dark:hover:bg-gray-950",
 					isGrouped: n.actors.length > 1,
-					onClick: () => G(n, r),
+					onClick: () => F(n, r),
 					children: [
-						R ? /* @__PURE__ */ (0, N.jsx)(D, {
+						j ? /* @__PURE__ */ (0, I.jsx)(A, {
 							className: "rounded-full",
 							containerClassName: "flex h-10 w-10"
-						}) : n.actors.length > 1 ? /* @__PURE__ */ (0, N.jsx)(I.Icon, { type: n.type }) : /* @__PURE__ */ (0, N.jsxs)("div", {
+						}) : n.actors.length > 1 ? /* @__PURE__ */ (0, I.jsx)(z.Icon, { type: n.type }) : /* @__PURE__ */ (0, I.jsxs)("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ (0, N.jsx)(w, {
+							children: [/* @__PURE__ */ (0, I.jsx)(D, {
 								author: {
 									icon: { url: n.actors[0].avatarUrl || "" },
 									name: n.actors[0].name,
 									handle: n.actors[0].handle
 								},
 								size: "notification"
-							}, n.actors[0].id), /* @__PURE__ */ (0, N.jsx)(P, {
+							}, n.actors[0].id), /* @__PURE__ */ (0, I.jsx)(L, {
 								className: "absolute -right-1 -bottom-1 z-10 border-2 border-white dark:border-black",
 								notificationType: n.type,
 								size: "sm"
 							})]
 						}),
-						n.actors.length > 1 && /* @__PURE__ */ (0, N.jsx)(I.Avatars, { children: /* @__PURE__ */ (0, N.jsxs)("div", {
+						n.actors.length > 1 && /* @__PURE__ */ (0, I.jsx)(z.Avatars, { children: /* @__PURE__ */ (0, I.jsxs)("div", {
 							className: "flex w-full flex-col",
-							children: [/* @__PURE__ */ (0, N.jsxs)("div", {
+							children: [/* @__PURE__ */ (0, I.jsxs)("div", {
 								className: "relative flex w-fit items-center pl-2",
 								children: [
-									!t[n.id || `${n.type}_${r}`] && n.actors.slice(0, 5).map((e) => /* @__PURE__ */ (0, N.jsx)(w, {
+									!t[n.id || `${n.type}_${r}`] && n.actors.slice(0, 5).map((e) => /* @__PURE__ */ (0, I.jsx)(D, {
 										author: {
 											icon: { url: e.avatarUrl || "" },
 											name: e.name,
@@ -301,39 +352,39 @@ var B = ({ group: e }) => {
 										className: "-ml-2 bg-[#F3F3F3]! outline-2 outline-white group-hover:bg-[#EDEEF0]! group-hover:outline-gray-100 dark:outline-black group-hover:dark:outline-gray-950",
 										size: "notification"
 									}, e.id)),
-									n.actors.length > 5 && !t[n.id || `${n.type}_${r}`] && /* @__PURE__ */ (0, N.jsx)("div", {
+									n.actors.length > 5 && !t[n.id || `${n.type}_${r}`] && /* @__PURE__ */ (0, I.jsx)("div", {
 										className: "absolute right-[28px] z-10 flex size-9 items-center justify-center rounded-full bg-black/50 text-base font-semibold tracking-tightest text-white",
-										children: `+${g(n.actors.length - 5)}`
+										children: `+${y(n.actors.length - 5)}`
 									}),
-									n.actors.length > 1 && /* @__PURE__ */ (0, N.jsxs)(y, {
+									n.actors.length > 1 && /* @__PURE__ */ (0, I.jsxs)(S, {
 										className: `group flex items-center gap-0.5 text-gray-700 hover:bg-transparent hover:text-black dark:text-gray-600 dark:hover:text-white ${t[n.id || `${n.type}_${r}`] ? "ml-[-20px]" : "ml-0 w-[28px]"}`,
 										variant: "ghost",
 										onClick: (e) => {
-											e?.stopPropagation(), _(n.id || `${n.type}_${r}`);
+											e?.stopPropagation(), l(n.id || `${n.type}_${r}`);
 										},
-										children: [/* @__PURE__ */ (0, N.jsx)(v, {
+										children: [/* @__PURE__ */ (0, I.jsx)(x, {
 											className: `${t[n.id || `${n.type}_${r}`] ? "rotate-180" : ""}`,
 											size: 20,
 											strokeWidth: 1.5
-										}), t[n.id || `${n.type}_${r}`] ? "Hide" : /* @__PURE__ */ (0, N.jsx)("span", {
+										}), t[n.id || `${n.type}_${r}`] ? "Hide" : /* @__PURE__ */ (0, I.jsx)("span", {
 											className: "sr-only",
 											children: "Show all"
 										})]
 									})
 								]
-							}), /* @__PURE__ */ (0, N.jsx)("div", {
+							}), /* @__PURE__ */ (0, I.jsx)("div", {
 								className: `overflow-hidden transition-all duration-300 ease-in-out  ${t[n.id || `${n.type}_${r}`] ? "mb-2 max-h-[1384px] opacity-100" : "max-h-0 opacity-0"}`,
-								children: t[n.id || `${n.type}_${r}`] && n.actors.length > 1 && /* @__PURE__ */ (0, N.jsx)("div", {
+								children: t[n.id || `${n.type}_${r}`] && n.actors.length > 1 && /* @__PURE__ */ (0, I.jsx)("div", {
 									className: "flex flex-col gap-2 pt-2",
-									children: n.actors.map((e) => /* @__PURE__ */ (0, N.jsxs)("div", {
+									children: n.actors.map((e) => /* @__PURE__ */ (0, I.jsxs)("div", {
 										className: "group/item break-anywhere flex items-center justify-between gap-4",
 										onClick: (t) => {
-											t?.stopPropagation(), e.handle && o(e.handle, c);
+											t?.stopPropagation(), e.handle && s(e.handle, c);
 										},
-										children: [/* @__PURE__ */ (0, N.jsxs)("div", {
+										children: [/* @__PURE__ */ (0, I.jsxs)("div", {
 											className: "flex min-w-0 items-center",
 											children: [
-												/* @__PURE__ */ (0, N.jsx)(w, {
+												/* @__PURE__ */ (0, I.jsx)(D, {
 													author: {
 														icon: { url: e.avatarUrl || "" },
 														name: e.name,
@@ -341,16 +392,16 @@ var B = ({ group: e }) => {
 													},
 													size: "xs"
 												}),
-												/* @__PURE__ */ (0, N.jsx)("span", {
+												/* @__PURE__ */ (0, I.jsx)("span", {
 													className: "ml-2 line-clamp-1 text-base font-semibold group-hover/item:underline dark:text-white",
 													children: e.name
 												}),
-												/* @__PURE__ */ (0, N.jsx)("span", {
+												/* @__PURE__ */ (0, I.jsx)("span", {
 													className: "ml-1 line-clamp-1 text-base text-gray-700 dark:text-gray-600",
 													children: e.handle
 												})
 											]
-										}), n.type === "follow" && !e.followedByMe && e.handle && /* @__PURE__ */ (0, N.jsx)(m, {
+										}), n.type === "follow" && !e.followedByMe && e.handle && /* @__PURE__ */ (0, I.jsx)(a, {
 											following: !1,
 											handle: e.handle,
 											variant: "link"
@@ -359,48 +410,34 @@ var B = ({ group: e }) => {
 								})
 							})]
 						}) }),
-						/* @__PURE__ */ (0, N.jsxs)(I.Content, { children: [
-							/* @__PURE__ */ (0, N.jsx)("div", { children: R ? /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [/* @__PURE__ */ (0, N.jsx)(D, {}), /* @__PURE__ */ (0, N.jsx)(D, { className: "w-full max-w-60" })] }) : /* @__PURE__ */ (0, N.jsxs)("div", {
+						/* @__PURE__ */ (0, I.jsxs)(z.Content, { children: [
+							/* @__PURE__ */ (0, I.jsx)("div", { children: j ? /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [/* @__PURE__ */ (0, I.jsx)(A, {}), /* @__PURE__ */ (0, I.jsx)(A, { className: "w-full max-w-60" })] }) : /* @__PURE__ */ (0, I.jsxs)("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ (0, N.jsxs)("div", {
+								children: [/* @__PURE__ */ (0, I.jsxs)("div", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ (0, N.jsx)("span", {
+									children: [/* @__PURE__ */ (0, I.jsx)("span", {
 										className: "truncate",
-										children: /* @__PURE__ */ (0, N.jsx)(B, { group: n })
-									}), n.actors.length < 2 && /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [/* @__PURE__ */ (0, N.jsx)("span", {
+										children: /* @__PURE__ */ (0, I.jsx)(U, { group: n })
+									}), n.actors.length < 2 && /* @__PURE__ */ (0, I.jsxs)(I.Fragment, { children: [/* @__PURE__ */ (0, I.jsx)("span", {
 										className: "mt-px text-[8px] text-gray-700 dark:text-gray-600",
 										children: "•"
-									}), /* @__PURE__ */ (0, N.jsx)("span", {
+									}), /* @__PURE__ */ (0, I.jsx)("span", {
 										className: "mt-0.5 text-sm text-gray-700 dark:text-gray-600",
-										children: l(n, !1)
+										children: _(n, !1)
 									})] })]
-								}), n.actors.length === 1 && (n.type === "follow" || n.type === "reply" || n.type === "mention") && !n.actors[0].followedByMe && n.actors[0].handle && /* @__PURE__ */ (0, N.jsx)(m, {
+								}), n.actors.length === 1 && (n.type === "follow" || n.type === "reply" || n.type === "mention") && !n.actors[0].followedByMe && n.actors[0].handle && /* @__PURE__ */ (0, I.jsx)(a, {
 									following: !1,
 									handle: n.actors[0].handle,
 									variant: "link"
 								})]
 							}) }),
-							(n.type === "reply" && n.inReplyTo || n.type === "mention" || n.type === "like" && !n.post?.name && n.post?.content || n.type === "repost" && !n.post?.name && n.post?.content) && (n.type !== "reply" && n.type !== "mention" ? /* @__PURE__ */ (0, N.jsxs)("div", {
-								className: "ap-note-content mt-0.5 line-clamp-1 text-sm text-pretty text-gray-700 dark:text-gray-600",
-								children: [n.post?.type === "article" && n.post?.title && /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [n.post.title, " — "] }), /* @__PURE__ */ (0, N.jsx)("span", { dangerouslySetInnerHTML: { __html: T(E(n.post?.content || "")) } })]
-							}) : /* @__PURE__ */ (0, N.jsx)(N.Fragment, { children: /* @__PURE__ */ (0, N.jsxs)("div", {
-								className: "mt-2.5 rounded-md bg-gray-100 px-5 py-[14px] group-hover:bg-gray-200 dark:bg-gray-950/30 group-hover:dark:bg-black/40",
-								children: [/* @__PURE__ */ (0, N.jsx)(V, {
-									className: "ap-note-content text-pretty",
-									content: n.post?.content || "",
-									stripTags: ["a"]
-								}), n.post && n.post.attachments && n.post.attachments.length > 0 && /* @__PURE__ */ (0, N.jsx)("div", {
-									className: "notification-attachments mb-1 [&_.attachment-gallery]:flex [&_.attachment-gallery]:flex-wrap [&_img]:aspect-square [&_img]:max-w-[calc(20%-6.4px)]",
-									children: u({
-										...n.post,
-										type: "Note",
-										attachment: n.post.attachments
-									})
-								})]
-							}) })),
-							(n.type === "reply" && n.post || n.type === "mention") && /* @__PURE__ */ (0, N.jsx)("div", {
+							(n.type === "reply" && n.inReplyTo || n.type === "mention" || n.type === "like" && !n.post?.name && n.post?.content || n.type === "repost" && !n.post?.name && n.post?.content) && /* @__PURE__ */ (0, I.jsx)(G, {
+								post: n.post,
+								variant: n.type !== "reply" && n.type !== "mention" ? "inline" : "quoted"
+							}),
+							(n.type === "reply" && n.post || n.type === "mention") && /* @__PURE__ */ (0, I.jsx)("div", {
 								className: "mt-1.5",
-								children: /* @__PURE__ */ (0, N.jsx)(h, {
+								children: /* @__PURE__ */ (0, I.jsx)(g, {
 									actor: {
 										...n.actors[0],
 										icon: { url: n.actors[0].avatarUrl || "" },
@@ -417,28 +454,28 @@ var B = ({ group: e }) => {
 										reposted: n.post.repostedByMe
 									},
 									repostCount: n.post.repostCount || 0,
-									onLikeClick: O
+									onLikeClick: d
 								})
 							})
 						] })
 					]
-				}), r < H.length - 1 && /* @__PURE__ */ (0, N.jsx)("div", {
+				}), r < M.length - 1 && /* @__PURE__ */ (0, I.jsx)("div", {
 					className: "pl-[52px]",
-					children: /* @__PURE__ */ (0, N.jsx)(L, {})
+					children: /* @__PURE__ */ (0, I.jsx)(B, {})
 				})] }, n.id || `${n.type}_${r}`))
 			}),
-			/* @__PURE__ */ (0, N.jsx)("div", {
-				ref: W,
+			/* @__PURE__ */ (0, I.jsx)("div", {
+				ref: P,
 				className: "h-1"
 			}),
-			F && /* @__PURE__ */ (0, N.jsx)("div", {
+			k && /* @__PURE__ */ (0, I.jsx)("div", {
 				className: "-mt-4 mb-8 flex flex-col items-center justify-center gap-4 text-center",
-				children: /* @__PURE__ */ (0, N.jsx)(a, { size: "md" })
+				children: /* @__PURE__ */ (0, I.jsx)(o, { size: "md" })
 			})
 		] })]
 	}) });
 };
 //#endregion
-export { H as default };
+export { K as default };
 
-//# sourceMappingURL=notifications-BdcyivbT.js.map
+//# sourceMappingURL=notifications-GGTrGEdu.js.map