@logora/debate 0.1.0 → 0.2.0

package/dist/components/summary/keyword_box/KeywordBox.js

@@ -0,0 +1,38 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import t from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
+import n from "./KeywordBox.module.js";
+import "react";
+//#region src/components/summary/keyword_box/KeywordBox.jsx
+var r = e(), i = (e) => {
+	let { keyword: i, occurrences: a, color: o, handleClick: s, ...c } = e, l = { backgroundColor: `${o}` }, u = { color: `${o}` };
+	return /* @__PURE__ */ (0, r.jsxs)("div", {
+		style: l,
+		className: n.boxContainer,
+		...c,
+		children: [
+			/* @__PURE__ */ (0, r.jsx)("div", {
+				className: n.keywordTitle,
+				children: i
+			}),
+			/* @__PURE__ */ (0, r.jsx)("div", {
+				className: n.occurrences,
+				children: /* @__PURE__ */ (0, r.jsx)(t, {
+					id: "summary.keyword_box.occurrences",
+					defaultMessage: "{count} occurrences",
+					values: { count: a }
+				})
+			}),
+			/* @__PURE__ */ (0, r.jsx)("div", {
+				style: u,
+				className: n.keywordButton,
+				onClick: s,
+				children: /* @__PURE__ */ (0, r.jsx)(t, {
+					id: "summary.keyword_box.call_to_action",
+					defaultMessage: "View contributions"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { i as KeywordBox };

package/dist/components/summary/keyword_box/KeywordBox.module.js

@@ -0,0 +1,11 @@
+var e = {
+	boxContainer: "_boxContainer_1m107_1",
+	keywordTitle: "_keywordTitle_1m107_8",
+	occurrences: "_occurrences_1m107_14",
+	number: "_number_1m107_21",
+	keywordButton: "_keywordButton_1m107_25",
+	contributionsContainer: "_contributionsContainer_1m107_40",
+	contributionsContainerOpen: "_contributionsContainerOpen_1m107_49"
+};
+//#endregion
+export { e as default };

package/dist/components/summary/summary/Summary.js

@@ -0,0 +1,73 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import t from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import { SectionBox as n } from "../../section/section_box/SectionBox.js";
+import { BoxSkeleton as r } from "../../skeleton/box_skeleton/BoxSkeleton.js";
+import { SummaryBox as i } from "../summary_box/SummaryBox.js";
+import a from "./Summary.module.js";
+import { useEffect as o, useState as s } from "react";
+//#region src/components/summary/summary/Summary.jsx
+var c = e(), l = ({ apiUrl: e, summaryId: l, tags: u = [], tagClassNames: d = [], title: f, subtitle: p }) => {
+	let [m, h] = s({}), g = t(), _ = async (t, n = "") => {
+		try {
+			let r = `${e}/${t}${n ? `-${n}` : ""}`, i = await fetch(r);
+			if (!i.ok) throw Error(`HTTP error! Status: ${i.status}`);
+			return (await i.json()).data?.content?.arguments || [];
+		} catch (e) {
+			console.error(e);
+		}
+	};
+	return o(() => {
+		(async () => {
+			try {
+				let e = {};
+				if (u.length === 0) e["no-position"] = await _(l);
+				else {
+					let t = await Promise.all(u.map((e) => _(l, e.id)));
+					u.forEach((n, r) => {
+						e[n.id] = t[r];
+					});
+				}
+				h(e);
+			} catch (e) {
+				console.error(e);
+			}
+		})();
+	}, [l, u]), /* @__PURE__ */ (0, c.jsxs)(n, {
+		isCollapsible: !0,
+		isCollapsedByDefault: !0,
+		title: f,
+		subtitle: p,
+		children: [/* @__PURE__ */ (0, c.jsx)("div", {
+			className: a.description,
+			children: g.formatMessage({
+				id: "summary.description.argument_summary",
+				defaultMessage: "Our algorithm produces comprehensive, well-structured summaries of the most recurrent arguments. Each published argument influences the content of this summary. The better structured the argument, the more weight it carries."
+			})
+		}), /* @__PURE__ */ (0, c.jsx)("div", {
+			className: a.summaryContainer,
+			children: Object.keys(m).length === 0 ? u.length === 0 ? /* @__PURE__ */ (0, c.jsx)(r, {
+				onlyEdgeBox: !0,
+				boxHeight: 120
+			}) : u.map((e) => /* @__PURE__ */ (0, c.jsx)(r, {
+				onlyEdgeBox: !0,
+				boxHeight: 120
+			}, e.id)) : u.length === 0 ? /* @__PURE__ */ (0, c.jsx)("div", { children: /* @__PURE__ */ (0, c.jsx)(i, {
+				summaryItems: (m["no-position"] || []).map((e) => e.argument),
+				emptySummaryText: g.formatMessage({
+					id: "info.emptysummary",
+					defaultMessage: "No resume found."
+				})
+			}) }) : u.map((e, t) => /* @__PURE__ */ (0, c.jsx)("div", { children: /* @__PURE__ */ (0, c.jsx)(i, {
+				summaryItems: (m[e.id] || []).map((e) => e.argument),
+				tag: e.name,
+				tagClassName: d[t],
+				emptySummaryText: g.formatMessage({
+					id: "info.emptysummary",
+					defaultMessage: "No resume found."
+				})
+			}) }, e.id))
+		})]
+	});
+};
+//#endregion
+export { l as Summary };

package/dist/components/summary/summary/Summary.module.js

@@ -0,0 +1,6 @@
+var e = {
+	summaryContainer: "_summaryContainer_1xdmt_3",
+	description: "_description_1xdmt_21"
+};
+//#endregion
+export { e as default };

package/dist/components/summary/summary_box/SummaryBox.js

@@ -0,0 +1,22 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import t from "./SummaryBox.module.js";
+import "react";
+//#region src/components/summary/summary_box/SummaryBox.jsx
+var n = e(), r = ({ summaryItems: e = [], tagClassName: r, tag: i, emptySummaryText: a = "" }) => /* @__PURE__ */ (0, n.jsxs)("div", {
+	className: t.box,
+	children: [/* @__PURE__ */ (0, n.jsx)("div", {
+		className: `${t.stats} ${i ? t.withTag : ""}`,
+		children: i && /* @__PURE__ */ (0, n.jsx)("div", {
+			className: `${t.tag} ${r}`,
+			children: i
+		})
+	}), e.length === 0 ? /* @__PURE__ */ (0, n.jsx)("span", {
+		className: t.emptySummaryText,
+		children: a
+	}) : e.map((e, r) => /* @__PURE__ */ (0, n.jsxs)("li", {
+		className: t.summaryItem,
+		children: [e && /* @__PURE__ */ (0, n.jsx)("span", { children: "•" }), e]
+	}, r))]
+});
+//#endregion
+export { r as SummaryBox };

package/dist/components/summary/summary_box/SummaryBox.module.js

@@ -0,0 +1,10 @@
+var e = {
+	box: "_box_5a37o_3",
+	stats: "_stats_5a37o_14",
+	withTag: "_withTag_5a37o_21",
+	tag: "_tag_5a37o_25",
+	summaryItem: "_summaryItem_5a37o_44",
+	emptySummaryText: "_emptySummaryText_5a37o_53"
+};
+//#endregion
+export { e as default };

package/dist/components/tag/tag/Tag.js

@@ -0,0 +1,19 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import r from "./Tag.module.js";
+import "react";
+//#region src/components/tag/tag/Tag.jsx
+var i = /* @__PURE__ */ e(n()), a = t(), o = ({ text: e, active: t = !1, leftIcon: n, rightIcon: o, className: s, ...c }) => /* @__PURE__ */ (0, a.jsxs)("div", {
+	"data-testid": "tag",
+	className: (0, i.default)(r.tag, s, (n || o) && r.withIcon, n && r.withLeftIcon, o && r.withRightIcon, t && r.active),
+	...c,
+	children: [
+		n,
+		e,
+		t,
+		o
+	]
+});
+//#endregion
+export { o as Tag };

package/dist/components/tag/tag/Tag.module.js

@@ -0,0 +1,6 @@
+var e = {
+	tag: "_tag_s3k05_3",
+	active: "_active_s3k05_26"
+};
+//#endregion
+export { e as default };

package/dist/components/text/expandable_text/ArrowIcon.js

@@ -0,0 +1,11 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import "react";
+//#region src/components/text/expandable_text/ArrowIcon.jsx
+var t = e(), n = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ (0, t.jsx)("path", { d: "M19,11H9l3.29-3.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0l-4.29,4.3A2,2,0,0,0,6,12H6a2,2,0,0,0,.59,1.4l4.29,4.3a1,1,0,1,0,1.41-1.42L9,13H19a1,1,0,0,0,0-2Z" })
+});
+//#endregion
+export { n as ArrowIcon };

package/dist/components/text/expandable_text/ExpandableText.js

@@ -0,0 +1,53 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { ArrowIcon as r } from "./ArrowIcon.js";
+import i from "./ExpandableText.module.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+//#region src/components/text/expandable_text/ExpandableText.jsx
+var c = /* @__PURE__ */ e(n()), l = t(), u = ({ children: e, expandable: t = !0, expandText: n = "Read more", collapseText: u = "Read less", className: d, maxHeight: f = "100", showIcon: p = !0, backgroundColor: m = "var(--background-color-primary)", onCollapse: h = () => {}, onExpand: g = () => {}, isReply: _ = !1 }) => {
+	let [v, y] = s(!1), [b, x] = s(0), S = o(null);
+	a(() => {
+		t && x(C());
+	}, []);
+	let C = () => {
+		let e = S.current.clientHeight;
+		return Math.round(e);
+	}, w = () => {
+		y(!1), h();
+	}, T = () => {
+		y(!0), g();
+	}, E = t && b > f, D = { maxHeight: f + "px" }, O = { background: _ ? "linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--text-tertiary) 90%)" : `linear-gradient(to bottom, rgba(255, 255, 255, 0), ${m} 90%)` };
+	return /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: i.container,
+		ref: S,
+		children: [/* @__PURE__ */ (0, l.jsx)("div", {
+			style: E && !v ? D : {},
+			className: (0, c.default)({ [i.contentMask]: E && !v }),
+			children: e
+		}), E && (v ? /* @__PURE__ */ (0, l.jsx)("div", {
+			className: i.linkContainerExpanded,
+			onClick: () => w(),
+			children: /* @__PURE__ */ (0, l.jsxs)("div", {
+				className: (0, c.default)(i.linkExpanded, d),
+				children: [/* @__PURE__ */ (0, l.jsx)("span", { children: u }), p && /* @__PURE__ */ (0, l.jsx)(r, {
+					height: 16,
+					width: 16
+				})]
+			})
+		}) : /* @__PURE__ */ (0, l.jsx)("div", {
+			style: E && !v ? O : {},
+			className: i.linkContainer,
+			onClick: () => T(),
+			children: /* @__PURE__ */ (0, l.jsxs)("div", {
+				className: (0, c.default)(i.link, d),
+				children: [/* @__PURE__ */ (0, l.jsx)("span", { children: n }), p && /* @__PURE__ */ (0, l.jsx)(r, {
+					height: 16,
+					width: 16
+				})]
+			})
+		}))]
+	});
+};
+//#endregion
+export { u as ExpandableText };

package/dist/components/text/expandable_text/ExpandableText.module.js

@@ -0,0 +1,10 @@
+var e = {
+	container: "_container_nt4pn_3",
+	contentMask: "_contentMask_nt4pn_8",
+	linkContainer: "_linkContainer_nt4pn_12",
+	linkContainerExpanded: "_linkContainerExpanded_nt4pn_34",
+	link: "_link_nt4pn_12",
+	linkExpanded: "_linkExpanded_nt4pn_52"
+};
+//#endregion
+export { e as default };

package/dist/components/text/read_more/ReadMore.js

@@ -0,0 +1,63 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Link as n } from "../../action/link/Link.js";
+import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import i from "./ReadMore.module.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+//#region src/components/text/read_more/ReadMore.jsx
+var c = /* @__PURE__ */ e(r()), l = t(), u = ({ content: e, charCount: t, lineCount: r, to: u, className: d, readMoreText: f, readLessText: p, expandable: m = !0, readMoreClassName: h, ...g }) => {
+	let [_, v] = s(!1), [y, b] = s(m && e && t ? e.length > t : !1), x = o(null), S = (e) => _ ? e.toString() : e.length > t ? `${e.replace(/[\n\r]/g, " ").slice(0, t)}` : e, C = () => {
+		v((e) => !e);
+	}, w = {
+		display: "-webkit-box",
+		WebkitLineClamp: r,
+		WebkitBoxOrient: "vertical",
+		overflow: "hidden",
+		textOverflow: "clip",
+		width: "100%"
+	};
+	return a(() => {
+		if (m && e && r && x.current) {
+			let { clientHeight: e, scrollHeight: t } = x.current;
+			b(e !== t);
+		}
+	}, [
+		r,
+		e,
+		x
+	]), /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: (0, c.default)(i.readMore, { [i.pointer]: y }),
+		children: [/* @__PURE__ */ (0, l.jsx)("div", {
+			ref: x,
+			style: r && !_ ? w : { width: "100%" },
+			onClick: m ? C : void 0,
+			children: !m || r ? e : S(e)
+		}), y && /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [/* @__PURE__ */ (0, l.jsxs)("div", {
+			className: (0, c.default)(i.readMoreWrapper, h),
+			children: [!_ && /* @__PURE__ */ (0, l.jsx)("span", {
+				className: i.ellipsis,
+				children: "..."
+			}), u ? /* @__PURE__ */ (0, l.jsx)(n, {
+				to: u,
+				className: (0, c.default)(i.readMoreElement, d),
+				...g,
+				children: f
+			}) : !_ && /* @__PURE__ */ (0, l.jsx)("span", {
+				className: (0, c.default)(i.readMoreElement, d),
+				onClick: C,
+				...g,
+				children: f
+			})]
+		}), _ && /* @__PURE__ */ (0, l.jsx)("div", {
+			className: i.readLessWrapper,
+			children: /* @__PURE__ */ (0, l.jsx)("span", {
+				className: (0, c.default)(i.readLessElement, d),
+				onClick: C,
+				...g,
+				children: p
+			})
+		})] })]
+	});
+};
+//#endregion
+export { u as ReadMore };

