@logora/debate 0.1.0 → 0.2.0

package/dist/components/navbar/navbar_button/NavbarButton.js

@@ -0,0 +1,29 @@
+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 { useResponsive as i } from "../../hooks/use_responsive/useResponsive.js";
+import { useModal as a } from "../../dialog/modal/useModal.js";
+import { NavbarModal as o } from "../navbar_modal/NavbarModal.js";
+import s from "./NavbarButton.module.js";
+//#region src/components/navbar/navbar_button/NavbarButton.jsx
+var c = /* @__PURE__ */ e(r()), l = t(), u = ({ inDrawer: e = !1, showNavbarButtonInDrawer: t = !0 }) => {
+	let r = a?.(), { isMobile: u, elementWidth: d } = i?.() || {}, f = () => {
+		r?.showModal?.(/* @__PURE__ */ (0, l.jsx)(o, {}));
+	};
+	return e && !t || !e && !(u && d <= 576) ? null : /* @__PURE__ */ (0, l.jsx)("div", {
+		className: (0, c.default)({
+			[s.mobileIcon]: !e,
+			[s.mobileIconDrawer]: e
+		}),
+		onClick: f,
+		"data-tid": "action_view_mobile_navigation",
+		children: /* @__PURE__ */ (0, l.jsx)(n, {
+			name: "mobileMenu",
+			width: 50,
+			height: 50
+		})
+	});
+};
+//#endregion
+export { u as NavbarButton };

package/dist/components/navbar/navbar_button/NavbarButton.module.js

@@ -0,0 +1,6 @@
+var e = {
+	mobileIcon: "_mobileIcon_bkg5v_1",
+	mobileIconDrawer: "_mobileIconDrawer_bkg5v_16"
+};
+//#endregion
+export { e as default };

package/dist/components/navbar/navbar_modal/NavbarModal.js

