@logora/debate 0.3.13 → 0.3.14

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

@@ -1,76 +1,76 @@
 import { jsx as o, jsxs as l, Fragment as h } from "react/jsx-runtime";
 import B from "classnames";
-import { useState as f, useEffect as re, useCallback as ie, Suspense as ae, lazy as le } from "react";
-import { useIntl as ne } from "react-intl";
+import { useState as f, useEffect as ie, useCallback as ae, Suspense as le, lazy as ne } from "react";
+import { useIntl as de } from "react-intl";
 import s from "./Argument.module.scss.js";
-import { ReplyFooter as de } from "./ReplyFooter.js";
-import { useRichContent as ce } from "./useRichContent.js";
-import { useAuth as pe } from "../../auth/use_auth/useAuth.js";
-import { useConfig as me } from "../../data/config_provider/useConfig.js";
+import { ReplyFooter as ce } from "./ReplyFooter.js";
+import { useRichContent as pe } from "./useRichContent.js";
+import { useAuth as me } from "../../auth/use_auth/useAuth.js";
+import { useConfig as ue } from "../../data/config_provider/useConfig.js";
 import { useTranslatedContent as $ } from "../../translation/translated_content/useTranslatedContent.js";
-import { SourceListItem as ue } from "../../source/source_list_item/SourceListItem.js";
-import { HashScroll as he } from "../../tools/hash_scroll/HashScroll.js";
-import { ContentHeader as fe } from "../../user_content/content_header/ContentHeader.js";
+import { SourceListItem as he } from "../../source/source_list_item/SourceListItem.js";
+import { HashScroll as fe } from "../../tools/hash_scroll/HashScroll.js";
+import { ContentHeader as ye } from "../../user_content/content_header/ContentHeader.js";
 import { Icon as D } from "../../icons/icon/Icon.js";
