@logora/debate 0.2.1 → 0.2.3

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

@@ -1,266 +1,327 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { Button as i } from "../../action/button/Button.js";
-import { useAuth as a } from "../../auth/use_auth/useAuth.js";
-import { useConfig as o } from "../../data/config_provider/useConfig.js";
-import ee from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import { VotePaginatedList as te } from "../../list/paginated_list/VotePaginatedList.js";
-import { UserContentSkeleton as ne } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { SourceListItem as re } from "../../source/source_list_item/SourceListItem.js";
-import { ReadMore as ie } from "../../text/read_more/ReadMore.js";
-import { HashScroll as s } from "../../tools/hash_scroll/HashScroll.js";
-import { useTranslatedContent as c } from "../../translation/translated_content/useTranslatedContent.js";
-import { TranslationButton as l } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as u } from "../../user_content/content_footer/ContentFooter.js";
-import { ContentHeader as d } from "../../user_content/content_header/ContentHeader.js";
-import { VoteButton as f } from "../../vote/vote_button/VoteButton.js";
-import p from "./Argument.module.js";
-import { ReplyFooter as m } from "./ReplyFooter.js";
-import { useRichContent as h } from "./useRichContent.js";
-import { Suspense as ae, lazy as g, useCallback as oe, useEffect as se, useState as _ } from "react";
-//#region src/components/argument/argument/Argument.jsx
-var v = /* @__PURE__ */ e(r()), y = t(), ce = g(() => import("../../input/argument_input/index.js")), b = ({ argument: e, argumentReplies: t, nestingLevel: r = 0, groupType: g, groupName: b, positions: x = [], disableLinks: ue = !1, parentArgument: S, flashParent: C, expandable: w, disabled: T = !1, hideFooter: E = !1, hideReplies: D, vote: O, fixedContentHeight: k = !1, enableEdition: A = !0, enableDeletion: j = !0, deleteListId: M, showModerationFeedback: N, lineCount: P = 5, replyRedirectUrl: F, hideContent: I = !1 }) => {
-	let L = ee(), { isLoggedIn: R, currentUser: z } = a(), B = z?.moderation_status === "banned", V = o(), [H, U] = _(!1), [de, W] = _(!1), [fe, pe] = _(!1), G = h(e), [K, q] = _(), J = c(e.content, e.language, "content", e.translation_entries), me = c(e.position?.name, e.position?.language, "name", e.position?.translation_entries), Y = `argument_${e.id}`, X = e.position && x?.map((e) => e.id).indexOf(e.position.id) + 1;
-	se(() => {
-		t !== void 0 && ve();
-	}, [t]);
-	let he = (e) => {
-		if (Y === e) {
-			let t = document.getElementById(e);
-			t && t.scrollIntoView({ behavior: "smooth" }), W(!0);
-		}
-	}, Z = () => {
-		pe((e) => !e);
-	}, Q = () => {
-		U((e) => !e), q([]);
-	}, ge = (e) => {
-		if (!K?.find((t) => t.id === e.id)) return e;
-	}, _e = oe((e, t) => /* @__PURE__ */ (0, y.jsx)(re, {
-		publisher: e.publisher,
-		url: e.source_url,
-		title: e.title,
-		index: t
-	}, t), []), ve = () => {
-		if (t && Array.isArray(t)) {
-			let n = t.filter((t) => t.reply_to_id === e.id);
-			n.length > 0 && (q(n), U(!0));
-		}
-	}, $ = (n = null) => /* @__PURE__ */ (0, y.jsx)(le, {
-		...n ? { argument: n } : {},
-		nestingLevel: r + 1,
-		disabled: T,
-		groupName: b,
-		groupType: g,
-		positions: x,
-		argumentReplies: t,
-		parentArgument: e,
-		flashParent: (e) => he(`argument_${e}`)
-	});
-	return /* @__PURE__ */ (0, y.jsxs)(s, {
-		elementId: Y,
-		onScroll: () => W(!0),
-		children: [/* @__PURE__ */ (0, y.jsxs)("div", {
-			className: (0, v.default)(p.argument, {
-				[p.flash]: de,
-				[p.argumentReply]: e.is_reply === !0
-			}, p[`level-${r}`], p[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && X}`]),
-			id: Y,
-			children: [
-				/* @__PURE__ */ (0, y.jsx)(d, {
-					selectedContent: e.score === 99,
-					author: e.author,
-					tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : me.translatedContent,
-					date: e.created_at,
-					tagClassName: p[`headerPosition-${X}`],
-					disableLinks: ue,
-					isDeleted: e.is_deleted,
-					showModerationFeedback: N ?? (e.status === "rejected" && V.moderation?.showFeedback === !0),
-					moderationReason: e.moderation_entry?.moderation_reason,
-					moderationNotes: e.moderation_entry?.moderator_notes,
-					moderationPolicyUrl: V.provider?.userGuideUrl
-				}),
-				e.is_deleted ? /* @__PURE__ */ (0, y.jsx)("div", {
-					className: p.argumentDeletedBody,
-					children: L.formatMessage({
-						id: "info.deleted_by_user",
-						defaultMessage: "Content deleted by the user"
-					})
-				}) : I ? /* @__PURE__ */ (0, y.jsx)("div", {
-					className: p.argumentDeletedBody,
-					children: L.formatMessage({
-						id: "argument.argument.content_deleted",
-						defaultMessage: "This content has been removed."
-					})
-				}) : /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [/* @__PURE__ */ (0, y.jsxs)("div", {
-					className: (0, v.default)(p.argumentBody, { [p.fixedHeight]: V?.layout?.showAllArgumentInEmbed === !0 ? !1 : k }),
-					children: [e.is_reply && S && /* @__PURE__ */ (0, y.jsxs)("div", {
-						className: p.replyTo,
-						onClick: () => C(S.id),
-						children: [L.formatMessage({
-							id: "info.replying_to",
-							defaultMessage: "Replying to"
-						}), /* @__PURE__ */ (0, y.jsxs)("span", {
-							className: p.replyingTo,
-							children: [S.is_deleted ? L.formatMessage({
-								id: "info.deleted",
-								defaultMessage: "Deleted"
-							}) : S.author.full_name, /* @__PURE__ */ (0, y.jsx)(n, {
-								name: "chat",
-								height: 16
-							})]
-						})]
-					}), /* @__PURE__ */ (0, y.jsx)(ie, {
-						content: /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [
-							e.is_edited && /* @__PURE__ */ (0, y.jsx)("div", {
-								className: p.edited,
-								children: L.formatMessage({
-									id: "argument.argument.updated",
-									defaultMessage: "Updated argument"
-								})
-							}),
-							G && !J.isTranslated ? /* @__PURE__ */ (0, y.jsx)("div", {
-								className: p.argumentContent,
-								dangerouslySetInnerHTML: { __html: G }
-							}) : /* @__PURE__ */ (0, y.jsx)("div", {
-								className: p.argumentContent,
-								children: J.translatedContent
-							}),
-							J.isTranslated && /* @__PURE__ */ (0, y.jsx)(l, {
-								language: e.language,
-								callback: () => J.toggleContent()
-							})
-						] }),
-						lineCount: V?.layout?.showAllArgumentInEmbed === !0 ? void 0 : P,
-						readMoreText: L.formatMessage({
-							id: "action.read_more",
-							defaultMessage: "Read more"
-						}),
-						readLessText: L.formatMessage({
-							id: "action.read_less",
-							defaultMessage: "Read less"
-						}),
-						expandable: V?.layout?.showAllArgumentInEmbed === !0 ? !1 : w,
-						readMoreClassName: e.is_reply ? p.replyStyle : p.argumentStyle
-					})]
-				}), e.sources?.length > 0 && /* @__PURE__ */ (0, y.jsx)("div", {
-					className: p.argumentSourcesList,
-					children: e.sources.map(_e)
-				})] }),
-				!E && !e.is_deleted && /* @__PURE__ */ (0, y.jsx)(u, {
-					resource: e,
-					disabled: T || e.status === "rejected" || !R && V?.actions?.disableInputForVisitor === !0 || B,
-					reportType: "Message",
-					softDelete: V.actions?.softDelete,
-					deleteType: "messages",
-					deleteListId: M,
-					enableReply: r <= 2 || z.role === "editor" || z.role === "moderator",
-					handleReplyTo: Z,
-					replyRedirectUrl: F,
-					shareUrl: `https://app.logora.fr/share/a/${e.id}`,
-					shareTitle: L.formatMessage({
-						id: "share.argument.title",
-						defaultMessage: "Share a debate"
-					}),
-					shareText: L.formatMessage({
-						id: "share.argument.text",
-						defaultMessage: "This argument may interest you"
-					}),
-					shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${V.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
-					showShareCode: V?.actions?.hideCodeShare !== !0,
-					showShareText: !0,
-					showShareButton: V?.actions?.hideShareButton !== !0,
-					enableReport: !(e.score === 100 && e.manual_score),
-					enableEdition: A,
-					enableDeletion: j,
-					children: /* @__PURE__ */ (0, y.jsx)(f, {
-						voteableType: "Message",
-						voteableId: e.id,
-						totalUpvote: e.upvotes,
-						totalDownvote: 0,
-						activeClassName: p[`voteButtonPosition-${X}`],
-						disabled: e.status === "rejected" || z?.id === e?.author?.id || B
-					})
-				}),
-				!E && !D && /* @__PURE__ */ (0, y.jsx)(m, {
-					numberReplies: e.number_replies,
-					repliesAuthors: e.replies_authors,
-					expandReplies: H,
-					onToggleReplies: Q
-				})
-			]
-		}), !D && /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [
-			fe && /* @__PURE__ */ (0, y.jsx)(ae, {
-				fallback: null,
-				children: /* @__PURE__ */ (0, y.jsx)(ce, {
-					groupId: e.group_id,
-					groupType: g,
-					groupName: b,
-					positions: x,
-					parentId: e.id,
-					positionId: O?.position_id,
-					disabled: T,
-					hideSourceAction: V?.actions?.disableUserSources || !1,
-					onSubmit: (e) => {
-						Z(), q([e]), U(!0);
-					},
-					isReply: !0,
-					avatarSize: 40,
-					placeholder: L.formatMessage({
-						id: "input.reply_input.your_answer",
-						defaultMessage: "Your answer"
-					}),
-					userGuideUrl: V?.provider?.userGuideUrl,
-					hideUserGuideLink: V?.provider?.hideUserGuideLink
-				}, `Reply${e.id}`)
-			}),
-			K?.length > 0 && H && /* @__PURE__ */ (0, y.jsx)("div", {
-				className: p.repliesList,
-				children: K.map((e) => $(e))
-			}),
-			H && /* @__PURE__ */ (0, y.jsx)("div", {
-				className: p.repliesList,
-				children: /* @__PURE__ */ (0, y.jsx)(te, {
-					voteableType: "Message",
-					currentListId: `argument_${e.id}_reply_list`,
-					loadingComponent: /* @__PURE__ */ (0, y.jsx)(ne, {}),
-					resource: "messages",
-					sort: "+created_at",
-					filters: {
-						message_id: e.id,
-						is_reply: !0,
-						status: "accepted"
-					},
-					perPage: 5,
-					display: "column",
-					resourcePropName: "argument",
-					emptyListComponent: /* @__PURE__ */ (0, y.jsx)(y.Fragment, {}),
-					transformData: (e) => ge(e),
-					children: $(e)
-				})
-			}),
-			K?.length > 0 && !H && /* @__PURE__ */ (0, y.jsx)("div", {
-				className: p.repliesList,
-				children: e.number_replies > 1 && /* @__PURE__ */ (0, y.jsx)("div", {
-					className: p.readMoreLink,
-					children: /* @__PURE__ */ (0, y.jsx)(i, {
-						role: "link",
-						rightIcon: /* @__PURE__ */ (0, y.jsx)(n, {
-							name: "lightArrow",
-							height: 10,
-							width: 10
-						}),
-						handleClick: Q,
-						children: L.formatMessage({
-							id: "argument.argument.see_more",
-							defaultMessage: "See more"
-						})
-					})
-				})
-			})
-		] })]
-	});
-}, le = b;
-//#endregion
-export { b as Argument };
+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 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 { 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 { 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 Me } from "../../vote/vote_button/VoteButton.js";
+import { VotePaginatedList as be } 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")), Se = ({
+  argument: e,
+  argumentReplies: n,
+  nestingLevel: y = 0,
+  groupType: I,
+  groupName: S,
+  positions: g = [],
+  disableLinks: E = !1,
+  parentArgument: d,
+  flashParent: P,
+  expandable: F,
+  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
+}) => {
+  const i = ne(), { isLoggedIn: K, currentUser: c } = pe(), N = c?.moderation_status === "banned", r = me(), [p, M] = f(!1), [Q, w] = f(!1), [W, X] = f(!1), x = ce(e), [m, b] = f(), u = $(
+    e.content,
+    e.language,
+    "content",
+    e.translation_entries
+  ), Z = $(
+    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();
+  }, [n]);
+  const ee = (t) => {
+    if (v === t) {
+      const U = document.getElementById(t);
+      U && U.scrollIntoView({ behavior: "smooth" }), w(!0);
+    }
+  }, A = () => {
+    X((t) => !t);
+  }, L = () => {
+    M((t) => !t), b([]);
+  }, te = (t) => {
+    if (!m?.find((a) => a.id === t.id))
+      return t;
+  }, oe = ie((t, a) => /* @__PURE__ */ o(
+    ue,
+    {
+      publisher: t.publisher,
+      url: t.source_url,
+      title: t.title,
+      index: a
+    },
+    a
+  ), []), se = () => {
+    if (n && Array.isArray(n)) {
+      const t = n.filter(
+        (a) => a.reply_to_id === e.id
+      );
+      t.length > 0 && (b(t), M(!0));
+    }
+  }, k = (t = null) => /* @__PURE__ */ o(
+    Re,
+    {
+      ...t ? { argument: t } : {},
+      nestingLevel: y + 1,
+      disabled: _,
+      groupName: S,
+      groupType: I,
+      positions: g,
+      argumentReplies: n,
+      parentArgument: e,
+      flashParent: (a) => ee(`argument_${a}`)
+    }
+  );
+  return /* @__PURE__ */ l(he, { elementId: v, onScroll: () => w(!0), children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: B(
+          s.argument,
+          {
+            [s.flash]: Q,
+            [s.argumentReply]: e.is_reply === !0
+          },
+          s[`level-${y}`],
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
+        ),
+        id: v,
+        children: [
+          /* @__PURE__ */ o(
+            fe,
+            {
+              selectedContent: e.score === 99,
+              author: e.author,
+              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : Z.translatedContent,
+              date: e.created_at,
+              tagClassName: s[`headerPosition-${C}`],
+              disableLinks: E,
+              isDeleted: e.is_deleted,
+              showModerationFeedback: O ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
+              moderationReason: e.moderation_entry?.moderation_reason,
+              moderationNotes: e.moderation_entry?.moderator_notes,
+              moderationPolicyUrl: r.provider?.userGuideUrl
+            }
+          ),
+          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({
+            id: "argument.argument.content_deleted",
+            defaultMessage: "This content has been removed."
+          }) }) : /* @__PURE__ */ l(h, { children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: B(s.argumentBody, {
+                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? G : !1
+                }),
+                children: [
+                  e.is_reply && d && /* @__PURE__ */ l(
+                    "div",
+                    {
+                      className: s.replyTo,
+                      onClick: () => P(d.id),
+                      children: [
+                        i.formatMessage({
+                          id: "info.replying_to",
+                          defaultMessage: "Replying to"
+                        }),
+                        /* @__PURE__ */ l("span", { className: s.replyingTo, children: [
+                          d.is_deleted ? i.formatMessage({
+                            id: "info.deleted",
+                            defaultMessage: "Deleted"
+                          }) : d.author.full_name,
+                          /* @__PURE__ */ o(D, { name: "chat", height: 16 })
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    ye,
+                    {
+                      content: /* @__PURE__ */ l(h, { children: [
+                        e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
+                          id: "argument.argument.updated",
+                          defaultMessage: "Updated argument"
+                        }) }),
+                        x && !u.isTranslated ? /* @__PURE__ */ o(
+                          "div",
+                          {
+                            className: s.argumentContent,
+                            dangerouslySetInnerHTML: { __html: x }
+                          }
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: u.translatedContent }),
+                        u.isTranslated && /* @__PURE__ */ o(
+                          ge,
+                          {
+                            language: e.language,
+                            callback: () => u.toggleContent()
+                          }
+                        )
+                      ] }),
+                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? Y : void 0,
+                      readMoreText: i.formatMessage({
+                        id: "action.read_more",
+                        defaultMessage: "Read more"
+                      }),
+                      readLessText: i.formatMessage({
+                        id: "action.read_less",
+                        defaultMessage: "Read less"
+                      }),
+                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? F : !1,
+                      readMoreClassName: e.is_reply ? s.replyStyle : s.argumentStyle
+                    }
+                  )
+                ]
+              }
+            ),
+            e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(oe) })
+          ] }),
+          !R && !e.is_deleted && /* @__PURE__ */ o(
+            _e,
+            {
+              resource: e,
+              disabled: _ || e.status === "rejected" || !K && r?.actions?.disableInputForVisitor === !0 || N,
+              reportType: "Message",
+              softDelete: r.actions?.softDelete,
+              deleteType: "messages",
+              deleteListId: z,
+              enableReply: y <= 2 || c.role === "editor" || c.role === "moderator",
+              handleReplyTo: A,
+              replyRedirectUrl: q,
+              shareUrl: `https://app.logora.fr/share/a/${e.id}`,
+              shareTitle: i.formatMessage({
+                id: "share.argument.title",
+                defaultMessage: "Share a debate"
+              }),
+              shareText: i.formatMessage({
+                id: "share.argument.text",
+                defaultMessage: "This argument may interest you"
+              }),
+              shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${r.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
+              showShareCode: r?.actions?.hideCodeShare !== !0,
+              showShareText: !0,
+              showShareButton: r?.actions?.hideShareButton !== !0,
+              enableReport: !(e.score === 100 && e.manual_score),
+              enableEdition: H,
+              enableDeletion: V,
+              children: /* @__PURE__ */ o(
+                Me,
+                {
+                  voteableType: "Message",
+                  voteableId: e.id,
+                  totalUpvote: e.upvotes,
+                  totalDownvote: 0,
+                  activeClassName: s[`voteButtonPosition-${C}`],
+                  disabled: e.status === "rejected" || c?.id === e?.author?.id || N
+                }
+              )
+            }
+          ),
+          !R && !T && /* @__PURE__ */ o(
+            de,
+            {
+              numberReplies: e.number_replies,
+              repliesAuthors: e.replies_authors,
+              expandReplies: p,
+              onToggleReplies: L
+            }
+          )
+        ]
+      }
+    ),
+    !T && /* @__PURE__ */ l(h, { children: [
+      W && /* @__PURE__ */ o(ae, { fallback: null, children: /* @__PURE__ */ o(
+        Ie,
+        {
+          groupId: e.group_id,
+          groupType: I,
+          groupName: S,
+          positions: g,
+          parentId: e.id,
+          positionId: j?.position_id,
+          disabled: _,
+          hideSourceAction: r?.actions?.disableUserSources || !1,
+          onSubmit: (t) => {
+            A(), b([t]), M(!0);
+          },
+          isReply: !0,
+          avatarSize: 40,
+          placeholder: i.formatMessage({
+            id: "input.reply_input.your_answer",
+            defaultMessage: "Your answer"
+          }),
+          userGuideUrl: r?.provider?.userGuideUrl,
+          hideUserGuideLink: r?.provider?.hideUserGuideLink
+        },
+        `Reply${e.id}`
+      ) }),
+      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(
+        be,
+        {
+          voteableType: "Message",
+          currentListId: `argument_${e.id}_reply_list`,
+          loadingComponent: /* @__PURE__ */ o(ve, {}),
+          resource: "messages",
+          sort: "+created_at",
+          filters: {
+            message_id: e.id,
+            is_reply: !0,
+            status: "accepted"
+          },
+          perPage: 5,
+          display: "column",
+          resourcePropName: "argument",
+          emptyListComponent: /* @__PURE__ */ o(h, {}),
+          transformData: (t) => te(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,
+        {
+          role: "link",
+          rightIcon: /* @__PURE__ */ o(D, { name: "lightArrow", height: 10, width: 10 }),
+          handleClick: L,
+          children: i.formatMessage({
+            id: "argument.argument.see_more",
+            defaultMessage: "See more"
+          })
+        }
+      ) }) })
+    ] })
+  ] });
+}, Re = Se;
+export {
+  Se as Argument,
+  Re as ArgumentContainer
+};