@@ -0,0 +1,157 @@
+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 { useAuth as a } from "../../auth/use_auth/useAuth.js";
+import { useConfig as o } from "../../data/config_provider/useConfig.js";
+import { useRoutes as s } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as c } from "../../hooks/use_responsive/useResponsive.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 { useModal as u } from "../../dialog/modal/useModal.js";
+import { Modal as d } from "../../dialog/modal/Modal.js";
+import { useAuthRequired as f } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { Avatar as p } from "../../user/avatar/Avatar.js";
+import m from "./NavbarModal.module.js";
+import "react";
+import { matchPath as h } from "react-router-dom";
+import { useLocation as g } from "react-router";
+//#region src/components/navbar/navbar_modal/NavbarModal.jsx
+var _ = /* @__PURE__ */ e(i()), v = t(), y = () => {
+	let { hideModal: e } = u(), t = o(), i = s(), { pathname: y } = g(), { isLoggedIn: b, currentUser: x } = a(), S = f(), { isMobile: C, elementWidth: w } = c?.() || {}, T = C && w <= 576 && !t.isDrawer, E = (e) => !!h(e, y), D = () => {
+		S({});
+	};
+	return /* @__PURE__ */ (0, v.jsxs)(d, {
+		fullScreen: !t.isDrawer,
+		showCloseButton: !0,
+		children: [/* @__PURE__ */ (0, v.jsxs)("div", {
+			className: m.modalContainer,
+			children: [/* @__PURE__ */ (0, v.jsx)("div", {
+				className: m.modalTitle,
+				children: /* @__PURE__ */ (0, v.jsx)(l, {
+					id: "info.menu",
+					defaultMessage: "Navigation"
+				})
+			}), /* @__PURE__ */ (0, v.jsxs)("div", {
+				className: m.navigationContainer,
+				children: [
+					/* @__PURE__ */ (0, v.jsx)("div", {
+						className: (0, _.default)(m.modalItem, { [m.active]: E(i.indexLocation.path) || E(i.debateShowLocation.path) || E(i.rootLocation.path || "/") }),
+						onClick: e,
+						children: /* @__PURE__ */ (0, v.jsxs)(n, {
+							className: (0, _.default)(m.itemContainer, { [m.activeItem]: E(i.indexLocation.path) || E(i.debateShowLocation.path) || E(i.rootLocation.path || "/") }),
+							to: i.indexLocation.toUrl(),
+							"data-tid": "view_index",
+							children: [/* @__PURE__ */ (0, v.jsx)(r, {
+								name: "chat",
+								height: 24,
+								width: 24
+							}), /* @__PURE__ */ (0, v.jsx)("span", {
+								className: m.text,
+								children: /* @__PURE__ */ (0, v.jsx)(l, {
+									id: "info.all_debates_short",
+									defaultMessage: "Debates"
+								})
+							})]
+						})
+					}),
+					t.modules.consultation && /* @__PURE__ */ (0, v.jsx)("div", {
+						className: (0, _.default)(m.modalItem, { [m.active]: E(i.consultationIndexLocation.path) || E(i.consultationShowLocation.path) }),
+						onClick: e,
+						children: /* @__PURE__ */ (0, v.jsxs)(n, {
+							className: (0, _.default)(m.itemContainer, { [m.activeItem]: E(i.consultationIndexLocation.path) || E(i.consultationShowLocation.path) }),
+							to: i.consultationIndexLocation.toUrl(),
+							"data-tid": "view_consultation",
+							children: [/* @__PURE__ */ (0, v.jsx)(r, {
+								name: "community",
+								height: 24,
+								width: 24
+							}), /* @__PURE__ */ (0, v.jsx)("span", {
+								className: (0, _.default)(m.text, m.consultationText),
+								children: /* @__PURE__ */ (0, v.jsx)(l, {
+									id: "info.consultations",
+									defaultMessage: "Consultations"
+								})
+							})]
+						})
+					}),
+					t.modules.suggestions?.active === !1 ? null : /* @__PURE__ */ (0, v.jsx)("div", {
+						className: (0, _.default)(m.modalItem, { [m.active]: E(i.suggestionLocation.path) }),
+						onClick: e,
+						children: /* @__PURE__ */ (0, v.jsxs)(n, {
+							className: (0, _.default)(m.itemContainer, { [m.activeItem]: E(i.suggestionLocation.path) }),
+							to: i.suggestionLocation.toUrl(),
+							"data-tid": "view_suggestions",
+							children: [/* @__PURE__ */ (0, v.jsx)(r, {
+								name: "suggestion",
+								height: 24,
+								width: 24
+							}), /* @__PURE__ */ (0, v.jsx)("span", {
+								className: m.text,
+								children: /* @__PURE__ */ (0, v.jsx)(l, {
+									id: "info.suggestion",
+									defaultMessage: "Suggestions"
+								})
+							})]
+						})
+					}),
+					b && T && /* @__PURE__ */ (0, v.jsx)("div", {
+						className: (0, _.default)(m.modalItem, { [m.active]: E(i.userShowLocation.path) || E(i.userEditLocation.path) }),
+						onClick: e,
+						children: /* @__PURE__ */ (0, v.jsx)(n, {
+							className: (0, _.default)(m.itemContainer, { [m.activeItem]: E(i.userShowLocation.path) || E(i.userEditLocation.path) }),
+							to: i.userShowLocation.toUrl({ userSlug: x.hash_id }),
+							"data-tid": "view_user_profile",
+							children: /* @__PURE__ */ (0, v.jsxs)("div", {
+								"data-tid": "view_user_profile",
+								className: m.profile,
+								children: [/* @__PURE__ */ (0, v.jsx)(p, {
+									avatarUrl: x.image_url,
+									userName: x.full_name,
+									size: 24,
+									"data-tid": "view_user_profile"
+								}), /* @__PURE__ */ (0, v.jsx)("span", {
+									className: m.text,
+									children: /* @__PURE__ */ (0, v.jsx)(l, {
+										id: "info.profile",
+										defaultMessage: "Profile"
+									})
+								})]
+							})
+						})
+					}),
+					!b && t?.actions?.hideLoginButton !== !0 && /* @__PURE__ */ (0, v.jsx)("div", {
+						className: m.modalItem,
+						"data-tid": "action_login_link",
+						onClick: D,
+						children: /* @__PURE__ */ (0, v.jsxs)("div", {
+							className: m.itemContainer,
+							"data-tid": "action_login_link",
+							children: [/* @__PURE__ */ (0, v.jsx)(r, {
+								name: "login",
+								height: 24,
+								width: 24
+							}), /* @__PURE__ */ (0, v.jsx)("span", {
+								className: m.text,
+								children: /* @__PURE__ */ (0, v.jsx)(l, {
+									id: "action.sign_in",
+									defaultMessage: "Sign in"
+								})
+							})]
+						})
+					})
+				]
+			})]
+		}), !t.isDrawer && /* @__PURE__ */ (0, v.jsx)("div", {
+			className: m.mobileExitButton,
+			onClick: e,
+			children: /* @__PURE__ */ (0, v.jsx)(r, {
+				name: "mobileClose",
+				width: 50,
+				height: 50
+			})
+		})]
+	});
+};
+//#endregion
+export { y as NavbarModal };

