@logora/debate 0.1.0 → 0.2.0

package/dist/components/source/source_list_item/SourceListItem.js

@@ -0,0 +1,32 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Link as t } from "../../action/link/Link.js";
+import { Icon as n } from "../../icons/icon/Icon.js";
+import r from "./SourceListItem.module.js";
+import "react";
+//#region src/components/source/source_list_item/SourceListItem.jsx
+var i = e(), a = ({ index: e = 0, url: a, title: o, publisher: s }) => /* @__PURE__ */ (0, i.jsxs)(t, {
+	className: r.sourceListItem,
+	to: a,
+	external: !0,
+	target: "_blank",
+	rel: "nofollow noreferrer noopener",
+	"data-tid": "link_view_source",
+	children: [/* @__PURE__ */ (0, i.jsx)(n, {
+		name: "link",
+		width: 16,
+		height: 16
+	}), /* @__PURE__ */ (0, i.jsxs)("div", {
+		className: r.sourceListItemLink,
+		children: [/* @__PURE__ */ (0, i.jsxs)("span", { children: [
+			"[ ",
+			e + 1,
+			" ]"
+		] }), /* @__PURE__ */ (0, i.jsxs)("span", { children: [
+			s && `${s} – `,
+			" ",
+			o
+		] })]
+	})]
+});
+//#endregion
+export { a as SourceListItem };

package/dist/components/source/source_list_item/SourceListItem.module.js

@@ -0,0 +1,6 @@
+var e = {
+	sourceListItem: "_sourceListItem_1498g_3",
+	sourceListItemLink: "_sourceListItemLink_1498g_26"
+};
+//#endregion
+export { e as default };

package/dist/components/source/source_modal/SourceModal.js

