@logora/debate 0.1.0 → 0.2.0

package/dist/components/chart/pie_chart/PieChart.js

@@ -0,0 +1,69 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { StandardErrorBoundary as t } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
+import { Loader as n } from "../../progress/loader/Loader.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 "../../../node_modules/.pnpm/chart.js@4.5.1/node_modules/chart.js/auto/auto.js";
+import { Pie as i } from "../../../node_modules/.pnpm/react-chartjs-2@5.3.1_chart.js@4.5.1_react@18.3.1/node_modules/react-chartjs-2/dist/index.js";
+import "../../../node_modules/.pnpm/chartjs-plugin-datalabels@2.2.0_chart.js@4.5.1/node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js";
+import a from "./PieChart.module.js";
+import { useEffect as o, useState as s } from "react";
+//#region src/components/chart/pie_chart/PieChart.jsx
+var c = e(), l = [
+	"rgba(255, 99, 132, 0.8)",
+	"rgba(54, 162, 235, 0.8)",
+	"rgba(255, 206, 86, 0.8)",
+	"rgba(75, 192, 192, 0.8)",
+	"rgba(153, 102, 255, 0.8)",
+	"rgba(255, 159, 64, 0.8)",
+	"rgba(255, 143, 102, 0.8)",
+	"rgba(93, 82, 179, 0.8)"
+], u = ({ data: e, labels: u, totalItemsCount: d, pieTitle: f, colors: p, minPercentageValue: m = .75 }) => {
+	let h = r(), [g, _] = s(void 0), [v, y] = s(0), [b, x] = s(!0);
+	o(() => {
+		e != null && (S(e), y(e.length));
+	}, [e]);
+	let S = (e) => {
+		let t = e.filter((e) => Math.round(100 * e.value / d) <= v * m), n = {
+			dimension: "others",
+			value: t.reduce((e, t) => e + t.value, 0)
+		}, r = e.filter((e) => !t.includes(e)).sort((e, t) => t.value - e.value);
+		t.reduce((e, t) => e + t.value, 0) > 0 && r.push(n), _({
+			labels: r.map((e) => u.filter((t) => t.id == e.dimension)[0] ? `${u.filter((t) => t.id == e.dimension)[0].name} (${Math.round(100 * e.value / d)} %)` : h.formatMessage({
+				id: "consultation.synthesis.others",
+				defaultMessage: "Others"
+			})),
+			datasets: [{
+				data: r.map((e) => Math.round(100 * e.value / d)),
+				backgroundColor: p || l,
+				borderWidth: 2
+			}]
+		}), x(!1);
+	}, C = {
+		responsive: !0,
+		maintainAspectRatio: !1,
+		plugins: {
+			datalabels: {
+				display: !0,
+				color: "white",
+				font: { size: "16" },
+				formatter: (e) => e >= v ? e + " %" : " "
+			},
+			title: {
+				display: !0,
+				font: { size: "16" },
+				text: f
+			},
+			tooltip: { callbacks: { label: (e) => ` ${e.label}` } }
+		}
+	};
+	return /* @__PURE__ */ (0, c.jsx)(t, { children: b ? /* @__PURE__ */ (0, c.jsx)(n, {}) : /* @__PURE__ */ (0, c.jsx)("div", {
+		className: a.pieChart,
+		"data-testid": "pieChartCanvas",
+		children: /* @__PURE__ */ (0, c.jsx)(i, {
+			data: g,
+			options: C
+		})
+	}) });
+};
+//#endregion
+export { u as PieChart };

package/dist/components/chart/pie_chart/PieChart.module.js

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

package/dist/components/consultation/consultation_box/ConsultationBox.js

