@logora/debate 0.2.1 → 0.2.2

package/dist/components/vote/vote_box/VoteBox.js

@@ -1,287 +1,285 @@
-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 { Button as a } from "../../action/button/Button.js";
-import { useAuth as ee } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as o } from "../../data/data_provider/useDataProvider.js";
-import { useConfig as te } from "../../data/config_provider/useConfig.js";
-import { useResponsive as ne } 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 { useTranslatedContent as l } from "../../translation/translated_content/useTranslatedContent.js";
-import { Tooltip as u } from "../../dialog/tooltip/Tooltip.js";
-import { useToast as re } from "../../dialog/toast_provider/useToast.js";
-import { useAuthRequired as ie } from "../../hooks/use_auth_required/useAuthRequired.js";
-import d 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 { ProgressBar as ae } from "../../progress/progress_bar/ProgressBar.js";
-import f from "./VoteBox.module.js";
-import { useEffect as p, useState as m } from "react";
-import { useLocation as oe } from "react-router";
+import { Link as e } from "../../action/link/Link.js";
+import { Icon as t } from "../../icons/icon/Icon.js";
+import { Button as n } from "../../action/button/Button.js";
+import { useAuth as r } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as i } from "../../data/data_provider/useDataProvider.js";
+import { useConfig as ee } from "../../data/config_provider/useConfig.js";
+import { useResponsive as te } from "../../hooks/use_responsive/useResponsive.js";
+import { useTranslatedContent as a } from "../../translation/translated_content/useTranslatedContent.js";
+import { Tooltip as o } from "../../dialog/tooltip/Tooltip.js";
+import { useToast as ne } from "../../dialog/toast_provider/useToast.js";
+import { useAuthRequired as re } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { ProgressBar as ie } from "../../progress/progress_bar/ProgressBar.js";
+import s from "./VoteBox.module.js";
+import { useEffect as c, useState as l } from "react";
+import { Fragment as ae, jsx as u, jsxs as d } from "react/jsx-runtime";
+import f from "classnames";
+import { FormattedMessage as p, useIntl as oe } from "react-intl";
+import { useLocation as se } from "react-router";
+import m from "@rooks/use-sessionstorage-state";
 //#region src/components/vote/vote_box/VoteBox.jsx
