@logora/debate 0.2.2 → 0.2.3

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

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