package/dist/components/navbar/navbar_modal/NavbarModal.module.js

@@ -0,0 +1,16 @@
+var e = {
+	modalContainer: "_modalContainer_o3sxy_3",
+	modalTitle: "_modalTitle_o3sxy_22",
+	navigationContainer: "_navigationContainer_o3sxy_29",
+	modalItem: "_modalItem_o3sxy_33",
+	active: "_active_o3sxy_41",
+	itemContainer: "_itemContainer_o3sxy_53",
+	activeItem: "_activeItem_o3sxy_69",
+	newFeatureBadge: "_newFeatureBadge_o3sxy_76",
+	profile: "_profile_o3sxy_90",
+	userImage: "_userImage_o3sxy_95",
+	text: "_text_o3sxy_101",
+	mobileExitButton: "_mobileExitButton_o3sxy_108"
+};
+//#endregion
+export { e as default };

package/dist/components/notification/notification_item/NotificationItem.js

@@ -0,0 +1,50 @@
+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 { useDataProvider as r } from "../../data/data_provider/useDataProvider.js";
+import { useConfig as i } from "../../data/config_provider/useConfig.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 { useRelativeTime as s } from "../../hooks/use_relative_time/useRelativeTime.js";
+import c from "./NotificationItem.module.js";
+import "react";
+import { useNavigate as l } from "react-router";
+//#region src/components/notification/notification_item/NotificationItem.jsx
+var u = /* @__PURE__ */ e(n()), d = t(), f = ({ notification: e, notificationDefinitions: t = {}, isRead: n }) => {
+	let { id: f, created_at: p, notify_type: m, is_opened: h } = e, g = o(), _ = a(), v = r(), y = l(), b = s(new Date(p).getTime()), x = i();
+	if (!(m in t)) return null;
+	let S = t[m], C = () => {
+		if (typeof window < "u") {
+			let t = S.getRedirectUrl(e, _, x);
+			t?.pathname?.startsWith("http") ? window.location.href = t.pathname : y(t);
+		}
+		h || v.create(`notifications/read/${f}`, {}).catch(() => {});
+	};
+	return /* @__PURE__ */ (0, d.jsx)("div", {
+		className: c.notificationItem,
+		tabIndex: "0",
+		onClick: () => C(),
+		children: /* @__PURE__ */ (0, d.jsxs)("div", {
+			"data-tid": "action_view_notification",
+			className: (0, u.default)(c.notificationItemBody, { [c.read]: h || n }),
+			children: [/* @__PURE__ */ (0, d.jsx)("div", {
+				"data-tid": "action_view_notification",
+				className: c.notificationImageContainer,
+				children: S.getImage(e)
+			}), /* @__PURE__ */ (0, d.jsxs)("div", {
+				"data-tid": "action_view_notification",
+				className: c.notificationItemContent,
+				children: [/* @__PURE__ */ (0, d.jsx)("div", {
+					"data-tid": "action_view_notification",
+					children: S.getContent(e, g)
+				}), /* @__PURE__ */ (0, d.jsx)("div", {
+					"data-tid": "action_view_notification",
+					className: c.notificationItemDate,
+					children: b
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { f as NotificationItem };

package/dist/components/notification/notification_item/NotificationItem.module.js

@@ -0,0 +1,10 @@
+var e = {
+	notificationItem: "_notificationItem_1rrmp_3",
+	notificationItemBody: "_notificationItemBody_1rrmp_13",
+	read: "_read_1rrmp_24",
+	notificationImageContainer: "_notificationImageContainer_1rrmp_31",
+	notificationItemContent: "_notificationItemContent_1rrmp_40",
+	notificationItemDate: "_notificationItemDate_1rrmp_45"
+};
+//#endregion
+export { e as default };

package/dist/components/notification/notification_menu/NotificationMenu.js

@@ -0,0 +1,53 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useDataProvider as t } from "../../data/data_provider/useDataProvider.js";
+import n 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 { PaginatedList as r } from "../../list/paginated_list/PaginatedList.js";
+import { UserContentSkeleton as i } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { NotificationItem as a } from "../notification_item/NotificationItem.js";
+import o from "./NotificationMenu.module.js";
+import { useState as s } from "react";
+//#region src/components/notification/notification_menu/NotificationMenu.jsx
+var c = e(), l = ({ notificationDefinitions: e = {} }) => {
+	let l = n(), u = t(), [d, f] = s(!1);
+	return /* @__PURE__ */ (0, c.jsxs)(c.Fragment, { children: [/* @__PURE__ */ (0, c.jsxs)("div", {
+		className: o.notificationMenuHeader,
+		children: [/* @__PURE__ */ (0, c.jsx)("div", {
+			className: o.notificationMenuHeaderText,
+			children: l.formatMessage({
+				id: "header.notifications",
+				defaultMessage: "Alerts"
+			})
+		}), /* @__PURE__ */ (0, c.jsx)("div", {
+			id: "read_all_notifications",
+			"data-tid": "action_read_all_notifications",
+			className: o.readNotificationsButton,
+			tabIndex: "0",
+			onClick: () => {
+				f(!0), u.create("notifications/read/all", {}).then(() => {});
+			},
+			children: l.formatMessage({
+				id: "notifications.read_all",
+				defaultMessage: "Mark all as read"
+			})
+		})]
+	}), /* @__PURE__ */ (0, c.jsx)("div", {
+		className: o.notificationList,
+		children: /* @__PURE__ */ (0, c.jsx)(r, {
+			currentListId: "notificationList",
+			loadingComponent: /* @__PURE__ */ (0, c.jsx)(i, { numberLines: 0 }),
+			resourcePropName: "notification",
+			resource: "notifications",
+			sort: "-created_at",
+			perPage: 10,
+			withToken: !0,
+			display: "column",
+			gap: "0px",
+			children: /* @__PURE__ */ (0, c.jsx)(a, {
+				notificationDefinitions: e,
+				isRead: d
+			})
+		})
+	})] });
+};
+//#endregion
+export { l as NotificationMenu };

package/dist/components/notification/notification_menu/NotificationMenu.module.js

@@ -0,0 +1,8 @@
+var e = {
+	notificationMenuHeader: "_notificationMenuHeader_it4r1_3",
+	notificationMenuHeaderText: "_notificationMenuHeaderText_it4r1_20",
+	readNotificationsButton: "_readNotificationsButton_it4r1_26",
+	notificationList: "_notificationList_it4r1_38"
+};
+//#endregion
+export { e as default };

package/dist/components/progress/loader/Loader.js

@@ -0,0 +1,13 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import t from "./Loader.module.js";
+import "react";
+//#region src/components/progress/loader/Loader.jsx
+var n = e(), r = () => /* @__PURE__ */ (0, n.jsx)("div", {
+	className: t.spinnerBox,
+	children: /* @__PURE__ */ (0, n.jsx)("div", {
+		className: t.spinnerBorder,
+		role: "status"
+	})
+});
+//#endregion
+export { r as Loader };

package/dist/components/progress/loader/Loader.module.js

@@ -0,0 +1,7 @@
+var e = {
+	spinnerBox: "_spinnerBox_10xev_3",
+	spinnerBorder: "_spinnerBorder_10xev_14",
+	"spinner-border": "_spinner-border_10xev_1"
+};
+//#endregion
+export { e as default };

package/dist/components/progress/progress_bar/ProgressBar.js

@@ -0,0 +1,59 @@
+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 "./ProgressBar.module.js";
+import "react";
+//#region src/components/progress/progress_bar/ProgressBar.jsx
+var a = /* @__PURE__ */ e(n()), o = t(), s = ({ goal: e, progress: t, title: n, showPercentageSubtitle: s = !1, showProgressSubtitle: c = !1, barFull: l = !1, progressUnit: u, className: d, innerClassName: f, subtitleClassName: p, children: m }) => {
+	let h = r(), g = Number(((e === 0 ? 0 : t || 0) / (e === 0 ? 1 : e) * 100).toFixed(1));
+	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		className: i.progressContainer,
+		children: [/* @__PURE__ */ (0, o.jsxs)("div", {
+			className: i.titleContainer,
+			children: [
+				n && /* @__PURE__ */ (0, o.jsx)("div", {
+					className: i.title,
+					children: n
+				}),
+				c && /* @__PURE__ */ (0, o.jsx)("div", {
+					className: (0, a.default)(i.subtitleContainer, p),
+					children: l ? /* @__PURE__ */ (0, o.jsx)("span", {
+						className: i.progressSubtitle,
+						children: `${t} ${u || ""}`
+					}) : /* @__PURE__ */ (0, o.jsx)("span", {
+						className: i.progressSubtitle,
+						children: `${t || 0} / ${e} ${u || ""} (${g}%)`
+					})
+				}),
+				s && /* @__PURE__ */ (0, o.jsx)("div", {
+					className: (0, a.default)(i.subtitleContainer, p),
+					children: /* @__PURE__ */ (0, o.jsx)("span", { children: `${g}%` })
+				})
+			]
+		}), /* @__PURE__ */ (0, o.jsx)("div", {
+			className: (0, a.default)(i.progressBarContainer, d),
+			children: /* @__PURE__ */ (0, o.jsx)("div", {
+				className: i.currentProgressBar,
+				style: { width: g >= 100 || l ? "100%" : g + "%" },
+				role: "progressbar",
+				"aria-valuemin": "0",
+				"aria-valuenow": g >= 100 || l ? 100 : g,
+				"aria-valuemax": "100",
+				"aria-label": h.formatMessage({
+					id: "progress.progress_bar.aria_label",
+					defaultMessage: "Progress bar"
+				}),
+				children: /* @__PURE__ */ (0, o.jsx)("div", {
+					className: (0, a.default)(i.progressBar, f),
+					children: /* @__PURE__ */ (0, o.jsx)("div", {
+						className: i.progressBarContent,
+						children: m
+					})
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { s as ProgressBar };

package/dist/components/progress/progress_bar/ProgressBar.module.js

@@ -0,0 +1,14 @@
+var e = {
+	progressContainer: "_progressContainer_1s80e_3",
+	titleContainer: "_titleContainer_1s80e_9",
+	title: "_title_1s80e_9",
+	subtitleContainer: "_subtitleContainer_1s80e_24",
+	progressSubtitle: "_progressSubtitle_1s80e_29",
+	progressBarContainer: "_progressBarContainer_1s80e_35",
+	currentProgressBar: "_currentProgressBar_1s80e_47",
+	progressBar: "_progressBar_1s80e_35",
+	progressBarAnimation: "_progressBarAnimation_1s80e_1",
+	progressBarContent: "_progressBarContent_1s80e_77"
+};
+//#endregion
+export { e as default };

package/dist/components/proposal/proposal_box/ProposalBox.js

@@ -0,0 +1,108 @@
+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 { useAuth as r } from "../../auth/use_auth/useAuth.js";
+import { useConfig as i } from "../../data/config_provider/useConfig.js";
+import a 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 { ReadMore as o } from "../../text/read_more/ReadMore.js";
+import { HashScroll as s } from "../../tools/hash_scroll/HashScroll.js";
+import { useTranslatedContent as c } from "../../translation/translated_content/useTranslatedContent.js";
+import { TranslationButton as l } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as u } from "../../user_content/content_footer/ContentFooter.js";
+import { ContentHeader as d } from "../../user_content/content_header/ContentHeader.js";
+import { lexicalToHtml as f } from "../../input/text_editor/lexicalToHtml.js";
+import { UpDownVoteBox as p } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
+import m from "./ProposalBox.module.js";
+import { useEffect as h, useState as g } from "react";
+//#region src/components/proposal/proposal_box/ProposalBox.jsx
+var _ = /* @__PURE__ */ e(n()), v = t(), y = ({ proposal: e, disabled: t = !1, fixedContentHeight: n, contentMaxHeight: y = 156, enableEdition: b = !0, hideFooter: x = !1 }) => {
+	let [S, C] = g(null), [w, T] = g(!1), E = a(), D = i(), { currentUser: O } = r(), k = O?.moderation_status === "banned", A = `proposal_${e.id}`, j = c(e.title, e.language, "title", e.translation_entries), M = c(e.content, e.language, "content", e.translation_entries);
+	h(() => {
+		if (e.rich_content) {
+			let t = JSON.parse(e.rich_content);
+			t.hasOwnProperty("root") && C(f(t));
+		}
+	}, [e.rich_content]);
+	let N = () => {
+		j.toggleContent(), M.toggleContent();
+	};
+	return /* @__PURE__ */ (0, v.jsx)(s, {
+		elementId: A,
+		onScroll: () => T(!0),
+		children: /* @__PURE__ */ (0, v.jsxs)("div", {
+			className: (0, _.default)(m.proposalBoxContainer, { [m.flash]: w }),
+			id: A,
+			children: [
+				/* @__PURE__ */ (0, v.jsx)(d, {
+					author: e.author,
+					tag: e.tag?.display_name,
+					date: e.created_at,
+					oneLine: !1
+				}),
+				/* @__PURE__ */ (0, v.jsx)("div", {
+					className: (0, _.default)(m.proposalBoxContent, { [m.fixedHeight]: n }),
+					children: /* @__PURE__ */ (0, v.jsx)("div", { children: /* @__PURE__ */ (0, v.jsx)(o, {
+						content: /* @__PURE__ */ (0, v.jsxs)(v.Fragment, { children: [
+							e.is_edited && /* @__PURE__ */ (0, v.jsx)("div", {
+								className: m.edited,
+								children: E.formatMessage({
+									id: "proposal.updated",
+									defaultMessage: "Updated proposal"
+								})
+							}),
+							/* @__PURE__ */ (0, v.jsx)("div", {
+								className: m.proposalTitle,
+								children: j.translatedContent
+							}),
+							S && !M.isTranslated ? /* @__PURE__ */ (0, v.jsx)("div", {
+								className: m.proposalContent,
+								dangerouslySetInnerHTML: { __html: S }
+							}) : /* @__PURE__ */ (0, v.jsx)("div", {
+								className: m.proposalContent,
+								children: M.translatedContent
+							}),
+							(M.isTranslated || j.isTranslated) && /* @__PURE__ */ (0, v.jsx)(l, {
+								language: e.language,
+								callback: () => N()
+							})
+						] }),
+						lineCount: 7,
+						readMoreText: E.formatMessage({
+							id: "action.read_more",
+							defaultMessage: "Read more"
+						}),
+						readLessText: E.formatMessage({
+							id: "action.read_less",
+							defaultMessage: "Read less"
+						})
+					}) })
+				}),
+				!x && /* @__PURE__ */ (0, v.jsx)(u, {
+					resource: e,
+					disabled: t || k,
+					reportType: "Proposal",
+					deleteType: "proposals",
+					deleteListId: "proposalsList",
+					shareModal: !0,
+					shareModalTitle: E.formatMessage({ id: "share.proposal" }),
+					shareUrl: `https://app.logora.fr/share/p/${e.id}`,
+					shareTitle: E.formatMessage({ id: "share.proposal.title" }),
+					shareText: E.formatMessage({ id: "share.proposal.text" }),
+					shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${D.shortname}&id=${e.id}&resource=proposal" frameborder="0" width="100%" height="335px" scrolling="no"></iframe>`,
+					showShareCode: D?.actions?.hideCodeShare !== !0,
+					showActions: !e.author.consultation_id,
+					enableEdition: b,
+					children: /* @__PURE__ */ (0, v.jsx)(p, {
+						voteableType: "Proposal",
+						voteableId: e.id,
+						totalUpvote: e.total_upvotes,
+						totalDownvote: e.total_downvotes,
+						disabled: t || O?.id === e?.author?.id || k
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { y as ProposalBox };

package/dist/components/proposal/proposal_box/ProposalBox.module.js

@@ -0,0 +1,11 @@
+var e = {
+	proposalBoxContainer: "_proposalBoxContainer_awwcm_3",
+	flash: "_flash_awwcm_17",
+	edited: "_edited_awwcm_25",
+	proposalBoxContent: "_proposalBoxContent_awwcm_32",
+	proposalTitle: "_proposalTitle_awwcm_44",
+	proposalContent: "_proposalContent_awwcm_52",
+	fixedHeight: "_fixedHeight_awwcm_56"
+};
+//#endregion
+export { e as default };

package/dist/components/report/report_box/ReportBox.js

@@ -0,0 +1,102 @@
+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 "../../../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 { Argument as a } from "../../argument/argument/Argument.js";
+import { ProposalBox as o } from "../../proposal/proposal_box/ProposalBox.js";
+import { SuggestionBox as s } from "../../suggestion/suggestion_box/SuggestionBox.js";
+import c from "./ReportBox.module.js";
+import { useEffect as l, useState as u } from "react";
+//#region src/components/report/report_box/ReportBox.jsx
+var d = /* @__PURE__ */ e(r()), f = t(), p = ({ report: e, flash: t }) => {
+	let r = i(), [p, m] = u(!1);
+	l(() => {
+		if (t === e.id) {
+			let t = document.getElementById(`reports_${e.id}`);
+			t && t.scrollIntoView({
+				behavior: "smooth",
+				block: "center"
+			}), m(!0);
+		} else m(!1);
+	}, [t, e.id]);
+	let h = () => {
+		let { reportable_type: t, reportable: n } = e;
+		switch (t) {
+			case "Message": {
+				let t = e.is_processed === !0 && e.reportable?.status === "rejected";
+				return /* @__PURE__ */ (0, f.jsx)(a, {
+					argument: n,
+					positions: n.group?.group_context?.positions?.slice(0, 2) || [],
+					hideReplies: !0,
+					hideFooter: !0,
+					showModerationFeedback: !1,
+					hideContent: t
+				});
+			}
+			case "Proposal": return /* @__PURE__ */ (0, f.jsx)(o, {
+				proposal: n,
+				hideFooter: !0
+			});
+			case "Group": return /* @__PURE__ */ (0, f.jsx)(s, {
+				suggestion: n,
+				hideFooter: !0
+			});
+			default: return /* @__PURE__ */ (0, f.jsx)("div", { children: r.formatMessage({
+				id: "report.unknown_type",
+				defaultMessage: " Unknown content type"
+			}) });
+		}
+	}, g = (e, t) => e ? t === "rejected" ? /* @__PURE__ */ (0, f.jsx)("div", {
+		className: c.statusMessage,
+		"data-testid": "report-status-message",
+		children: r.formatMessage({
+			id: "report.content_header.status_rejected",
+			defaultMessage: "Thank you for your report. After verification, the content has been removed."
+		})
+	}) : /* @__PURE__ */ (0, f.jsx)("div", {
+		className: c.statusMessage,
+		children: r.formatMessage({
+			id: "report.content_header.status_accepted",
+			defaultMessage: "Thank you for your report. After verification, we have not removed the content."
+		})
+	}) : /* @__PURE__ */ (0, f.jsx)("div", {
+		className: c.statusMessage,
+		children: r.formatMessage({
+			id: "report.content_header.status_pending",
+			defaultMessage: "The report is currently in process"
+		})
+	});
+	return /* @__PURE__ */ (0, f.jsx)("div", {
+		id: `reports_${e.id}`,
+		className: (0, d.default)(c.reportBox, { [c.reportHighlighted]: p }),
+		children: e && /* @__PURE__ */ (0, f.jsxs)("div", {
+			className: c.reportItem,
+			children: [/* @__PURE__ */ (0, f.jsxs)("div", {
+				className: c.reportHeader,
+				children: [e.classification && /* @__PURE__ */ (0, f.jsxs)("div", {
+					className: c.reportReason,
+					children: [
+						/* @__PURE__ */ (0, f.jsx)(n, {
+							name: "announcement",
+							width: 18,
+							height: 18,
+							className: c.warningIcon
+						}),
+						r.formatMessage({
+							id: "report.content_header.moderation_reason",
+							defaultMessage: "Report reason:"
+						}),
+						" ",
+						r.messages[`report.content_header.moderation_reason.${e.classification.toLowerCase()}`] ? r.formatMessage({
+							id: `report.content_header.moderation_reason.${e.classification.toLowerCase()}`,
+							defaultMessage: e.classification
+						}) : e.classification
+					]
+				}), g(e.is_processed, e.reportable?.status)]
+			}), h()]
+		})
+	});
+};
+//#endregion
+export { p as default };