@@ -0,0 +1,110 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Button as t } from "../../action/button/Button.js";
+import { useDataProvider as n } from "../../data/data_provider/useDataProvider.js";
+import { AnnouncementDialog as r } from "../../dialog/announcement_dialog/AnnouncementDialog.js";
+import { Loader as i } from "../../progress/loader/Loader.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 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/message.js";
+import { SearchInput as s } from "../../input/search_input/SearchInput.js";
+import { useModal as c } from "../../dialog/modal/useModal.js";
+import { Modal as l } from "../../dialog/modal/Modal.js";
+import { SourceBox as u } from "../source_box/SourceBox.js";
+import d from "./SourceModal.module.js";
+import { useState as f } from "react";
+//#region src/components/source/source_modal/SourceModal.jsx
+var p = e(), m = ({ onAddSource: e, onHideModal: m, allowedSources: h = [] }) => {
+	let [g, _] = f(!1), [v, y] = f(), [b, x] = f(!1), S = n(), [C, w] = f(!1), T = a(), { hideModal: E } = c(), D = () => {
+		e(v), y(null), E(), m && m();
+	}, O = (e) => {
+		if (!h || h.length === 0) return !0;
+		let t = e.hostname.replace("www.", "");
+		return !!h.includes(t);
+	}, k = (e) => {
+		if (w(!1), y(null), x(!1), !e) return !1;
+		let t;
+		try {
+			t = new URL(e);
+		} catch {
+			return x(!0), !1;
+		}
+		O(t) ? (_(!0), S.create("sources/fetch", { query: e }).then((e) => {
+			e.data.success ? (y(e.data.data.resource), _(!1)) : (_(!1), x(!0));
+		}, (e) => {
+			_(!1), x(!0);
+		})) : w(!0);
+	};
+	return /* @__PURE__ */ (0, p.jsx)(l, {
+		title: T.formatMessage({
+			id: "source.source_modal.modal_title",
+			defaultMessage: "Add a source"
+		}),
+		showCloseButton: !0,
+		children: /* @__PURE__ */ (0, p.jsxs)("div", {
+			className: d.sourceModalBody,
+			children: [/* @__PURE__ */ (0, p.jsxs)("div", {
+				className: d.sourceInputContainer,
+				children: [
+					/* @__PURE__ */ (0, p.jsx)(s, {
+						placeholder: T.formatMessage({
+							id: "source.source_modal.input_placeholder",
+							defaultMessage: "Enter the URL of the source..."
+						}),
+						onSearchSubmit: (e) => k(e),
+						disabled: g,
+						type: "url"
+					}),
+					/* @__PURE__ */ (0, p.jsx)("div", {
+						className: d.sourceInputHelp,
+						children: /* @__PURE__ */ (0, p.jsx)(o, {
+							id: "source.source_modal.input_help",
+							defaultMessage: "Press Enter to add the source"
+						})
+					}),
+					h.length > 0 && /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsx)("div", { className: d.separator }), /* @__PURE__ */ (0, p.jsx)("div", {
+						className: d.allowedSourcesInfo,
+						children: /* @__PURE__ */ (0, p.jsx)(o, {
+							id: "source.source_modal.info_label",
+							defaultMessage: "Choose from : {domains}",
+							values: { domains: h.join(", ") }
+						})
+					})] })
+				]
+			}), /* @__PURE__ */ (0, p.jsxs)("div", {
+				className: d.sourcePreviewBox,
+				children: [
+					b && /* @__PURE__ */ (0, p.jsx)(r, {
+						message: T.formatMessage({
+							id: "source.source_modal.error",
+							defaultMessage: "Error when fetching source"
+						}),
+						fullWidth: !0
+					}),
+					C && /* @__PURE__ */ (0, p.jsx)(r, {
+						message: T.formatMessage({
+							id: "source.source_modal.error_unauthorized",
+							defaultMessage: "Unauthorized source"
+						}),
+						fullWidth: !0
+					}),
+					v && /* @__PURE__ */ (0, p.jsx)("div", { children: g ? /* @__PURE__ */ (0, p.jsx)(i, {}) : /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsx)(u, {
+						title: v.title,
+						description: v.description,
+						url: v.source_url,
+						imageUrl: v.origin_image_url,
+						publisher: v.publisher
+					}), /* @__PURE__ */ (0, p.jsx)(t, {
+						"data-tid": "action_submit_source",
+						className: d.sourcePreviewButton,
+						handleClick: D,
+						children: /* @__PURE__ */ (0, p.jsx)(o, {
+							id: "source.source_modal.submit_label",
+							defaultMessage: "Add"
+						})
+					})] }) })
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { m as SourceModal };

package/dist/components/source/source_modal/SourceModal.module.js

@@ -0,0 +1,11 @@
+var e = {
+	sourceModalBody: "_sourceModalBody_5hcxu_3",
+	sourcePreviewBox: "_sourcePreviewBox_5hcxu_10",
+	sourceInputContainer: "_sourceInputContainer_5hcxu_17",
+	sourcePreviewButton: "_sourcePreviewButton_5hcxu_22",
+	allowedSourcesInfo: "_allowedSourcesInfo_5hcxu_26",
+	sourceInputHelp: "_sourceInputHelp_5hcxu_34",
+	separator: "_separator_5hcxu_41"
+};
+//#endregion
+export { e as default };

package/dist/components/suggestion/suggestion_banner/SuggestionBanner.js

@@ -0,0 +1,99 @@
+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 { Button as i } from "../../action/button/Button.js";
+import { useRoutes as a } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as o } from "../../hooks/use_responsive/useResponsive.js";
+import { useList as s } from "../../list/list_provider/useList.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 { VotePaginatedList as u } from "../../list/paginated_list/VotePaginatedList.js";
+import { UserContentSkeleton as d } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { useToast as f } from "../../dialog/toast_provider/useToast.js";
+import { SuggestionBox as p } from "../suggestion_box/SuggestionBox.js";
+import m from "./SuggestionBanner.module.js";
+import { useMemo as h, useState as g } from "react";
+//#region src/components/suggestion/suggestion_banner/SuggestionBanner.jsx
+var _ = /* @__PURE__ */ e(r()), v = t(), y = () => {
+	let [e, t] = g(1), [r, y] = g(1), b = s(), x = h(() => Math.random(), []), S = a(), C = c(), { isMobile: w, elementWidth: T } = o(), { toast: E } = f() || {}, D = (n) => {
+		b.remove("bannerSuggestionsList", [n]), E(C.formatMessage({
+			id: "header.vote_confirm_modal",
+			defaultMessage: "Your vote has been saved !"
+		}), { type: "success" }), e + 1 < r && t(e + 1);
+	};
+	return /* @__PURE__ */ (0, v.jsxs)("div", {
+		className: (0, _.default)(m.suggestionBannerContainer, { [m.suggestionBannerContainerWrapped]: T < 768 }),
+		children: [/* @__PURE__ */ (0, v.jsxs)("div", {
+			className: (0, _.default)(m.suggestionBannerContext, { [m.isMobile]: w }),
+			children: [
+				/* @__PURE__ */ (0, v.jsx)("div", {
+					className: m.suggestionBannerTitle,
+					children: /* @__PURE__ */ (0, v.jsx)(l, {
+						id: "suggestion.banner_title",
+						defaultMessage: "Suggest a debate question"
+					})
+				}),
+				/* @__PURE__ */ (0, v.jsx)("div", {
+					className: m.suggestionBannerDescription,
+					children: /* @__PURE__ */ (0, v.jsx)(l, {
+						id: "suggestion.banner_description",
+						defaultMessage: "Propose your own debate question and vote for your favourite. Questions that generate community interest are submitted to the editorial team."
+					})
+				}),
+				/* @__PURE__ */ (0, v.jsx)(i, {
+					to: S.suggestionLocation.toUrl(),
+					"data-tid": "action_suggestions_banner",
+					className: (0, _.default)(m.suggestionBannerButton, { [m.isMobile]: w }),
+					rightIcon: /* @__PURE__ */ (0, v.jsx)(n, {
+						name: "lightArrow",
+						width: 10,
+						height: 10
+					}),
+					children: /* @__PURE__ */ (0, v.jsx)("span", { children: /* @__PURE__ */ (0, v.jsx)(l, {
+						id: "suggestion.suggest",
+						defaultMessage: "Suggest"
+					}) })
+				})
+			]
+		}), /* @__PURE__ */ (0, v.jsx)("div", {
+			className: (0, _.default)(m.suggestionBannerList, { [m.suggestionBannerListWrapped]: T < 768 }),
+			children: /* @__PURE__ */ (0, v.jsx)(u, {
+				voteableType: "DebateSuggestion",
+				currentListId: "bannerSuggestionsList",
+				resource: "groups",
+				resourcePropName: "suggestion",
+				filters: {
+					is_expired: !1,
+					is_accepted: !1,
+					status: "accepted",
+					is_admin: !1,
+					random: x
+				},
+				perPage: 1,
+				withPagination: !1,
+				searchBar: !1,
+				currentPage: e,
+				display: "column",
+				onUpdateTotal: (e) => y(e),
+				loadingComponent: /* @__PURE__ */ (0, v.jsx)(d, {}),
+				emptyListComponent: /* @__PURE__ */ (0, v.jsx)(d, {
+					border: !0,
+					enableAnimation: !1,
+					numberLines: 3,
+					children: /* @__PURE__ */ (0, v.jsx)(i, {
+						"data-tid": "action_add_suggestion",
+						to: S.suggestionLocation.toUrl(),
+						children: C.formatMessage({
+							id: "suggestion.suggestion_blank_box.add_suggestion",
+							defaultMessage: "Add suggestion"
+						})
+					})
+				}),
+				children: /* @__PURE__ */ (0, v.jsx)(p, { onVoteCallback: D })
+			})
+		})]
+	});
+};
+//#endregion
+export { y as SuggestionBanner };

