@logora/debate 0.2.1 → 0.2.3

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

@@ -1,297 +1,424 @@
-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";
-//#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));
-		}
-	}, [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);
-		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));
-		}).catch((e) => {
-			D(!1);
-		});
-	}, X = (e, t) => t === 0 ? 0 : Math.round(e / t * 100), _e = (e) => {
-		let t = {
-			voteable_id: _,
-			voteable_type: i || "Group",
-			position_id: e
-		};
-		R({
-			groupId: _,
-			voteableType: i,
-			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({
-				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({
-				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)
-			};
-			else {
-				let e = H[t.id].count;
-				i[t.id] = {
-					count: e,
-					percentage: X(e, r)
-				};
-			}
-		}), U(i), de(r);
-	}, ye = (e, t) => {
-		t !== e && U({
-			...H,
-			[t]: {
-				count: H[t].count - 1,
-				percentage: X(H[t].count - 1, M)
-			},
-			[e]: {
-				count: H[e].count + 1,
-				percentage: X(H[e].count + 1, M)
-			}
-		});
-	}, Z = (e) => v + `?${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,
-			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, {
-				"data-tid": "action_vote",
-				type: "button",
-				title: n,
-				className: (0, h.default)(f.voteButton, {
-					[f.textAlignLeft]: se,
-					[S]: S
-				}),
-				onClick: r ? () => Q(e.id) : null,
-				disabled: T,
-				"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", {
-					"data-tid": "action_vote",
-					className: (0, h.default)(f.voteButtonThesis, { [f.voteButtonThesisSynthesisMobile]: !y }),
-					children: n
-				})
-			})
-		}, t);
-	}, xe = () => {
-		J || K.actions?.unloggedVoteResults === !0 ? j(!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,
-			"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: [
-							n,
-							" ",
-							O && O.position_id === e.id ? /* @__PURE__ */ (0, g.jsx)("span", {
-								title: q.formatMessage({ id: "vote.vote_box.vote_side" }) + n,
-								className: f.sideIcon,
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ (0, g.jsx)(r, {
-									name: "checkbox",
-									width: 16,
-									height: 16
-								})
-							}) : null
-						]
-					}), /* @__PURE__ */ (0, g.jsxs)(ae, {
-						progress: H[e.id].percentage / 100,
-						goal: 1,
-						className: f.progress,
-						innerClassName: f.progressBar,
-						children: [H[e.id].percentage, "%"]
-					})] }, t);
-				})
-			}), /* @__PURE__ */ (0, g.jsxs)("div", {
-				className: f.voteBoxFooter,
-				children: [ce && /* @__PURE__ */ (0, g.jsx)("div", {
-					className: f.voteResultsNumberVoters,
-					children: /* @__PURE__ */ (0, g.jsx)(c, {
-						id: "vote.vote_box.votes",
-						values: { votesCount: M },
-						defaultMessage: "{votesCount} votes"
-					})
-				}), !T && /* @__PURE__ */ (0, g.jsx)("div", { children: O ? /* @__PURE__ */ (0, g.jsx)("button", {
-					"data-tid": "action_edit_vote",
-					className: f.voteActionButton,
-					type: "button",
-					onClick: $,
-					children: /* @__PURE__ */ (0, g.jsx)(c, {
-						id: "vote.vote_box.update",
-						defaultMessage: "Modify"
-					})
-				}) : !K?.actions?.hideSHowResultButton && /* @__PURE__ */ (0, g.jsx)("button", {
-					type: "button",
-					className: f.voteActionButton,
-					onClick: () => j(!1),
-					children: /* @__PURE__ */ (0, g.jsx)(c, {
-						id: "vote.vote_box.back",
-						defaultMessage: "Back to vote"
-					})
-				}) })]
-			})]
-		}) : /* @__PURE__ */ (0, g.jsxs)("div", {
-			className: f.voteBoxActions,
-			children: [
-				/* @__PURE__ */ (0, g.jsx)("div", {
-					className: (0, h.default)(f.voteBoxActionsBody, {
-						[f.voteBoxActionsBodyColumn]: y,
-						[x]: x
-					}),
-					children: t.map((e, t) => be(e, t))
-				}),
-				le && /* @__PURE__ */ (0, g.jsxs)("div", {
-					className: f.voteCommentCounts,
-					children: [/* @__PURE__ */ (0, g.jsx)(u, {
-						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, {
-								name: "votebox",
-								width: 20,
-								height: 20
-							}), /* @__PURE__ */ (0, g.jsx)("div", {
-								className: f.debateNumberLabel,
-								children: /* @__PURE__ */ (0, g.jsx)(c, {
-									id: "vote.vote_box.votes",
-									values: { votesCount: M },
-									defaultMessage: "{votesCount} votes"
-								})
-							})]
-						})
-					}), /* @__PURE__ */ (0, g.jsx)(u, {
-						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, {
-								name: "chat",
-								width: 20,
-								height: 20
-							}), /* @__PURE__ */ (0, g.jsx)("div", {
-								className: f.debateNumberLabel,
-								children: /* @__PURE__ */ (0, g.jsx)(c, {
-									id: "vote.vote_box.comments",
-									values: { count: ue ?? 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", {
-							type: "button",
-							onClick: xe,
-							"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, {
-									id: "vote.vote_box.show_result",
-									defaultMessage: "Show result"
-								})
-							})
-						}) : /* @__PURE__ */ (0, g.jsx)(n, {
-							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, {
-									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 { _ as VoteBox };