@logora/debate 0.4.37 → 0.4.39

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/user_content/content_footer/ContentFooter.js

@@ -1,102 +1,103 @@
-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 b from "classnames";
+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 { Icon as l } 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 { 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 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: I,
-  deleteType: k,
-  deleteListId: N,
-  softDelete: x = !1,
-  disabled: m = !1,
-  children: C,
-  enableReply: S,
-  handleReplyTo: A,
-  showActions: K = !0,
-  showShareButton: E = !0,
-  shareModal: R,
-  shareUrl: p,
-  shareTitle: u,
-  shareText: f,
-  shareModalTitle: z,
-  showShareCode: h,
-  shareCode: _,
-  showShareText: P,
-  enableEdition: T = !0,
-  enableDeletion: j = !0,
-  enableReport: F = !0,
-  containerClassName: B,
-  voteActionClassName: L,
-  replyRedirectUrl: g
+  reportType: b,
+  deleteType: I,
+  deleteListId: k,
+  softDelete: N = !1,
+  disabled: x = !1,
+  disableEdition: C = !1,
+  children: S,
+  enableReply: A,
+  handleReplyTo: K,
+  showActions: E = !0,
+  showShareButton: R = !0,
+  shareModal: z,
+  shareUrl: m,
+  shareTitle: p,
+  shareText: u,
+  shareModalTitle: P,
+  showShareCode: f,
+  shareCode: h,
+  showShareText: T,
+  enableEdition: j = !0,
+  enableDeletion: F = !0,
+  enableReport: B = !0,
+  containerClassName: L,
+  voteActionClassName: U,
+  replyRedirectUrl: _
 }) => {
-  const n = Q(), y = V(), { currentUser: d } = X(), { showModal: U } = Y(), { setInputContent: W } = Z() || {}, { reportContent: w } = $(I, o.id), { deleteContent: M } = 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,
-    x
-  ), { elementWidth: c } = et(), q = () => d?.id ? o.author?.id === d?.id || o.debate_suggestion?.author?.id === d?.id : !1, v = () => {
-    W(o);
-  }, G = () => {
-    if (o.created_at && y.actions?.editionTime) {
+    N
+  ), { 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(
-          new Date(o.created_at).getSeconds() + y.actions?.editionTime
+          new Date(o.created_at).getSeconds() + g.actions?.editionTime
         )
       );
       return /* @__PURE__ */ new Date() < a;
     }
     return !0;
