@logora/debate 0.3.9 → 0.3.10

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

@@ -0,0 +1 @@
+._voteBox_mqtqa_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_mqtqa_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_mqtqa_11{padding:0!important}._voteProgressHeader_mqtqa_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_mqtqa_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_mqtqa_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_mqtqa_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_mqtqa_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_mqtqa_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_mqtqa_74{grid-template-columns:1fr}._voteAction_mqtqa_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_mqtqa_78._buttonAlignLeft_mqtqa_88{justify-content:flex-start!important}button._voteButton_mqtqa_92,a._voteButton_mqtqa_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_mqtqa_103{justify-content:flex-start!important}._voteBoxShowResultContainer_mqtqa_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.5em}._voteBoxShowResult_mqtqa_107{cursor:pointer}._voteBoxShowResult_mqtqa_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_mqtqa_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_mqtqa_107 ._boldShowResult_mqtqa_127{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_mqtqa_132{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_mqtqa_139{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_mqtqa_151{text-align:center!important}}._voteBoxActionsBody_mqtqa_66 ._voteAction_mqtqa_78:first-child ._voteButton_mqtqa_92,._voteBoxActionsBody_mqtqa_66 ._voteAction_mqtqa_78:first-child ._voteButton_mqtqa_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_mqtqa_66 ._voteAction_mqtqa_78:nth-child(2) ._voteButton_mqtqa_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_mqtqa_66 ._voteAction_mqtqa_78:nth-child(2) ._voteButton_mqtqa_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_mqtqa_66 ._voteAction_mqtqa_78:nth-child(3) ._voteButton_mqtqa_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_mqtqa_66 ._voteAction_mqtqa_78:nth-child(3) ._voteButton_mqtqa_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_mqtqa_190{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)}._sideIcon_mqtqa_201 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_mqtqa_206{border-radius:10px;height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_mqtqa_212{border-radius:10px;height:25px}._voteResults_mqtqa_11>div:first-child ._progress_mqtqa_206 ._progressBar_mqtqa_212{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_mqtqa_11>div:nth-child(2) ._progress_mqtqa_206 ._progressBar_mqtqa_212{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_mqtqa_11 div:nth-child(3) ._progress_mqtqa_206 ._progressBar_mqtqa_212{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_mqtqa_229{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_mqtqa_237{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_mqtqa_246{white-space:nowrap}._showResultButton_mqtqa_250{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._voteResultInfoText_mqtqa_259{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,118 +1,119 @@
-import { jsx as s, Fragment as Se, jsxs as l } from "react/jsx-runtime";
+import { jsx as s, Fragment as be, 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 { 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 o from "./VoteBox.module.scss.js";
-import { useTranslatedContent as T } from "../../translation/translated_content/useTranslatedContent.js";
+import { useTranslatedContent as k } 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 { 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 { 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 Re } from "../../action/link/Link.js";
-import { Button as Ae } from "../../action/button/Button.js";
-const Qe = ({
-  numberVotes: _,
+import { Link as Ae } from "../../action/link/Link.js";
+import { Button as ye } from "../../action/button/Button.js";
+const Xe = ({
+  numberVotes: S,
   votePositions: r,
   voteableType: h,
-  voteableId: v,
+  voteableId: g,
   redirectUrl: w,
-  displayColumn: F,
+  displayColumn: j,
   textAlignLeft: te,
   showTotal: oe = !0,
-  voteBoxClassName: O,
-  buttonContainerClassName: H,
+  voteBoxClassName: F,
+  buttonContainerClassName: O,
   buttonClassName: E,
-  showResultClassName: U,
-  onVote: N,
+  showResultClassName: I,
+  onVote: C,
   disabled: V = !1,
   showVotesCommentsNumber: se = !1,
-  commentsCount: ae
+  commentsCount: ae,
+  hideShowResultButton: U = !1
 }) => {
-  const [I, g] = b(!0), [c, R] = b(void 0), [B, f] = b(!1), [u, ne] = b(
-    Number.parseFloat(_.total) || Object.values(_).reduce(
+  const [H, p] = N(!0), [i, R] = N(void 0), [_, f] = N(!1), [u, ne] = N(
+    Number.parseFloat(S.total) || Object.values(S).reduce(
       (e, t) => e + Number.parseFloat(t),
       0
     ) || 0
-  ), $ = T(
+  ), $ = k(
     r[0]?.name,
     r[0]?.language,
     "name",
     r[0]?.translation_entries
-  ), q = T(
+  ), q = k(
     r[1]?.name,
     r[1]?.language,
     "name",
     r[1]?.translation_entries
-  ), Y = T(
+  ), Y = k(
     r[2]?.name,
     r[2]?.language,
     "name",
     r[2]?.translation_entries
-  ), [p, re, D] = P(
+  ), [b, re, D] = P(
     "storedUserVote",
     {}
-  ), [ye, ie, ce] = P("userSide", {}), { toast: G } = we() || {}, { isMobile: W } = Ne(), le = () => {
+  ), [Le, ie, ce] = P("userSide", {}), { toast: G } = we() || {}, { isMobile: W } = Ce(), le = () => {
     const e = {};
     return r?.forEach(
       (t) => e[t.id] = {
-        count: Number.parseFloat(_[t.id]) || 0,
+        count: Number.parseFloat(S[t.id]) || 0,
         percentage: u === 0 ? 0 : Math.round(
-          100 * ((_[t.id] || 0) / u)
+          100 * ((S[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();
+  }, [c, z] = N(le()), J = xe(), de = Se(), A = Be(), ue = Me(), v = Ne(), { isLoggedIn: x, isLoggingIn: K } = Ve();
+  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));
     }
-  }, [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]);
+  }, [H]), L(() => {
+    C && C(i);
+  }, [i]);
+  const me = () => {
+    if (b && Object.keys(b).length !== 0)
+      return b.groupId === g && b.voteableType === h ? [!0, b.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));
+  }, fe = (e) => {
+    p(!0), C && C(i), 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));
     }).catch((t) => {
-      g(!1);
+      p(!1);
     });
-  }, x = (e, t) => t === 0 ? 0 : Math.round(100 * (e / t)), fe = (e) => {
+  }, B = (e, t) => t === 0 ? 0 : Math.round(100 * (e / t)), ve = (e) => {
     const t = {
-      voteable_id: v,
+      voteable_id: g,
       voteable_type: h || "Group",
       position_id: e
     };
     ie({
-      groupId: v,
+      groupId: g,
       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) => {
+    }), i ? (ge(e, i.position_id), _ === !1 && y(), e !== i.position_id && A.update("votes", i.id, t).then((n) => {
       n.data.success && (R(n.data.data.resource), G(
-        S.formatMessage({
+        v.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
         }),
         { type: "success" }
       ));
-    })) : (he(e), L(), A.create("votes", t).then((n) => {
+    })) : (he(e), y(), A.create("votes", t).then((n) => {
       n.data.success && (R(n.data.data.resource), G(
-        S.formatMessage({
+        v.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
         }),
@@ -120,36 +121,36 @@ const Qe = ({
       ));
     }));
   }, he = (e) => {
-    const t = i[e].count + 1, a = u + 1, n = {};
+    const t = c[e].count + 1, a = u + 1, n = {};
     r.forEach((M) => {
       if (e === M.id)
         n[M.id] = {
           count: t,
-          percentage: x(t, a)
+          percentage: B(t, a)
         };
       else {
-        const Z = i[M.id].count;
+        const Z = c[M.id].count;
         n[M.id] = {
           count: Z,
-          percentage: x(Z, a)
+          percentage: B(Z, a)
         };
       }
     }), z(n), ne(a);
-  }, ve = (e, t) => {
+  }, ge = (e, t) => {
     if (t !== e) {
       const a = {
-        ...i,
+        ...c,
         [t]: {
-          count: i[t].count - 1,
-          percentage: x(
-            i[t].count - 1,
+          count: c[t].count - 1,
+          percentage: B(
+            c[t].count - 1,
             u
           )
         },
         [e]: {
-          count: i[e].count + 1,
-          percentage: x(
-            i[e].count + 1,
+          count: c[e].count + 1,
+          percentage: B(
+            c[e].count + 1,
             u
           )
         }
@@ -163,14 +164,14 @@ const Qe = ({
     });
     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,
+    x ? Object.keys(c).includes(e.toString()) && (ve(e), D()) : (Object.keys(c).includes(e.toString()) && re({
+      groupId: g,
       voteableType: h,
       positionId: e
     }), J({ loginAction: "vote" }));
-  }, L = () => {
-    B && ce(), f(!B);
-  }, ge = (e, t) => {
+  }, y = () => {
+    _ && ce(), f(!_);
+  }, pe = (e, t) => {
     let a;
     t === 0 ? a = $.translatedContent : t === 1 ? a = q.translatedContent : t === 2 && (a = Y.translatedContent);
     const n = typeof window < "u" && !w;
@@ -181,7 +182,7 @@ const Qe = ({
           [o.buttonAlignLeft]: o.buttonAlignLeft
         }),
         children: /* @__PURE__ */ s(
-          Ae,
+          ye,
           {
             "data-tid": "action_vote",
             type: "button",
@@ -202,7 +203,7 @@ const Qe = ({
               {
                 "data-tid": "action_vote",
                 className: d(o.voteButtonThesis, {
-                  [o.voteButtonThesisSynthesisMobile]: !F
+                  [o.voteButtonThesisSynthesisMobile]: !j
                 }),
                 children: a
               }
@@ -212,14 +213,14 @@ const Qe = ({
       },
       t
     );
-  }, pe = () => {
-    C || y.actions?.unloggedVoteResults === !0 ? f(!0) : J({ loginAction: "vote" });
+  }, _e = () => {
+    x || ue.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: [
+      className: d(o.voteBox, { [F]: F }),
+      children: /* @__PURE__ */ s(be, { children: _ || 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: [
@@ -233,29 +234,29 @@ const Qe = ({
                 children: [
                   a,
                   " ",
-                  c && c.position_id === e.id ? /* @__PURE__ */ s(
+                  i && i.position_id === e.id ? /* @__PURE__ */ s(
                     "span",
                     {
-                      title: S.formatMessage({
+                      title: v.formatMessage({
                         id: "vote.vote_box.vote_side"
                       }) + a,
                       className: o.sideIcon,
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ s(j, { name: "checkbox", width: 16, height: 16 })
+                      children: /* @__PURE__ */ s(T, { name: "checkbox", width: 16, height: 16 })
                     }
                   ) : null
                 ]
               }
             ),
             /* @__PURE__ */ l(
-              Ve,
+              Re,
               {
-                progress: i[e.id].percentage / 100,
+                progress: c[e.id].percentage / 100,
                 goal: 1,
                 className: o.progress,
                 innerClassName: o.progressBar,
                 children: [
-                  i[e.id].percentage,
+                  c[e.id].percentage,
                   "%"
                 ]
               }
@@ -271,13 +272,13 @@ const Qe = ({
               defaultMessage: "{votesCount} votes"
             }
           ) }),
-          !V && /* @__PURE__ */ s("div", { children: c ? /* @__PURE__ */ s(
+          !V && /* @__PURE__ */ s("div", { children: i ? /* @__PURE__ */ s(
             "button",
             {
               "data-tid": "action_edit_vote",
               className: o.voteActionButton,
               type: "button",
-              onClick: L,
+              onClick: y,
               children: /* @__PURE__ */ s(
                 m,
                 {
@@ -286,7 +287,7 @@ const Qe = ({
                 }
               )
             }
-          ) : !y?.actions?.hideSHowResultButton && /* @__PURE__ */ s(
+          ) : !U && /* @__PURE__ */ s(
             "button",
             {
               type: "button",
@@ -307,11 +308,11 @@ const Qe = ({
           "div",
           {
             className: d(o.voteBoxActionsBody, {
-              [o.voteBoxActionsBodyColumn]: F,
-              [H]: H
+              [o.voteBoxActionsBodyColumn]: j,
+              [O]: O
             }),
             children: r.map(
-              (e, t) => ge(e, t)
+              (e, t) => pe(e, t)
             )
           }
         ),
@@ -320,12 +321,12 @@ const Qe = ({
             ee,
             {
               position: W ? "right" : "bottom",
-              text: S.formatMessage({
+              text: v.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(T, { name: "votebox", width: 20, height: 20 }),
                 /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
                   m,
                   {
@@ -341,12 +342,12 @@ const Qe = ({
             ee,
             {
               position: W ? "right" : "bottom",
-              text: S.formatMessage({
+              text: v.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(T, { name: "chat", width: 20, height: 20 }),
                 /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
                   m,
                   {
@@ -365,32 +366,29 @@ const Qe = ({
             className: d(
               o.voteBoxActions,
               o.voteBoxShowResultContainer,
-              { [U]: U }
+              { [I]: I }
             ),
-            children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: typeof window < "u" && !w ? !y?.actions?.hideSHowResultButton && /* @__PURE__ */ s(
+            children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: U ? !i && !_ && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children: v.formatMessage({
+              id: "vote.vote_box.result_after_vote",
+              defaultMessage: "Le résultat s'affichera après le vote."
+            }) }) : typeof window < "u" && !w ? /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                onClick: pe,
+                onClick: _e,
                 "data-tid": "show_vote_result",
                 "data-testid": "show-result",
                 className: o.showResultButton,
-                children: /* @__PURE__ */ s(
-                  "span",
+                children: /* @__PURE__ */ s("span", { className: d(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
+                  m,
                   {
-                    className: d(o.boldShowResult, o.outlined),
-                    children: /* @__PURE__ */ s(
-                      m,
-                      {
-                        id: "vote.vote_box.show_result",
-                        defaultMessage: "Show result"
-                      }
-                    )
+                    id: "vote.vote_box.show_result",
+                    defaultMessage: "Show result"
                   }
-                )
+                ) })
               }
             ) : /* @__PURE__ */ s(
-              Re,
+              Ae,
               {
                 to: Q(null),
                 rel: "nofollow",
@@ -398,19 +396,13 @@ const Qe = ({
                 target: "_top",
                 external: !0,
                 "data-testid": "show-result",
-                children: /* @__PURE__ */ s(
-                  "span",
+                children: /* @__PURE__ */ s("span", { className: d(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
+                  m,
                   {
-                    className: d(o.boldShowResult, o.outlined),
-                    children: /* @__PURE__ */ s(
-                      m,
-                      {
-                        id: "vote.vote_box.show_result",
-                        defaultMessage: "Show result"
-                      }
-                    )
+                    id: "vote.vote_box.show_result",
+                    defaultMessage: "Show result"
                   }
-                )
+                ) })
               }
             ) })
           }
@@ -420,5 +412,5 @@ const Qe = ({
   );
 };
 export {
-  Qe as VoteBox
+  Xe as VoteBox
 };

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

@@ -1,59 +1,63 @@
-import '../../../assets/components/vote/vote_box/VoteBox.module-BhTSjU8w.css';const o = "_voteBox_56m5v_3", t = "_voteResultsBox_56m5v_11", e = "_voteResults_56m5v_11", s = "_voteProgressHeader_56m5v_22", n = "_voteProgressHeaderAgainst_56m5v_35", v = "_voteResultsNumberVoters_56m5v_39", _ = "_voteBoxFooter_56m5v_47", u = "_voteBoxActions_56m5v_56", r = "_voteBoxActionsBody_56m5v_66", B = "_voteBoxActionsBodyColumn_56m5v_74", c = "_voteAction_56m5v_78", i = "_buttonAlignLeft_56m5v_88", m = "_voteButton_56m5v_92", l = "_textAlignLeft_56m5v_103", x = "_voteBoxShowResultContainer_56m5v_107", d = "_voteBoxShowResult_56m5v_107", A = "_boldShowResult_56m5v_127", g = "_outlined_56m5v_132", h = "_voteButtonThesis_56m5v_139", R = "_voteButtonThesisSynthesisMobile_56m5v_151", a = "_voteActionButton_56m5v_190", b = "_sideIcon_56m5v_201", w = "_progress_56m5v_206", C = "_progressBar_56m5v_212", S = "_voteCommentCounts_56m5v_229", y = "_debateNumberItem_56m5v_237", f = "_showResultButton_56m5v_245", p = {
-  voteBox: o,
-  voteResultsBox: t,
+import '../../../assets/components/vote/vote_box/VoteBox.module-Dss3uPgM.css';const t = "_voteBox_mqtqa_3", o = "_voteResultsBox_mqtqa_11", e = "_voteResults_mqtqa_11", s = "_voteProgressHeader_mqtqa_22", n = "_voteProgressHeaderAgainst_mqtqa_35", _ = "_voteResultsNumberVoters_mqtqa_39", u = "_voteBoxFooter_mqtqa_47", q = "_voteBoxActions_mqtqa_56", v = "_voteBoxActionsBody_mqtqa_66", a = "_voteBoxActionsBodyColumn_mqtqa_74", r = "_voteAction_mqtqa_78", m = "_buttonAlignLeft_mqtqa_88", c = "_voteButton_mqtqa_92", B = "_textAlignLeft_mqtqa_103", l = "_voteBoxShowResultContainer_mqtqa_107", i = "_voteBoxShowResult_mqtqa_107", x = "_boldShowResult_mqtqa_127", d = "_outlined_mqtqa_132", b = "_voteButtonThesis_mqtqa_139", A = "_voteButtonThesisSynthesisMobile_mqtqa_151", R = "_voteActionButton_mqtqa_190", g = "_sideIcon_mqtqa_201", h = "_progress_mqtqa_206", w = "_progressBar_mqtqa_212", C = "_voteCommentCounts_mqtqa_229", S = "_debateNumberItem_mqtqa_237", f = "_debateNumberLabel_mqtqa_246", y = "_showResultButton_mqtqa_250", I = "_voteResultInfoText_mqtqa_259", L = {
+  voteBox: t,
+  voteResultsBox: o,
   voteResults: e,
   voteProgressHeader: s,
   voteProgressHeaderAgainst: n,
-  voteResultsNumberVoters: v,
-  voteBoxFooter: _,
-  voteBoxActions: u,
-  voteBoxActionsBody: r,
-  voteBoxActionsBodyColumn: B,
-  voteAction: c,
-  buttonAlignLeft: i,
-  voteButton: m,
-  textAlignLeft: l,
-  voteBoxShowResultContainer: x,
-  voteBoxShowResult: d,
-  boldShowResult: A,
-  outlined: g,
-  voteButtonThesis: h,
-  voteButtonThesisSynthesisMobile: R,
-  voteActionButton: a,
-  sideIcon: b,
-  progress: w,
-  progressBar: C,
-  voteCommentCounts: S,
-  debateNumberItem: y,
-  showResultButton: f
+  voteResultsNumberVoters: _,
+  voteBoxFooter: u,
+  voteBoxActions: q,
+  voteBoxActionsBody: v,
+  voteBoxActionsBodyColumn: a,
+  voteAction: r,
+  buttonAlignLeft: m,
+  voteButton: c,
+  textAlignLeft: B,
+  voteBoxShowResultContainer: l,
+  voteBoxShowResult: i,
+  boldShowResult: x,
+  outlined: d,
+  voteButtonThesis: b,
+  voteButtonThesisSynthesisMobile: A,
+  voteActionButton: R,
+  sideIcon: g,
+  progress: h,
+  progressBar: w,
+  voteCommentCounts: C,
+  debateNumberItem: S,
+  debateNumberLabel: f,
+  showResultButton: y,
+  voteResultInfoText: I
 };
 export {
-  A as boldShowResult,
-  i as buttonAlignLeft,
-  y as debateNumberItem,
-  p as default,
-  g as outlined,
-  w as progress,
-  C as progressBar,
-  f as showResultButton,
-  b as sideIcon,
-  l as textAlignLeft,
-  c as voteAction,
-  a as voteActionButton,
-  o as voteBox,
-  u as voteBoxActions,
-  r as voteBoxActionsBody,
-  B as voteBoxActionsBodyColumn,
-  _ as voteBoxFooter,
-  d as voteBoxShowResult,
-  x as voteBoxShowResultContainer,
-  m as voteButton,
-  h as voteButtonThesis,
-  R as voteButtonThesisSynthesisMobile,
-  S as voteCommentCounts,
+  x as boldShowResult,
+  m as buttonAlignLeft,
+  S as debateNumberItem,
+  f as debateNumberLabel,
+  L as default,
+  d as outlined,
+  h as progress,
+  w as progressBar,
+  y as showResultButton,
+  g as sideIcon,
+  B as textAlignLeft,
+  r as voteAction,
+  R as voteActionButton,
+  t as voteBox,
+  q as voteBoxActions,
+  v as voteBoxActionsBody,
+  a as voteBoxActionsBodyColumn,
+  u as voteBoxFooter,
+  i as voteBoxShowResult,
+  l as voteBoxShowResultContainer,
+  c as voteButton,
+  b as voteButtonThesis,
+  A as voteButtonThesisSynthesisMobile,
+  C as voteCommentCounts,
   s as voteProgressHeader,
   n as voteProgressHeaderAgainst,
+  I as voteResultInfoText,
   e as voteResults,
-  t as voteResultsBox,
-  v as voteResultsNumberVoters
+  o as voteResultsBox,
+  _ as voteResultsNumberVoters
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",
@@ -112,5 +112,6 @@
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router": "^6.29.0",
     "react-router-dom": "^6.29.0"
-  }
+  },
+  "packageManager": "pnpm@10.26.0+sha512.3b3f6c725ebe712506c0ab1ad4133cf86b1f4b687effce62a9b38b4d72e3954242e643190fc51fa1642949c735f403debd44f5cb0edd657abe63a8b6a7e1e402"
 }

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

@@ -1 +0,0 @@
-._voteBox_56m5v_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_56m5v_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_56m5v_11{padding:0!important}._voteProgressHeader_56m5v_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_56m5v_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_56m5v_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_56m5v_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_56m5v_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_56m5v_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_56m5v_74{grid-template-columns:1fr}._voteAction_56m5v_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_56m5v_78._buttonAlignLeft_56m5v_88{justify-content:flex-start!important}button._voteButton_56m5v_92,a._voteButton_56m5v_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_56m5v_103{justify-content:flex-start!important}._voteBoxShowResultContainer_56m5v_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.5em}._voteBoxShowResult_56m5v_107{cursor:pointer}._voteBoxShowResult_56m5v_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_56m5v_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_56m5v_107 ._boldShowResult_56m5v_127{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_56m5v_132{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_56m5v_139{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_56m5v_151{text-align:center!important}}._voteBoxActionsBody_56m5v_66 ._voteAction_56m5v_78:first-child ._voteButton_56m5v_92,._voteBoxActionsBody_56m5v_66 ._voteAction_56m5v_78:first-child ._voteButton_56m5v_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_56m5v_66 ._voteAction_56m5v_78:nth-child(2) ._voteButton_56m5v_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_56m5v_66 ._voteAction_56m5v_78:nth-child(2) ._voteButton_56m5v_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_56m5v_66 ._voteAction_56m5v_78:nth-child(3) ._voteButton_56m5v_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_56m5v_66 ._voteAction_56m5v_78:nth-child(3) ._voteButton_56m5v_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_56m5v_190{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)}._sideIcon_56m5v_201 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_56m5v_206{border-radius:10px;height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_56m5v_212{border-radius:10px;height:25px}._voteResults_56m5v_11>div:first-child ._progress_56m5v_206 ._progressBar_56m5v_212{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_56m5v_11>div:nth-child(2) ._progress_56m5v_206 ._progressBar_56m5v_212{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_56m5v_11 div:nth-child(3) ._progress_56m5v_206 ._progressBar_56m5v_212{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_56m5v_229{display:flex;align-items:center;gap:var(--spacer-xl, calc(var(--space-unit, 1em) * 3));width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_56m5v_237{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)}._showResultButton_56m5v_245{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}