package/dist/components/text/read_more/ReadMore.module.js

@@ -0,0 +1,11 @@
+var e = {
+	readMore: "_readMore_1ws8j_1",
+	pointer: "_pointer_1ws8j_7",
+	readMoreWrapper: "_readMoreWrapper_1ws8j_11",
+	readMoreElement: "_readMoreElement_1ws8j_21",
+	readLessWrapper: "_readLessWrapper_1ws8j_30",
+	readLessElement: "_readLessElement_1ws8j_37",
+	ellipsis: "_ellipsis_1ws8j_44"
+};
+//#endregion
+export { e as default };

package/dist/components/tools/hash_scroll/HashScroll.js

@@ -0,0 +1,18 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useEffect as t } from "react";
+import { useLocation as n } from "react-router";
+//#region src/components/tools/hash_scroll/HashScroll.jsx
+var r = e(), i = ({ elementId: e, onScroll: i, children: a }) => {
+	let o = n();
+	return t(() => {
+		if (e && typeof window < "u") {
+			let t = o.hash.slice(1), n = new RegExp(e);
+			if (t.match(n)) {
+				let t = document.getElementById(e);
+				t && (i && i(), t.scrollIntoView({ behavior: "smooth" }));
+			}
+		}
+	}, [o.hash]), /* @__PURE__ */ (0, r.jsx)(r.Fragment, { children: a });
+};
+//#endregion
+export { i as HashScroll };