-import { ReadMore as ye } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as ge } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as _e } from "../../user_content/content_footer/ContentFooter.js";
-import { VoteButton as be } from "../../vote/vote_button/VoteButton.js";
-import { VotePaginatedList as Me } from "../../list/paginated_list/VotePaginatedList.js";
-import { UserContentSkeleton as ve } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { Button as Ce } from "../../action/button/Button.js";
-const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), Se = (e) => e?.replace(/ /g, " "), Re = ({
+import { ReadMore as ge } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as _e } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as be } from "../../user_content/content_footer/ContentFooter.js";
+import { VoteButton as Me } from "../../vote/vote_button/VoteButton.js";
+import { VotePaginatedList as ve } from "../../list/paginated_list/VotePaginatedList.js";
+import { UserContentSkeleton as Ce } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { Button as Ie } from "../../action/button/Button.js";
+const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), E = (e) => e?.replace(/ /g, " "), Re = ({
   argument: e,
   argumentReplies: n,
   nestingLevel: y = 0,
   groupType: I,
   groupName: S,
   positions: g = [],
-  disableLinks: E = !1,
+  disableLinks: P = !1,
   parentArgument: d,
-  flashParent: P,
-  expandable: F,
+  flashParent: F,
+  expandable: j,
   disabled: _ = !1,
   hideFooter: R = !1,
   hideReplies: T,
-  vote: j,
-  fixedContentHeight: G = !1,
-  enableEdition: H = !0,
-  enableDeletion: V = !0,
-  deleteListId: z,
-  showModerationFeedback: O,
-  lineCount: Y = 5,
-  replyRedirectUrl: q,
-  hideContent: J = !1
+  vote: G,
+  fixedContentHeight: H = !1,
+  enableEdition: V = !0,
+  enableDeletion: z = !0,
+  deleteListId: O,
+  showModerationFeedback: Y,
+  lineCount: q = 5,
+  replyRedirectUrl: J,
+  hideContent: K = !1
 }) => {
-  const i = ne(), { isLoggedIn: K, currentUser: c } = pe(), N = c?.moderation_status === "banned", r = me(), [p, b] = f(!1), [Q, w] = f(!1), [W, X] = f(!1), x = ce(e), [m, M] = f(), u = $(
+  const i = de(), { isLoggedIn: Q, currentUser: c } = me(), N = c?.moderation_status === "banned", r = ue(), [p, b] = f(!1), [W, w] = f(!1), [X, Z] = f(!1), x = pe(e), [m, M] = f(), u = $(
     e.content,
     e.language,
     "content",
     e.translation_entries
-  ), Z = $(
+  ), ee = $(
     e.position?.name,
     e.position?.language,
     "name",
     e.position?.translation_entries
   ), v = `argument_${e.id}`, C = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
-  re(() => {
-    n !== void 0 && se();
+  ie(() => {
+    n !== void 0 && re();
   }, [n]);
-  const ee = (t) => {
+  const te = (t) => {
     if (v === t) {
       const U = document.getElementById(t);
       U && U.scrollIntoView({ behavior: "smooth" }), w(!0);
     }
   }, A = () => {
-    X((t) => !t);
+    Z((t) => !t);
   }, L = () => {
     b((t) => !t), M([]);
-  }, te = (t) => {
+  }, oe = (t) => {
     if (!m?.find((a) => a.id === t.id))
       return t;
-  }, oe = ie((t, a) => /* @__PURE__ */ o(
-    ue,
+  }, se = ae((t, a) => /* @__PURE__ */ o(
+    he,
     {
       publisher: t.publisher,
       url: t.source_url,
@@ -78,7 +78,7 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
       index: a
     },
     a
-  ), []), se = () => {
+  ), []), re = () => {
     if (n && Array.isArray(n)) {
       const t = n.filter(
         (a) => a.reply_to_id === e.id
@@ -96,17 +96,17 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
       positions: g,
       argumentReplies: n,
       parentArgument: e,
-      flashParent: (a) => ee(`argument_${a}`)
+      flashParent: (a) => te(`argument_${a}`)
     }
   );
-  return /* @__PURE__ */ l(he, { elementId: v, onScroll: () => w(!0), children: [
+  return /* @__PURE__ */ l(fe, { elementId: v, onScroll: () => w(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
         className: B(
           s.argument,
           {
-            [s.flash]: Q,
+            [s.flash]: W,
             [s.argumentReply]: e.is_reply === !0
           },
           s[`level-${y}`],
@@ -115,16 +115,16 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
         id: v,
         children: [
           /* @__PURE__ */ o(
-            fe,
+            ye,
             {
               selectedContent: e.is_selected,
               author: e.author,
-              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : Z.translatedContent,
+              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : ee.translatedContent,
               date: e.created_at,
               tagClassName: s[`headerPosition-${C}`],
-              disableLinks: E,
+              disableLinks: P,
               isDeleted: e.is_deleted,
-              showModerationFeedback: O ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
+              showModerationFeedback: Y ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
               moderationReason: e.moderation_entry?.moderation_reason,
               moderationNotes: e.moderation_entry?.moderator_notes,
               moderationPolicyUrl: r.provider?.userGuideUrl
@@ -133,7 +133,7 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
           e.is_deleted ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
             id: "info.deleted_by_user",
             defaultMessage: "Content deleted by the user"
-          }) }) : J ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
+          }) }) : K ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
           }) }) : /* @__PURE__ */ l(h, { children: [
@@ -141,14 +141,14 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
               "div",
               {
                 className: B(s.argumentBody, {
-                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? G : !1
+                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? H : !1
                 }),
                 children: [
                   e.is_reply && d && /* @__PURE__ */ l(
                     "div",
                     {
                       className: s.replyTo,
-                      onClick: () => P(d.id),
+                      onClick: () => F(d.id),
                       children: [
                         i.formatMessage({
                           id: "info.replying_to",
@@ -165,7 +165,7 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
                     }
                   ),
                   /* @__PURE__ */ o(
-                    ye,
+                    ge,
                     {
                       content: /* @__PURE__ */ l(h, { children: [
                         e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
@@ -176,18 +176,18 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: x }
+                            dangerouslySetInnerHTML: { __html: E(x) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: Se(u.translatedContent) }),
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: E(u.translatedContent) }),
                         u.isTranslated && /* @__PURE__ */ o(
-                          ge,
+                          _e,
                           {
                             language: e.language,
                             callback: () => u.toggleContent()
                           }
                         )
                       ] }),
-                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? Y : void 0,
+                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? q : void 0,
                       readMoreText: i.formatMessage({
                         id: "action.read_more",
                         defaultMessage: "Read more"
@@ -196,27 +196,27 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
                         id: "action.read_less",
                         defaultMessage: "Read less"
                       }),
-                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? F : !1,
+                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? j : !1,
                       readMoreClassName: e.is_reply ? s.replyStyle : s.argumentStyle
                     }
                   )
                 ]
               }
             ),
-            e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(oe) })
+            e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(se) })
           ] }),
           !R && !e.is_deleted && /* @__PURE__ */ o(
-            _e,
+            be,
             {
               resource: e,
-              disabled: _ || e.status === "rejected" || !K && r?.actions?.disableInputForVisitor === !0 || N,
+              disabled: _ || e.status === "rejected" || !Q && r?.actions?.disableInputForVisitor === !0 || N,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
-              deleteListId: z,
+              deleteListId: O,
               enableReply: y <= 2 || c.role === "editor" || c.role === "moderator",
               handleReplyTo: A,
-              replyRedirectUrl: q,
+              replyRedirectUrl: J,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
               shareTitle: i.formatMessage({
                 id: "share.argument.title",
@@ -231,10 +231,10 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
               showShareText: !0,
               showShareButton: r?.actions?.hideShareButton !== !0,
               enableReport: !(e.score === 100 && e.manual_score),
-              enableEdition: H,
-              enableDeletion: V,
+              enableEdition: V,
+              enableDeletion: z,
               children: /* @__PURE__ */ o(
-                be,
+                Me,
                 {
                   voteableType: "Message",
                   voteableId: e.id,
@@ -247,7 +247,7 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
             }
           ),
           !R && !T && /* @__PURE__ */ o(
-            de,
+            ce,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
@@ -260,15 +260,15 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
       }
     ),
     !T && /* @__PURE__ */ l(h, { children: [
-      W && /* @__PURE__ */ o(ae, { fallback: null, children: /* @__PURE__ */ o(
-        Ie,
+      X && /* @__PURE__ */ o(le, { fallback: null, children: /* @__PURE__ */ o(
+        Se,
         {
           groupId: e.group_id,
           groupType: I,
           groupName: S,
           positions: g,
           parentId: e.id,
-          positionId: j?.position_id,
+          positionId: G?.position_id,
           disabled: _,
           hideSourceAction: r?.actions?.disableUserSources || !1,
           onSubmit: (t) => {
@@ -287,11 +287,11 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
       ) }),
       m?.length > 0 && p && /* @__PURE__ */ o("div", { className: s.repliesList, children: m.map((t) => k(t)) }),
       p && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
-        Me,
+        ve,
         {
           voteableType: "Message",
           currentListId: `argument_${e.id}_reply_list`,
-          loadingComponent: /* @__PURE__ */ o(ve, {}),
+          loadingComponent: /* @__PURE__ */ o(Ce, {}),
           resource: "messages",
           sort: "+created_at",
           filters: {
@@ -303,12 +303,12 @@ const Ie = le(() => import("../../input/argument_input/index.js").then((e) => ({
           display: "column",
           resourcePropName: "argument",
           emptyListComponent: /* @__PURE__ */ o(h, {}),
-          transformData: (t) => te(t),
+          transformData: (t) => oe(t),
           children: k(e)
         }
       ) }),
       m?.length > 0 && !p && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
-        Ce,
+        Ie,
         {
           role: "link",
           rightIcon: /* @__PURE__ */ o(D, { name: "lightArrow", height: 10, width: 10 }),

package/package.json

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