@@ -0,0 +1,123 @@
+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 { useResponsive as o } from "../../hooks/use_responsive/useResponsive.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/useIntl.js";
+import c 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 { TranslatedContent as l } from "../../translation/translated_content/TranslatedContent.js";
+import { useRelativeTime as u } from "../../hooks/use_relative_time/useRelativeTime.js";
+import { ProgressBar as d } from "../../progress/progress_bar/ProgressBar.js";
+import f from "./ConsultationBox.module.js";
+import { useMemo as p } from "react";
+//#region src/components/consultation/consultation_box/ConsultationBox.jsx
+var m = /* @__PURE__ */ e(i()), h = t(), g = ({ consultation: e }) => {
+	let t = s(), i = p(() => /* @__PURE__ */ new Date()), g = new Date(e.ends_at), _ = u(g.getTime()), v = a(), { isMobile: y } = o(), b = () => g < i ? /* @__PURE__ */ (0, h.jsx)("span", { children: /* @__PURE__ */ (0, h.jsx)(c, {
+		id: "consultation.consultation_box.consultation_ended",
+		defaultMessage: "Consultation ended"
+	}) }) : /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsxs)("span", { children: [
+		/* @__PURE__ */ (0, h.jsx)(c, {
+			id: "consultation.consultation_box.in_progress",
+			defaultMessage: "Consultation in progress"
+		}),
+		" ",
+		"-",
+		" "
+	] }), /* @__PURE__ */ (0, h.jsx)("span", { children: _ })] });
+	return /* @__PURE__ */ (0, h.jsx)(h.Fragment, { children: /* @__PURE__ */ (0, h.jsxs)("div", {
+		className: f.container,
+		children: [
+			/* @__PURE__ */ (0, h.jsx)(n, {
+				to: v.consultationShowLocation.toUrl({ consultationSlug: e.slug }),
+				children: /* @__PURE__ */ (0, h.jsx)("img", {
+					loading: "lazy",
+					className: f.consultationImage,
+					src: e.image_url,
+					alt: t.formatMessage({
+						id: "consultation.consultation_box.alt",
+						defaultMessage: "Presentation image for the consultation"
+					})
+				})
+			}),
+			e.ends_at && /* @__PURE__ */ (0, h.jsx)("div", {
+				className: (0, m.default)(f.consultationTime, { [f.ended]: g < i }),
+				children: b()
+			}),
+			/* @__PURE__ */ (0, h.jsx)(n, {
+				to: v.consultationShowLocation.toUrl({ consultationSlug: e.slug }),
+				children: /* @__PURE__ */ (0, h.jsx)("div", {
+					className: f.consultationTitle,
+					children: /* @__PURE__ */ (0, h.jsx)(l, {
+						originalContent: e.title,
+						originalLanguage: e.language,
+						targetField: "title",
+						translations: e.translation_entries
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, h.jsx)(n, {
+				to: v.consultationShowLocation.toUrl({ consultationSlug: e.slug }),
+				children: /* @__PURE__ */ (0, h.jsxs)("div", {
+					className: f.consultationButtonContainer,
+					children: [e.ends_at && g < i ? /* @__PURE__ */ (0, h.jsx)("span", { children: /* @__PURE__ */ (0, h.jsx)(c, {
+						id: "consultation.consultation_box.action_show_result",
+						defaultMessage: "Show result"
+					}) }) : /* @__PURE__ */ (0, h.jsx)("span", { children: /* @__PURE__ */ (0, h.jsx)(c, {
+						id: "consultation.consultation_box.action_consultation_participate",
+						defaultMessage: "Participate"
+					}) }), /* @__PURE__ */ (0, h.jsx)(r, {
+						name: "arrow",
+						width: 18,
+						height: 18,
+						className: f.arrowIcon
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, h.jsxs)("div", {
+				className: f.consultationInformations,
+				children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+					className: f.consultationLeft,
+					children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+						className: (0, m.default)(f.consultationGroupInformation, f.consultationGroupRight),
+						children: [/* @__PURE__ */ (0, h.jsx)("span", {
+							className: f.consultationTextInformation,
+							children: e.proposals_count
+						}), /* @__PURE__ */ (0, h.jsx)(r, {
+							name: "chat",
+							width: 15,
+							height: 20
+						})]
+					}), /* @__PURE__ */ (0, h.jsxs)("div", {
+						className: f.consultationGroupInformation,
+						children: [/* @__PURE__ */ (0, h.jsx)("span", {
+							className: f.consultationTextInformation,
+							children: e.total_participants
+						}), /* @__PURE__ */ (0, h.jsx)(r, {
+							name: "user",
+							width: 15,
+							height: 20
+						})]
+					})]
+				}), e.vote_goal > 0 && /* @__PURE__ */ (0, h.jsx)("div", {
+					className: (0, m.default)(f.consultationGroupInformation, f.progressBarContainer),
+					children: g < i ? /* @__PURE__ */ (0, h.jsx)(c, {
+						id: "consultation.consultation_box.stats_votes",
+						values: { votesCount: e.total_votes },
+						defaultMessage: "{votesCount} votes"
+					}) : /* @__PURE__ */ (0, h.jsx)(d, {
+						className: f.progress,
+						innerClassName: f.bar,
+						progress: e.total_votes,
+						goal: e.vote_goal,
+						showProgressSubtitle: !0,
+						progressUnit: "votes"
+					})
+				})]
+			})
+		]
+	}) });
+};
+//#endregion
+export { g as ConsultationBox };

package/dist/components/consultation/consultation_box/ConsultationBox.module.js

@@ -0,0 +1,21 @@
+var e = {
+	container: "_container_1k9w3_3",
+	consultationImage: "_consultationImage_1k9w3_18",
+	consultationTime: "_consultationTime_1k9w3_26",
+	ended: "_ended_1k9w3_36",
+	consultationTitle: "_consultationTitle_1k9w3_40",
+	consultationButtonContainer: "_consultationButtonContainer_1k9w3_49",
+	arrowIcon: "_arrowIcon_1k9w3_61",
+	consultationInformations: "_consultationInformations_1k9w3_67",
+	consultationLeft: "_consultationLeft_1k9w3_78",
+	consultationGroupInformation: "_consultationGroupInformation_1k9w3_81",
+	consultationGroupRight: "_consultationGroupRight_1k9w3_85",
+	progressBarContainer: "_progressBarContainer_1k9w3_88",
+	progress: "_progress_1k9w3_88",
+	bar: "_bar_1k9w3_102",
+	totalVotes: "_totalVotes_1k9w3_105",
+	totalVotesPercentage: "_totalVotesPercentage_1k9w3_108",
+	consultationTextInformation: "_consultationTextInformation_1k9w3_111"
+};
+//#endregion
+export { e as default };

package/dist/components/data/axios_client/httpClient.js

@@ -0,0 +1,8 @@
+import e from "../../../node_modules/.pnpm/axios@1.14.0/node_modules/axios/lib/axios.js";
+//#region src/components/data/axios_client/httpClient.js
+var t = e.create({
+	timeout: 1e4,
+	adapter: "fetch"
+});
+//#endregion
+export { t as httpClient };

package/dist/components/data/config_provider/ConfigProvider.js

@@ -0,0 +1,12 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { createContext as t } from "react";
+//#region src/components/data/config_provider/ConfigProvider.jsx
+var n = e(), r = t(), i = ({ config: e, routes: t, children: i }) => /* @__PURE__ */ (0, n.jsx)(r.Provider, {
+	value: {
+		config: e,
+		routes: t
+	},
+	children: i
+});
+//#endregion
+export { r as ConfigContext, i as ConfigProvider };

package/dist/components/data/config_provider/useConfig.js

@@ -0,0 +1,9 @@
+import { ConfigContext as e } from "./ConfigProvider.js";
+import { useContext as t } from "react";
+//#region src/components/data/config_provider/useConfig.jsx
+var n = () => {
+	let { config: n } = t(e);
+	return n;
+};
+//#endregion
+export { n as useConfig };

package/dist/components/data/config_provider/useRoutes.js

@@ -0,0 +1,9 @@
+import { ConfigContext as e } from "./ConfigProvider.js";
+import { useContext as t } from "react";
+//#region src/components/data/config_provider/useRoutes.jsx
+var n = () => {
+	let { routes: n } = t(e);
+	return n;
+};
+//#endregion
+export { n as useRoutes };

package/dist/components/data/config_provider/withConfig.js

@@ -0,0 +1,10 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { ConfigContext as t } from "./ConfigProvider.js";
+import "react";
+//#region src/components/data/config_provider/withConfig.jsx
+var n = e(), r = (e) => (r) => /* @__PURE__ */ (0, n.jsx)(t.Consumer, { children: (t) => /* @__PURE__ */ (0, n.jsx)(e, {
+	...r,
+	...t
+}) });
+//#endregion
+export { r as withConfig };

package/dist/components/data/data_provider/DataProvider.js

@@ -0,0 +1,101 @@
+//#region src/components/data/data_provider/DataProvider.jsx
+function e(e) {
+	try {
+		let t = JSON.parse(localStorage.getItem(e));
+		return t && t.access_token ? { authorization: "Bearer " + t.access_token } : {};
+	} catch {
+		return {};
+	}
+}
+var t = (t, n, r = "", i = "") => ({
+	getOne: (e, i, a = {}) => {
+		a.api_key = r;
+		let o = `${n}/${e}/${i}?${new URLSearchParams(a).toString()}`;
+		return new Promise((e, n) => {
+			t.get(o).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	getOneWithToken: (r, a, o = {}) => {
+		let s = `${n}/${r}/${a}?${new URLSearchParams(o).toString()}`, c = { headers: e(i) };
+		return new Promise((e, n) => {
+			t.get(s, c).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	getList: (e, i = {}) => {
+		i.api_key = r;
+		let a = `${n}/${e}?${new URLSearchParams(i).toString()}`;
+		return new Promise((e, n) => {
+			t.get(a).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	getListWithToken: (r, a = {}) => {
+		let o = { headers: e(i) }, s = `${n}/${r}?${new URLSearchParams(a).toString()}`;
+		return new Promise((e, n) => {
+			t.get(s, o).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	update: (a, o, s, c = {}, l = !0) => {
+		let u = {};
+		l ? u.headers = e(i) : c.api_key = r;
+		let d = `${n}/${a}/${o}?${new URLSearchParams(c).toString()}`;
+		return new Promise((e, n) => {
+			t.patch(d, s, u).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	create: (a, o, s = {}, c = !0) => {
+		let l = {};
+		c ? l.headers = e(i) : s.api_key = r;
+		let u = `${n}/${a}?${new URLSearchParams(s).toString()}`;
+		return new Promise((e, n) => {
+			t.post(u, o, l).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	delete: (a, o, s = {}, c = !0) => {
+		let l = {};
+		c ? l.headers = e(i) : s.api_key = r;
+		let u = `${n}/${a}/${o}?${new URLSearchParams(s).toString()}`;
+		return new Promise((e, n) => {
+			t.delete(u, l).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	},
+	getSettings: (e) => {
+		let r = `${n}/settings?${new URLSearchParams({ shortname: e }).toString()}`;
+		return new Promise((e, n) => {
+			t.post(r).then((t) => {
+				e(t);
+			}).catch((e) => {
+				n(e);
+			});
+		});
+	}
+});
+//#endregion
+export { t as dataProvider };

package/dist/components/data/data_provider/DataProviderContext.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region src/components/data/data_provider/DataProviderContext.jsx
+var t = e({});
+//#endregion
+export { t as DataProviderContext };

package/dist/components/data/data_provider/useData.js

@@ -0,0 +1,9 @@
+import { DataProviderContext as e } from "./DataProviderContext.js";
+import { useContext as t, useState as n } from "react";
+//#region src/components/data/data_provider/useData.jsx
+var r = (r, i) => {
+	let { dataMap: a = {} } = t(e) || {}, [o, s] = n(r in a ? a[r] : i);
+	return [o, s];
+};
+//#endregion
+export { r as useData };

package/dist/components/data/data_provider/useDataProvider.js

@@ -0,0 +1,9 @@
+import { DataProviderContext as e } from "./DataProviderContext.js";
+import { useContext as t } from "react";
+//#region src/components/data/data_provider/useDataProvider.jsx
+var n = () => {
+	let { dataProvider: n } = t(e);
+	return n;
+};
+//#endregion
+export { n as useDataProvider };

package/dist/components/debate/debate_box/DebateBox.js

@@ -0,0 +1,156 @@
+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 { useConfig as a } from "../../data/config_provider/useConfig.js";
+import { useRoutes as o } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as s } from "../../hooks/use_responsive/useResponsive.js";
+import c 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 l 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 { useTranslatedContent as u } from "../../translation/translated_content/useTranslatedContent.js";
+import { Tooltip as d } from "../../dialog/tooltip/Tooltip.js";
+import { Avatar as f } from "../../user/avatar/Avatar.js";
+import p from "./DebateBox.module.js";
+import "react";
+//#region src/components/debate/debate_box/DebateBox.jsx
+var m = /* @__PURE__ */ e(i()), h = t(), g = ({ debate: e }) => {
+	let t = a(), i = o(), g = c(), { isMobile: _ } = s(), v = e.votes_count?.total || Object.values(e.votes_count).reduce((e, t) => e + Number.parseFloat(t), 0) || 0, y = e.group_context?.positions.reduce((t, n) => Number.parseInt(e.votes_count[n.id]) > Number.parseInt(e.votes_count[t.id]) ? n : t), b = u(e.name, e.language, "name", e.translation_entries), x = u(y.name, y.language, "name", y.translation_entries), S = (e, t) => t == 0 || e == 0 ? 0 : Math.round(e / t * 100);
+	return /* @__PURE__ */ (0, h.jsxs)("div", {
+		className: p.debateBox,
+		children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+			className: p.debateBoxHeader,
+			children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+				className: p.debateBoxImageBox,
+				children: [/* @__PURE__ */ (0, h.jsx)(n, {
+					to: i.debateShowLocation.toUrl({ debateSlug: e.slug }),
+					className: p.imageLink,
+					children: /* @__PURE__ */ (0, h.jsx)("img", {
+						"data-tid": "view_debate_image",
+						loading: "lazy",
+						className: p.debateBoxImage,
+						src: e.banner_image_url,
+						height: 200,
+						alt: e?.image_alt ? e.image_alt : g.formatMessage({
+							id: "debate.debate_box.alt_debate_image",
+							defaultMessage: "Debate image"
+						}),
+						title: e?.image_alt ? e.image_alt : g.formatMessage({
+							id: "debate.debate_box.alt_debate_image",
+							defaultMessage: "Debate image"
+						})
+					})
+				}), e.is_active === !1 && /* @__PURE__ */ (0, h.jsx)("div", {
+					className: p.inactiveDebate,
+					children: /* @__PURE__ */ (0, h.jsx)(l, {
+						id: "debate.debate_box.debate_is_inactive",
+						defaultMessage: "Debate is ended"
+					})
+				})]
+			}), e.group_context.author && e.group_context.author.is_admin === !1 && /* @__PURE__ */ (0, h.jsxs)("div", {
+				className: p.debateSuggestion,
+				children: [/* @__PURE__ */ (0, h.jsx)(r, {
+					name: "suggestion",
+					width: 15,
+					height: 15
+				}), /* @__PURE__ */ (0, h.jsxs)("span", {
+					className: p.authorSuggestion,
+					children: [/* @__PURE__ */ (0, h.jsx)(l, {
+						id: "debate.debate_box.suggestion_author_short",
+						defaultMessage: "Suggested by"
+					}), /* @__PURE__ */ (0, h.jsx)("span", {
+						className: p.authorName,
+						children: e.group_context.author.full_name
+					})]
+				})]
+			})]
+		}), /* @__PURE__ */ (0, h.jsxs)("div", {
+			className: p.debateBoxBody,
+			children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+				className: p.debateBoxTitle,
+				title: b.translatedContent,
+				children: [t?.actions?.allowDebateBranding === !0 && e.sub_application?.logo && /* @__PURE__ */ (0, h.jsxs)("span", {
+					className: p.subApplication,
+					children: [/* @__PURE__ */ (0, h.jsx)("img", {
+						"data-tid": "view_debate_image",
+						loading: "lazy",
+						src: e.sub_application.logo,
+						alt: `Logo ${t.display_name}`
+					}), e.sub_application.name]
+				}), /* @__PURE__ */ (0, h.jsx)(n, {
+					to: i.debateShowLocation.toUrl({ debateSlug: e.slug }),
+					children: /* @__PURE__ */ (0, h.jsx)(h.Fragment, { children: _ ? /* @__PURE__ */ (0, h.jsx)("div", {
+						"data-tid": "view_debate_title",
+						className: (0, m.default)(p.debateTitle, p.debateTitleMobile),
+						children: b.translatedContent
+					}) : /* @__PURE__ */ (0, h.jsx)("div", {
+						"data-tid": "view_debate_title",
+						className: p.debateTitle,
+						children: b.translatedContent
+					}) })
+				})]
+			}), /* @__PURE__ */ (0, h.jsxs)("div", {
+				className: p.debateBoxFooter,
+				children: [/* @__PURE__ */ (0, h.jsx)("div", {
+					className: p.debateParticipantsBox,
+					children: e.participants.length === 0 ? /* @__PURE__ */ (0, h.jsx)("span", {
+						className: p.debateParticipantsEmpty,
+						children: g.formatMessage({
+							id: "debate.debate_box.fallback_no_participants",
+							defaultMessage: "No participants"
+						})
+					}) : /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [e.participants.map((e, t) => /* @__PURE__ */ (0, h.jsx)("div", {
+						className: p.debateParticipantItem,
+						children: /* @__PURE__ */ (0, h.jsx)(n, {
+							to: i.userShowLocation.toUrl({ userSlug: e.hash_id }),
+							children: /* @__PURE__ */ (0, h.jsx)(f, {
+								avatarUrl: e.image_url,
+								userName: e.full_name,
+								isOnline: new Date(e.last_activity) > Date.now(),
+								showTooltip: !0
+							})
+						})
+					}, t)), e.participants_count > 3 && /* @__PURE__ */ (0, h.jsx)("div", {
+						className: p.debateParticipantItem,
+						children: /* @__PURE__ */ (0, h.jsx)(d, {
+							text: g.formatMessage({
+								id: "debate.debate_box.participants_count",
+								defaultMessage: "Number of debaters"
+							}),
+							children: /* @__PURE__ */ (0, h.jsx)(n, {
+								to: i.debateShowLocation.toUrl({ debateSlug: e.slug }),
+								children: /* @__PURE__ */ (0, h.jsxs)("div", {
+									className: p.participantsCountBox,
+									children: ["+", g.formatNumber(e.participants_count - 3, {
+										notation: "compact",
+										maximumFractionDigits: 1,
+										roundingMode: "floor"
+									})]
+								})
+							})
+						})
+					})] })
+				}), t.modules.votes === !1 ? null : /* @__PURE__ */ (0, h.jsx)("div", {
+					className: p.debateBoxNumbers,
+					children: /* @__PURE__ */ (0, h.jsx)("div", {
+						className: p.debateBoxNumbersText,
+						title: y ? `${S(e.votes_count[y.id] || 0, v)} % ${x.translatedContent}` : void 0,
+						children: y && /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsxs)("span", {
+							className: p.debateBoxPercentage,
+							children: [
+								S(e.votes_count[y.id] || 0, v),
+								"\xA0",
+								"%"
+							]
+						}), /* @__PURE__ */ (0, h.jsx)("span", {
+							className: p.debateBoxPositionName,
+							children: x.translatedContent
+						})] })
+					})
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+export { g as DebateBox };

package/dist/components/debate/debate_box/DebateBox.module.js

@@ -0,0 +1,26 @@
+var e = {
+	debateBox: "_debateBox_178yw_3",
+	imageLink: "_imageLink_178yw_14",
+	debateBoxImage: "_debateBoxImage_178yw_18",
+	debateBoxImageBox: "_debateBoxImageBox_178yw_27",
+	debateSuggestion: "_debateSuggestion_178yw_31",
+	inactiveDebate: "_inactiveDebate_178yw_31",
+	authorSuggestion: "_authorSuggestion_178yw_52",
+	authorName: "_authorName_178yw_58",
+	debateBoxBody: "_debateBoxBody_178yw_82",
+	subApplication: "_subApplication_178yw_89",
+	debateBoxTitle: "_debateBoxTitle_178yw_101",
+	debateTitle: "_debateTitle_178yw_119",
+	debateTitleMobile: "_debateTitleMobile_178yw_130",
+	debateBoxFooter: "_debateBoxFooter_178yw_134",
+	debateParticipantsBox: "_debateParticipantsBox_178yw_149",
+	debateParticipantsEmpty: "_debateParticipantsEmpty_178yw_155",
+	debateParticipantItem: "_debateParticipantItem_178yw_160",
+	debateBoxNumbers: "_debateBoxNumbers_178yw_168",
+	debateBoxNumbersText: "_debateBoxNumbersText_178yw_180",
+	debateBoxPercentage: "_debateBoxPercentage_178yw_189",
+	debateBoxPositionName: "_debateBoxPositionName_178yw_195",
+	participantsCountBox: "_participantsCountBox_178yw_202"
+};
+//#endregion
+export { e as default };

package/dist/components/dialog/announcement_dialog/AnnouncementDialog.js

@@ -0,0 +1,30 @@
+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 { Icon as n } from "../../icons/icon/Icon.js";
+import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import i from "./AnnouncementDialog.module.js";
+import "react";
+//#region src/components/dialog/announcement_dialog/AnnouncementDialog.jsx
+var a = /* @__PURE__ */ e(r()), o = t(), s = ({ message: e, icon: t, fullWidth: r = !1, className: s, iconClassName: c, children: l }) => /* @__PURE__ */ (0, o.jsxs)("div", {
+	className: (0, a.default)(i.container, s, { [i.fullWidth]: r }),
+	role: "status",
+	children: [/* @__PURE__ */ (0, o.jsx)("div", {
+		className: (0, a.default)(i.icon, c),
+		children: t ? /* @__PURE__ */ (0, o.jsx)(t, {
+			height: 24,
+			width: 24,
+			"data-testid": "custom-icon"
+		}) : /* @__PURE__ */ (0, o.jsx)(n, {
+			name: "announcement",
+			height: 24,
+			width: 24,
+			"aria-hidden": "true",
+			"data-testid": "announcement-icon"
+		})
+	}), /* @__PURE__ */ (0, o.jsx)("div", {
+		className: i.content,
+		children: e || l
+	})]
+});
+//#endregion
+export { s as AnnouncementDialog };

package/dist/components/dialog/announcement_dialog/AnnouncementDialog.module.js

@@ -0,0 +1,8 @@
+var e = {
+	container: "_container_14wlv_3",
+	fullWidth: "_fullWidth_14wlv_11",
+	icon: "_icon_14wlv_15",
+	content: "_content_14wlv_32"
+};
+//#endregion
+export { e as default };