@logora/debate 0.4.38 → 0.4.40

package/dist/components/argument/argument/Argument.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as l, Fragment as f } from "react/jsx-runtime";
-import B from "classnames";
+import E from "classnames";
 import { useState as y, useEffect as le, useCallback as ne, Suspense as de, lazy as ce } from "react";
 import { useIntl as pe } from "react-intl";
 import s from "./Argument.module.scss.js";
@@ -12,40 +12,40 @@ import { useTranslatedContent as D } from "../../translation/translated_content/
 import { SourceListItem as _e } from "../../source/source_list_item/SourceListItem.js";
 import { HashScroll as ge } from "../../tools/hash_scroll/HashScroll.js";
 import { ContentHeader as be } from "../../user_content/content_header/ContentHeader.js";
-import { Icon as E } from "../../icons/icon/Icon.js";
+import { Icon as F } from "../../icons/icon/Icon.js";
 import { ReadMore as Me } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as ve } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as Ie } from "../../user_content/content_footer/ContentFooter.js";
+import { TranslationButton as Ie } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as ve } from "../../user_content/content_footer/ContentFooter.js";
 import { VoteButton as Ce } from "../../vote/vote_button/VoteButton.js";
 import { VotePaginatedList as Se } from "../../list/paginated_list/VotePaginatedList.js";
 import { UserContentSkeleton as Re } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
 import { Button as Te } from "../../action/button/Button.js";