package/dist/components/tools/scroll_to_top/ScrollToTop.js

@@ -0,0 +1,15 @@
+import { useEffect as e, useRef as t } from "react";
+import { useLocation as n } from "react-router";
+//#region src/components/tools/scroll_to_top/ScrollToTop.jsx
+var r = ({ elementId: r }) => {
+	let { pathname: i, search: a } = n(), o = t(!0);
+	return e(() => {
+		if (typeof window < "u") if (o.current) o.current = !1;
+		else {
+			let e = document.getElementById(r);
+			e && e.scrollIntoView({ behavior: "smooth" });
+		}
+	}, [i, a]), null;
+};
+//#endregion
+export { r as ScrollToTop };

package/dist/components/translation/translated_content/TranslatedContent.js

@@ -0,0 +1,7 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useTranslatedContent as t } from "./useTranslatedContent.js";
+import "react";
+//#region src/components/translation/translated_content/TranslatedContent.jsx
+var n = e(), r = ({ originalContent: e, originalLanguage: r, targetField: i, translations: a }) => /* @__PURE__ */ (0, n.jsx)(n.Fragment, { children: t(e, r, i, a).translatedContent });
+//#endregion
+export { r as TranslatedContent };

package/dist/components/translation/translated_content/useTranslatedContent.js

