@logora/debate 0.3.30 → 0.3.31

package/dist/assets/components/vote/vote_box/VoteBox.module-C9Q6gBw3.css

@@ -0,0 +1 @@
+._voteBox_e0cdc_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_e0cdc_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_e0cdc_11{padding:0!important}._voteProgressHeader_e0cdc_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_e0cdc_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_e0cdc_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_e0cdc_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_e0cdc_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_e0cdc_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_e0cdc_74{grid-template-columns:1fr}._voteAction_e0cdc_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_e0cdc_78._buttonAlignLeft_e0cdc_88{justify-content:flex-start!important}button._voteButton_e0cdc_92,a._voteButton_e0cdc_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_e0cdc_103{justify-content:flex-start!important}._voteBoxShowResultContainer_e0cdc_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_e0cdc_107{cursor:pointer}._voteBoxShowResult_e0cdc_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_e0cdc_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_e0cdc_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_e0cdc_107 ._boldShowResult_e0cdc_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_e0cdc_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_e0cdc_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_e0cdc_155{text-align:center!important}}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:first-child ._voteButton_e0cdc_92,._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:first-child ._voteButton_e0cdc_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(2) ._voteButton_e0cdc_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(2) ._voteButton_e0cdc_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(3) ._voteButton_e0cdc_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(3) ._voteButton_e0cdc_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_e0cdc_194{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_e0cdc_194:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_e0cdc_209 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_e0cdc_214{border-radius:10px;height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_e0cdc_220{border-radius:10px;height:25px}._voteResults_e0cdc_11>div:first-child ._progress_e0cdc_214 ._progressBar_e0cdc_220{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_e0cdc_11>div:nth-child(2) ._progress_e0cdc_214 ._progressBar_e0cdc_220{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_e0cdc_11 div:nth-child(3) ._progress_e0cdc_214 ._progressBar_e0cdc_220{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_e0cdc_237{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_e0cdc_245{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_e0cdc_254{white-space:nowrap}._showResultButton_e0cdc_258{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_e0cdc_258:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_e0cdc_271{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}

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

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

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

@@ -1,63 +1,63 @@
-import '../../../assets/components/vote/vote_box/VoteBox.module-CDrqb2SZ.css';const t = "_voteBox_29yqs_3", o = "_voteResultsBox_29yqs_11", e = "_voteResults_29yqs_11", s = "_voteProgressHeader_29yqs_22", n = "_voteProgressHeaderAgainst_29yqs_35", _ = "_voteResultsNumberVoters_29yqs_39", u = "_voteBoxFooter_29yqs_47", v = "_voteBoxActions_29yqs_56", r = "_voteBoxActionsBody_29yqs_66", c = "_voteBoxActionsBodyColumn_29yqs_74", B = "_voteAction_29yqs_78", l = "_buttonAlignLeft_29yqs_88", i = "_voteButton_29yqs_92", y = "_textAlignLeft_29yqs_103", x = "_voteBoxShowResultContainer_29yqs_107", q = "_voteBoxShowResult_29yqs_107", d = "_boldShowResult_29yqs_131", b = "_outlined_29yqs_136", a = "_voteButtonThesis_29yqs_143", A = "_voteButtonThesisSynthesisMobile_29yqs_155", R = "_voteActionButton_29yqs_194", g = "_sideIcon_29yqs_209", h = "_progress_29yqs_214", m = "_progressBar_29yqs_220", w = "_voteCommentCounts_29yqs_237", C = "_debateNumberItem_29yqs_245", S = "_debateNumberLabel_29yqs_254", f = "_showResultButton_29yqs_258", I = "_voteResultInfoText_29yqs_271", L = {
+import '../../../assets/components/vote/vote_box/VoteBox.module-C9Q6gBw3.css';const t = "_voteBox_e0cdc_3", o = "_voteResultsBox_e0cdc_11", e = "_voteResults_e0cdc_11", s = "_voteProgressHeader_e0cdc_22", c = "_voteProgressHeaderAgainst_e0cdc_35", n = "_voteResultsNumberVoters_e0cdc_39", _ = "_voteBoxFooter_e0cdc_47", u = "_voteBoxActions_e0cdc_56", d = "_voteBoxActionsBody_e0cdc_66", v = "_voteBoxActionsBodyColumn_e0cdc_74", r = "_voteAction_e0cdc_78", B = "_buttonAlignLeft_e0cdc_88", l = "_voteButton_e0cdc_92", i = "_textAlignLeft_e0cdc_103", x = "_voteBoxShowResultContainer_e0cdc_107", b = "_voteBoxShowResult_e0cdc_107", a = "_boldShowResult_e0cdc_131", A = "_outlined_e0cdc_136", R = "_voteButtonThesis_e0cdc_143", g = "_voteButtonThesisSynthesisMobile_e0cdc_155", h = "_voteActionButton_e0cdc_194", m = "_sideIcon_e0cdc_209", w = "_progress_e0cdc_214", C = "_progressBar_e0cdc_220", S = "_voteCommentCounts_e0cdc_237", f = "_debateNumberItem_e0cdc_245", y = "_debateNumberLabel_e0cdc_254", I = "_showResultButton_e0cdc_258", L = "_voteResultInfoText_e0cdc_271", N = {
   voteBox: t,
   voteResultsBox: o,
   voteResults: e,
   voteProgressHeader: s,
-  voteProgressHeaderAgainst: n,
-  voteResultsNumberVoters: _,
-  voteBoxFooter: u,
-  voteBoxActions: v,
-  voteBoxActionsBody: r,
-  voteBoxActionsBodyColumn: c,
-  voteAction: B,
-  buttonAlignLeft: l,
-  voteButton: i,
-  textAlignLeft: y,
+  voteProgressHeaderAgainst: c,
+  voteResultsNumberVoters: n,
+  voteBoxFooter: _,
+  voteBoxActions: u,
+  voteBoxActionsBody: d,
+  voteBoxActionsBodyColumn: v,
+  voteAction: r,
+  buttonAlignLeft: B,
+  voteButton: l,
+  textAlignLeft: i,
   voteBoxShowResultContainer: x,
-  voteBoxShowResult: q,
-  boldShowResult: d,
-  outlined: b,
-  voteButtonThesis: a,
-  voteButtonThesisSynthesisMobile: A,
-  voteActionButton: R,
-  sideIcon: g,
-  progress: h,
-  progressBar: m,
-  voteCommentCounts: w,
-  debateNumberItem: C,
-  debateNumberLabel: S,
-  showResultButton: f,
-  voteResultInfoText: I
+  voteBoxShowResult: b,
+  boldShowResult: a,
+  outlined: A,
+  voteButtonThesis: R,
+  voteButtonThesisSynthesisMobile: g,
+  voteActionButton: h,
+  sideIcon: m,
+  progress: w,
+  progressBar: C,
+  voteCommentCounts: S,
+  debateNumberItem: f,
+  debateNumberLabel: y,
+  showResultButton: I,
+  voteResultInfoText: L
 };
 export {
-  d as boldShowResult,
-  l as buttonAlignLeft,
-  C as debateNumberItem,
-  S as debateNumberLabel,
-  L as default,
-  b as outlined,
-  h as progress,
-  m as progressBar,
-  f as showResultButton,
-  g as sideIcon,
-  y as textAlignLeft,
-  B as voteAction,
-  R as voteActionButton,
+  a as boldShowResult,
+  B as buttonAlignLeft,
+  f as debateNumberItem,
+  y as debateNumberLabel,
+  N as default,
+  A as outlined,
+  w as progress,
+  C as progressBar,
+  I as showResultButton,
+  m as sideIcon,
+  i as textAlignLeft,
+  r as voteAction,
+  h as voteActionButton,
   t as voteBox,
-  v as voteBoxActions,
-  r as voteBoxActionsBody,
-  c as voteBoxActionsBodyColumn,
-  u as voteBoxFooter,
-  q as voteBoxShowResult,
+  u as voteBoxActions,
+  d as voteBoxActionsBody,
+  v as voteBoxActionsBodyColumn,
+  _ as voteBoxFooter,
+  b as voteBoxShowResult,
   x as voteBoxShowResultContainer,
-  i as voteButton,
-  a as voteButtonThesis,
-  A as voteButtonThesisSynthesisMobile,
-  w as voteCommentCounts,
+  l as voteButton,
+  R as voteButtonThesis,
+  g as voteButtonThesisSynthesisMobile,
+  S as voteCommentCounts,
   s as voteProgressHeader,
-  n as voteProgressHeaderAgainst,
-  I as voteResultInfoText,
+  c as voteProgressHeaderAgainst,
+  L as voteResultInfoText,
   e as voteResults,
   o as voteResultsBox,
-  _ as voteResultsNumberVoters
+  n as voteResultsNumberVoters
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

package/src/components/styles/theme/_theme.scss

@@ -9,7 +9,6 @@ $connected-green: var(--connected-green, #80d764);
 $announcement-primary: var(--announcement-primary, #cce5ff);
 $announcement-text-primary: var(--announcement-text-primary, #004085);
 $background-color-container: var(--background-color-container, white);
-$background-color-container-dark: var(--background-color-container-dark, #000000);
 $background-color-primary: var(--background-color-primary, white);
 $background-color-secondary: var(--background-color-secondary ,#E8E8E8);
 $box-shadow: var(--box-shadow, 0px 2px 5px rgba(7,42,68, 0.1));

package/dist/assets/components/vote/vote_box/VoteBox.module-CDrqb2SZ.css

@@ -1 +0,0 @@
-._voteBox_29yqs_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_29yqs_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_29yqs_11{padding:0!important}._voteProgressHeader_29yqs_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_29yqs_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_29yqs_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_29yqs_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_29yqs_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_29yqs_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_29yqs_74{grid-template-columns:1fr}._voteAction_29yqs_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_29yqs_78._buttonAlignLeft_29yqs_88{justify-content:flex-start!important}button._voteButton_29yqs_92,a._voteButton_29yqs_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_29yqs_103{justify-content:flex-start!important}._voteBoxShowResultContainer_29yqs_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_29yqs_107{cursor:pointer}._voteBoxShowResult_29yqs_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_29yqs_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_29yqs_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_29yqs_107 ._boldShowResult_29yqs_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_29yqs_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_29yqs_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_29yqs_155{text-align:center!important}}._voteBoxActionsBody_29yqs_66 ._voteAction_29yqs_78:first-child ._voteButton_29yqs_92,._voteBoxActionsBody_29yqs_66 ._voteAction_29yqs_78:first-child ._voteButton_29yqs_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_29yqs_66 ._voteAction_29yqs_78:nth-child(2) ._voteButton_29yqs_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_29yqs_66 ._voteAction_29yqs_78:nth-child(2) ._voteButton_29yqs_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_29yqs_66 ._voteAction_29yqs_78:nth-child(3) ._voteButton_29yqs_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_29yqs_66 ._voteAction_29yqs_78:nth-child(3) ._voteButton_29yqs_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_29yqs_194{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_29yqs_194:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_29yqs_209 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_29yqs_214{border-radius:10px;height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_29yqs_220{border-radius:10px;height:25px}._voteResults_29yqs_11>div:first-child ._progress_29yqs_214 ._progressBar_29yqs_220{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_29yqs_11>div:nth-child(2) ._progress_29yqs_214 ._progressBar_29yqs_220{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_29yqs_11 div:nth-child(3) ._progress_29yqs_214 ._progressBar_29yqs_220{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_29yqs_237{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_29yqs_245{display:flex;align-items:center;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_29yqs_254{white-space:nowrap}._showResultButton_29yqs_258{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_29yqs_258:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_29yqs_271{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}