@logora/debate 0.3.45 → 0.3.47

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

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as l, Fragment as h } from "react/jsx-runtime";
-import B from "classnames";
+import $ from "classnames";
 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";
@@ -7,30 +7,30 @@ 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 { useTranslatedContent as B } from "../../translation/translated_content/useTranslatedContent.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 ge } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as _e } from "../../translation/translation_button/TranslationButton.js";
+import { ReadMore as _e } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as ge } 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";
+import { UserContentSkeleton as Ie } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { Button as Ce } 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,
+  groupType: C,
   groupName: S,
-  positions: g = [],
+  positions: _ = [],
   disableLinks: P = !1,
   parentArgument: d,
   flashParent: F,
   expandable: j,
-  disabled: _ = !1,
+  disabled: g = !1,
   hideFooter: R = !1,
   hideReplies: T,
   vote: G,
@@ -43,17 +43,17 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
   replyRedirectUrl: J,
   hideContent: K = !1
 }) => {
-  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 = $(
+  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 = B(
     e.content,
     e.language,
     "content",
     e.translation_entries
-  ), ee = $(
+  ), ee = B(
     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;
+  ), v = `argument_${e.id}`, I = e.position && _?.map((t) => t.id).indexOf(e.position.id) + 1;
   ie(() => {
     n !== void 0 && re();
   }, [n]);
@@ -90,10 +90,10 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
     {
       ...t ? { argument: t } : {},
       nestingLevel: y + 1,
-      disabled: _,
+      disabled: g,
       groupName: S,
-      groupType: I,
-      positions: g,
+      groupType: C,
+      positions: _,
       argumentReplies: n,
       parentArgument: e,
       flashParent: (a) => te(`argument_${a}`)
@@ -103,14 +103,14 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
     /* @__PURE__ */ l(
       "div",
       {
-        className: B(
+        className: $(
           s.argument,
           {
             [s.flash]: W,
             [s.argumentReply]: e.is_reply === !0
           },
           s[`level-${y}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && I}`]
         ),
         id: v,
         children: [
@@ -121,7 +121,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
               author: e.author,
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : ee.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${C}`],
+              tagClassName: s[`headerPosition-${I}`],
               disableLinks: P,
               isDeleted: e.is_deleted,
               showModerationFeedback: Y ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
@@ -140,7 +140,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
             /* @__PURE__ */ l(
               "div",
               {
-                className: B(s.argumentBody, {
+                className: $(s.argumentBody, {
                   [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? H : !1
                 }),
                 children: [
@@ -165,7 +165,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
                     }
                   ),
                   /* @__PURE__ */ o(
-                    ge,
+                    _e,
                     {
                       content: /* @__PURE__ */ l(h, { children: [
                         e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
@@ -180,7 +180,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
                           }
                         ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: E(u.translatedContent) }),
                         u.isTranslated && /* @__PURE__ */ o(
-                          _e,
+                          ge,
                           {
                             language: e.language,
                             callback: () => u.toggleContent()
@@ -209,7 +209,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
             be,
             {
               resource: e,
-              disabled: _ || e.status === "rejected" || !Q && r?.actions?.disableInputForVisitor === !0 || N,
+              disabled: g || e.status === "rejected" || !Q && r?.actions?.disableInputForVisitor === !0 || N,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
@@ -240,7 +240,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${C}`],
+                  activeClassName: s[`voteButtonPosition-${I}`],
                   disabled: e.status === "rejected" || c?.id === e?.author?.id || N
                 }
               )
@@ -264,13 +264,14 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
         Se,
         {
           groupId: e.group_id,
-          groupType: I,
+          groupType: C,
           groupName: S,
-          positions: g,
+          positions: _,
           parentId: e.id,
           positionId: G?.position_id,
-          disabled: _,
+          disabled: g,
           hideSourceAction: r?.actions?.disableUserSources || !1,
+          argumentListId: `argument_${e.id}_reply_list`,
           onSubmit: (t) => {
             A(), M([t]), b(!0);
           },
@@ -291,7 +292,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((e) => ({
         {
           voteableType: "Message",
           currentListId: `argument_${e.id}_reply_list`,
-          loadingComponent: /* @__PURE__ */ o(Ce, {}),
+          loadingComponent: /* @__PURE__ */ o(Ie, {}),
           resource: "messages",
           sort: "+created_at",
           filters: {
@@ -308,7 +309,7 @@ const Se = ne(() => import("../../input/argument_input/index.js").then((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(
-        Ie,
+        Ce,
         {
           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.45",
+  "version": "0.3.47",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",