@@ -0,0 +1,26 @@
+import e from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import { useEffect as t, useState as n } from "react";
+//#region src/components/translation/translated_content/useTranslatedContent.jsx
+var r = (e, t, n, r, i) => {
+	let a = (e) => e.target_language?.substring(0, 2) === i?.substring(0, 2) && e.is_approved && e.origin_field === n;
+	if (i?.substring(0, 2) !== t?.substring(0, 2) && r?.length > 0) {
+		let e = r.filter((e) => a(e))[0];
+		if (e) return e.translated_content;
+	}
+	return e;
+}, i = (i, a, o, s) => {
+	let c = e(), [l, u] = n(!1), [d, f] = n(r(i, a, o, s, c.locale));
+	return t(() => {
+		i && f(r(i, a, o, s, c.locale));
+	}, [i]), t(() => {
+		d !== i && u(!0);
+	}, [d]), {
+		translatedContent: d,
+		toggleContent: () => {
+			f(d === i ? r(i, a, o, s, c.locale) : i);
+		},
+		isTranslated: l
+	};
+};
+//#endregion
+export { r as getTranslatedContent, i as useTranslatedContent };

package/dist/components/translation/translation_button/TranslationButton.js

@@ -0,0 +1,35 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import r from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import i from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
+import a from "./TranslationButton.module.js";
+import { useState as o } from "react";
+//#region src/components/translation/translation_button/TranslationButton.jsx
+var s = /* @__PURE__ */ e(n()), c = t(), l = ({ className: e, language: t, callback: n, ...l }) => {
+	let [u, d] = o(!1), f = r();
+	return /* @__PURE__ */ (0, c.jsx)("div", {
+		onClick: () => {
+			d(!u), n();
+		},
+		className: (0, s.default)(a.translationButton, e),
+		...l,
+		children: u ? /* @__PURE__ */ (0, c.jsx)(i, {
+			id: "translations.translate_to",
+			values: { variable: f.formatMessage({
+				id: "translations." + f.locale,
+				defaultMessage: "English"
+			}) },
+			defaultMessage: "Translate to English"
+		}) : /* @__PURE__ */ (0, c.jsx)(i, {
+			id: "translations.translated_from",
+			values: { variable: f.formatMessage({
+				id: "translations." + t,
+				defaultMessage: "French"
+			}) },
+			defaultMessage: "Translated from French - Show original"
+		})
+	});
+};
+//#endregion
+export { l as TranslationButton };