package/dist/components/suggestion/suggestion_banner/SuggestionBanner.module.js

@@ -0,0 +1,13 @@
+var e = {
+	suggestionBannerContainer: "_suggestionBannerContainer_14vdj_3",
+	suggestionBannerContainerWrapped: "_suggestionBannerContainerWrapped_14vdj_34",
+	suggestionBannerContext: "_suggestionBannerContext_14vdj_38",
+	isMobile: "_isMobile_14vdj_62",
+	suggestionBannerTitle: "_suggestionBannerTitle_14vdj_66",
+	suggestionBannerDescription: "_suggestionBannerDescription_14vdj_74",
+	suggestionBannerList: "_suggestionBannerList_14vdj_79",
+	suggestionBannerButton: "_suggestionBannerButton_14vdj_89",
+	suggestionBannerListWrapped: "_suggestionBannerListWrapped_14vdj_100"
+};
+//#endregion
+export { e as default };

package/dist/components/suggestion/suggestion_box/SuggestionBox.js

@@ -0,0 +1,97 @@
+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 { Button as i } from "../../action/button/Button.js";
+import { useAuth as a } from "../../auth/use_auth/useAuth.js";
+import { useRoutes as o } from "../../data/config_provider/useRoutes.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 { useTranslatedContent as l } from "../../translation/translated_content/useTranslatedContent.js";
+import { TranslationButton as u } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as d } from "../../user_content/content_footer/ContentFooter.js";
+import { ContentHeader as f } from "../../user_content/content_header/ContentHeader.js";
+import { SuggestionVoteBox as p } from "../../vote/suggestion_vote_box/SuggestionVoteBox.js";
+import m from "./SuggestionBox.module.js";
+import { useState as h } from "react";
+//#region src/components/suggestion/suggestion_box/SuggestionBox.jsx
+var g = /* @__PURE__ */ e(r()), _ = t(), v = ({ suggestion: e, disabled: t = !1, onVoteCallback: r = null, hideFooter: v = !1 }) => {
+	let y = s(), b = o(), x = new Date(e.created_at), S = new Date(e.expires_at), [C, w] = h(e.debate_suggestion.total_upvotes), T = l(e.name, e.language, "name", e.translation_entries), { currentUser: E } = a(), D = E?.moderation_status === "banned";
+	return /* @__PURE__ */ (0, _.jsxs)("div", {
+		className: m.container,
+		children: [
+			/* @__PURE__ */ (0, _.jsx)(f, {
+				author: e.debate_suggestion.author,
+				tag: e.is_accepted || e.is_published ? y.formatMessage({
+					id: "suggestion.suggestion_box.selected",
+					defaultMessage: "Selected"
+				}) : e.debate_suggestion.is_expired === !0 || S < x ? y.formatMessage({
+					id: "suggestion.suggestion_box.ended",
+					defaultMessage: "Expired"
+				}) : null,
+				tagClassName: e.is_accepted || e.is_published ? m.selected : e.debate_suggestion.is_expired === !0 || S < x ? m.expired : null
+			}),
+			/* @__PURE__ */ (0, _.jsxs)("div", {
+				className: m.suggestion,
+				children: [T.translatedContent, T.isTranslated && /* @__PURE__ */ (0, _.jsx)(u, {
+					language: e.language,
+					callback: () => T.toggleContent()
+				})]
+			}),
+			!v && e.is_published && /* @__PURE__ */ (0, _.jsx)("div", {
+				className: m.voteButton,
+				children: /* @__PURE__ */ (0, _.jsx)(i, {
+					rightIcon: /* @__PURE__ */ (0, _.jsx)(n, {
+						name: "lightArrow",
+						width: 10,
+						height: 10,
+						className: m.arrowIcon
+					}),
+					className: m.linkToDebate,
+					to: b.debateShowLocation.toUrl({ debateSlug: e.slug }),
+					children: /* @__PURE__ */ (0, _.jsx)("span", { children: y.formatMessage({
+						id: "action.link_to_debate",
+						defaultMessage: "Go to debate"
+					}) })
+				})
+			}),
+			!v && e.debate_suggestion.is_accepted === !1 && e.debate_suggestion.is_expired === !1 && !e.is_published && /* @__PURE__ */ (0, _.jsx)(p, {
+				voteableType: "DebateSuggestion",
+				voteableId: e.debate_suggestion.id,
+				totalUpvote: C,
+				totalDownvote: e.debate_suggestion.total_downvotes,
+				onVote: (t, n, i, a) => {
+					r?.(e), w(i);
+				},
+				disabled: t || E?.id === e?.debate_suggestion?.author?.id || D,
+				"data-testid": "upvote-icon"
+			}),
+			/* @__PURE__ */ (0, _.jsx)("div", {
+				className: m.footer,
+				children: !v && /* @__PURE__ */ (0, _.jsx)(d, {
+					resource: e,
+					reportType: "Group",
+					deleteType: "groups",
+					deleteListId: "suggestionsList",
+					disabled: t || D,
+					showShareButton: !1,
+					enableEdition: !1,
+					enableDeletion: e.is_published !== !0,
+					showActions: e.is_accepted !== !0,
+					containerClassName: m.footerContainer,
+					voteActionClassName: m.footerActionContainer,
+					children: /* @__PURE__ */ (0, _.jsx)("div", {
+						className: (0, g.default)(m.voteResultsContainer),
+						children: /* @__PURE__ */ (0, _.jsx)(c, {
+							id: "suggestion.goal",
+							defaultMessage: "{count} supports",
+							values: { count: C }
+						})
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { v as SuggestionBox };

package/dist/components/suggestion/suggestion_box/SuggestionBox.module.js

@@ -0,0 +1,13 @@
+var e = {
+	container: "_container_1c4h2_3",
+	selected: "_selected_1c4h2_16",
+	expired: "_expired_1c4h2_21",
+	suggestion: "_suggestion_1c4h2_27",
+	arrowIcon: "_arrowIcon_1c4h2_34",
+	voteButton: "_voteButton_1c4h2_38",
+	voteResultsContainer: "_voteResultsContainer_1c4h2_42",
+	footerContainer: "_footerContainer_1c4h2_47",
+	footerActionContainer: "_footerActionContainer_1c4h2_51"
+};
+//#endregion
+export { e as default };

package/dist/components/suggestion/suggestion_input/SuggestionInput.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 { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { Button as r } from "../../action/button/Button.js";
+import { useAuth as i } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as a } from "../../data/data_provider/useDataProvider.js";
+import { useList as o } from "../../list/list_provider/useList.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 { TextInput as l } from "../../input/text_input/TextInput.js";
+import { useInput as u } from "../../input/input_provider/useInput.js";
+import { useToast as d } from "../../dialog/toast_provider/useToast.js";
+import { useAuthRequired as f } from "../../hooks/use_auth_required/useAuthRequired.js";
+import p from "../../../node_modules/.pnpm/@rooks_use-sessionstorage-state@4.11.2_react@18.3.1/node_modules/@rooks/use-sessionstorage-state/lib/index.esm.js";
+import { useFormValidation as m } from "../../forms/use_form_validation/useFormValidation.js";
+import h from "./SuggestionInput.module.js";
+import { useEffect as g, useRef as _, useState as v } from "react";
+//#region src/components/suggestion/suggestion_input/SuggestionInput.jsx
+var y = /* @__PURE__ */ e(n()), b = t(), x = ({ onSubmit: e = null, maxLength: t = 140, maxPerUser: n = 5, disabled: x = !1, userGuideUrl: S, hideUserGuideLink: C = !1 }) => {
+	let w = s(), T = a(), E = o(), { toast: D } = d() || {}, { isLoggedIn: O } = i(), { focus: k, setFocus: A } = u(), { errors: j, validate: M } = m(), [N, P] = v(!0), [F, I] = v(!1), [L, R] = v(""), [z, B, V] = p("userSuggestion", {}), H = _(null), U = _(null), W = f();
+	g(() => {
+		z?.suggestion && R(z.suggestion);
+	}, []), g(() => {
+		if (N) {
+			let e = setInterval(() => {
+				L?.length > 0 && B({ suggestion: L });
+			}, 1e3);
+			return () => clearInterval(e);
+		}
+	}, [N, L]), g(() => {
+		k && (G(), K(), q(), A(!1));
+	}, [k]);
+	let G = () => {
+		U.current.scrollIntoView({ behavior: "smooth" });
+	}, K = () => {
+		U.current.focus();
+	}, q = () => {
+		if (!F) {
+			I(!0);
+			let e = setTimeout(() => {
+				I(!1);
+			}, 2e3);
+			return () => clearTimeout(e);
+		}
+	}, J = () => {
+		R(""), V();
+	}, Y = () => {
+		if (O) {
+			let n = {
+				name: L,
+				position_list: JSON.stringify(w.formatMessage({
+					id: "suggestion.position_list",
+					defaultMessage: "Yes,No"
+				}).split(",")),
+				is_suggestion: !0,
+				is_published: !1
+			};
+			M(n, [
+				{ name: ["length", 3] },
+				{ name: ["maxChar", t] },
+				{ name: ["question", null] }
+			]) && (R(""), J(), P(!1), T.create("groups", n).then((t) => {
+				if (t.data.success) {
+					let n = t.data.data.resource;
+					E.add("suggestionsList", [n]), D(w.formatMessage({
+						id: "alert.suggestion_create",
+						defaultMessage: "Your suggestion has been sent !"
+					}), { type: "success" }), e && e();
+				}
+			}));
+		} else W({});
+	};
+	return /* @__PURE__ */ (0, b.jsx)("div", {
+		className: h.suggestionInputContainer,
+		ref: H,
+		children: /* @__PURE__ */ (0, b.jsxs)(b.Fragment, { children: [/* @__PURE__ */ (0, b.jsxs)("div", {
+			className: (0, y.default)(h.suggestionInputItem),
+			children: [
+				/* @__PURE__ */ (0, b.jsx)("div", {
+					className: h.suggestionInputTitle,
+					children: /* @__PURE__ */ (0, b.jsx)(c, {
+						id: "suggestion.input_title",
+						defaultMessage: "Your suggestion"
+					})
+				}),
+				/* @__PURE__ */ (0, b.jsx)(l, {
+					ref: U,
+					type: "text",
+					"aria-label": w.formatMessage({
+						id: "suggestion.suggestion_input.aria_label",
+						defaultMessage: "Suggest a debate question"
+					}),
+					name: "suggestionInput",
+					role: "textbox",
+					placeholder: w.formatMessage({
+						id: "suggestion.input_placeholder",
+						defaultMessage: "Suggest a debate question"
+					}),
+					onChange: (e) => {
+						R(e.target.value);
+					},
+					value: L,
+					disabled: x,
+					error: Object.keys(j).length > 0,
+					required: !0,
+					message: j?.name,
+					maxLength: t,
+					activeLabel: !1
+				}),
+				/* @__PURE__ */ (0, b.jsxs)("div", {
+					className: h.charactersCount,
+					children: [
+						t - L.length,
+						" ",
+						w.formatMessage({
+							id: "input.remaining_chars",
+							defaultMessage: "remaining characters"
+						})
+					]
+				}),
+				S && !C && /* @__PURE__ */ (0, b.jsx)("div", {
+					className: h.guideMessage,
+					children: /* @__PURE__ */ (0, b.jsx)(c, {
+						id: "alert.guide_message",
+						defaultMessage: "Contributions must comply with our {userCharter}.",
+						values: { userCharter: /* @__PURE__ */ (0, b.jsx)("a", {
+							className: h.guideMessage,
+							href: S,
+							target: "_blank",
+							rel: "noreferrer",
+							children: /* @__PURE__ */ (0, b.jsx)(c, {
+								id: "alert.user_charter",
+								defaultMessage: "user charter"
+							})
+						}) }
+					})
+				}),
+				/* @__PURE__ */ (0, b.jsx)("div", {
+					className: h.suggestionInputSubtitle,
+					children: w.formatMessage({
+						id: "suggestion.input_info",
+						defaultMessage: "The positions supported will be YES / NO. You can only post 5 suggestions at a time. Suggestions may not exceed 140 characters."
+					}, { max_per_user: n })
+				})
+			]
+		}), /* @__PURE__ */ (0, b.jsx)(r, {
+			handleClick: () => Y(),
+			className: h.suggestionInputSubmit,
+			children: /* @__PURE__ */ (0, b.jsx)(c, {
+				id: "action.submit",
+				defaultMessage: "Submit"
+			})
+		})] })
+	});
+};
+//#endregion
+export { x as SuggestionInput };

package/dist/components/suggestion/suggestion_input/SuggestionInput.module.js

@@ -0,0 +1,11 @@
+var e = {
+	suggestionInputContainer: "_suggestionInputContainer_1uirk_3",
+	suggestionInputItem: "_suggestionInputItem_1uirk_10",
+	suggestionInputTitle: "_suggestionInputTitle_1uirk_16",
+	suggestionInputSubtitle: "_suggestionInputSubtitle_1uirk_24",
+	suggestionInputSubmit: "_suggestionInputSubmit_1uirk_28",
+	charactersCount: "_charactersCount_1uirk_32",
+	guideMessage: "_guideMessage_1uirk_38"
+};
+//#endregion
+export { e as default };

package/dist/components/summary/argument_summary_box/ArgumentSummaryBox.js

@@ -0,0 +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 { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import r from "./ArgumentSummaryBox.module.js";
+import "react";
+//#region src/components/summary/argument_summary_box/ArgumentSummaryBox.jsx
+var i = /* @__PURE__ */ e(n()), a = t(), o = ({ label: e, text: t, gauge: n, color: o, tag: s }) => /* @__PURE__ */ (0, a.jsxs)("div", {
+	className: r.box,
+	children: [/* @__PURE__ */ (0, a.jsxs)("div", {
+		className: r.stats,
+		children: [/* @__PURE__ */ (0, a.jsxs)("div", {
+			className: r.informationsContainer,
+			children: [/* @__PURE__ */ (0, a.jsx)("div", {
+				className: r.label,
+				children: e
+			}), /* @__PURE__ */ (0, a.jsxs)("div", {
+				className: r.gauge,
+				style: { borderColor: o },
+				children: [
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: (0, i.default)(r.bar, r.barFirst),
+						style: {
+							backgroundColor: n >= 1 ? o : "white",
+							borderColor: n >= 1 ? "white" : o
+						}
+					}),
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: (0, i.default)(r.bar),
+						style: {
+							backgroundColor: n >= 2 ? o : "white",
+							borderColor: n >= 2 ? "white" : o
+						}
+					}),
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: (0, i.default)(r.bar),
+						style: {
+							backgroundColor: n >= 3 ? o : "white",
+							borderColor: n >= 3 ? "white" : o
+						}
+					}),
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: (0, i.default)(r.bar),
+						style: {
+							backgroundColor: n >= 4 ? o : "white",
+							borderColor: n >= 4 ? "white" : o
+						}
+					}),
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: (0, i.default)(r.bar, r.barLast),
+						style: { backgroundColor: n === 5 ? o : "white" }
+					})
+				]
+			})]
+		}), /* @__PURE__ */ (0, a.jsx)("div", {
+			className: r.tag,
+			style: { backgroundColor: o },
+			children: s
+		})]
+	}), t]
+});
+//#endregion
+export { o as ArgumentSummaryBox };

package/dist/components/summary/argument_summary_box/ArgumentSummaryBox.module.js

@@ -0,0 +1,13 @@
+var e = {
+	box: "_box_1bxw6_3",
+	stats: "_stats_1bxw6_10",
+	informationsContainer: "_informationsContainer_1bxw6_17",
+	label: "_label_1bxw6_29",
+	gauge: "_gauge_1bxw6_34",
+	bar: "_bar_1bxw6_42",
+	barFirst: "_barFirst_1bxw6_48",
+	barLast: "_barLast_1bxw6_52",
+	tag: "_tag_1bxw6_57"
+};
+//#endregion
+export { e as default };