@logora/debate 0.2.0 → 0.2.2

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

@@ -1,67 +1,67 @@
-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";
+import { SectionBox as e } from "../../section/section_box/SectionBox.js";
+import { BoxSkeleton as t } from "../../skeleton/box_skeleton/BoxSkeleton.js";
+import { SummaryBox as n } from "../summary_box/SummaryBox.js";
+import r from "./Summary.module.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useIntl as c } from "react-intl";
 //#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 = "") => {
+var l = ({ apiUrl: l, summaryId: u, tags: d = [], tagClassNames: f = [], title: p, subtitle: m }) => {
+	let [h, g] = a({}), _ = c(), v = async (e, t = "") => {
 		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 || [];
+			let n = `${l}/${e}${t ? `-${t}` : ""}`, r = await fetch(n);
+			if (!r.ok) throw Error(`HTTP error! Status: ${r.status}`);
+			return (await r.json()).data?.content?.arguments || [];
 		} catch (e) {
 			console.error(e);
 		}
 	};
-	return o(() => {
+	return i(() => {
 		(async () => {
 			try {
 				let e = {};
-				if (u.length === 0) e["no-position"] = await _(l);
+				if (d.length === 0) e["no-position"] = await v(u);
 				else {
-					let t = await Promise.all(u.map((e) => _(l, e.id)));
-					u.forEach((n, r) => {
+					let t = await Promise.all(d.map((e) => v(u, e.id)));
+					d.forEach((n, r) => {
 						e[n.id] = t[r];
 					});
 				}
-				h(e);
+				g(e);
 			} catch (e) {
 				console.error(e);
 			}
 		})();
-	}, [l, u]), /* @__PURE__ */ (0, c.jsxs)(n, {
+	}, [u, d]), /* @__PURE__ */ s(e, {
 		isCollapsible: !0,
 		isCollapsedByDefault: !0,
-		title: f,
-		subtitle: p,
-		children: [/* @__PURE__ */ (0, c.jsx)("div", {
-			className: a.description,
-			children: g.formatMessage({
+		title: p,
+		subtitle: m,
+		children: [/* @__PURE__ */ o("div", {
+			className: r.description,
+			children: _.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, {
+		}), /* @__PURE__ */ o("div", {
+			className: r.summaryContainer,
+			children: Object.keys(h).length === 0 ? d.length === 0 ? /* @__PURE__ */ o(t, {
 				onlyEdgeBox: !0,
 				boxHeight: 120
-			}) : u.map((e) => /* @__PURE__ */ (0, c.jsx)(r, {
+			}) : d.map((e) => /* @__PURE__ */ o(t, {
 				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({
+			}, e.id)) : d.length === 0 ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(n, {
+				summaryItems: (h["no-position"] || []).map((e) => e.argument),
+				emptySummaryText: _.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),
+			}) }) : d.map((e, t) => /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(n, {
+				summaryItems: (h[e.id] || []).map((e) => e.argument),
 				tag: e.name,
-				tagClassName: d[t],
-				emptySummaryText: g.formatMessage({
+				tagClassName: f[t],
+				emptySummaryText: _.formatMessage({
 					id: "info.emptysummary",
 					defaultMessage: "No resume found."
 				})

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

@@ -1,22 +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 e from "./SummaryBox.module.js";
 import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#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
+var r = ({ summaryItems: r = [], tagClassName: i, tag: a, emptySummaryText: o = "" }) => /* @__PURE__ */ n("div", {
+	className: e.box,
+	children: [/* @__PURE__ */ t("div", {
+		className: `${e.stats} ${a ? e.withTag : ""}`,
+		children: a && /* @__PURE__ */ t("div", {
+			className: `${e.tag} ${i}`,
+			children: a
 		})
-	}), 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))]
+	}), r.length === 0 ? /* @__PURE__ */ t("span", {
+		className: e.emptySummaryText,
+		children: o
+	}) : r.map((r, i) => /* @__PURE__ */ n("li", {
+		className: e.summaryItem,
+		children: [r && /* @__PURE__ */ t("span", { children: "•" }), r]
+	}, i))]
 });
 //#endregion
 export { r as SummaryBox };

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

@@ -1,19 +1,18 @@
-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 e from "./Tag.module.js";
 import "react";
+import { jsxs as t } from "react/jsx-runtime";
+import n from "classnames";
 //#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", {
+var r = ({ text: r, active: i = !1, leftIcon: a, rightIcon: o, className: s, ...c }) => /* @__PURE__ */ t("div", {
 	"data-testid": "tag",
-	className: (0, i.default)(r.tag, s, (n || o) && r.withIcon, n && r.withLeftIcon, o && r.withRightIcon, t && r.active),
+	className: n(e.tag, s, (a || o) && e.withIcon, a && e.withLeftIcon, o && e.withRightIcon, i && e.active),
 	...c,
 	children: [
-		n,
-		e,
-		t,
+		a,
+		r,
+		i,
 		o
 	]
 });
 //#endregion
-export { o as Tag };
+export { r as Tag };

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

@@ -1,11 +1,11 @@
-import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import "react";
+import { jsx as e } from "react/jsx-runtime";
 //#region src/components/text/expandable_text/ArrowIcon.jsx
-var t = e(), n = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+var t = (t) => /* @__PURE__ */ e("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" })
+	...t,
+	children: /* @__PURE__ */ e("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 };
+export { t as ArrowIcon };

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

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

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

@@ -1,63 +1,62 @@
-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";
+import { Link as e } from "../../action/link/Link.js";
+import t from "./ReadMore.module.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "classnames";
 //#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 = {
+var l = ({ content: l, charCount: u, lineCount: d, to: f, className: p, readMoreText: m, readLessText: h, expandable: g = !0, readMoreClassName: _, ...v }) => {
+	let [y, b] = i(!1), [x, S] = i(g && l && u ? l.length > u : !1), C = r(null), w = (e) => y ? e.toString() : e.length > u ? `${e.replace(/[\n\r]/g, " ").slice(0, u)}` : e, T = () => {
+		b((e) => !e);
+	}, E = {
 		display: "-webkit-box",
-		WebkitLineClamp: r,
+		WebkitLineClamp: d,
 		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);
+	return n(() => {
+		if (g && l && d && C.current) {
+			let { clientHeight: e, scrollHeight: t } = C.current;
+			S(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,
+		d,
+		l,
+		C
+	]), /* @__PURE__ */ s("div", {
+		className: c(t.readMore, { [t.pointer]: x }),
+		children: [/* @__PURE__ */ o("div", {
+			ref: C,
+			style: d && !y ? E : { width: "100%" },
+			onClick: g ? T : void 0,
+			children: !g || d ? l : w(l)
+		}), x && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
+			className: c(t.readMoreWrapper, _),
+			children: [!y && /* @__PURE__ */ o("span", {
+				className: t.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
+			}), f ? /* @__PURE__ */ o(e, {
+				to: f,
+				className: c(t.readMoreElement, p),
+				...v,
+				children: m
+			}) : !y && /* @__PURE__ */ o("span", {
+				className: c(t.readMoreElement, p),
+				onClick: T,
+				...v,
+				children: m
 			})]
-		}), _ && /* @__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
+		}), y && /* @__PURE__ */ o("div", {
+			className: t.readLessWrapper,
+			children: /* @__PURE__ */ o("span", {
+				className: c(t.readLessElement, p),
+				onClick: T,
+				...v,
+				children: h
 			})
 		})] })]
 	});
 };
 //#endregion
-export { u as ReadMore };
+export { l as ReadMore };

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

@@ -1,18 +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";
+import { useEffect as e } from "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+import { useLocation as r } 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" }));
+var i = ({ elementId: i, onScroll: a, children: o }) => {
+	let s = r();
+	return e(() => {
+		if (i && typeof window < "u") {
+			let e = s.hash.slice(1), t = new RegExp(i);
+			if (e.match(t)) {
+				let e = document.getElementById(i);
+				e && (a && a(), e.scrollIntoView({ behavior: "smooth" }));
 			}
 		}
-	}, [o.hash]), /* @__PURE__ */ (0, r.jsx)(r.Fragment, { children: a });
+	}, [s.hash]), /* @__PURE__ */ n(t, { children: o });
 };
 //#endregion
 export { i as HashScroll };

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

@@ -1,7 +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 { useTranslatedContent as e } from "./useTranslatedContent.js";
 import "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
 //#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 });
+var r = ({ originalContent: r, originalLanguage: i, targetField: a, translations: o }) => /* @__PURE__ */ n(t, { children: e(r, i, a, o).translatedContent });
 //#endregion
 export { r as TranslatedContent };

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

@@ -1,5 +1,5 @@
-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";
+import { useEffect as e, useState as t } from "react";
+import { useIntl as n } from "react-intl";
 //#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;
@@ -9,10 +9,10 @@ var r = (e, t, n, r, i) => {
 	}
 	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(() => {
+	let c = n(), [l, u] = t(!1), [d, f] = t(r(i, a, o, s, c.locale));
+	return e(() => {
 		i && f(r(i, a, o, s, c.locale));
-	}, [i]), t(() => {
+	}, [i]), e(() => {
 		d !== i && u(!0);
 	}, [d]), {
 		translatedContent: d,

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

@@ -1,30 +1,28 @@
-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";
+import e from "./TranslationButton.module.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import r from "classnames";
+import { FormattedMessage as i, useIntl as a } from "react-intl";
 //#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", {
+var o = ({ className: o, language: s, callback: c, ...l }) => {
+	let [u, d] = t(!1), f = a();
+	return /* @__PURE__ */ n("div", {
 		onClick: () => {
-			d(!u), n();
+			d(!u), c();
 		},
-		className: (0, s.default)(a.translationButton, e),
+		className: r(e.translationButton, o),
 		...l,
-		children: u ? /* @__PURE__ */ (0, c.jsx)(i, {
+		children: u ? /* @__PURE__ */ n(i, {
 			id: "translations.translate_to",
 			values: { variable: f.formatMessage({
 				id: "translations." + f.locale,
 				defaultMessage: "English"
 			}) },
 			defaultMessage: "Translate to English"
-		}) : /* @__PURE__ */ (0, c.jsx)(i, {
+		}) : /* @__PURE__ */ n(i, {
 			id: "translations.translated_from",
 			values: { variable: f.formatMessage({
-				id: "translations." + t,
+				id: "translations." + s,
 				defaultMessage: "French"
 			}) },
 			defaultMessage: "Translated from French - Show original"
@@ -32,4 +30,4 @@ var s = /* @__PURE__ */ e(n()), c = t(), l = ({ className: e, language: t, callb
 	});
 };
 //#endregion
-export { l as TranslationButton };
+export { o as TranslationButton };