package/dist/components/translation/translation_button/TranslationButton.module.js

@@ -0,0 +1,3 @@
+var e = { translationButton: "_translationButton_1t9hb_3" };
+//#endregion
+export { e as default };

package/dist/components/user/author_box/AuthorBox.js

@@ -0,0 +1,114 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Link as n } from "../../action/link/Link.js";
+import { Icon as r } from "../../icons/icon/Icon.js";
+import { require_classnames as i } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { useRoutes as a } from "../../data/config_provider/useRoutes.js";
+import o from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import s from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
+import { Avatar as c } from "../avatar/Avatar.js";
+import { getLocaleIcon as l } from "../../util/lang_emojis/langEmojis.js";
+import u from "./AuthorBox.module.js";
+import "react";
+//#region src/components/user/author_box/AuthorBox.jsx
+var d = /* @__PURE__ */ e(i()), f = t(), p = ({ fullName: e, slug: t, avatarUrl: i, lastActivity: p, showBadge: m = !1, points: h = 0, eloquenceTitle: g, occupation: _, disableLinks: v = !1, isDeleted: y = !1, language: b = null, languageDialect: x = null }) => {
+	let S = o(), C = a(), w = new Date(p) > Date.now();
+	return /* @__PURE__ */ (0, f.jsxs)("div", {
+		className: (0, d.default)(u.authorBox, "author-box"),
+		children: [!t || v || y ? /* @__PURE__ */ (0, f.jsx)(c, {
+			avatarUrl: y ? null : i,
+			userName: e,
+			isOnline: w,
+			size: 48
+		}) : /* @__PURE__ */ (0, f.jsx)(n, {
+			to: C.userShowLocation.toUrl({ userSlug: t }),
+			className: u.authorLink,
+			children: /* @__PURE__ */ (0, f.jsx)(c, {
+				avatarUrl: i,
+				userName: e,
+				isOnline: w,
+				size: 48
+			})
+		}), /* @__PURE__ */ (0, f.jsxs)("div", {
+			className: u.authorNameBox,
+			children: [/* @__PURE__ */ (0, f.jsx)("div", {
+				className: u.authorName,
+				children: /* @__PURE__ */ (0, f.jsxs)("div", {
+					className: u.authorNameLine,
+					children: [
+						!t || v || y ? /* @__PURE__ */ (0, f.jsx)("span", {
+							className: (0, d.default)(u.authorLink, {
+								[u.deleted]: y,
+								[u.linkDisabled]: !t || v
+							}),
+							children: y ? S.formatMessage({
+								id: "user.author_box.deleted",
+								defaultMessage: "Deleted"
+							}) : e
+						}) : /* @__PURE__ */ (0, f.jsx)("div", {
+							className: u.authorLink,
+							children: /* @__PURE__ */ (0, f.jsx)(n, {
+								to: C.userShowLocation.toUrl({ userSlug: t }),
+								children: e
+							})
+						}),
+						m && !y && /* @__PURE__ */ (0, f.jsxs)("div", {
+							className: u.expertContainer,
+							children: [/* @__PURE__ */ (0, f.jsx)(r, {
+								name: "expertBadge",
+								width: 14,
+								height: 14
+							}), /* @__PURE__ */ (0, f.jsx)("span", {
+								className: u.expertBadge,
+								children: S.formatMessage({
+									id: "user.author_box.expert",
+									defaultMessage: "Journalist"
+								})
+							})]
+						}),
+						b && x && /* @__PURE__ */ (0, f.jsx)("div", {
+							className: u.languageContainer,
+							children: l(b, x)
+						})
+					]
+				})
+			}), !y && /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: u.authorPointsBox,
+				children: [h != null && /* @__PURE__ */ (0, f.jsx)("div", {
+					className: u.authorPoints,
+					"aria-label": S.formatMessage({
+						id: "user.author_box.aria_label",
+						defaultMessage: "User points"
+					}),
+					children: /* @__PURE__ */ (0, f.jsxs)("span", { children: [
+						S.formatNumber(h, {
+							notation: "compact",
+							maximumFractionDigits: 1,
+							roundingMode: "floor"
+						}),
+						" ",
+						/* @__PURE__ */ (0, f.jsx)(s, {
+							id: "user.author_box.points",
+							defaultMessage: "points",
+							values: { count: h }
+						})
+					] })
+				}), g && /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsx)("span", { className: u.separator }), /* @__PURE__ */ (0, f.jsx)("div", {
+					className: u.authorEloquence,
+					children: /* @__PURE__ */ (0, f.jsx)("span", { children: S.formatMessage({
+						id: "gamification.badge_box." + g + ".reward",
+						defaultMessage: "Eloquence title"
+					}) })
+				})] })]
+			}), _ && /* @__PURE__ */ (0, f.jsx)("div", {
+				className: u.occupationBox,
+				children: /* @__PURE__ */ (0, f.jsx)("span", {
+					className: u.authorPoints,
+					children: _
+				})
+			})] })]
+		})]
+	});
+};
+//#endregion
+export { p as AuthorBox };

