@logora/debate 0.4.45 → 0.4.47

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

@@ -0,0 +1 @@
+._voteBox_1swmt_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1swmt_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1swmt_11{padding:0!important}._voteProgressHeader_1swmt_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_1swmt_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1swmt_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1swmt_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_1swmt_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_1swmt_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_1swmt_74{grid-template-columns:1fr}._voteAction_1swmt_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_1swmt_78._buttonAlignLeft_1swmt_88{justify-content:flex-start!important}button._voteButton_1swmt_92,a._voteButton_1swmt_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_1swmt_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1swmt_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1swmt_107{cursor:pointer}._voteBoxShowResult_1swmt_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1swmt_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1swmt_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1swmt_107 ._boldShowResult_1swmt_131{font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);color:var(--text-primary, #222222)}._outlined_1swmt_137{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1swmt_144{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_1swmt_156{text-align:center!important}}._voteBoxActionsBody_1swmt_66 ._voteAction_1swmt_78:first-child ._voteButton_1swmt_92,._voteBoxActionsBody_1swmt_66 ._voteAction_1swmt_78:first-child ._voteButton_1swmt_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_1swmt_66 ._voteAction_1swmt_78:nth-child(2) ._voteButton_1swmt_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1swmt_66 ._voteAction_1swmt_78:nth-child(2) ._voteButton_1swmt_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1swmt_66 ._voteAction_1swmt_78:nth-child(3) ._voteButton_1swmt_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_1swmt_66 ._voteAction_1swmt_78:nth-child(3) ._voteButton_1swmt_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}._voteBoxActionsBodyOutlined_1swmt_195 ._voteAction_1swmt_78:first-child ._voteButton_1swmt_92,._voteBoxActionsBodyOutlined_1swmt_195 ._voteAction_1swmt_78:first-child ._voteButton_1swmt_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1swmt_195 ._voteAction_1swmt_78:nth-child(2) ._voteButton_1swmt_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1swmt_195 ._voteAction_1swmt_78:nth-child(2) ._voteButton_1swmt_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1swmt_195 ._voteAction_1swmt_78:nth-child(3) ._voteButton_1swmt_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}._voteBoxActionsBodyOutlined_1swmt_195 ._voteAction_1swmt_78:nth-child(3) ._voteButton_1swmt_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_1swmt_234{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);font-variation-settings:var(--font-variation-bold, normal)}._voteActionButton_1swmt_234:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1swmt_250 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1swmt_255{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:2.2em}._progressBar_1swmt_261{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:100%}._voteResults_1swmt_11>div:first-child ._progress_1swmt_255 ._progressBar_1swmt_261{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1swmt_11>div:nth-child(2) ._progress_1swmt_255 ._progressBar_1swmt_261{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1swmt_11 div:nth-child(3) ._progress_1swmt_255 ._progressBar_1swmt_261{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteResultsOutlined_1swmt_278>div:first-child ._progress_1swmt_255{border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteResultsOutlined_1swmt_278>div:nth-child(2) ._progress_1swmt_255{border:1px solid var(--against-primary-color, #7980bb)!important}._voteResultsOutlined_1swmt_278>div:nth-child(3) ._progress_1swmt_255{border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1swmt_290{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_1swmt_298{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_1swmt_307{white-space:nowrap}._showResultButton_1swmt_311{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1swmt_311:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1swmt_324{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,17 +1,17 @@
-import { jsx as s, Fragment as pe, jsxs as l } from "react/jsx-runtime";
+import { jsx as s, Fragment as pe, jsxs as d } from "react/jsx-runtime";
 import P from "@rooks/use-sessionstorage-state";
-import d from "classnames";
-import { useState as b, useEffect as L } from "react";
+import c from "classnames";
+import { useState as b, useEffect as k } 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 { useTranslatedContent as T } from "../../translation/translated_content/useTranslatedContent.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 Be } from "../../data/config_provider/useConfig.js";
 import { useAuth as Ce } from "../../auth/use_auth/useAuth.js";
-import { Icon as T } from "../../icons/icon/Icon.js";
+import { Icon as O } from "../../icons/icon/Icon.js";
 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";
@@ -24,40 +24,40 @@ const We = ({
   displayColumn: j,
   textAlignLeft: ee,
   showTotal: te = !0,
-  voteBoxClassName: O,
-  buttonContainerClassName: F,
-  buttonClassName: E,
-  showResultClassName: I,
+  voteBoxClassName: F,
+  buttonContainerClassName: E,
+  buttonClassName: I,
+  showResultClassName: U,
   onVote: w,
   disabled: M = !1,
   showVotesCommentsNumber: oe = !1,
   commentsCount: se,
-  hideShowResultButton: U = !1
+  hideShowResultButton: H = !1
 }) => {
-  const [H, g] = b(!0), [c, A] = b(void 0), [p, f] = b(!1), [u, ae] = b(
+  const [$, g] = b(!0), [l, R] = b(void 0), [p, f] = b(!1), [u, ae] = b(
     Number.parseFloat(N.total) || Object.values(N).reduce(
       (e, t) => e + Number.parseFloat(t),
       0
     ) || 0
-  ), $ = k(
+  ), q = T(
     r[0]?.name,
     r[0]?.language,
     "name",
     r[0]?.translation_entries
-  ), q = k(
+  ), Y = T(
     r[1]?.name,
     r[1]?.language,
     "name",
     r[1]?.translation_entries
-  ), Y = k(
+  ), D = T(
     r[2]?.name,
     r[2]?.language,
     "name",
     r[2]?.translation_entries
-  ), [_, ne, D] = P(
+  ), [_, ne, G] = P(
     "storedUserVote",
     {}
-  ), [Ae, re, ie] = P("userSide", {}), { toast: G } = Ne() || {}, ce = () => {
+  ), [Re, re, ie] = P("userSide", {}), { toast: W } = Ne() || {}, le = () => {
     const e = {};
     return r?.forEach(
       (t) => e[t.id] = {
@@ -67,27 +67,27 @@ const We = ({
         )
       }
     ), e;
-  }, [i, W] = b(ce()), z = Se(), le = be(), y = we(), J = Be(), B = _e(), { isLoggedIn: C, isLoggingIn: K } = Ce();
-  L(() => {
+  }, [i, z] = b(le()), J = Se(), ce = be(), y = we(), A = Be(), B = _e(), { isLoggedIn: C, isLoggingIn: K } = Ce();
+  k(() => {
     K === !1 && (C ? ue(h) : g(!1));
-  }, [K, C]), L(() => {
-    if (H === !1 && !S) {
+  }, [K, C]), k(() => {
+    if ($ === !1 && !S) {
       const [e, t] = de();
       e && (t ? X(t) : f(!0));
     }
-  }, [H]), L(() => {
-    w && w(c);
-  }, [c]);
+  }, [$]), k(() => {
+    w && w(l);
+  }, [l]);
   const de = () => {
     if (_ && Object.keys(_).length !== 0)
-      return _.groupId === h && _.voteableType === v ? [!0, _.positionId] : (D(), [!1, !1]);
+      return _.groupId === h && _.voteableType === v ? [!0, _.positionId] : (G(), [!1, !1]);
     const e = new URLSearchParams(
-      typeof window < "u" ? window.location.search : le.search
+      typeof window < "u" ? window.location.search : ce.search
     ), t = !!e.get("initVote"), a = Number.parseInt(e.get("positionId")) || !1;
     return [t, a];
   }, ue = (e) => {
-    g(!0), w && w(c), y.getOneWithToken("votes", `${v.toLowerCase()}/${e}`, {}).then((t) => {
-      t.data.data.resource ? (A(t.data.data.resource), f(!0), g(!1)) : (g(!1), f(!1));
+    g(!0), w && w(l), y.getOneWithToken("votes", `${v.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);
     });
@@ -101,16 +101,16 @@ const We = ({
       groupId: h,
       voteableType: v,
       positionId: e
-    }), c ? (ve(e, c.position_id), p === !1 && R(), e !== c.position_id && y.update("votes", c.id, t).then((n) => {
-      n.data.success && (A(n.data.data.resource), G(
+    }), l ? (ve(e, l.position_id), p === !1 && L(), e !== l.position_id && y.update("votes", l.id, t).then((n) => {
+      n.data.success && (R(n.data.data.resource), W(
         B.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
         }),
         { type: "success" }
       ));
-    })) : (fe(e), R(), y.create("votes", t).then((n) => {
-      n.data.success && (A(n.data.data.resource), G(
+    })) : (fe(e), L(), y.create("votes", t).then((n) => {
+      n.data.success && (R(n.data.data.resource), W(
         B.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
@@ -133,7 +133,7 @@ const We = ({
           percentage: x(Z, a)
         };
       }
-    }), W(n), ae(a);
+    }), z(n), ae(a);
   }, ve = (e, t) => {
     if (t !== e) {
       const a = {
@@ -153,7 +153,7 @@ const We = ({
           )
         }
       };
-      W(a);
+      z(a);
     }
   }, Q = (e) => {
     const t = new URLSearchParams({
@@ -162,21 +162,21 @@ const We = ({
     });
     return S + `?${t.toString()}`;
   }, X = (e) => {
-    C ? Object.keys(i).includes(e.toString()) && (me(e), D()) : (Object.keys(i).includes(e.toString()) && ne({
+    C ? Object.keys(i).includes(e.toString()) && (me(e), G()) : (Object.keys(i).includes(e.toString()) && ne({
       groupId: h,
       voteableType: v,
       positionId: e
-    }), z({ loginAction: "vote" }));
-  }, R = () => {
+    }), J({ loginAction: "vote" }));
+  }, L = () => {
     p && ie(), f(!p);
   }, he = (e, t) => {
     let a;
-    t === 0 ? a = $.translatedContent : t === 1 ? a = q.translatedContent : t === 2 && (a = Y.translatedContent);
+    t === 0 ? a = q.translatedContent : t === 1 ? a = Y.translatedContent : t === 2 && (a = D.translatedContent);
     const n = typeof window < "u" && !S;
     return /* @__PURE__ */ s(
       "div",
       {
-        className: d(o.voteAction, {
+        className: c(o.voteAction, {
           [o.buttonAlignLeft]: o.buttonAlignLeft
         }),
         children: /* @__PURE__ */ s(
@@ -185,9 +185,9 @@ const We = ({
             "data-tid": "action_vote",
             type: "button",
             title: a,
-            className: d(o.voteButton, {
+            className: c(o.voteButton, {
               [o.textAlignLeft]: ee,
-              [E]: E
+              [I]: I
             }),
             onClick: n ? () => X(e.id) : null,
             disabled: M,
@@ -200,7 +200,7 @@ const We = ({
               "div",
               {
                 "data-tid": "action_vote",
-                className: d(o.voteButtonThesis, {
+                className: c(o.voteButtonThesis, {
                   [o.voteButtonThesisSynthesisMobile]: !j
                 }),
                 children: a
@@ -212,56 +212,64 @@ const We = ({
       t
     );
   }, ge = () => {
-    C || J.actions?.unloggedVoteResults === !0 ? f(!0) : z({ loginAction: "vote" });
+    C || A.actions?.unloggedVoteResults === !0 ? f(!0) : J({ loginAction: "vote" });
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: d(o.voteBox, { [O]: O }),
-      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: [
-            /* @__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: B.formatMessage({
-                        id: "vote.vote_box.vote_side"
-                      }) + a,
-                      className: o.sideIcon,
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ s(T, { name: "checkbox", width: 16, height: 16 })
-                    }
-                  ) : null
-                ]
-              }
-            ),
-            /* @__PURE__ */ l(
-              xe,
-              {
-                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: [
+      className: c(o.voteBox, { [F]: F }),
+      children: /* @__PURE__ */ s(pe, { children: p || M ? /* @__PURE__ */ d("div", { className: o.voteResultsBox, "data-testid": "voteResultsBox", children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: c(o.voteResults, {
+              [o.voteResultsOutlined]: A.layout?.outlinedVoteResults
+            }),
+            children: r.map((e, t) => {
+              let a;
+              return t === 0 ? a = q.translatedContent : t === 1 ? a = Y.translatedContent : t === 2 && (a = D.translatedContent), /* @__PURE__ */ d("div", { children: [
+                /* @__PURE__ */ d(
+                  "div",
+                  {
+                    className: t > 0 ? c(
+                      o.voteProgressHeader,
+                      o.voteProgressHeaderAgainst
+                    ) : o.voteProgressHeader,
+                    children: [
+                      a,
+                      " ",
+                      l && l.position_id === e.id ? /* @__PURE__ */ s(
+                        "span",
+                        {
+                          title: B.formatMessage({
+                            id: "vote.vote_box.vote_side"
+                          }) + a,
+                          className: o.sideIcon,
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ s(O, { name: "checkbox", width: 16, height: 16 })
+                        }
+                      ) : null
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ d(
+                  xe,
+                  {
+                    progress: i[e.id].percentage / 100,
+                    goal: 1,
+                    className: o.progress,
+                    innerClassName: o.progressBar,
+                    children: [
+                      i[e.id].percentage,
+                      "%"
+                    ]
+                  }
+                )
+              ] }, t);
+            })
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: o.voteBoxFooter, children: [
           te && /* @__PURE__ */ s("div", { className: o.voteResultsNumberVoters, children: /* @__PURE__ */ s(
             m,
             {
@@ -270,13 +278,13 @@ const We = ({
               defaultMessage: "{votesCount} votes"
             }
           ) }),
-          !M && /* @__PURE__ */ s("div", { children: c ? /* @__PURE__ */ s(
+          !M && /* @__PURE__ */ s("div", { children: l ? /* @__PURE__ */ s(
             "button",
             {
               "data-tid": "action_edit_vote",
               className: o.voteActionButton,
               type: "button",
-              onClick: R,
+              onClick: L,
               children: /* @__PURE__ */ s(
                 m,
                 {
@@ -285,7 +293,7 @@ const We = ({
                 }
               )
             }
-          ) : !U && /* @__PURE__ */ s(
+          ) : !H && /* @__PURE__ */ s(
             "button",
             {
               type: "button",
@@ -301,23 +309,23 @@ const We = ({
             }
           ) })
         ] })
-      ] }) : /* @__PURE__ */ l("div", { className: o.voteBoxActions, children: [
+      ] }) : /* @__PURE__ */ d("div", { className: o.voteBoxActions, children: [
         /* @__PURE__ */ s(
           "div",
           {
-            className: d(o.voteBoxActionsBody, {
+            className: c(o.voteBoxActionsBody, {
               [o.voteBoxActionsBodyColumn]: j,
-              [o.voteBoxActionsBodyOutlined]: J.layout?.outlinedVoteButtons,
-              [F]: F
+              [o.voteBoxActionsBodyOutlined]: A.layout?.outlinedVoteButtons,
+              [E]: E
             }),
             children: r.map(
               (e, t) => he(e, t)
             )
           }
         ),
-        oe && /* @__PURE__ */ l("div", { className: o.voteCommentCounts, children: [
-          /* @__PURE__ */ l("div", { className: o.debateNumberItem, children: [
-            /* @__PURE__ */ s(T, { name: "votebox", width: 20, height: 20 }),
+        oe && /* @__PURE__ */ d("div", { className: o.voteCommentCounts, children: [
+          /* @__PURE__ */ d("div", { className: o.debateNumberItem, children: [
+            /* @__PURE__ */ s(O, { name: "votebox", width: 20, height: 20 }),
             /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
               m,
               {
@@ -327,8 +335,8 @@ const We = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ l("div", { className: o.debateNumberItem, children: [
-            /* @__PURE__ */ s(T, { name: "chat", width: 20, height: 20 }),
+          /* @__PURE__ */ d("div", { className: o.debateNumberItem, children: [
+            /* @__PURE__ */ s(O, { name: "chat", width: 20, height: 20 }),
             /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
               m,
               {
@@ -342,12 +350,12 @@ const We = ({
         /* @__PURE__ */ s(
           "div",
           {
-            className: d(
+            className: c(
               o.voteBoxActions,
               o.voteBoxShowResultContainer,
-              { [I]: I }
+              { [U]: U }
             ),
-            children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: U ? !p && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children: B.formatMessage({
+            children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: H ? !p && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children: B.formatMessage({
               id: "vote.vote_box.result_after_vote",
               defaultMessage: "Le résultat s'affichera après le vote."
             }) }) : typeof window < "u" && !S ? /* @__PURE__ */ s(
@@ -358,7 +366,7 @@ const We = ({
                 "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(
+                children: /* @__PURE__ */ s("span", { className: c(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
                   m,
                   {
                     id: "vote.vote_box.show_result",
@@ -375,7 +383,7 @@ const We = ({
                 target: "_top",
                 external: !0,
                 "data-testid": "show-result",
-                children: /* @__PURE__ */ s("span", { className: d(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ s("span", { className: c(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
                   m,
                   {
                     id: "vote.vote_box.show_result",

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

@@ -1,65 +1,67 @@
-import '../../../assets/components/vote/vote_box/VoteBox.module-B8Gtalg7.css';const o = "_voteBox_1kfo8_3", t = "_voteResultsBox_1kfo8_11", e = "_voteResults_1kfo8_11", s = "_voteProgressHeader_1kfo8_22", n = "_voteProgressHeaderAgainst_1kfo8_35", _ = "_voteResultsNumberVoters_1kfo8_39", u = "_voteBoxFooter_1kfo8_47", v = "_voteBoxActions_1kfo8_56", B = "_voteBoxActionsBody_1kfo8_66", c = "_voteBoxActionsBodyColumn_1kfo8_74", r = "_voteAction_1kfo8_78", i = "_buttonAlignLeft_1kfo8_88", l = "_voteButton_1kfo8_92", f = "_textAlignLeft_1kfo8_103", d = "_voteBoxShowResultContainer_1kfo8_107", x = "_voteBoxShowResult_1kfo8_107", k = "_boldShowResult_1kfo8_131", b = "_outlined_1kfo8_137", A = "_voteButtonThesis_1kfo8_144", a = "_voteButtonThesisSynthesisMobile_1kfo8_156", R = "_voteBoxActionsBodyOutlined_1kfo8_195", g = "_voteActionButton_1kfo8_234", h = "_sideIcon_1kfo8_250", m = "_progress_1kfo8_255", y = "_progressBar_1kfo8_261", w = "_voteCommentCounts_1kfo8_290", C = "_debateNumberItem_1kfo8_298", S = "_debateNumberLabel_1kfo8_307", I = "_showResultButton_1kfo8_311", L = "_voteResultInfoText_1kfo8_324", N = {
-  voteBox: o,
-  voteResultsBox: t,
+import '../../../assets/components/vote/vote_box/VoteBox.module-DzckmyN1.css';const t = "_voteBox_1swmt_3", o = "_voteResultsBox_1swmt_11", e = "_voteResults_1swmt_11", s = "_voteProgressHeader_1swmt_22", n = "_voteProgressHeaderAgainst_1swmt_35", _ = "_voteResultsNumberVoters_1swmt_39", u = "_voteBoxFooter_1swmt_47", v = "_voteBoxActions_1swmt_56", l = "_voteBoxActionsBody_1swmt_66", i = "_voteBoxActionsBodyColumn_1swmt_74", B = "_voteAction_1swmt_78", c = "_buttonAlignLeft_1swmt_88", m = "_voteButton_1swmt_92", r = "_textAlignLeft_1swmt_103", w = "_voteBoxShowResultContainer_1swmt_107", d = "_voteBoxShowResult_1swmt_107", x = "_boldShowResult_1swmt_131", b = "_outlined_1swmt_137", A = "_voteButtonThesis_1swmt_144", R = "_voteButtonThesisSynthesisMobile_1swmt_156", a = "_voteBoxActionsBodyOutlined_1swmt_195", g = "_voteActionButton_1swmt_234", h = "_sideIcon_1swmt_250", y = "_progress_1swmt_255", C = "_progressBar_1swmt_261", S = "_voteResultsOutlined_1swmt_278", f = "_voteCommentCounts_1swmt_290", I = "_debateNumberItem_1swmt_298", L = "_debateNumberLabel_1swmt_307", N = "_showResultButton_1swmt_311", T = "_voteResultInfoText_1swmt_324", p = {
+  voteBox: t,
+  voteResultsBox: o,
   voteResults: e,
   voteProgressHeader: s,
   voteProgressHeaderAgainst: n,
   voteResultsNumberVoters: _,
   voteBoxFooter: u,
   voteBoxActions: v,
-  voteBoxActionsBody: B,
-  voteBoxActionsBodyColumn: c,
-  voteAction: r,
-  buttonAlignLeft: i,
-  voteButton: l,
-  textAlignLeft: f,
-  voteBoxShowResultContainer: d,
-  voteBoxShowResult: x,
-  boldShowResult: k,
+  voteBoxActionsBody: l,
+  voteBoxActionsBodyColumn: i,
+  voteAction: B,
+  buttonAlignLeft: c,
+  voteButton: m,
+  textAlignLeft: r,
+  voteBoxShowResultContainer: w,
+  voteBoxShowResult: d,
+  boldShowResult: x,
   outlined: b,
   voteButtonThesis: A,
-  voteButtonThesisSynthesisMobile: a,
-  voteBoxActionsBodyOutlined: R,
+  voteButtonThesisSynthesisMobile: R,
+  voteBoxActionsBodyOutlined: a,
   voteActionButton: g,
   sideIcon: h,
-  progress: m,
-  progressBar: y,
-  voteCommentCounts: w,
-  debateNumberItem: C,
-  debateNumberLabel: S,
-  showResultButton: I,
-  voteResultInfoText: L
+  progress: y,
+  progressBar: C,
+  voteResultsOutlined: S,
+  voteCommentCounts: f,
+  debateNumberItem: I,
+  debateNumberLabel: L,
+  showResultButton: N,
+  voteResultInfoText: T
 };
 export {
-  k as boldShowResult,
-  i as buttonAlignLeft,
-  C as debateNumberItem,
-  S as debateNumberLabel,
-  N as default,
+  x as boldShowResult,
+  c as buttonAlignLeft,
+  I as debateNumberItem,
+  L as debateNumberLabel,
+  p as default,
   b as outlined,
-  m as progress,
-  y as progressBar,
-  I as showResultButton,
+  y as progress,
+  C as progressBar,
+  N as showResultButton,
   h as sideIcon,
-  f as textAlignLeft,
-  r as voteAction,
+  r as textAlignLeft,
+  B as voteAction,
   g as voteActionButton,
-  o as voteBox,
+  t as voteBox,
   v as voteBoxActions,
-  B as voteBoxActionsBody,
-  c as voteBoxActionsBodyColumn,
-  R as voteBoxActionsBodyOutlined,
+  l as voteBoxActionsBody,
+  i as voteBoxActionsBodyColumn,
+  a as voteBoxActionsBodyOutlined,
   u as voteBoxFooter,
-  x as voteBoxShowResult,
-  d as voteBoxShowResultContainer,
-  l as voteButton,
+  d as voteBoxShowResult,
+  w as voteBoxShowResultContainer,
+  m as voteButton,
   A as voteButtonThesis,
-  a as voteButtonThesisSynthesisMobile,
-  w as voteCommentCounts,
+  R as voteButtonThesisSynthesisMobile,
+  f as voteCommentCounts,
   s as voteProgressHeader,
   n as voteProgressHeaderAgainst,
-  L as voteResultInfoText,
+  T as voteResultInfoText,
   e as voteResults,
-  t as voteResultsBox,
-  _ as voteResultsNumberVoters
+  o as voteResultsBox,
+  _ as voteResultsNumberVoters,
+  S as voteResultsOutlined
 };

package/package.json

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

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

@@ -1 +0,0 @@
-._voteBox_1kfo8_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1kfo8_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1kfo8_11{padding:0!important}._voteProgressHeader_1kfo8_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_1kfo8_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1kfo8_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1kfo8_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_1kfo8_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_1kfo8_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_1kfo8_74{grid-template-columns:1fr}._voteAction_1kfo8_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_1kfo8_78._buttonAlignLeft_1kfo8_88{justify-content:flex-start!important}button._voteButton_1kfo8_92,a._voteButton_1kfo8_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_1kfo8_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1kfo8_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1kfo8_107{cursor:pointer}._voteBoxShowResult_1kfo8_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1kfo8_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1kfo8_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1kfo8_107 ._boldShowResult_1kfo8_131{font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);color:var(--text-primary, #222222)}._outlined_1kfo8_137{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1kfo8_144{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_1kfo8_156{text-align:center!important}}._voteBoxActionsBody_1kfo8_66 ._voteAction_1kfo8_78:first-child ._voteButton_1kfo8_92,._voteBoxActionsBody_1kfo8_66 ._voteAction_1kfo8_78:first-child ._voteButton_1kfo8_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_1kfo8_66 ._voteAction_1kfo8_78:nth-child(2) ._voteButton_1kfo8_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1kfo8_66 ._voteAction_1kfo8_78:nth-child(2) ._voteButton_1kfo8_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1kfo8_66 ._voteAction_1kfo8_78:nth-child(3) ._voteButton_1kfo8_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_1kfo8_66 ._voteAction_1kfo8_78:nth-child(3) ._voteButton_1kfo8_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}._voteBoxActionsBodyOutlined_1kfo8_195 ._voteAction_1kfo8_78:first-child ._voteButton_1kfo8_92,._voteBoxActionsBodyOutlined_1kfo8_195 ._voteAction_1kfo8_78:first-child ._voteButton_1kfo8_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1kfo8_195 ._voteAction_1kfo8_78:nth-child(2) ._voteButton_1kfo8_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1kfo8_195 ._voteAction_1kfo8_78:nth-child(2) ._voteButton_1kfo8_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1kfo8_195 ._voteAction_1kfo8_78:nth-child(3) ._voteButton_1kfo8_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}._voteBoxActionsBodyOutlined_1kfo8_195 ._voteAction_1kfo8_78:nth-child(3) ._voteButton_1kfo8_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_1kfo8_234{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);font-variation-settings:var(--font-variation-bold, normal)}._voteActionButton_1kfo8_234:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1kfo8_250 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1kfo8_255{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:2.2em}._progressBar_1kfo8_261{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:100%}._voteResults_1kfo8_11>div:first-child ._progress_1kfo8_255 ._progressBar_1kfo8_261{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1kfo8_11>div:nth-child(2) ._progress_1kfo8_255 ._progressBar_1kfo8_261{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1kfo8_11 div:nth-child(3) ._progress_1kfo8_255 ._progressBar_1kfo8_261{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteResults_1kfo8_11>div:first-child ._progress_1kfo8_255{border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteResults_1kfo8_11>div:nth-child(2) ._progress_1kfo8_255{border:1px solid var(--against-primary-color, #7980bb)!important}._voteResults_1kfo8_11>div:nth-child(3) ._progress_1kfo8_255{border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1kfo8_290{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_1kfo8_298{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_1kfo8_307{white-space:nowrap}._showResultButton_1kfo8_311{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1kfo8_311:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1kfo8_324{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}