@logora/debate 0.4.60 → 0.4.61

package/dist/components/auth/use_auth/authTokenHandler.js

@@ -1,41 +1,46 @@
-import { makeStorage as u } from "./AuthStorage.js";
-const m = (a, k, f) => {
-  const c = u(f), i = () => c.getToken(), d = () => {
-    c.removeToken();
-  }, _ = (e, s) => {
+import { makeStorage as g } from "./AuthStorage.js";
+const y = (i, k, _) => {
+  const a = g(_), l = () => a.getToken(), d = () => {
+    a.removeToken();
+  }, f = (e, r) => {
     const t = {
       ...e,
       expires_at: e.created_at + e.expires_in,
-      session_id: s
+      session_id: r
     };
-    c.setToken(t);
-  }, T = (e) => {
-    const s = e.session_id;
-    return new Promise((t, r) => a.post(k, e).then((n) => {
+    a.setToken(t);
+  };
+  let s = null;
+  const h = (e) => {
+    if (s) return s;
+    const r = e.session_id, t = new Promise((c, u) => i.post(k, e).then((n) => {
       if (n.data.access_token) {
-        const h = n.data;
-        _(h, s), t(n);
+        const T = n.data;
+        f(T, r), c(n);
       } else
-        r(n);
+        u(n);
     }).catch((n) => {
-      r(n);
-    }));
+      u(n);
+    })).finally(() => {
+      s = null;
+    });
+    return s = t, t;
   };
   let o = null;
   return {
-    getToken: i,
+    getToken: l,
     removeToken: d,
-    fetchToken: T,
+    fetchToken: h,
     refreshToken: () => {
       if (o) return o;
-      const e = i(), s = {
+      const e = l(), r = {
         grant_type: "refresh_token",
         refresh_token: e.refresh_token
       };
-      return o = a.post(k, s).then((t) => {
+      return o = i.post(k, r).then((t) => {
         if (t.data.access_token) {
-          const r = t.data;
-          return _(r, e.session_id), r.access_token;
+          const c = t.data;
+          return f(c, e.session_id), c.access_token;
         }
         return Promise.reject(t);
       }).finally(() => {
@@ -45,5 +50,5 @@ const m = (a, k, f) => {
   };
 };
 export {
-  m as authTokenHandler
+  y as authTokenHandler
 };

package/dist/components/vote/suggestion_vote_box/SuggestionVoteBox.js

@@ -1,31 +1,31 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { Suspense as M } from "react";
-import { useIntl as x } from "react-intl";
+import { jsxs as M, jsx as e } from "react/jsx-runtime";
+import { Suspense as x } from "react";
+import { useIntl as _ } from "react-intl";
 import a from "./SuggestionVoteBox.module.scss.js";
-import { useAuth as _ } from "../../auth/use_auth/useAuth.js";
-import { useVote as b } from "../use_vote/useVote.js";
-import { useModal as w } from "../../dialog/modal/useModal.js";
+import { useAuth as w } from "../../auth/use_auth/useAuth.js";
+import { useVote as y } from "../use_vote/useVote.js";
+import { useModal as C } from "../../dialog/modal/useModal.js";
 import { Button as r } from "../../action/button/Button.js";
-import { Icon as l } from "../../icons/icon/Icon.js";
-import { ConfirmModal as y } from "../../dialog/confirm_modal/ConfirmModal.js";
-const A = ({
-  voteableType: u,
-  voteableId: d,
+import { Icon as d } from "../../icons/icon/Icon.js";
+import { ConfirmModal as I } from "../../dialog/confirm_modal/ConfirmModal.js";
+const Y = ({
+  voteableType: l,
+  voteableId: u,
   totalUpvote: m = 0,
-  totalDownvote: f = 0,
-  onVote: c,
-  disabled: o = !1
+  totalDownvote: c = 0,
+  onVote: f,
+  disabled: g = !1
 }) => {
-  const t = x(), { isLoggedIn: g } = _(), { activeVote: s, voteSide: n, handleVote: i } = b(
+  const t = _(), { isLoggedIn: h } = w(), { activeVote: s, voteSide: i, handleVote: n, voteLoading: v } = y(
+    l,
     u,
-    d,
     m,
-    f,
-    c
-  ), { showModal: h } = w(), v = () => {
-    g && (s && !n ? i(!1) : h(
-      /* @__PURE__ */ e(M, { fallback: null, children: /* @__PURE__ */ e(
-        y,
+    c,
+    f
+  ), { showModal: p } = C(), o = g || v, b = () => {
+    h && (s && !i ? n(!1) : p(
+      /* @__PURE__ */ e(x, { fallback: null, children: /* @__PURE__ */ e(
+        I,
         {
           title: t.formatMessage({
             id: "vote.suggestion_vote_box.downvote",
@@ -43,21 +43,21 @@ const A = ({
             id: "info.no",
             defaultMessage: "No"
           }),
-          onConfirmCallback: () => i(!1)
+          onConfirmCallback: () => n(!1)
         }
       ) })
     ));
   };
-  return /* @__PURE__ */ p("div", { className: a.voteButtonsContainer, children: [
+  return /* @__PURE__ */ M("div", { className: a.voteButtonsContainer, children: [
     /* @__PURE__ */ e(
       r,
       {
         type: "button",
-        onClick: o ? null : () => i(!0),
+        onClick: o ? null : () => n(!0),
         "data-testid": "upvote-button",
         disabled: o,
         rightIcon: /* @__PURE__ */ e(
-          l,
+          d,
           {
             name: "check",
             width: 20,
@@ -66,7 +66,7 @@ const A = ({
             "aria-hidden": "true"
           }
         ),
-        active: !(s && n),
+        active: !(s && i),
         children: /* @__PURE__ */ e("span", { className: a.text, children: t.formatMessage({
           id: "vote.suggestion_vote_box.upvote",
           defaultMessage: "I'm interested"
@@ -77,10 +77,10 @@ const A = ({
       r,
       {
         type: "button",
-        onClick: o ? null : () => v(),
+        onClick: o ? null : () => b(),
         disabled: o,
-        rightIcon: /* @__PURE__ */ e(l, { name: "close", width: 10, height: 10, "aria-hidden": "true" }),
-        active: !(s && !n),
+        rightIcon: /* @__PURE__ */ e(d, { name: "close", width: 10, height: 10, "aria-hidden": "true" }),
+        active: !(s && !i),
         children: /* @__PURE__ */ e("span", { className: a.text, children: t.formatMessage({
           id: "vote.suggestion_vote_box.downvote",
           defaultMessage: "Not interested"
@@ -90,5 +90,5 @@ const A = ({
   ] });
 };
 export {
-  A as SuggestionVoteBox
+  Y as SuggestionVoteBox
 };

package/dist/components/vote/up_down_vote_box/UpDownVoteBox.js

@@ -1,74 +1,74 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import l from "classnames";
+import d from "classnames";
 import "react";
-import { useIntl as w } from "react-intl";
+import { useIntl as x } from "react-intl";
 import e from "./UpDownVoteBox.module.scss.js";
-import { useVote as x } from "../use_vote/useVote.js";
-import { Icon as d } from "../../icons/icon/Icon.js";
-const j = ({
-  voteableType: p,
-  voteableId: v,
-  totalUpvote: m = 0,
-  totalDownvote: c = 0,
-  disabled: t = !1,
-  hideDownvotes: u = !1
+import { useVote as g } from "../use_vote/useVote.js";
+import { Icon as r } from "../../icons/icon/Icon.js";
+const k = ({
+  voteableType: v,
+  voteableId: p,
+  totalUpvote: c = 0,
+  totalDownvote: m = 0,
+  disabled: u = !1,
+  hideDownvotes: f = !1
 }) => {
-  const { totalUpvotes: f, totalDownvotes: h, activeVote: s, voteSide: n, handleVote: i } = x(p, v, m, c), r = w();
+  const { totalUpvotes: h, totalDownvotes: b, activeVote: s, voteSide: i, handleVote: n, voteLoading: w } = g(v, p, c, m), l = x(), t = u || w;
   return /* @__PURE__ */ a("div", { className: e.container, children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: l(e.upvoteContainer, {
+        className: d(e.upvoteContainer, {
           [e.disabled]: t,
-          [e.active]: s && n
+          [e.active]: s && i
         }),
-        onClick: t ? null : () => i(!0),
+        onClick: t ? null : () => n(!0),
         "data-testid": "upvote-button",
         children: [
           /* @__PURE__ */ o(
-            d,
+            r,
             {
               name: "upvote",
               width: 27,
               height: 25,
-              "aria-label": r.formatMessage({
+              "aria-label": l.formatMessage({
                 id: "vote.up_down_vote_box.supporters",
                 defaultMessage: "supporters"
               })
             }
           ),
-          /* @__PURE__ */ o("div", { className: e.voteText, children: f })
+          /* @__PURE__ */ o("div", { className: e.voteText, children: h })
         ]
       }
     ),
     /* @__PURE__ */ a(
       "div",
       {
-        className: l(e.downvoteContainer, {
+        className: d(e.downvoteContainer, {
           [e.disabled]: t,
-          [e.active]: s && !n
+          [e.active]: s && !i
         }),
-        onClick: t ? null : () => i(!1),
+        onClick: t ? null : () => n(!1),
         "data-testid": "downvote-button",
         children: [
           /* @__PURE__ */ o(
-            d,
+            r,
             {
               name: "downvote",
               width: 27,
               height: 25,
-              "aria-label": r.formatMessage({
+              "aria-label": l.formatMessage({
                 id: "vote.up_down_vote_box.opponents",
                 defaultMessage: "opponents"
               })
             }
           ),
-          !u && /* @__PURE__ */ o("div", { className: e.voteText, children: h })
+          !f && /* @__PURE__ */ o("div", { className: e.voteText, children: b })
         ]
       }
     )
   ] });
 };
 export {
-  j as UpDownVoteBox
+  k as UpDownVoteBox
 };

package/dist/components/vote/use_vote/useVote.js

@@ -1,46 +1,46 @@
-import { useContext as B, useState as n, useEffect as E } from "react";
-import { VoteContext as H } from "../vote_provider/VoteProvider.js";
-import { useAuth as I } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as L } from "../../data/data_provider/useDataProvider.js";
-import { useAuthRequired as O } from "../../hooks/use_auth_required/useAuthRequired.js";
-const K = (x, d, S, q, w = null) => {
-  const { votes: f } = B(H), { isLoggedIn: i } = I(), V = L(), [D, h] = n(!1), [A, T] = n(!0), [_, m] = n(), [r, g] = n(S), [u, v] = n(q), [y, s] = n(!1), [C, b] = n(!1), j = O();
-  E(() => {
-    if (!C && i && Object.keys(f).length > 0 && d in f) {
+import { useContext as H, useState as n, useEffect as I } from "react";
+import { VoteContext as O } from "../vote_provider/VoteProvider.js";
+import { useAuth as P } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as R } from "../../data/data_provider/useDataProvider.js";
+import { useAuthRequired as z } from "../../hooks/use_auth_required/useAuthRequired.js";
+const W = (x, d, L, S, v = null) => {
+  const { votes: f, voteableIds: w, votesLoading: q } = H(O), { isLoggedIn: i } = P(), V = R(), A = Array.isArray(w) && w.includes(d) && q, [T, h] = n(!1), [D, g] = n(!0), [b, m] = n(), [l, _] = n(L), [u, y] = n(S), [C, s] = n(!1), [j, k] = n(!1), B = z();
+  I(() => {
+    if (!j && i && Object.keys(f).length > 0 && d in f) {
       const e = f[d];
-      b(!0), h(!!e), T(e?.is_upvote), m(e?.id);
+      k(!0), h(!!e), g(e?.is_upvote), m(e?.id);
     }
   }, [f, i]);
-  const c = (e) => {
-    h(!0), T(e);
-    const t = e ? r + 1 : r, o = e ? u : u + 1;
-    w?.(e, !0, t, o), e ? g((a) => a + 1) : v((a) => a + 1);
-  }, l = (e) => {
+  const r = (e) => {
+    h(!0), g(e);
+    const t = e ? l + 1 : l, o = e ? u : u + 1;
+    v?.(e, !0, t, o), e ? _((a) => a + 1) : y((a) => a + 1);
+  }, c = (e) => {
     h(!1);
-    const t = e ? r - 1 : r, o = e ? u : u - 1;
-    w?.(e, !1, t, o), e ? g((a) => a - 1) : v((a) => a - 1);
-  }, k = (e) => {
-    if (b(!0), D)
-      if (A === e)
-        l(e), s(!0), V.delete("votes", _).then(
+    const t = e ? l - 1 : l, o = e ? u : u - 1;
+    v?.(e, !1, t, o), e ? _((a) => a - 1) : y((a) => a - 1);
+  }, E = (e) => {
+    if (k(!0), T)
+      if (D === e)
+        c(e), s(!0), V.delete("votes", b).then(
           (t) => {
-            t.data?.success ? m(null) : c(e), s(!1);
+            t.data?.success ? m(null) : r(e), s(!1);
           },
           (t) => {
-            c(e), s(!1);
+            r(e), s(!1);
           }
         );
       else {
-        l(!e), c(e);
+        c(!e), r(e);
         const t = {
           is_upvote: e
         };
-        s(!0), V.update("votes", _, t).then(
+        s(!0), V.update("votes", b, t).then(
           (o) => {
-            o.data?.success || (l(e), c(!e)), s(!1);
+            o.data?.success || (c(e), r(!e)), s(!1);
           },
           (o) => {
-            l(e), c(!e), s(!1);
+            c(e), r(!e), s(!1);
           }
         );
       }
@@ -50,26 +50,27 @@ const K = (x, d, S, q, w = null) => {
         voteable_type: x,
         is_upvote: e
       };
-      c(e), s(!0), V.create("votes", t).then(
+      r(e), s(!0), V.create("votes", t).then(
         (o) => {
-          o.data?.success ? m(o.data.data.resource.id) : l(e), s(!1);
+          o.data?.success ? m(o.data.data.resource.id) : c(e), s(!1);
         },
         (o) => {
-          l(e), s(!1);
+          c(e), s(!1);
         }
       );
     }
   };
   return {
-    totalUpvotes: r,
+    totalUpvotes: l,
     totalDownvotes: u,
-    activeVote: D,
-    voteSide: A,
+    activeVote: T,
+    voteSide: D,
     handleVote: (e) => {
-      y || (i ? k(e) : j({ loginAction: "vote" }));
-    }
+      !C && !A && (i ? E(e) : B({ loginAction: "vote" }));
+    },
+    voteLoading: A
   };
 };
 export {
-  K as useVote
+  W as useVote
 };

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 P from "@rooks/use-sessionstorage-state";
 import d from "classnames";
-import { useState as b, useEffect as L } from "react";
-import { useIntl as _e, FormattedMessage as m } from "react-intl";
+import { useState as b, useEffect as k } from "react";
+import { useIntl as _e, FormattedMessage as f } 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 j } 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";
@@ -21,35 +21,35 @@ const We = ({
   voteableType: v,
   voteableId: h,
   redirectUrl: S,
-  displayColumn: j,
+  displayColumn: O,
   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,
+  disabled: A = !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 [B, g] = b(!0), [c, y] = b(void 0), [p, m] = b(!1), [u, ae] = b(
     Number.parseFloat(N.total) || Object.values(N).reduce(
       (e, t) => e + Number.parseFloat(t),
       0
     ) || 0
-  ), $ = k(
+  ), $ = T(
     r[0]?.name,
     r[0]?.language,
     "name",
     r[0]?.translation_entries
-  ), q = k(
+  ), q = T(
     r[1]?.name,
     r[1]?.language,
     "name",
     r[1]?.translation_entries
-  ), Y = k(
+  ), Y = T(
     r[2]?.name,
     r[2]?.language,
     "name",
@@ -67,15 +67,15 @@ const We = ({
         )
       }
     ), e;
-  }, [i, W] = b(ce()), z = Se(), le = be(), y = we(), J = Be(), B = _e(), { isLoggedIn: C, isLoggingIn: K } = Ce();
-  L(() => {
-    K === !1 && (C ? ue(h) : g(!1));
-  }, [K, C]), L(() => {
-    if (H === !1 && !S) {
+  }, [i, W] = b(ce()), z = Se(), le = be(), R = we(), J = Be(), C = _e(), { isLoggedIn: x, isLoggingIn: K } = Ce();
+  k(() => {
+    K === !1 && (x ? ue(h) : g(!1));
+  }, [K, x]), k(() => {
+    if (B === !1 && !S) {
       const [e, t] = de();
-      e && (t ? X(t) : f(!0));
+      e && (t ? X(t) : m(!0));
     }
-  }, [H]), L(() => {
+  }, [B]), k(() => {
     w && w(c);
   }, [c]);
   const de = () => {
@@ -86,12 +86,12 @@ const We = ({
     ), 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(c), R.getOneWithToken("votes", `${v.toLowerCase()}/${e}`, {}).then((t) => {
+      t.data.data.resource ? (y(t.data.data.resource), m(!0), g(!1)) : (g(!1), m(!1));
     }).catch((t) => {
       g(!1);
     });
-  }, x = (e, t) => t === 0 ? 0 : Math.round(100 * (e / t)), me = (e) => {
+  }, V = (e, t) => t === 0 ? 0 : Math.round(100 * (e / t)), fe = (e) => {
     const t = {
       voteable_id: h,
       voteable_type: v || "Group",
@@ -101,36 +101,36 @@ 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(
-        B.formatMessage({
+    }), c ? (ve(e, c.position_id), p === !1 && L(), e !== c.position_id && R.update("votes", c.id, t).then((n) => {
+      n.data.success && (y(n.data.data.resource), G(
+        C.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(
-        B.formatMessage({
+    })) : (me(e), L(), R.create("votes", t).then((n) => {
+      n.data.success && (y(n.data.data.resource), G(
+        C.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
         }),
         { type: "success" }
       ));
     }));
-  }, fe = (e) => {
+  }, me = (e) => {
     const t = i[e].count + 1, a = u + 1, n = {};
-    r.forEach((V) => {
-      if (e === V.id)
-        n[V.id] = {
+    r.forEach((M) => {
+      if (e === M.id)
+        n[M.id] = {
           count: t,
-          percentage: x(t, a)
+          percentage: V(t, a)
         };
       else {
-        const Z = i[V.id].count;
-        n[V.id] = {
+        const Z = i[M.id].count;
+        n[M.id] = {
           count: Z,
-          percentage: x(Z, a)
+          percentage: V(Z, a)
         };
       }
     }), W(n), ae(a);
@@ -140,14 +140,14 @@ const We = ({
         ...i,
         [t]: {
           count: i[t].count - 1,
-          percentage: x(
+          percentage: V(
             i[t].count - 1,
             u
           )
         },
         [e]: {
           count: i[e].count + 1,
-          percentage: x(
+          percentage: V(
             i[e].count + 1,
             u
           )
@@ -162,13 +162,13 @@ 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({
+    B || (x ? Object.keys(i).includes(e.toString()) && (fe(e), D()) : (Object.keys(i).includes(e.toString()) && ne({
       groupId: h,
       voteableType: v,
       positionId: e
-    }), z({ loginAction: "vote" }));
-  }, R = () => {
-    p && ie(), f(!p);
+    }), z({ loginAction: "vote" })));
+  }, L = () => {
+    p && ie(), m(!p);
   }, he = (e, t) => {
     let a;
     t === 0 ? a = $.translatedContent : t === 1 ? a = q.translatedContent : t === 2 && (a = Y.translatedContent);
@@ -187,10 +187,10 @@ const We = ({
             title: a,
             className: d(o.voteButton, {
               [o.textAlignLeft]: ee,
-              [E]: E
+              [I]: I
             }),
             onClick: n ? () => X(e.id) : null,
-            disabled: M,
+            disabled: A || n && B,
             "data-testid": "voteButton",
             to: n ? null : Q(e.id),
             target: n ? null : "_top",
@@ -201,7 +201,7 @@ const We = ({
               {
                 "data-tid": "action_vote",
                 className: d(o.voteButtonThesis, {
-                  [o.voteButtonThesisSynthesisMobile]: !j
+                  [o.voteButtonThesisSynthesisMobile]: !O
                 }),
                 children: a
               }
@@ -212,13 +212,13 @@ const We = ({
       t
     );
   }, ge = () => {
-    C || J.actions?.unloggedVoteResults === !0 ? f(!0) : z({ loginAction: "vote" });
+    x || J.actions?.unloggedVoteResults === !0 ? m(!0) : z({ 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: [
+      className: d(o.voteBox, { [F]: F }),
+      children: /* @__PURE__ */ s(pe, { children: p || A ? /* @__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: [
@@ -235,12 +235,12 @@ const We = ({
                   c && c.position_id === e.id ? /* @__PURE__ */ s(
                     "span",
                     {
-                      title: B.formatMessage({
+                      title: C.formatMessage({
                         id: "vote.vote_box.vote_side"
                       }) + a,
                       className: o.sideIcon,
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ s(T, { name: "checkbox", width: 16, height: 16 })
+                      children: /* @__PURE__ */ s(j, { name: "checkbox", width: 16, height: 16 })
                     }
                   ) : null
                 ]
@@ -263,36 +263,36 @@ const We = ({
         }) }),
         /* @__PURE__ */ l("div", { className: o.voteBoxFooter, children: [
           te && /* @__PURE__ */ s("div", { className: o.voteResultsNumberVoters, children: /* @__PURE__ */ s(
-            m,
+            f,
             {
               id: "vote.vote_box.votes",
               values: { votesCount: u },
               defaultMessage: "{votesCount} votes"
             }
           ) }),
-          !M && /* @__PURE__ */ s("div", { children: c ? /* @__PURE__ */ s(
+          !A && /* @__PURE__ */ s("div", { children: c ? /* @__PURE__ */ s(
             "button",
             {
               "data-tid": "action_edit_vote",
               className: o.voteActionButton,
               type: "button",
-              onClick: R,
+              onClick: L,
               children: /* @__PURE__ */ s(
-                m,
+                f,
                 {
                   id: "vote.vote_box.update",
                   defaultMessage: "Modify"
                 }
               )
             }
-          ) : !U && /* @__PURE__ */ s(
+          ) : !H && /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: o.voteActionButton,
-              onClick: () => f(!1),
+              onClick: () => m(!1),
               children: /* @__PURE__ */ s(
-                m,
+                f,
                 {
                   id: "vote.vote_box.back",
                   defaultMessage: "Back to vote"
@@ -306,9 +306,9 @@ const We = ({
           "div",
           {
             className: d(o.voteBoxActionsBody, {
-              [o.voteBoxActionsBodyColumn]: j,
+              [o.voteBoxActionsBodyColumn]: O,
               [o.voteBoxActionsBodyOutlined]: J.layout?.outlinedVoteButtons,
-              [F]: F
+              [E]: E
             }),
             children: r.map(
               (e, t) => he(e, t)
@@ -317,9 +317,9 @@ const We = ({
         ),
         oe && /* @__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(j, { name: "votebox", width: 20, height: 20 }),
             /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
-              m,
+              f,
               {
                 id: "vote.vote_box.votes",
                 values: { votesCount: u },
@@ -328,9 +328,9 @@ const We = ({
             ) })
           ] }),
           /* @__PURE__ */ l("div", { className: o.debateNumberItem, children: [
-            /* @__PURE__ */ s(T, { name: "chat", width: 20, height: 20 }),
+            /* @__PURE__ */ s(j, { name: "chat", width: 20, height: 20 }),
             /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
-              m,
+              f,
               {
                 id: "vote.vote_box.comments",
                 values: { count: se ?? 0 },
@@ -345,9 +345,9 @@ const We = ({
             className: d(
               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: C.formatMessage({
               id: "vote.vote_box.result_after_vote",
               defaultMessage: "Le résultat s'affichera après le vote."
             }) }) : typeof window < "u" && !S ? /* @__PURE__ */ s(
@@ -359,7 +359,7 @@ const We = ({
                 "data-testid": "show-result",
                 className: o.showResultButton,
                 children: /* @__PURE__ */ s("span", { className: d(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
-                  m,
+                  f,
                   {
                     id: "vote.vote_box.show_result",
                     defaultMessage: "Show result"
@@ -376,7 +376,7 @@ const We = ({
                 external: !0,
                 "data-testid": "show-result",
                 children: /* @__PURE__ */ s("span", { className: d(o.boldShowResult, o.outlined), children: /* @__PURE__ */ s(
-                  m,
+                  f,
                   {
                     id: "vote.vote_box.show_result",
                     defaultMessage: "Show result"

package/dist/components/vote/vote_button/VoteButton.js

@@ -1,44 +1,45 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import p from "classnames";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import v from "classnames";
 import "react";
-import { useIntl as v } from "react-intl";
+import { useIntl as f } from "react-intl";
 import t from "./VoteButton.module.scss.js";
-import { useVote as f } from "../use_vote/useVote.js";
-import { Icon as b } from "../../icons/icon/Icon.js";
-const k = ({
-  voteableType: r,
-  voteableId: i,
+import { useVote as g } from "../use_vote/useVote.js";
+import { Icon as h } from "../../icons/icon/Icon.js";
+const B = ({
+  voteableType: i,
+  voteableId: r,
   totalUpvote: n = 0,
   totalDownvote: s = 0,
-  activeClassName: m,
-  disabled: o = !1
+  activeClassName: l,
+  disabled: d = !1
 }) => {
-  const { totalUpvotes: l, activeVote: e, handleVote: u } = f(
-    r,
+  const { totalUpvotes: m, activeVote: e, handleVote: u, voteLoading: c } = g(
     i,
+    r,
     n,
     s
-  ), c = v();
-  return /* @__PURE__ */ d(
+  ), p = f(), o = d || c;
+  return /* @__PURE__ */ b(
     "button",
     {
       type: "button",
-      className: p(t.voteButton, {
+      className: v(t.voteButton, {
         [t.active]: e,
-        [m]: e,
+        [l]: e,
         [t.disabled]: o
       }),
       onClick: o ? null : () => u(!0),
+      disabled: o,
       "data-testid": "vote-button",
       "data-tid": "action_vote_argument",
       "aria-pressed": e,
-      "aria-label": c.formatMessage({
+      "aria-label": p.formatMessage({
         id: "vote.vote_button.aria_label",
         defaultMessage: "Like argument"
       }),
       children: [
         /* @__PURE__ */ a(
-          b,
+          h,
           {
             name: "clap",
             "aria-hidden": "true",
@@ -47,11 +48,11 @@ const k = ({
             width: 18
           }
         ),
-        /* @__PURE__ */ a("span", { className: t.voteNumber, children: l })
+        /* @__PURE__ */ a("span", { className: t.voteNumber, children: m })
       ]
     }
   );
 };
 export {
-  k as VoteButton
+  B as VoteButton
 };

package/dist/components/vote/vote_provider/VoteProvider.js

@@ -1,37 +1,37 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { createContext as b, useState as i, useEffect as h } from "react";
-import { useDataProvider as x } from "../../data/data_provider/useDataProvider.js";
-import { useAuth as I } from "../../auth/use_auth/useAuth.js";
-const P = b(), D = ({ voteableType: s, children: c }) => {
-  const u = x(), { isLoggedIn: n, currentUser: l } = I(), [m, v] = i({}), [t, f] = i([]), p = () => {
-    u.getList("votes", {
+import { jsx as h } from "react/jsx-runtime";
+import { createContext as x, useState as n, useEffect as L } from "react";
+import { useDataProvider as I } from "../../data/data_provider/useDataProvider.js";
+import { useAuth as P } from "../../auth/use_auth/useAuth.js";
+const j = x(), E = ({ voteableType: s, children: l }) => {
+  const u = I(), { isLoggedIn: r, currentUser: f } = P(), [v, g] = n({}), [t, m] = n([]), [p, d] = n(!1), V = () => {
+    d(!0), u.getList("votes", {
       page: 1,
       per_page: Math.max(1, t.length),
-      user_id: l.id,
+      user_id: f.id,
       voteable_id: t.join(","),
       voteable_type: s,
       countless: !0
     }).then((e) => {
       if (e.data.success) {
-        const a = e.data.data, r = {};
+        const a = e.data.data, i = {};
         t.map((o) => {
-          const V = a.find(
-            (d) => d.voteable_id === o && d.voteable_type === s
+          const b = a.find(
+            (c) => c.voteable_id === o && c.voteable_type === s
           );
-          r[o] = V || null;
-        }), v((o) => ({ ...o, ...r }));
+          i[o] = b || null;
+        }), g((o) => ({ ...o, ...i }));
       }
-    });
+    }).finally(() => d(!1));
   };
-  h(() => {
-    n && s && t && t.length > 0 && p();
-  }, [n, t]);
-  const g = (e) => {
-    f((a) => [...a, ...e]);
+  L(() => {
+    r && s && t && t.length > 0 && V();
+  }, [r, t]);
+  const _ = (e) => {
+    m((a) => [...a, ...e]);
   };
-  return /* @__PURE__ */ _(P.Provider, { value: { votes: m, addVoteableIds: g }, children: c });
+  return /* @__PURE__ */ h(j.Provider, { value: { votes: v, voteableIds: t, votesLoading: p, addVoteableIds: _ }, children: l });
 };
 export {
-  P as VoteContext,
-  D as VoteProvider
+  j as VoteContext,
+  E as VoteProvider
 };

package/package.json

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