package/dist/components/user/author_box/AuthorBox.module.js

@@ -0,0 +1,18 @@
+var e = {
+	authorBox: "_authorBox_4zx4o_3",
+	authorNameBox: "_authorNameBox_4zx4o_12",
+	authorName: "_authorName_4zx4o_12",
+	authorLink: "_authorLink_4zx4o_36",
+	authorNameLine: "_authorNameLine_4zx4o_52",
+	expertContainer: "_expertContainer_4zx4o_58",
+	deleted: "_deleted_4zx4o_58",
+	linkDisabled: "_linkDisabled_4zx4o_62",
+	expertBadge: "_expertBadge_4zx4o_73",
+	authorPointsBox: "_authorPointsBox_4zx4o_79",
+	occupationBox: "_occupationBox_4zx4o_79",
+	authorPoints: "_authorPoints_4zx4o_79",
+	authorEloquence: "_authorEloquence_4zx4o_98",
+	separator: "_separator_4zx4o_105"
+};
+//#endregion
+export { e as default };

package/dist/components/user/avatar/Avatar.js

@@ -0,0 +1,54 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import r from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import { Tooltip as i } from "../../dialog/tooltip/Tooltip.js";
+import a from "./Avatar.module.js";
+import { DefaultAvatarIcon as o } from "./DefaultAvatar.js";
+import { useState as s } from "react";
+//#region src/components/user/avatar/Avatar.jsx
+var c = /* @__PURE__ */ e(n()), l = t(), u = ({ avatarUrl: e, userName: t, isOnline: n = !1, showTooltip: u = !1, size: d = 40, className: f, ...p }) => {
+	let [m, h] = s(!1), g = r(), _ = {
+		loading: "lazy",
+		className: (0, c.default)(a.avatarImage, f),
+		height: d,
+		width: d,
+		...p
+	}, v = {
+		width: `${d}px`,
+		height: `${d}px`
+	}, y = () => e && !m ? /* @__PURE__ */ (0, l.jsx)("img", {
+		..._,
+		style: v,
+		src: e,
+		alt: g.formatMessage({
+			id: "user.avatar.alt",
+			defaultMessage: "{name}'s profile picture"
+		}, { name: t }),
+		onError: () => {
+			h(!0);
+		}
+	}) : /* @__PURE__ */ (0, l.jsx)(o, {
+		..._,
+		style: v,
+		"data-testid": "avatar-icon"
+	});
+	return /* @__PURE__ */ (0, l.jsx)("div", {
+		className: a.avatarContainer,
+		children: u || n ? /* @__PURE__ */ (0, l.jsx)(i, {
+			text: n ? g.formatMessage({
+				id: "user.avatar.online",
+				defaultMessage: "{name} is online"
+			}, { name: t }) : t,
+			children: /* @__PURE__ */ (0, l.jsxs)("div", {
+				className: a.avatarBox,
+				children: [y(), n ? /* @__PURE__ */ (0, l.jsx)("span", {
+					"data-testid": "online-pin",
+					className: a.onlinePin
+				}) : null]
+			})
+		}) : y()
+	});
+};
+//#endregion
+export { u as Avatar };