-  }, D = () => {
-    U(
-      /* @__PURE__ */ t(J, { fallback: null, children: /* @__PURE__ */ t(
-        rt,
+  }, v = () => {
+    W(
+      /* @__PURE__ */ t(O, { fallback: null, children: /* @__PURE__ */ t(
+        it,
         {
-          shareUrl: p,
-          shareTitle: u,
-          shareText: f,
-          title: z,
-          showShareCode: h,
-          shareCode: _
+          shareUrl: m,
+          shareTitle: p,
+          shareText: u,
+          title: P,
+          showShareCode: f,
+          shareCode: h
         }
       ) })
     );
   }, i = (a) => (s) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a());
   };
-  return /* @__PURE__ */ r("div", { className: b(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: b(e.voteAction, L),
+        className: D(e.voteAction, U),
         "data-tid": "action_vote_argument",
-        children: C
+        children: S
       }
     ),
-    !m && S && /* @__PURE__ */ t("div", { "data-tid": "action_reply_argument", "data-testid": "reply-button", children: g ? /* @__PURE__ */ r(
-      ot,
+    !x && A && /* @__PURE__ */ t("div", { "data-tid": "action_reply_argument", "data-testid": "reply-button", children: _ ? /* @__PURE__ */ r(
+      nt,
       {
-        to: g,
+        to: _,
         className: e.replyAction,
         tabIndex: "0",
         "data-testid": "action-reply-button",
         children: [
           /* @__PURE__ */ t(
-            l,
+            c,
             {
               name: "reply",
               "data-tid": "action_reply_argument",
@@ -104,7 +105,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
               width: 17
             }
           ),
-          !(c < 768) && /* @__PURE__ */ t("span", { className: e.replyText, children: n.formatMessage({
+          !(l < 768) && /* @__PURE__ */ t("span", { className: e.replyText, children: n.formatMessage({
             id: "user_content.content_footer.reply",
             defaultMessage: "Reply"
           }) })
@@ -115,11 +116,11 @@ 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(
-            l,
+            c,
             {
               name: "reply",
               "data-tid": "action_reply_argument",
@@ -127,27 +128,27 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
               width: 17
             }
           ),
-          !(c < 768) && /* @__PURE__ */ t("span", { className: e.replyText, children: n.formatMessage({
+          !(l < 768) && /* @__PURE__ */ t("span", { className: e.replyText, children: n.formatMessage({
             id: "user_content.content_footer.reply",
             defaultMessage: "Reply"
           }) })
         ]
       }
     ) }),
-    E && /* @__PURE__ */ t(
-      nt,
+    R && /* @__PURE__ */ t(
+      at,
       {
-        shareUrl: p,
-        shareTitle: u,
-        shareText: f,
-        showShareCode: h,
-        shareCode: _,
-        showText: !(c < 768) && P,
+        shareUrl: m,
+        shareTitle: p,
+        shareText: u,
+        showShareCode: f,
+        shareCode: h,
+        showText: !(l < 768) && T,
         iconSize: 17,
         popoverPosition: "top"
       }
     ),
-    K && /* @__PURE__ */ t(
+    E && /* @__PURE__ */ t(
       "div",
       {
         className: e.moreAction,
@@ -156,14 +157,14 @@ 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",
             verticalPosition: "top",
             children: [
               /* @__PURE__ */ t(
-                l,
+                c,
                 {
                   name: "ellipsis",
                   width: 17,
@@ -176,29 +177,29 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
                 }
               ),
               /* @__PURE__ */ r("div", { children: [
-                q() && /* @__PURE__ */ r(H, { children: [
-                  !m && T && G() && /* @__PURE__ */ t(
+                G() && /* @__PURE__ */ r(J, { children: [
+                  !C && j && H() && /* @__PURE__ */ t(
                     "div",
                     {
                       "data-tid": "action_edit_argument",
                       className: e.dropdownItem,
                       tabIndex: "0",
-                      onClick: v,
-                      onKeyDown: i(v),
+                      onClick: M,
+                      onKeyDown: i(M),
                       children: n.formatMessage({
                         id: "user_content.content_footer.update",
                         defaultMessage: "Update"
                       })
                     }
                   ),
-                  j && /* @__PURE__ */ t(
+                  F && /* @__PURE__ */ t(
                     "div",
                     {
                       "data-tid": "action_delete_argument",
                       className: e.dropdownItem,
                       tabIndex: "0",
-                      onClick: M,
-                      onKeyDown: i(M),
+                      onClick: w,
+                      onKeyDown: i(w),
                       children: n.formatMessage({
                         id: "user_content.content_footer.delete",
                         defaultMessage: "Delete"
@@ -206,29 +207,29 @@ const rt = O(() => import("../../share/share_modal/index.js").then((o) => ({ def
                     }
                   )
                 ] }),
-                F && /* @__PURE__ */ t(
+                B && /* @__PURE__ */ t(
                   "div",
                   {
                     "data-tid": "action_report_argument",
                     className: e.dropdownItem,
                     tabIndex: "0",
-                    onClick: w,
+                    onClick: y,
                     "data-testid": "report-content",
-                    onKeyDown: i(w),
+                    onKeyDown: i(y),
                     children: n.formatMessage({
                       id: "user_content.content_footer.report",
                       defaultMessage: "Report"
                     })
                   }
                 ),
-                R && /* @__PURE__ */ t(
+                z && /* @__PURE__ */ t(
                   "div",
                   {
                     "data-tid": "action_share_argument",
                     className: e.dropdownItem,
                     tabIndex: "0",
-                    onClick: D,
-                    onKeyDown: i(D),
+                    onClick: v,
+                    onKeyDown: i(v),
                     children: n.formatMessage({
                       id: "user_content.content_footer.share",
                       defaultMessage: "Share"
@@ -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.37",
+  "version": "0.4.39",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",