-const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), F = (e) => e?.replace(/ /g, " "), we = ({
+const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), P = (e) => e?.replace(/ /g, " "), we = ({
   argument: e,
   argumentReplies: n,
   nestingLevel: _ = 0,
-  maxNestingLevel: S = 2,
-  groupType: R,
-  groupName: T,
+  maxNestingLevel: R = 2,
+  groupType: T,
+  groupName: N,
   positions: g = [],
-  disableLinks: P = !1,
+  disableLinks: j = !1,
   parentArgument: c,
-  flashParent: j,
-  expandable: G,
+  flashParent: G,
+  expandable: V,
   disabled: b = !1,
-  hideFooter: N = !1,
-  hideReplies: w,
+  hideFooter: w = !1,
+  hideReplies: A,
   vote: H,
-  fixedContentHeight: V = !1,
-  enableEdition: z = !0,
-  enableDeletion: O = !0,
-  deleteListId: Y,
-  showModerationFeedback: q,
-  lineCount: J = 5,
-  replyRedirectUrl: K,
-  hideContent: Q = !1
+  fixedContentHeight: z = !1,
+  enableEdition: O = !0,
+  enableDeletion: Y = !0,
+  deleteListId: q,
+  showModerationFeedback: J,
+  lineCount: K = 5,
+  replyRedirectUrl: Q,
+  hideContent: W = !1
 }) => {
-  const a = pe(), { isLoggedIn: W, currentUser: p } = he(), A = p?.moderation_status === "banned", r = fe(), X = ye(), [m, M] = y(!1), [Z, x] = y(!1), [ee, te] = y(!1), L = ue(e), [u, v] = y(), h = D(
+  const a = pe(), { isLoggedIn: x, currentUser: p } = he(), M = p?.moderation_status === "banned", r = fe(), X = ye(), [m, I] = y(!1), [Z, L] = y(!1), [ee, te] = y(!1), U = ue(e), [u, v] = y(), h = D(
     e.content,
     e.language,
     "content",
@@ -55,19 +55,19 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), I = `argument_${e.id}`, C = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
+  ), C = `argument_${e.id}`, S = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
   le(() => {
     n !== void 0 && ae();
   }, [n]);
   const se = (t) => {
-    if (I === t) {
+    if (C === t) {
       const d = document.getElementById(t);
-      d && d.scrollIntoView({ behavior: "smooth" }), x(!0);
+      d && d.scrollIntoView({ behavior: "smooth" }), L(!0);
     }
-  }, U = () => {
-    te((t) => !t);
   }, k = () => {
-    M((t) => !t), v([]);
+    te((t) => !t);
+  }, $ = () => {
+    I((t) => !t), v([]);
   }, re = (t) => {
     if (!u?.find((i) => i.id === t.id))
       return t;
@@ -85,37 +85,37 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
       const t = n.filter(
         (i) => i.reply_to_id === e.id
       );
-      t.length > 0 && (v(t), M(!0));
+      t.length > 0 && (v(t), I(!0));
     }
-  }, $ = (t = null) => /* @__PURE__ */ o(
+  }, B = (t = null) => /* @__PURE__ */ o(
     Ae,
     {
       ...t ? { argument: t } : {},
       nestingLevel: _ + 1,
-      maxNestingLevel: S,
+      maxNestingLevel: R,
       disabled: b,
-      groupName: T,
-      groupType: R,
+      groupName: N,
+      groupType: T,
       positions: g,
       argumentReplies: n,
       parentArgument: e,
       flashParent: (i) => se(`argument_${i}`)
     }
   );
-  return /* @__PURE__ */ l(ge, { elementId: I, onScroll: () => x(!0), children: [
+  return /* @__PURE__ */ l(ge, { elementId: C, onScroll: () => L(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
-        className: B(
+        className: E(
           s.argument,
           {
             [s.flash]: Z,
             [s.argumentReply]: e.is_reply === !0
           },
           s[`level-${_}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && S}`]
         ),
-        id: I,
+        id: C,
         children: [
           /* @__PURE__ */ o(
             be,
@@ -124,10 +124,10 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
               author: e.author,
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : oe.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${C}`],
-              disableLinks: P,
+              tagClassName: s[`headerPosition-${S}`],
+              disableLinks: j,
               isDeleted: e.is_deleted,
-              showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
+              showModerationFeedback: J ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
               moderationReason: e.moderation_entry?.moderation_reason,
               moderationNotes: e.moderation_entry?.moderator_notes,
               moderationPolicyUrl: r.provider?.userGuideUrl
@@ -136,22 +136,22 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
           e.is_deleted ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "info.deleted_by_user",
             defaultMessage: "Content deleted by the user"
-          }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
+          }) }) : W ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
           }) }) : /* @__PURE__ */ l(f, { children: [
             /* @__PURE__ */ l(
               "div",
               {
-                className: B(s.argumentBody, {
-                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1
+                className: E(s.argumentBody, {
+                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? z : !1
                 }),
                 children: [
                   e.is_reply && c && /* @__PURE__ */ l(
                     "div",
                     {
                       className: s.replyTo,
-                      onClick: () => j(c.id),
+                      onClick: () => G(c.id),
                       children: [
                         a.formatMessage({
                           id: "info.replying_to",
@@ -162,7 +162,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                             id: "info.deleted",
                             defaultMessage: "Deleted"
                           }) : c.author.full_name,
-                          /* @__PURE__ */ o(E, { name: "chat", height: 16 })
+                          /* @__PURE__ */ o(F, { name: "chat", height: 16 })
                         ] })
                       ]
                     }
@@ -175,22 +175,22 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                           id: "argument.argument.updated",
                           defaultMessage: "Updated argument"
                         }) }),
-                        L && !h.isTranslated ? /* @__PURE__ */ o(
+                        U && !h.isTranslated ? /* @__PURE__ */ o(
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: F(L) }
+                            dangerouslySetInnerHTML: { __html: P(U) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: F(h.translatedContent) }),
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: P(h.translatedContent) }),
                         h.isTranslated && /* @__PURE__ */ o(
-                          ve,
+                          Ie,
                           {
                             language: e.language,
                             callback: () => h.toggleContent()
                           }
                         )
                       ] }),
-                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? J : void 0,
+                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? K : void 0,
                       readMoreText: a.formatMessage({
                         id: "action.read_more",
                         defaultMessage: "Read more"
@@ -199,7 +199,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                         id: "action.read_less",
                         defaultMessage: "Read less"
                       }),
-                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? G : !1,
+                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1,
                       readMoreClassName: e.is_reply ? s.replyStyle : s.argumentStyle
                     }
                   )
@@ -208,18 +208,19 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
             ),
             e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(ie) })
           ] }),
-          !N && !e.is_deleted && /* @__PURE__ */ o(
-            Ie,
+          !w && !e.is_deleted && /* @__PURE__ */ o(
+            ve,
             {
               resource: e,
-              disabled: b || e.status === "rejected" || e.status === "pending" || !W && r?.actions?.disableInputForVisitor === !0 || A,
+              disabled: b || e.status === "rejected" || e.status === "pending" || !x && r?.actions?.disableInputForVisitor === !0 || M,
+              disableEdition: e.status === "rejected" || !x && r?.actions?.disableInputForVisitor === !0 || M,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
-              deleteListId: Y,
-              enableReply: _ <= S || p.role === "editor" || p.role === "moderator",
-              handleReplyTo: U,
-              replyRedirectUrl: K,
+              deleteListId: q,
+              enableReply: _ <= R || p.role === "editor" || p.role === "moderator",
+              handleReplyTo: k,
+              replyRedirectUrl: Q,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
               shareTitle: a.formatMessage({
                 id: "share.argument.title",
@@ -234,8 +235,8 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
               showShareText: !0,
               showShareButton: r?.actions?.hideShareButton !== !0,
               enableReport: !(e.score === 100 && e.manual_score),
-              enableEdition: z,
-              enableDeletion: O,
+              enableEdition: O,
+              enableDeletion: Y,
               children: /* @__PURE__ */ o(
                 Ce,
                 {
@@ -243,32 +244,32 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${C}`],
-                  disabled: e.status === "rejected" || p?.id === e?.author?.id || A
+                  activeClassName: s[`voteButtonPosition-${S}`],
+                  disabled: e.status === "rejected" || p?.id === e?.author?.id || M
                 }
               )
             }
           ),
-          !N && !w && /* @__PURE__ */ o(
+          !w && !A && /* @__PURE__ */ o(
             me,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
               expandReplies: m,
-              onToggleReplies: k,
+              onToggleReplies: $,
               isReply: e.is_reply
             }
           )
         ]
       }
     ),
-    !w && /* @__PURE__ */ l(f, { children: [
+    !A && /* @__PURE__ */ l(f, { children: [
       ee && /* @__PURE__ */ o(de, { fallback: null, children: /* @__PURE__ */ o(
         Ne,
         {
           groupId: e.group_id,
-          groupType: R,
-          groupName: T,
+          groupType: T,
+          groupName: N,
           positions: g,
           parentId: e.id,
           positionId: H?.position_id,
@@ -276,7 +277,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
           hideSourceAction: r?.actions?.disableUserSources || !1,
           onSubmit: (t) => {
             const i = `argument_${e.id}_reply_list`;
-            X.add(i, [t]), U(), M(!0);
+            X.add(i, [t]), k(), I(!0);
           },
           onUpdate: (t) => {
             v(
@@ -297,7 +298,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
         },
         `Reply${e.id}`
       ) }),
-      u?.length > 0 && m && /* @__PURE__ */ o("div", { className: s.repliesList, children: u.map((t) => $(t)) }),
+      u?.length > 0 && m && /* @__PURE__ */ o("div", { className: s.repliesList, children: u.map((t) => B(t)) }),
       m && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
         Se,
         {
@@ -316,15 +317,15 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
           resourcePropName: "argument",
           emptyListComponent: /* @__PURE__ */ o(f, {}),
           transformData: (t) => re(t),
-          children: $(e)
+          children: B(e)
         }
       ) }),
       u?.length > 0 && !m && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
         Te,
         {
           role: "link",
-          rightIcon: /* @__PURE__ */ o(E, { name: "lightArrow", height: 10, width: 10 }),
-          handleClick: k,
+          rightIcon: /* @__PURE__ */ o(F, { name: "lightArrow", height: 10, width: 10 }),
+          handleClick: $,
           children: a.formatMessage({
             id: "argument.argument.see_more",
             defaultMessage: "See more"

package/dist/components/auth/auth_modal/AuthModal.js

@@ -5,15 +5,15 @@ import { useConfig as I } from "../../data/config_provider/useConfig.js";
 import { useModal as y } from "../../dialog/modal/useModal.js";
 import { useAuth as C } from "../use_auth/useAuth.js";
 import { useAuthActions as E } from "../use_auth/useAuthActions.js";
-import { httpClient as P } from "../../data/axios_client/httpClient.js";
-import { Modal as T } from "../../dialog/modal/Modal.js";
+import { httpClient as T } from "../../data/axios_client/httpClient.js";
+import { Modal as P } from "../../dialog/modal/Modal.js";
 import { Loader as R } from "../../progress/loader/Loader.js";
 import { SocialAuthForm as B } from "../social_auth_form/SocialAuthForm.js";
 import { SSOForm as L } from "../sso_form/SSOForm.js";
 import { AuthProviderFactory as M } from "../providers/AuthProviderFactory.js";
 const $ = ({ onHideModal: s = null }) => {
   const o = I(), { hideModal: c } = y(), { isLoggedIn: l, authError: r } = C(), [p, n] = h(!1), [e, d] = h(null), { loginUser: g } = E(
-    P,
+    T,
     process.env.API_AUTH_URL,
     "logora_user_token"
   );
@@ -35,7 +35,7 @@ const $ = ({ onHideModal: s = null }) => {
     ).getAuthorizationParams();
     g(v);
   };
-  return /* @__PURE__ */ t(T, { "data-vid": "login_modal", children: /* @__PURE__ */ t("div", { className: w.loginModalBody, children: p ? /* @__PURE__ */ t(R, {}) : /* @__PURE__ */ t(_, { children: o.auth.type === "form" || o.auth.type === "social" ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(P, { "data-vid": "login_modal", children: /* @__PURE__ */ t("div", { className: w.loginModalBody, children: p ? /* @__PURE__ */ t(R, {}) : /* @__PURE__ */ t(_, { children: o.auth.type === "form" || o.auth.type === "social" ? /* @__PURE__ */ t(
     B,
     {
       onSubmit: A,
@@ -69,7 +69,8 @@ const $ = ({ onHideModal: s = null }) => {
       hideLoginButton: o.auth.hideModalLoginButton,
       showEmailConsent: o.auth.showEmailConsent,
       showTerms: o.auth.hideCgu !== !0,
-      hideBelowButton: o.auth.hideBelowButton
+      hideBelowButton: o.auth.hideBelowButton,
+      hideTerms: o.auth.hideTerms
     }
   ) }) }) });
 };

package/dist/components/auth/sso_form/SSOForm.js

@@ -1,17 +1,17 @@
-import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
-import G from "@rooks/use-sessionstorage-state";
-import D from "classnames";
+import { jsxs as o, jsx as e, Fragment as d } from "react/jsx-runtime";
+import D from "@rooks/use-sessionstorage-state";
+import Y from "classnames";
 import "react";
-import { useIntl as Y, FormattedMessage as w } from "react-intl";
-import { useLocation as z } from "react-router";
+import { useIntl as z, FormattedMessage as w } from "react-intl";
+import { useLocation as H } from "react-router";
 import a from "./SSOForm.module.scss.js";
-import { EMAIL_CONSENT_STORAGE_KEY as H } from "../use_auth/useAuthActions.js";
-import { Icon as K } from "../../icons/icon/Icon.js";
-import { Button as V } from "../../action/button/Button.js";
-import { Toggle as W } from "../../input/toggle/Toggle.js";
-const oe = ({
+import { EMAIL_CONSENT_STORAGE_KEY as K } from "../use_auth/useAuthActions.js";
+import { Icon as V } from "../../icons/icon/Icon.js";
+import { Button as W } from "../../action/button/Button.js";
+import { Toggle as $ } from "../../input/toggle/Toggle.js";
+const ne = ({
   authType: v,
-  providerName: d,
+  providerName: c,
   loginUrl: M,
   signupUrl: b,
   termsUrl: N,
@@ -26,26 +26,27 @@ const oe = ({
   showEmailConsent: g = !1,
   showTerms: L = !1,
   hideBelowButton: R = !1,
-  error: x = !1
+  hideTerms: x = !1,
+  error: A = !1
 }) => {
-  const [h, A] = g ? G(H, !1) : [!1, () => {
-  }], o = Y(), c = z(), C = (t) => {
+  const [h, C] = g ? D(K, !1) : [!1, () => {
+  }], n = z(), m = H(), T = (t) => {
     if (typeof window < "u") {
-      const s = t === "CURRENT_LOCATION" ? window.location : t, i = new URL(s, window.location.origin), l = i.searchParams, E = new URLSearchParams(c.search);
+      const s = t === "CURRENT_LOCATION" ? window.location : t, i = new URL(s, window.location.origin), l = i.searchParams, F = new URLSearchParams(m.search);
       l.has("code") && l.delete("code"), f && l.append(f, window.location.toString());
-      for (const [_, F] of Object.entries(U)) {
-        let r = F;
+      for (const [_, j] of Object.entries(U)) {
+        let r = j;
         if (r) {
-          const j = c.pathname.slice(
+          const G = m.pathname.slice(
             0,
-            c.pathname.lastIndexOf("/")
+            m.pathname.lastIndexOf("/")
           );
           r = r.replace(
             "{{UTM_CAMPAIGN}}",
-            E.get("utm_campaign")
+            F.get("utm_campaign")
           ), r = r.replace(
             "{{CURRENT_PATH}}",
-            decodeURIComponent(j)
+            decodeURIComponent(G)
           );
         }
         _ === "metadata" && r && (r = window.btoa(r)), l.append(_, encodeURIComponent(r));
@@ -53,15 +54,15 @@ const oe = ({
       return i.search = l.toString(), i.toString();
     }
     return "";
-  }, T = (t) => {
+  }, O = (t) => {
     const s = new URL(t);
     if (s.searchParams.delete("code"), s.searchParams.append("client_id", S), s.searchParams.append("redirect_uri", y), s.searchParams.append("scope", I), s.searchParams.append("response_type", "code"), typeof window < "u") {
       const i = new URL(window.location.href);
       i.searchParams.delete("code"), s.searchParams.append("state", window.btoa(i.toString()));
     }
     return s.href;
-  }, p = (t) => v === "oauth2_server" ? T(t) : C(t), O = p(M), B = p(b);
-  return /* @__PURE__ */ n("div", { className: a.ssoForm, children: [
+  }, p = (t) => v === "oauth2_server" ? O(t) : T(t), B = p(M), E = p(b);
+  return /* @__PURE__ */ o("div", { className: a.ssoForm, children: [
     /* @__PURE__ */ e("div", { className: a.logo, children: u ? /* @__PURE__ */ e(
       "img",
       {
@@ -69,10 +70,10 @@ const oe = ({
         width: 100,
         className: a.logoImage,
         src: u,
-        alt: `Logo ${d}`
+        alt: `Logo ${c}`
       }
     ) : /* @__PURE__ */ e(
-      K,
+      V,
       {
         name: "next",
         "aria-hidden": "true",
@@ -81,41 +82,41 @@ const oe = ({
         className: a.loginIcon
       }
     ) }),
-    /* @__PURE__ */ n("div", { className: a.mainText, children: [
-      /* @__PURE__ */ n("div", { className: a.title, children: [
-        o.formatMessage({
+    /* @__PURE__ */ o("div", { className: a.mainText, children: [
+      /* @__PURE__ */ o("div", { className: a.title, children: [
+        n.formatMessage({
           id: "auth.sso_form.title",
           defaultMessage: "Debate now !"
         }),
         /* @__PURE__ */ e("br", {})
       ] }),
-      o.formatMessage(
+      n.formatMessage(
         {
           id: "auth.sso_form.subtitle",
           defaultMessage: "Sign up right now and receive alerts by email."
         },
-        { provider: d }
+        { provider: c }
       )
     ] }),
-    P ? null : /* @__PURE__ */ n(m, { children: [
+    P ? null : /* @__PURE__ */ o(d, { children: [
       /* @__PURE__ */ e(
-        V,
+        W,
         {
           "data-tid": "link_signup",
           "data-testid": "signup-button",
           className: a.loginButton,
-          to: B,
+          to: E,
           external: !0,
           border: !1,
-          children: o.formatMessage({
+          children: n.formatMessage({
             id: "auth.sso_form.signup",
             defaultMessage: "Sign up"
           })
         }
       ),
-      R ? null : /* @__PURE__ */ n(m, { children: [
-        k === !0 ? null : /* @__PURE__ */ n("div", { className: a.cgu, children: [
-          o.formatMessage({
+      R ? null : /* @__PURE__ */ o(d, { children: [
+        k === !0 ? null : /* @__PURE__ */ o("div", { className: a.cgu, children: [
+          n.formatMessage({
             id: "auth.sso_form.already_account",
             defaultMessage: "Already have an account ?"
           }),
@@ -126,68 +127,70 @@ const oe = ({
               "data-testid": "signin-link",
               "data-tid": "link_login",
               rel: "nofollow",
-              href: O,
-              children: o.formatMessage({
+              href: B,
+              children: n.formatMessage({
                 id: "auth.sso_form.signin",
                 defaultMessage: "Sign in"
               })
             }
           )
         ] }),
-        g ? /* @__PURE__ */ e("div", { className: D(a.switchBox), children: /* @__PURE__ */ e(
-          W,
-          {
-            type: "checkbox",
-            name: "accepts_provider_email",
-            style: { fontSize: 18 },
-            checked: h,
-            label: o.formatMessage(
-              {
-                id: "auth.sso_form.consent_label",
-                defaultMessage: "I agree to receive emails from the editor"
-              },
-              { variable: d }
-            ),
-            onInputChanged: (t) => A(!h),
-            "data-testid": "accepts-email-input"
-          }
-        ) }) : null,
-        x ? /* @__PURE__ */ e("div", { className: a.error, children: o.formatMessage({
-          id: "auth.sso_form.error",
-          defaultMessage: "An error occurred during sign in. Please try again in a few moments."
-        }) }) : null,
-        L && /* @__PURE__ */ n(m, { children: [
-          /* @__PURE__ */ e("div", { className: a.cguButton, children: /* @__PURE__ */ e(
-            w,
-            {
-              id: "auth.sso_form.terms",
-              defaultMessage: "By clicking on « Sign up », I declare that I have read the <var1> General Conditions of Use </var1> of the debate space and accept them",
-              values: {
-                var1: (t) => /* @__PURE__ */ e(
-                  "a",
-                  {
-                    className: a.termsTarget,
-                    target: "_blank",
-                    href: N,
-                    rel: "noreferrer",
-                    children: t
-                  }
-                )
-              }
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: a.cguButton, children: /* @__PURE__ */ e(
-            w,
+        x ? null : /* @__PURE__ */ o(d, { children: [
+          g ? /* @__PURE__ */ e("div", { className: Y(a.switchBox), children: /* @__PURE__ */ e(
+            $,
             {
-              id: "auth.sso_form.data_terms",
-              defaultMessage: "Your personal data are being processed by the Editor. For more information and to exercise your rights, see our personal data policy available on the site."
+              type: "checkbox",
+              name: "accepts_provider_email",
+              style: { fontSize: 18 },
+              checked: h,
+              label: n.formatMessage(
+                {
+                  id: "auth.sso_form.consent_label",
+                  defaultMessage: "I agree to receive emails from the editor"
+                },
+                { variable: c }
+              ),
+              onInputChanged: (t) => C(!h),
+              "data-testid": "accepts-email-input"
             }
-          ) })
+          ) }) : null,
+          A ? /* @__PURE__ */ e("div", { className: a.error, children: n.formatMessage({
+            id: "auth.sso_form.error",
+            defaultMessage: "An error occurred during sign in. Please try again in a few moments."
+          }) }) : null,
+          L && /* @__PURE__ */ o(d, { children: [
+            /* @__PURE__ */ e("div", { className: a.cguButton, children: /* @__PURE__ */ e(
+              w,
+              {
+                id: "auth.sso_form.terms",
+                defaultMessage: "By clicking on « Sign up », I declare that I have read the <var1> General Conditions of Use </var1> of the debate space and accept them",
+                values: {
+                  var1: (t) => /* @__PURE__ */ e(
+                    "a",
+                    {
+                      className: a.termsTarget,
+                      target: "_blank",
+                      href: N,
+                      rel: "noreferrer",
+                      children: t
+                    }
+                  )
+                }
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: a.cguButton, children: /* @__PURE__ */ e(
+              w,
+              {
+                id: "auth.sso_form.data_terms",
+                defaultMessage: "Your personal data are being processed by the Editor. For more information and to exercise your rights, see our personal data policy available on the site."
+              }
+            ) })
+          ] })
         ] })
       ] })
     ] })
   ] });
 };
 export {
-  oe as SSOForm
+  ne as SSOForm
 };

package/dist/components/user_content/content_footer/ContentFooter.js

@@ -1,54 +1,55 @@
-import { jsxs as r, jsx as t, Fragment as H } from "react/jsx-runtime";
-import { Suspense as J, lazy as O } from "react";
-import { useIntl as Q } from "react-intl";
+import { jsxs as r, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { Suspense as O, lazy as Q } from "react";
+import { useIntl as V } from "react-intl";
 import D from "classnames";
 import e from "./ContentFooter.module.scss.js";
-import { useConfig as V } from "../../data/config_provider/useConfig.js";
-import { useAuth as X } from "../../auth/use_auth/useAuth.js";
-import { useModal as Y } from "../../dialog/modal/useModal.js";
-import { useInput as Z } from "../../input/input_provider/useInput.js";
-import { useReportContent as $ } from "../use_report_content/useReportContent.js";
-import { useDeleteContent as tt } from "../use_delete_content/useDeleteContent.js";
-import { useResponsive as et } from "../../hooks/use_responsive/useResponsive.js";
-import { Link as ot } from "../../action/link/Link.js";
+import { useConfig as X } from "../../data/config_provider/useConfig.js";
+import { useAuth as Y } from "../../auth/use_auth/useAuth.js";
+import { useModal as Z } from "../../dialog/modal/useModal.js";
+import { useInput as $ } from "../../input/input_provider/useInput.js";
+import { useReportContent as tt } from "../use_report_content/useReportContent.js";
+import { useDeleteContent as et } from "../use_delete_content/useDeleteContent.js";
+import { useResponsive as ot } from "../../hooks/use_responsive/useResponsive.js";
+import { Link as nt } from "../../action/link/Link.js";
 import { Icon as c } from "../../icons/icon/Icon.js";
-import { ShareButton as nt } from "../../share/share_button/ShareButton.js";
-import { Dropdown as at } from "../../dialog/dropdown/Dropdown.js";
-const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ default: o.ShareModal }))), Dt = ({
+import { ShareButton as at } from "../../share/share_button/ShareButton.js";
+import { Dropdown as rt } from "../../dialog/dropdown/Dropdown.js";
+const it = Q(() => import("../../share/share_modal/index.js").then((o) => ({ default: o.ShareModal }))), bt = ({
   resource: o,
   reportType: b,
   deleteType: I,
   deleteListId: k,
   softDelete: N = !1,
   disabled: x = !1,
-  children: C,
-  enableReply: S,
-  handleReplyTo: A,
-  showActions: K = !0,
-  showShareButton: E = !0,
-  shareModal: R,
+  disableEdition: C = !1,
+  children: S,
+  enableReply: A,
+  handleReplyTo: K,
+  showActions: E = !0,
+  showShareButton: R = !0,
+  shareModal: z,
   shareUrl: m,
   shareTitle: p,
   shareText: u,
-  shareModalTitle: z,
+  shareModalTitle: P,
   showShareCode: f,
   shareCode: h,
-  showShareText: P,
-  enableEdition: T = !0,
-  enableDeletion: j = !0,
-  enableReport: F = !0,
-  containerClassName: B,
-  voteActionClassName: L,
+  showShareText: T,
+  enableEdition: j = !0,
+  enableDeletion: F = !0,
+  enableReport: B = !0,
+  containerClassName: L,
+  voteActionClassName: U,
   replyRedirectUrl: _
 }) => {
-  const n = Q(), g = V(), { currentUser: d } = X(), { showModal: U } = Y(), { setInputContent: W } = Z() || {}, { reportContent: y } = $(b, o.id), { deleteContent: w } = tt(
+  const n = V(), g = X(), { currentUser: d } = Y(), { showModal: W } = Z(), { setInputContent: q } = $() || {}, { reportContent: y } = tt(b, o.id), { deleteContent: w } = et(
     o,
     I,
     k,
     N
-  ), { elementWidth: l } = et(), q = () => d?.id ? o.author?.id === d?.id || o.debate_suggestion?.author?.id === d?.id : !1, M = () => {
-    W(o);
-  }, G = () => {
+  ), { elementWidth: l } = ot(), G = () => d?.id ? o.author?.id === d?.id || o.debate_suggestion?.author?.id === d?.id : !1, M = () => {
+    q(o);
+  }, H = () => {
     if (o.created_at && g.actions?.editionTime) {
       const a = new Date(
         new Date(o.created_at).setSeconds(
@@ -59,14 +60,14 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
     }
     return !0;
   }, v = () => {
-    U(
-      /* @__PURE__ */ t(J, { fallback: null, children: /* @__PURE__ */ t(
-        rt,
+    W(
+      /* @__PURE__ */ t(O, { fallback: null, children: /* @__PURE__ */ t(
+        it,
         {
           shareUrl: m,
           shareTitle: p,
           shareText: u,
-          title: z,
+          title: P,
           showShareCode: f,
           shareCode: h
         }
@@ -75,20 +76,20 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
   }, i = (a) => (s) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a());
   };
-  return /* @__PURE__ */ r("div", { className: D(e.container, B), children: [
+  return /* @__PURE__ */ r("div", { className: D(e.container, L), children: [
     /* @__PURE__ */ t(
       "div",
       {
         onKeyDown: (a) => {
           (a.key === "Enter" || a.key === " ") && (a.preventDefault(), onClick());
         },
-        className: D(e.voteAction, L),
+        className: D(e.voteAction, U),
         "data-tid": "action_vote_argument",
-        children: C
+        children: S
       }
     ),
-    !x && S && /* @__PURE__ */ t("div", { "data-tid": "action_reply_argument", "data-testid": "reply-button", children: _ ? /* @__PURE__ */ r(
-      ot,
+    !x && A && /* @__PURE__ */ t("div", { "data-tid": "action_reply_argument", "data-testid": "reply-button", children: _ ? /* @__PURE__ */ r(
+      nt,
       {
         to: _,
         className: e.replyAction,
@@ -115,7 +116,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
       {
         type: "button",
         className: e.replyAction,
-        onClick: A,
+        onClick: K,
         "data-testid": "action-reply-button",
         children: [
           /* @__PURE__ */ t(
@@ -134,20 +135,20 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
         ]
       }
     ) }),
-    E && /* @__PURE__ */ t(
-      nt,
+    R && /* @__PURE__ */ t(
+      at,
       {
         shareUrl: m,
         shareTitle: p,
         shareText: u,
         showShareCode: f,
         shareCode: h,
-        showText: !(l < 768) && P,
+        showText: !(l < 768) && T,
         iconSize: 17,
         popoverPosition: "top"
       }
     ),
-    K && /* @__PURE__ */ t(
+    E && /* @__PURE__ */ t(
       "div",
       {
         className: e.moreAction,
@@ -156,7 +157,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
           defaultMessage: "More options"
         }),
         children: /* @__PURE__ */ r(
-          at,
+          rt,
           {
             className: e.moreActionDropdown,
             horizontalPosition: "right",
@@ -176,8 +177,8 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
                 }
               ),
               /* @__PURE__ */ r("div", { children: [
-                q() && /* @__PURE__ */ r(H, { children: [
-                  T && G() && /* @__PURE__ */ t(
+                G() && /* @__PURE__ */ r(J, { children: [
+                  !C && j && H() && /* @__PURE__ */ t(
                     "div",
                     {
                       "data-tid": "action_edit_argument",
@@ -191,7 +192,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
                       })
                     }
                   ),
-                  j && /* @__PURE__ */ t(
+                  F && /* @__PURE__ */ t(
                     "div",
                     {
                       "data-tid": "action_delete_argument",
@@ -206,7 +207,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
                     }
                   )
                 ] }),
-                F && /* @__PURE__ */ t(
+                B && /* @__PURE__ */ t(
                   "div",
                   {
                     "data-tid": "action_report_argument",
@@ -221,7 +222,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
                     })
                   }
                 ),
-                R && /* @__PURE__ */ t(
+                z && /* @__PURE__ */ t(
                   "div",
                   {
                     "data-tid": "action_share_argument",
@@ -244,5 +245,5 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
   ] });
 };
 export {
-  Dt as ContentFooter
+  bt as ContentFooter
 };

package/package.json

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