-var h = /* @__PURE__ */ e(i()), g = t(), _ = ({ numberVotes: e, votePositions: t, voteableType: i, voteableId: _, redirectUrl: v, displayColumn: y, textAlignLeft: se, showTotal: ce = !0, voteBoxClassName: b, buttonContainerClassName: x, buttonClassName: S, showResultClassName: C, onVote: w, disabled: T = !1, showVotesCommentsNumber: le = !1, commentsCount: ue }) => {
-	let [E, D] = m(!0), [O, k] = m(void 0), [A, j] = m(!1), [M, de] = m(Number.parseFloat(e.total) || Object.values(e).reduce((e, t) => e + Number.parseFloat(t), 0) || 0), N = l(t[0]?.name, t[0]?.language, "name", t[0]?.translation_entries), P = l(t[1]?.name, t[1]?.language, "name", t[1]?.translation_entries), F = l(t[2]?.name, t[2]?.language, "name", t[2]?.translation_entries), [I, fe, L] = d("storedUserVote", {}), [pe, R, z] = d("userSide", {}), { toast: B } = re() || {}, { isMobile: V } = ne(), [H, U] = m((() => {
-		let n = {};
-		return t?.forEach((t) => n[t.id] = {
-			count: Number.parseFloat(e[t.id]) || 0,
-			percentage: M === 0 ? 0 : Math.round(100 * ((e[t.id] || 0) / M))
-		}), n;
-	})()), W = ie(), me = oe(), G = o(), K = te(), q = s(), { isLoggedIn: J, isLoggingIn: Y } = ee();
-	p(() => {
-		Y === !1 && (J ? ge(_) : D(!1));
-	}, [Y, J]), p(() => {
-		if (E === !1 && !v) {
-			let [e, t] = he();
-			e && (t ? Q(t) : j(!0));
+var h = ({ numberVotes: h, votePositions: g, voteableType: _, voteableId: v, redirectUrl: y, displayColumn: b, textAlignLeft: ce, showTotal: le = !0, voteBoxClassName: x, buttonContainerClassName: S, buttonClassName: C, showResultClassName: w, onVote: T, disabled: E = !1, showVotesCommentsNumber: ue = !1, commentsCount: de }) => {
+	let [D, O] = l(!0), [k, A] = l(void 0), [j, M] = l(!1), [N, fe] = l(Number.parseFloat(h.total) || Object.values(h).reduce((e, t) => e + Number.parseFloat(t), 0) || 0), P = a(g[0]?.name, g[0]?.language, "name", g[0]?.translation_entries), F = a(g[1]?.name, g[1]?.language, "name", g[1]?.translation_entries), I = a(g[2]?.name, g[2]?.language, "name", g[2]?.translation_entries), [L, pe, R] = m("storedUserVote", {}), [me, he, z] = m("userSide", {}), { toast: B } = ne() || {}, { isMobile: V } = te(), [H, U] = l((() => {
+		let e = {};
+		return g?.forEach((t) => e[t.id] = {
+			count: Number.parseFloat(h[t.id]) || 0,
+			percentage: N === 0 ? 0 : Math.round(100 * ((h[t.id] || 0) / N))
+		}), e;
+	})()), W = re(), ge = se(), G = i(), K = ee(), q = oe(), { isLoggedIn: J, isLoggingIn: Y } = r();
+	c(() => {
+		Y === !1 && (J ? ve(v) : O(!1));
+	}, [Y, J]), c(() => {
+		if (D === !1 && !y) {
+			let [e, t] = _e();
+			e && (t ? Q(t) : M(!0));
 		}
-	}, [E]), p(() => {
-		w && w(O);
-	}, [O]);
-	let he = () => {
-		if (I && Object.keys(I).length !== 0) return I.groupId === _ && I.voteableType === i ? [!0, I.positionId] : (L(), [!1, !1]);
-		let e = new URLSearchParams(typeof window < "u" ? window.location.search : me.search);
+	}, [D]), c(() => {
+		T && T(k);
+	}, [k]);
+	let _e = () => {
+		if (L && Object.keys(L).length !== 0) return L.groupId === v && L.voteableType === _ ? [!0, L.positionId] : (R(), [!1, !1]);
+		let e = new URLSearchParams(typeof window < "u" ? window.location.search : ge.search);
 		return [!!e.get("initVote"), Number.parseInt(e.get("positionId")) || !1];
-	}, ge = (e) => {
-		D(!0), w && w(O), G.getOneWithToken("votes", `${i.toLowerCase()}/${e}`, {}).then((e) => {
-			e.data.data.resource ? (k(e.data.data.resource), j(!0), D(!1)) : (D(!1), j(!1));
+	}, ve = (e) => {
+		O(!0), T && T(k), G.getOneWithToken("votes", `${_.toLowerCase()}/${e}`, {}).then((e) => {
+			e.data.data.resource ? (A(e.data.data.resource), M(!0), O(!1)) : (O(!1), M(!1));
 		}).catch((e) => {
-			D(!1);
+			O(!1);
 		});
-	}, X = (e, t) => t === 0 ? 0 : Math.round(e / t * 100), _e = (e) => {
+	}, X = (e, t) => t === 0 ? 0 : Math.round(e / t * 100), ye = (e) => {
 		let t = {
-			voteable_id: _,
-			voteable_type: i || "Group",
+			voteable_id: v,
+			voteable_type: _ || "Group",
 			position_id: e
 		};
-		R({
-			groupId: _,
-			voteableType: i,
+		he({
+			groupId: v,
+			voteableType: _,
 			positionId: e
-		}), O ? (ye(e, O.position_id), A === !1 && $(), e !== O.position_id && G.update("votes", O.id, t).then((e) => {
-			e.data.success && (k(e.data.data.resource), B(q.formatMessage({
+		}), k ? (xe(e, k.position_id), j === !1 && $(), e !== k.position_id && G.update("votes", k.id, t).then((e) => {
+			e.data.success && (A(e.data.data.resource), B(q.formatMessage({
 				id: "header.vote_confirm_modal",
 				defaultMessage: "Your vote has been saved !"
 			}), { type: "success" }));
-		})) : (ve(e), $(), G.create("votes", t).then((e) => {
-			e.data.success && (k(e.data.data.resource), B(q.formatMessage({
+		})) : (be(e), $(), G.create("votes", t).then((e) => {
+			e.data.success && (A(e.data.data.resource), B(q.formatMessage({
 				id: "header.vote_confirm_modal",
 				defaultMessage: "Your vote has been saved !"
 			}), { type: "success" }));
 		}));
-	}, ve = (e) => {
-		let n = H[e].count + 1, r = M + 1, i = {};
-		t.forEach((t) => {
-			if (e === t.id) i[t.id] = {
-				count: n,
-				percentage: X(n, r)
+	}, be = (e) => {
+		let t = H[e].count + 1, n = N + 1, r = {};
+		g.forEach((i) => {
+			if (e === i.id) r[i.id] = {
+				count: t,
+				percentage: X(t, n)
 			};
 			else {
-				let e = H[t.id].count;
-				i[t.id] = {
+				let e = H[i.id].count;
+				r[i.id] = {
 					count: e,
-					percentage: X(e, r)
+					percentage: X(e, n)
 				};
 			}
-		}), U(i), de(r);
-	}, ye = (e, t) => {
+		}), U(r), fe(n);
+	}, xe = (e, t) => {
 		t !== e && U({
 			...H,
 			[t]: {
 				count: H[t].count - 1,
-				percentage: X(H[t].count - 1, M)
+				percentage: X(H[t].count - 1, N)
 			},
 			[e]: {
 				count: H[e].count + 1,
-				percentage: X(H[e].count + 1, M)
+				percentage: X(H[e].count + 1, N)
 			}
 		});
-	}, Z = (e) => v + `?${new URLSearchParams({
+	}, Z = (e) => y + `?${new URLSearchParams({
 		initVote: "true",
 		...e && { positionId: e }
 	}).toString()}`, Q = (e) => {
-		J ? Object.keys(H).includes(e.toString()) && (_e(e), L()) : (Object.keys(H).includes(e.toString()) && fe({
-			groupId: _,
-			voteableType: i,
+		J ? Object.keys(H).includes(e.toString()) && (ye(e), R()) : (Object.keys(H).includes(e.toString()) && pe({
+			groupId: v,
+			voteableType: _,
 			positionId: e
 		}), W({ loginAction: "vote" }));
 	}, $ = () => {
-		A && z(), j(!A);
-	}, be = (e, t) => {
-		let n;
-		t === 0 ? n = N.translatedContent : t === 1 ? n = P.translatedContent : t === 2 && (n = F.translatedContent);
-		let r = typeof window < "u" && !v;
-		return /* @__PURE__ */ (0, g.jsx)("div", {
-			className: (0, h.default)(f.voteAction, { [f.buttonAlignLeft]: f.buttonAlignLeft }),
-			children: /* @__PURE__ */ (0, g.jsx)(a, {
+		j && z(), M(!j);
+	}, Se = (e, t) => {
+		let r;
+		t === 0 ? r = P.translatedContent : t === 1 ? r = F.translatedContent : t === 2 && (r = I.translatedContent);
+		let i = typeof window < "u" && !y;
+		return /* @__PURE__ */ u("div", {
+			className: f(s.voteAction, { [s.buttonAlignLeft]: s.buttonAlignLeft }),
+			children: /* @__PURE__ */ u(n, {
 				"data-tid": "action_vote",
 				type: "button",
-				title: n,
-				className: (0, h.default)(f.voteButton, {
-					[f.textAlignLeft]: se,
-					[S]: S
+				title: r,
+				className: f(s.voteButton, {
+					[s.textAlignLeft]: ce,
+					[C]: C
 				}),
-				onClick: r ? () => Q(e.id) : null,
-				disabled: T,
+				onClick: i ? () => Q(e.id) : null,
+				disabled: E,
 				"data-testid": "voteButton",
-				to: r ? null : Z(e.id),
-				target: r ? null : "_top",
-				rel: r ? null : "nofollow",
-				external: r ? null : !0,
-				children: /* @__PURE__ */ (0, g.jsx)("div", {
+				to: i ? null : Z(e.id),
+				target: i ? null : "_top",
+				rel: i ? null : "nofollow",
+				external: i ? null : !0,
+				children: /* @__PURE__ */ u("div", {
 					"data-tid": "action_vote",
-					className: (0, h.default)(f.voteButtonThesis, { [f.voteButtonThesisSynthesisMobile]: !y }),
-					children: n
+					className: f(s.voteButtonThesis, { [s.voteButtonThesisSynthesisMobile]: !b }),
+					children: r
 				})
 			})
 		}, t);
-	}, xe = () => {
-		J || K.actions?.unloggedVoteResults === !0 ? j(!0) : W({ loginAction: "vote" });
+	}, Ce = () => {
+		J || K.actions?.unloggedVoteResults === !0 ? M(!0) : W({ loginAction: "vote" });
 	};
-	return /* @__PURE__ */ (0, g.jsx)("div", {
-		className: (0, h.default)(f.voteBox, { [b]: b }),
-		children: /* @__PURE__ */ (0, g.jsx)(g.Fragment, { children: A || T ? /* @__PURE__ */ (0, g.jsxs)("div", {
-			className: f.voteResultsBox,
+	return /* @__PURE__ */ u("div", {
+		className: f(s.voteBox, { [x]: x }),
+		children: /* @__PURE__ */ u(ae, { children: j || E ? /* @__PURE__ */ d("div", {
+			className: s.voteResultsBox,
 			"data-testid": "voteResultsBox",
-			children: [/* @__PURE__ */ (0, g.jsx)("div", {
-				className: f.voteResults,
-				children: t.map((e, t) => {
-					let n;
-					return t === 0 ? n = N.translatedContent : t === 1 ? n = P.translatedContent : t === 2 && (n = F.translatedContent), /* @__PURE__ */ (0, g.jsxs)("div", { children: [/* @__PURE__ */ (0, g.jsxs)("div", {
-						className: t > 0 ? (0, h.default)(f.voteProgressHeader, f.voteProgressHeaderAgainst) : f.voteProgressHeader,
+			children: [/* @__PURE__ */ u("div", {
+				className: s.voteResults,
+				children: g.map((e, n) => {
+					let r;
+					return n === 0 ? r = P.translatedContent : n === 1 ? r = F.translatedContent : n === 2 && (r = I.translatedContent), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+						className: n > 0 ? f(s.voteProgressHeader, s.voteProgressHeaderAgainst) : s.voteProgressHeader,
 						children: [
-							n,
+							r,
 							" ",
-							O && O.position_id === e.id ? /* @__PURE__ */ (0, g.jsx)("span", {
-								title: q.formatMessage({ id: "vote.vote_box.vote_side" }) + n,
-								className: f.sideIcon,
+							k && k.position_id === e.id ? /* @__PURE__ */ u("span", {
+								title: q.formatMessage({ id: "vote.vote_box.vote_side" }) + r,
+								className: s.sideIcon,
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ (0, g.jsx)(r, {
+								children: /* @__PURE__ */ u(t, {
 									name: "checkbox",
 									width: 16,
 									height: 16
 								})
 							}) : null
 						]
-					}), /* @__PURE__ */ (0, g.jsxs)(ae, {
+					}), /* @__PURE__ */ d(ie, {
 						progress: H[e.id].percentage / 100,
 						goal: 1,
-						className: f.progress,
-						innerClassName: f.progressBar,
+						className: s.progress,
+						innerClassName: s.progressBar,
 						children: [H[e.id].percentage, "%"]
-					})] }, t);
+					})] }, n);
 				})
-			}), /* @__PURE__ */ (0, g.jsxs)("div", {
-				className: f.voteBoxFooter,
-				children: [ce && /* @__PURE__ */ (0, g.jsx)("div", {
-					className: f.voteResultsNumberVoters,
-					children: /* @__PURE__ */ (0, g.jsx)(c, {
+			}), /* @__PURE__ */ d("div", {
+				className: s.voteBoxFooter,
+				children: [le && /* @__PURE__ */ u("div", {
+					className: s.voteResultsNumberVoters,
+					children: /* @__PURE__ */ u(p, {
 						id: "vote.vote_box.votes",
-						values: { votesCount: M },
+						values: { votesCount: N },
 						defaultMessage: "{votesCount} votes"
 					})
-				}), !T && /* @__PURE__ */ (0, g.jsx)("div", { children: O ? /* @__PURE__ */ (0, g.jsx)("button", {
+				}), !E && /* @__PURE__ */ u("div", { children: k ? /* @__PURE__ */ u("button", {
 					"data-tid": "action_edit_vote",
-					className: f.voteActionButton,
+					className: s.voteActionButton,
 					type: "button",
 					onClick: $,
-					children: /* @__PURE__ */ (0, g.jsx)(c, {
+					children: /* @__PURE__ */ u(p, {
 						id: "vote.vote_box.update",
 						defaultMessage: "Modify"
 					})
-				}) : !K?.actions?.hideSHowResultButton && /* @__PURE__ */ (0, g.jsx)("button", {
+				}) : !K?.actions?.hideSHowResultButton && /* @__PURE__ */ u("button", {
 					type: "button",
-					className: f.voteActionButton,
-					onClick: () => j(!1),
-					children: /* @__PURE__ */ (0, g.jsx)(c, {
+					className: s.voteActionButton,
+					onClick: () => M(!1),
+					children: /* @__PURE__ */ u(p, {
 						id: "vote.vote_box.back",
 						defaultMessage: "Back to vote"
 					})
 				}) })]
 			})]
-		}) : /* @__PURE__ */ (0, g.jsxs)("div", {
-			className: f.voteBoxActions,
+		}) : /* @__PURE__ */ d("div", {
+			className: s.voteBoxActions,
 			children: [
-				/* @__PURE__ */ (0, g.jsx)("div", {
-					className: (0, h.default)(f.voteBoxActionsBody, {
-						[f.voteBoxActionsBodyColumn]: y,
-						[x]: x
+				/* @__PURE__ */ u("div", {
+					className: f(s.voteBoxActionsBody, {
+						[s.voteBoxActionsBodyColumn]: b,
+						[S]: S
 					}),
-					children: t.map((e, t) => be(e, t))
+					children: g.map((e, t) => Se(e, t))
 				}),
-				le && /* @__PURE__ */ (0, g.jsxs)("div", {
-					className: f.voteCommentCounts,
-					children: [/* @__PURE__ */ (0, g.jsx)(u, {
+				ue && /* @__PURE__ */ d("div", {
+					className: s.voteCommentCounts,
+					children: [/* @__PURE__ */ u(o, {
 						position: V ? "right" : "bottom",
 						text: q.formatMessage({
 							id: "info.votes_count",
 							defaultMessage: "Votes"
 						}),
-						children: /* @__PURE__ */ (0, g.jsxs)("div", {
-							className: f.debateNumberItem,
-							children: [/* @__PURE__ */ (0, g.jsx)(r, {
+						children: /* @__PURE__ */ d("div", {
+							className: s.debateNumberItem,
+							children: [/* @__PURE__ */ u(t, {
 								name: "votebox",
 								width: 20,
 								height: 20
-							}), /* @__PURE__ */ (0, g.jsx)("div", {
-								className: f.debateNumberLabel,
-								children: /* @__PURE__ */ (0, g.jsx)(c, {
+							}), /* @__PURE__ */ u("div", {
+								className: s.debateNumberLabel,
+								children: /* @__PURE__ */ u(p, {
 									id: "vote.vote_box.votes",
-									values: { votesCount: M },
+									values: { votesCount: N },
 									defaultMessage: "{votesCount} votes"
 								})
 							})]
 						})
-					}), /* @__PURE__ */ (0, g.jsx)(u, {
+					}), /* @__PURE__ */ u(o, {
 						position: V ? "right" : "bottom",
 						text: q.formatMessage({
 							id: "info.arguments_count",
 							defaultMessage: "Comments"
 						}),
-						children: /* @__PURE__ */ (0, g.jsxs)("div", {
-							className: f.debateNumberItem,
-							children: [/* @__PURE__ */ (0, g.jsx)(r, {
+						children: /* @__PURE__ */ d("div", {
+							className: s.debateNumberItem,
+							children: [/* @__PURE__ */ u(t, {
 								name: "chat",
 								width: 20,
 								height: 20
-							}), /* @__PURE__ */ (0, g.jsx)("div", {
-								className: f.debateNumberLabel,
-								children: /* @__PURE__ */ (0, g.jsx)(c, {
+							}), /* @__PURE__ */ u("div", {
+								className: s.debateNumberLabel,
+								children: /* @__PURE__ */ u(p, {
 									id: "vote.vote_box.comments",
-									values: { count: ue ?? 0 },
+									values: { count: de ?? 0 },
 									defaultMessage: "{count} comments"
 								})
 							})]
 						})
 					})]
 				}),
-				/* @__PURE__ */ (0, g.jsx)("div", {
-					className: (0, h.default)(f.voteBoxActions, f.voteBoxShowResultContainer, { [C]: C }),
-					children: /* @__PURE__ */ (0, g.jsx)("div", {
-						className: f.voteBoxShowResult,
-						children: typeof window < "u" && !v ? !K?.actions?.hideSHowResultButton && /* @__PURE__ */ (0, g.jsx)("button", {
+				/* @__PURE__ */ u("div", {
+					className: f(s.voteBoxActions, s.voteBoxShowResultContainer, { [w]: w }),
+					children: /* @__PURE__ */ u("div", {
+						className: s.voteBoxShowResult,
+						children: typeof window < "u" && !y ? !K?.actions?.hideSHowResultButton && /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: xe,
+							onClick: Ce,
 							"data-tid": "show_vote_result",
 							"data-testid": "show-result",
-							className: f.showResultButton,
-							children: /* @__PURE__ */ (0, g.jsx)("span", {
-								className: (0, h.default)(f.boldShowResult, f.outlined),
-								children: /* @__PURE__ */ (0, g.jsx)(c, {
+							className: s.showResultButton,
+							children: /* @__PURE__ */ u("span", {
+								className: f(s.boldShowResult, s.outlined),
+								children: /* @__PURE__ */ u(p, {
 									id: "vote.vote_box.show_result",
 									defaultMessage: "Show result"
 								})
 							})
-						}) : /* @__PURE__ */ (0, g.jsx)(n, {
+						}) : /* @__PURE__ */ u(e, {
 							to: Z(null),
 							rel: "nofollow",
 							"data-tid": "show_vote_result",
 							target: "_top",
 							external: !0,
 							"data-testid": "show-result",
-							children: /* @__PURE__ */ (0, g.jsx)("span", {
-								className: (0, h.default)(f.boldShowResult, f.outlined),
-								children: /* @__PURE__ */ (0, g.jsx)(c, {
+							children: /* @__PURE__ */ u("span", {
+								className: f(s.boldShowResult, s.outlined),
+								children: /* @__PURE__ */ u(p, {
 									id: "vote.vote_box.show_result",
 									defaultMessage: "Show result"
 								})
@@ -294,4 +292,4 @@ var h = /* @__PURE__ */ e(i()), g = t(), _ = ({ numberVotes: e, votePositions: t
 	});
 };
 //#endregion
-export { _ as VoteBox };
+export { h as VoteBox };

package/dist/components/vote/vote_button/VoteButton.js

@@ -1,40 +1,39 @@
-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 { useVote as a } from "../use_vote/useVote.js";
-import o from "./VoteButton.module.js";
+import { Icon as e } from "../../icons/icon/Icon.js";
+import { useVote as t } from "../use_vote/useVote.js";
+import n from "./VoteButton.module.js";
 import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "classnames";
+import { useIntl as o } from "react-intl";
 //#region src/components/vote/vote_button/VoteButton.jsx
-var s = /* @__PURE__ */ e(r()), c = t(), l = ({ voteableType: e, voteableId: t, totalUpvote: r = 0, totalDownvote: l = 0, activeClassName: u, disabled: d = !1 }) => {
-	let { totalUpvotes: f, activeVote: p, handleVote: m } = a(e, t, r, l), h = i();
-	return /* @__PURE__ */ (0, c.jsxs)("button", {
+var s = ({ voteableType: s, voteableId: c, totalUpvote: l = 0, totalDownvote: u = 0, activeClassName: d, disabled: f = !1 }) => {
+	let { totalUpvotes: p, activeVote: m, handleVote: h } = t(s, c, l, u), g = o();
+	return /* @__PURE__ */ i("button", {
 		type: "button",
-		className: (0, s.default)(o.voteButton, {
-			[o.active]: p,
-			[u]: p,
-			[o.disabled]: d
+		className: a(n.voteButton, {
+			[n.active]: m,
+			[d]: m,
+			[n.disabled]: f
 		}),
-		onClick: d ? null : () => m(!0),
+		onClick: f ? null : () => h(!0),
 		"data-testid": "vote-button",
 		"data-tid": "action_vote_argument",
-		"aria-pressed": p,
-		"aria-label": h.formatMessage({
+		"aria-pressed": m,
+		"aria-label": g.formatMessage({
 			id: "vote.vote_button.aria_label",
 			defaultMessage: "Like argument"
 		}),
-		children: [/* @__PURE__ */ (0, c.jsx)(n, {
+		children: [/* @__PURE__ */ r(e, {
 			name: "clap",
 			"aria-hidden": "true",
 			"data-tid": "action_vote_argument",
 			height: 18,
 			width: 18
-		}), /* @__PURE__ */ (0, c.jsx)("span", {
-			className: o.voteNumber,
-			children: f
+		}), /* @__PURE__ */ r("span", {
+			className: n.voteNumber,
+			children: p
 		})]
 	});
 };
 //#endregion
-export { l as VoteButton };
+export { s as VoteButton };

package/dist/components/vote/vote_provider/VoteProvider.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 { useAuth as t } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as n } from "../../data/data_provider/useDataProvider.js";
-import { createContext as r, useEffect as i, useState as a } from "react";
+import { useAuth as e } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as t } from "../../data/data_provider/useDataProvider.js";
+import { createContext as n, useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/vote/vote_provider/VoteProvider.jsx
-var o = e(), s = r(), c = ({ voteableType: e, children: r }) => {
-	let c = n(), { isLoggedIn: l, currentUser: u } = t(), [d, f] = a({}), [p, m] = a([]), h = () => {
+var o = n(), s = ({ voteableType: n, children: s }) => {
+	let c = t(), { isLoggedIn: l, currentUser: u } = e(), [d, f] = i({}), [p, m] = i([]), h = () => {
 		c.getList("votes", {
 			page: 1,
 			per_page: Math.max(1, p.length),
 			user_id: u.id,
 			voteable_id: p.join(","),
-			voteable_type: e,
+			voteable_type: n,
 			countless: !0
-		}).then((t) => {
-			if (t.data.success) {
-				let n = t.data.data, r = {};
-				p.map((t) => {
-					r[t] = n.find((n) => n.voteable_id === t && n.voteable_type === e) || null;
+		}).then((e) => {
+			if (e.data.success) {
+				let t = e.data.data, r = {};
+				p.map((e) => {
+					r[e] = t.find((t) => t.voteable_id === e && t.voteable_type === n) || null;
 				}), f((e) => ({
 					...e,
 					...r
@@ -24,17 +24,17 @@ var o = e(), s = r(), c = ({ voteableType: e, children: r }) => {
 			}
 		});
 	};
-	return i(() => {
-		l && e && p && p.length > 0 && h();
-	}, [l, p]), /* @__PURE__ */ (0, o.jsx)(s.Provider, {
+	return r(() => {
+		l && n && p && p.length > 0 && h();
+	}, [l, p]), /* @__PURE__ */ a(o.Provider, {
 		value: {
 			votes: d,
 			addVoteableIds: (e) => {
 				m((t) => [...t, ...e]);
 			}
 		},
-		children: r
+		children: s
 	});
 };
 //#endregion
-export { s as VoteContext, c as VoteProvider };
+export { o as VoteContext, s as VoteProvider };

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@logora/debate",
-  "version": "0.2.1",
+  "version": "0.2.2",
+  "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",
   "main": "./dist/index.js",
@@ -13,7 +14,11 @@
     "**/*.scss"
   ],
   "exports": {
-    ".": "./dist/index.js"
+    ".": {
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "author": "Logora <contact@logora.fr>",
   "scripts": {