@logora/debate 0.2.1 → 0.2.3

package/dist/components/input/argument_input/ArgumentInput.js

@@ -1,286 +1,388 @@
-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 { useAuth as i } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as ee } from "../../data/data_provider/useDataProvider.js";
-import { useConfig as te } from "../../data/config_provider/useConfig.js";
-import { useResponsive as ne } from "../../hooks/use_responsive/useResponsive.js";
-import { useList as re } from "../../list/list_provider/useList.js";
-import ie 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 a from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
-import { useModal as ae } from "../../dialog/modal/useModal.js";
-import { useInput as oe } from "../input_provider/useInput.js";
-import { useToast as se } from "../../dialog/toast_provider/useToast.js";
-import { useAuthRequired as ce } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { Avatar as le } from "../../user/avatar/Avatar.js";
-import { AuthorBox as ue } from "../../user/author_box/AuthorBox.js";
-import { TextEditor as de } from "../text_editor/TextEditor.js";
-import fe from "../../../node_modules/.pnpm/@rooks_use-sessionstorage-state@4.11.2_react@18.3.1/node_modules/@rooks/use-sessionstorage-state/lib/index.esm.js";
-import { useFormValidation as pe } from "../../forms/use_form_validation/useFormValidation.js";
-import { TogglePosition as me } from "../toggle_position/TogglePosition.js";
-import o from "./ArgumentInput.module.js";
-import { Suspense as he, lazy as s, useEffect as c, useRef as ge, useState as l } from "react";
-import { useLocation as _e } from "react-router";
-//#region src/components/input/argument_input/ArgumentInput.jsx
-var u = t(), d = /* @__PURE__ */ e(r()), ve = s(() => import("../../modal/side_modal/index.js")), f = ({ argumentListId: e, avatarSize: t = 48, disabled: r = !1, positions: s = [], disabledPositions: f = [], groupId: p, groupName: ye, groupType: m, hideSourceAction: be = !1, isReply: h = !1, onSubmit: g, parentId: _, placeholder: xe, positionId: v, focusOnInit: Se = !1, activeOnInit: y = !1, userGuideUrl: b, hideUserGuideLink: Ce = !1, hideCharCount: we = !1, disableAutoActivate: Te = !1 }) => {
-	let x = ie(), Ee = ee(), S = re(), C = te(), { focus: De, setFocus: w, setReset: Oe, inputContent: T, setInputContent: ke, setInputRichContent: Ae } = oe(), { isLoggedIn: E, currentUser: D } = i(), { errors: O, validate: k } = pe(), { isMobile: A } = ne(), je = _e(), j = ge(null), [M, N] = l([]), [P, F] = l(""), [I, L] = l(null), [R, z] = l(null), [B, V] = l(null), [H, U] = l(!1), [W, G] = l(!1), [K, q] = l({}), [J, Me] = fe("userSide", {}), [Y, Ne] = l(!E && C?.actions?.disableInputForVisitor), X = ce(), { showModal: Pe } = ae(), { toast: Z } = se() || {}, Fe = new URLSearchParams(typeof window < "u" ? window.location.search : je.search);
-	c(() => {
-		Ne(!E && C?.actions?.disableInputForVisitor);
-	}, [E, C]);
-	let Q = D?.role === "editor" || D?.role === "moderator", Ie = D?.moderation_status === "banned";
-	c(() => {
-		let e = null;
-		typeof window < "u" && (e = Fe.get("positionId")), v && v != s[2]?.id && s?.find((e) => e.id === v) ? z(v) : e && e != s[2]?.id ? z(e) : J && J.groupId == p && J.positionId != s[2]?.id && z(J.positionId);
-	}, [v]), c(() => {
-		y && ($(), w(!0));
-	}, [y]), c(() => {
-		if (typeof window < "u") {
-			let e = Se || Fe.get("initArgument");
-			(e === !0 || e === "true") && (w(!0), Je());
-		}
-	}, []), c(() => {
-		De && (Re(), w(!1));
-	}, [De]), c(() => {
-		T?.id && (Le(T), w(!0));
-	}, [T]);
-	let Le = (e) => {
-		q(e), G(!0), N(e.sources), F(e.content), L(e.rich_content), V(e.id), Re(), z(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ae(e.rich_content) : ke(e.content);
-	}, Re = () => {
-		j.current.scrollIntoView(!1);
-	}, ze = () => {
-		F(""), L(null), q({}), V(null), N([]), Oe(!0);
-	}, Be = (e) => {
-		z(e), Ke(e);
-	}, Ve = () => {
-		Pe(/* @__PURE__ */ (0, u.jsx)(he, {
-			fallback: null,
-			children: /* @__PURE__ */ (0, u.jsx)(ve, {
-				modalTitle: x.formatMessage({
-					id: "modal.side_modal.modal_title",
-					defaultMessage: "Choose your side"
-				}),
-				onChooseSide: Be,
-				positions: s,
-				title: ye,
-				disabledPositions: !h && f,
-				isNeutral: J && J.groupId == p && J.positionId === s[2]?.id
-			})
-		}));
-	}, He = () => {
-		E ? B ? qe() : !s || s?.length === 0 || !f?.find((e) => e?.id === R) && R || Q && h ? Ke(h && Q && s[0]?.id) : Ve() : X({ loginAction: "argument" });
-	}, Ue = (e, t) => {
-		Y ? X({ loginAction: "argument" }) : (F(e), L(t), k({ content: e }, [{ content: ["url", null] }]));
-	}, We = (e) => {
-		N(e);
-	}, Ge = [
-		{ content: ["length", 3] },
-		{ content: ["required", null] },
-		{ content: ["url", null] },
-		...!s || s?.length === 0 ? [] : [{ position_id: ["required", null] }]
-	], Ke = (t) => {
-		let n = t || R, r = {
-			content: P,
-			rich_content: I,
-			group_id: p,
-			...m && { group_type: m },
-			...n && { position_id: n },
-			is_reply: !!_,
-			message_id: _ || null,
-			source_ids: M?.map((e) => e.id)
-		};
-		k(r, Ge) && (n && s && s.map((e) => e.id).includes(n) && Me({
-			groupId: p,
-			positionId: n
-		}), ze(), Ee.create("messages", r).then((t) => {
-			if (t.data.success) {
-				if (_) g(t.data.data.resource), Z(x.formatMessage({
-					id: "alert.argument_create",
-					defaultMessage: "Your contribution has been sent !"
-				}), {
-					type: "success",
-					points: x.formatMessage({
-						id: "alert.reply_gain",
-						defaultMessage: " "
-					})
-				});
-				else {
-					let r = t.data.data.resource, i = e;
-					n && !A && (i = `argumentList${r.position.id}`), g?.(P, s.find((e) => e.id === n) || null), S.add(i, [r]), Z(x.formatMessage({
-						id: "alert.argument_create",
-						defaultMessage: "Your contribution has been sent !"
-					}), {
-						type: "success",
-						points: x.formatMessage({
-							id: "alert.argument_create_gain",
-							defaultMessage: "Up to 10 eloquence points"
-						}),
-						category: "ARGUMENT",
-						contentKey: D.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
-					});
-				}
-				typeof window < "u" && window.dispatchEvent(new CustomEvent("logora:user_content:created", { detail: { content: t.data.data?.resource } }));
-			}
-		}));
-	}, qe = () => {
-		let t = {
-			content: P,
-			rich_content: I,
-			source_ids: M?.map((e) => e.id),
-			...R && { position_id: R }
-		};
-		k(t, Ge) && Ee.update("messages", B, t).then((t) => {
-			if (t.data.success) {
-				let n = t.data.data.resource, r = e;
-				if (R && !A && (r = `argumentList${n.position?.id}`), K?.position?.id != n.position?.id && !A && !n.is_reply) {
-					let e = `argumentList${K.position.id}`, t = `argumentList${n.position.id}`;
-					S.remove(e, [n]), S.add(t, [n]);
-				} else S.update(r, [n]);
-				Z(x.formatMessage({ id: "alert.argument_modify" }), { type: "success" }), ze();
-			}
-		});
-	}, Je = () => {
-		if (!H) {
-			U(!0);
-			let e = setTimeout(() => {
-				U(!1);
-			}, 2e3);
-			return () => clearTimeout(e);
-		}
-	}, $ = () => {
-		Y ? X({ loginAction: "argument" }) : G(!0);
-	}, Ye = () => {
-		let e = f.find((e) => e.id === R);
-		if (e) return x.formatMessage({
-			id: "info.argument_side_limit",
-			defaultMessage: "You have reached the argument limit (10) for position {position}."
-		}, { position: e.name });
-	};
-	return /* @__PURE__ */ (0, u.jsxs)("div", {
-		className: o.inputContainer,
-		children: [r && /* @__PURE__ */ (0, u.jsx)("div", {
-			className: o.disabledInputMask,
-			children: Ie ? x.formatMessage({
-				id: "input.argument_input.user_banned",
-				defaultMessage: "You are banned from the debate space."
-			}) : x.formatMessage({
-				id: "info.debate_is_inactive",
-				defaultMessage: "Debate is closed"
-			})
-		}), /* @__PURE__ */ (0, u.jsx)("div", {
-			className: (0, d.default)(o.argumentInput, {
-				[o.flash]: H,
-				[o.replyInputContainer]: h
-			}),
-			children: /* @__PURE__ */ (0, u.jsx)("div", {
-				"data-tid": "action_add_argument",
-				ref: j,
-				children: /* @__PURE__ */ (0, u.jsxs)("div", {
-					className: o.argumentInputBox,
-					children: [s.length > 0 && E && (!h || !Q) && /* @__PURE__ */ (0, u.jsxs)("div", {
-						className: o.userPosition,
-						children: [/* @__PURE__ */ (0, u.jsx)("div", { children: x.formatMessage({
-							id: "input.position",
-							defaultMessage: "Your position"
-						}) }), /* @__PURE__ */ (0, u.jsx)(me, {
-							activeLabel: R === s[0].id ? 0 : R === s[1].id ? 1 : null,
-							firstLabel: s[0],
-							secondLabel: s[1],
-							onChange: (e) => z(s[e].id)
-						})]
-					}), /* @__PURE__ */ (0, u.jsxs)("div", {
-						className: (0, d.default)(o.argumentTextInputBox, {
-							[o.argumentTextInputBoxisTablet]: !A,
-							[o.replyEditorRow]: h
-						}),
-						children: [/* @__PURE__ */ (0, u.jsx)("div", {
-							className: (0, d.default)(o.argumentAuthorContainer, {
-								[o.argumentAuthorContainerMobile]: A,
-								[o.argumentAuthorContainerActivated]: !A && W || h
-							}),
-							children: !A && W || h ? /* @__PURE__ */ (0, u.jsx)(le, {
-								avatarUrl: D.image_url,
-								userName: D.full_name,
-								size: t
-							}) : /* @__PURE__ */ (0, u.jsx)(ue, {
-								fullName: D?.full_name || x.formatMessage({ id: "default_author.full_name" }),
-								avatarUrl: D?.image_url,
-								points: D?.points || 0,
-								slug: D?.hash_id
-							})
-						}), /* @__PURE__ */ (0, u.jsxs)("div", {
-							onClick: $,
-							"data-testid": "argument-input",
-							className: (0, d.default)(o.textEditorBox, { [o.replyTextEditorBox]: h }),
-							children: [
-								/* @__PURE__ */ (0, u.jsx)(de, {
-									handleChange: (e, t) => {
-										Ue(e, t);
-									},
-									handleSourcesChange: (e) => {
-										We(e);
-									},
-									placeholder: xe,
-									"aria-label": x.formatMessage({
-										id: "input.argument_input.aria_label",
-										defaultMessage: "Message input field"
-									}),
-									onSubmit: He,
-									sources: M,
-									hideSourceAction: be || Y,
-									uid: `Argument${p}`,
-									onActivation: $,
-									showStylesControls: W,
-									disabled: r || Y || Ie,
-									maxLength: Y ? !1 : C?.actions?.argumentMaxLength,
-									disableRichText: C?.actions?.disableRichText || Y,
-									shortBar: h,
-									hideSubmit: Y,
-									allowedDomains: C?.allowed_sources,
-									active: y,
-									hideCharCount: we,
-									disableAutoActivate: Te
-								}),
-								O?.content && /* @__PURE__ */ (0, u.jsx)("div", {
-									className: o.argumentInputWarning,
-									children: O && Object.values(O).map((e, t) => /* @__PURE__ */ (0, u.jsx)("div", { children: e }, t))
-								}),
-								W && f?.find((e) => e.id === R) && /* @__PURE__ */ (0, u.jsxs)("div", {
-									className: (0, d.default)(o.argumentInputWarning, o.disabledPositionWarning),
-									children: [/* @__PURE__ */ (0, u.jsx)(n, {
-										name: "announcement",
-										className: o.warningIcon,
-										height: 20,
-										width: 20
-									}), /* @__PURE__ */ (0, u.jsx)("div", {
-										className: o.argumentInputWarningText,
-										children: Ye()
-									})]
-								}),
-								W && b && !Ce && /* @__PURE__ */ (0, u.jsx)("div", {
-									className: o.guideMessage,
-									children: /* @__PURE__ */ (0, u.jsx)(a, {
-										id: "alert.guide_message",
-										defaultMessage: "Contributions must comply with our {userCharter}.",
-										values: { userCharter: /* @__PURE__ */ (0, u.jsx)("a", {
-											className: o.guideMessage,
-											href: b,
-											target: "_blank",
-											rel: "noreferrer",
-											children: /* @__PURE__ */ (0, u.jsx)(a, {
-												id: "alert.user_charter",
-												defaultMessage: "user charter"
-											})
-										}) }
-									})
-								})
-							]
-						})]
-					})]
-				})
-			})
-		})]
-	});
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import qe from "@rooks/use-sessionstorage-state";
+import { useRef as De, useState as c, useEffect as M, Suspense as We, lazy as Ye } from "react";
+import { useIntl as $e, FormattedMessage as ce } from "react-intl";
+import { useLocation as ke } from "react-router";
+import w from "classnames";
+import n from "./ArgumentInput.module.scss.js";
+import { useDataProvider as Re } from "../../data/data_provider/useDataProvider.js";
+import { useList as je } from "../../list/list_provider/useList.js";
+import { useConfig as ze } from "../../data/config_provider/useConfig.js";
+import { useInput as Oe } from "../input_provider/useInput.js";
+import { useAuth as Je } from "../../auth/use_auth/useAuth.js";
+import { useFormValidation as Ke } from "../../forms/use_form_validation/useFormValidation.js";
+import { useResponsive as Ge } from "../../hooks/use_responsive/useResponsive.js";
+import { useAuthRequired as He } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useModal as Qe } from "../../dialog/modal/useModal.js";
+import { useToast as Xe } from "../../dialog/toast_provider/useToast.js";
+import { TogglePosition as Ze } from "../toggle_position/TogglePosition.js";
+import { Avatar as et } from "../../user/avatar/Avatar.js";
+import { AuthorBox as tt } from "../../user/author_box/AuthorBox.js";
+import { TextEditor as nt } from "../text_editor/TextEditor.js";
+import { Icon as at } from "../../icons/icon/Icon.js";
+const it = Ye(() => import("../../modal/side_modal/index.js")), Nt = ({
+  argumentListId: R,
+  avatarSize: me = 48,
+  disabled: j = !1,
+  positions: a = [],
+  disabledPositions: I = [],
+  groupId: v,
+  groupName: fe,
+  groupType: z,
+  hideSourceAction: ge = !1,
+  isReply: r = !1,
+  onSubmit: O,
+  parentId: L,
+  placeholder: he,
+  positionId: b,
+  focusOnInit: pe = !1,
+  activeOnInit: y = !1,
+  userGuideUrl: J,
+  hideUserGuideLink: _e = !1,
+  hideCharCount: Me = !1,
+  disableAutoActivate: ve = !1
+}) => {
+  const s = $e(), K = Re(), S = je(), h = ze(), {
+    focus: G,
+    setFocus: x,
+    setReset: be,
+    inputContent: F,
+    setInputContent: Ae,
+    setInputRichContent: Ce
+  } = Oe(), { isLoggedIn: A, currentUser: u } = Je(), { errors: P, validate: B } = Ke(), { isMobile: m } = Ge(), we = ke(), H = De(null), [E, V] = c([]), [U, q] = c(""), [Q, D] = c(null), [d, p] = c(null), [X, Z] = c(null), [ee, te] = c(!1), [C, ne] = c(!1), [ae, ie] = c({}), [f, Ie] = qe(
+    "userSide",
+    {}
+  ), [g, Se] = c(
+    !A && h?.actions?.disableInputForVisitor
+  ), W = He(), { showModal: xe } = Qe(), { toast: Y } = Xe() || {}, se = new URLSearchParams(
+    typeof window < "u" ? window.location.search : we.search
+  );
+  M(() => {
+    Se(
+      !A && h?.actions?.disableInputForVisitor
+    );
+  }, [A, h]);
+  const $ = u?.role === "editor" || u?.role === "moderator", oe = u?.moderation_status === "banned";
+  M(() => {
+    let e = null;
+    typeof window < "u" && (e = se.get("positionId")), b && b != a[2]?.id && a?.find((t) => t.id === b) ? p(b) : e && e != a[2]?.id ? p(e) : f && f.groupId == v && f.positionId != a[2]?.id && p(f.positionId);
+  }, [b]), M(() => {
+    y && (k(), x(!0));
+  }, [y]), M(() => {
+    if (typeof window < "u") {
+      const e = pe || se.get("initArgument");
+      (e === !0 || e === "true") && (x(!0), Ee());
+    }
+  }, []), M(() => {
+    G && (re(), x(!1));
+  }, [G]), M(() => {
+    F?.id && (Ne(F), x(!0));
+  }, [F]);
+  const Ne = (e) => {
+    ie(e), ne(!0), V(e.sources), q(e.content), D(e.rich_content), Z(e.id), re(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ce(e.rich_content) : Ae(e.content);
+  }, re = () => {
+    H.current.scrollIntoView(!1);
+  }, ue = () => {
+    q(""), D(null), ie({}), Z(null), V([]), be(!0);
+  }, Te = (e) => {
+    p(e), le(e);
+  }, Le = () => {
+    xe(
+      /* @__PURE__ */ i(We, { fallback: null, children: /* @__PURE__ */ i(
+        it,
+        {
+          modalTitle: s.formatMessage({
+            id: "modal.side_modal.modal_title",
+            defaultMessage: "Choose your side"
+          }),
+          onChooseSide: Te,
+          positions: a,
+          title: fe,
+          disabledPositions: !r && I,
+          isNeutral: f && f.groupId == v && f.positionId === a[2]?.id
+        }
+      ) })
+    );
+  }, ye = () => {
+    A ? X ? Be() : !a || a?.length === 0 || !I?.find((e) => e?.id === d) && d || $ && r ? le(r && $ && a[0]?.id) : Le() : W({ loginAction: "argument" });
+  }, Fe = (e, t) => {
+    g ? W({ loginAction: "argument" }) : (q(e), D(t), B({ content: e }, [{ content: ["url", null] }]));
+  }, Pe = (e) => {
+    V(e);
+  }, de = [
+    { content: ["length", 3] },
+    { content: ["required", null] },
+    { content: ["url", null] },
+    ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
+  ], le = (e) => {
+    const t = e || d, l = {
+      content: U,
+      rich_content: Q,
+      group_id: v,
+      ...z && { group_type: z },
+      ...t && { position_id: t },
+      is_reply: !!L,
+      message_id: L || null,
+      source_ids: E?.map((o) => o.id)
+    };
+    B(l, de) && (t && a && a.map((o) => o.id).includes(t) && Ie({
+      groupId: v,
+      positionId: t
+    }), ue(), K.create("messages", l).then((o) => {
+      if (o.data.success) {
+        if (L)
+          O(o.data.data.resource), Y(
+            s.formatMessage({
+              id: "alert.argument_create",
+              defaultMessage: "Your contribution has been sent !"
+            }),
+            {
+              type: "success",
+              points: s.formatMessage({
+                id: "alert.reply_gain",
+                defaultMessage: " "
+              })
+            }
+          );
+        else {
+          const N = o.data.data.resource;
+          let T = R;
+          t && !m && (T = `argumentList${N.position.id}`), O?.(
+            U,
+            a.find((Ue) => Ue.id === t) || null
+          ), S.add(T, [N]), Y(
+            s.formatMessage({
+              id: "alert.argument_create",
+              defaultMessage: "Your contribution has been sent !"
+            }),
+            {
+              type: "success",
+              points: s.formatMessage({
+                id: "alert.argument_create_gain",
+                defaultMessage: "Up to 10 eloquence points"
+              }),
+              category: "ARGUMENT",
+              contentKey: u.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
+            }
+          );
+        }
+        typeof window < "u" && window.dispatchEvent(
+          new CustomEvent("logora:user_content:created", {
+            detail: {
+              content: o.data.data?.resource
+            }
+          })
+        );
+      }
+    }));
+  }, Be = () => {
+    const e = {
+      content: U,
+      rich_content: Q,
+      source_ids: E?.map((t) => t.id),
+      ...d && { position_id: d }
+    };
+    B(e, de) && K.update("messages", X, e).then((t) => {
+      if (t.data.success) {
+        const l = t.data.data.resource;
+        let o = R;
+        if (d && !m && (o = `argumentList${l.position?.id}`), ae?.position?.id != l.position?.id && !m && !l.is_reply) {
+          const N = `argumentList${ae.position.id}`, T = `argumentList${l.position.id}`;
+          S.remove(N, [l]), S.add(T, [l]);
+        } else
+          S.update(o, [l]);
+        Y(s.formatMessage({ id: "alert.argument_modify" }), {
+          type: "success"
+        }), ue();
+      }
+    });
+  }, Ee = () => {
+    if (!ee) {
+      te(!0);
+      const e = setTimeout(() => {
+        te(!1);
+      }, 2e3);
+      return () => clearTimeout(e);
+    }
+  }, k = () => {
+    g ? W({ loginAction: "argument" }) : ne(!0);
+  }, Ve = () => {
+    const e = I.find(
+      (t) => t.id === d
+    );
+    if (e)
+      return s.formatMessage(
+        {
+          id: "info.argument_side_limit",
+          defaultMessage: "You have reached the argument limit (10) for position {position}."
+        },
+        { position: e.name }
+      );
+  };
+  return /* @__PURE__ */ _("div", { className: n.inputContainer, children: [
+    j && /* @__PURE__ */ i("div", { className: n.disabledInputMask, children: oe ? s.formatMessage({
+      id: "input.argument_input.user_banned",
+      defaultMessage: "You are banned from the debate space."
+    }) : s.formatMessage({
+      id: "info.debate_is_inactive",
+      defaultMessage: "Debate is closed"
+    }) }),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: w(n.argumentInput, {
+          [n.flash]: ee,
+          [n.replyInputContainer]: r
+        }),
+        children: /* @__PURE__ */ i("div", { "data-tid": "action_add_argument", ref: H, children: /* @__PURE__ */ _("div", { className: n.argumentInputBox, children: [
+          a.length > 0 && A && (!r || !$) && /* @__PURE__ */ _("div", { className: n.userPosition, children: [
+            /* @__PURE__ */ i("div", { children: s.formatMessage({
+              id: "input.position",
+              defaultMessage: "Your position"
+            }) }),
+            /* @__PURE__ */ i(
+              Ze,
+              {
+                activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
+                firstLabel: a[0],
+                secondLabel: a[1],
+                onChange: (e) => p(a[e].id)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _(
+            "div",
+            {
+              className: w(n.argumentTextInputBox, {
+                [n.argumentTextInputBoxisTablet]: !m,
+                [n.replyEditorRow]: r
+              }),
+              children: [
+                /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: w(n.argumentAuthorContainer, {
+                      [n.argumentAuthorContainerMobile]: m,
+                      [n.argumentAuthorContainerActivated]: !m && C || r
+                    }),
+                    children: !m && C || r ? /* @__PURE__ */ i(
+                      et,
+                      {
+                        avatarUrl: u.image_url,
+                        userName: u.full_name,
+                        size: me
+                      }
+                    ) : /* @__PURE__ */ i(
+                      tt,
+                      {
+                        fullName: u?.full_name || s.formatMessage({ id: "default_author.full_name" }),
+                        avatarUrl: u?.image_url,
+                        points: u?.points || 0,
+                        slug: u?.hash_id
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ _(
+                  "div",
+                  {
+                    onClick: k,
+                    "data-testid": "argument-input",
+                    className: w(n.textEditorBox, {
+                      [n.replyTextEditorBox]: r
+                    }),
+                    children: [
+                      /* @__PURE__ */ i(
+                        nt,
+                        {
+                          handleChange: (e, t) => {
+                            Fe(e, t);
+                          },
+                          handleSourcesChange: (e) => {
+                            Pe(e);
+                          },
+                          placeholder: he,
+                          "aria-label": s.formatMessage({
+                            id: "input.argument_input.aria_label",
+                            defaultMessage: "Message input field"
+                          }),
+                          onSubmit: ye,
+                          sources: E,
+                          hideSourceAction: ge || g,
+                          uid: `Argument${v}`,
+                          onActivation: k,
+                          showStylesControls: C,
+                          disabled: j || g || oe,
+                          maxLength: g ? !1 : h?.actions?.argumentMaxLength,
+                          disableRichText: h?.actions?.disableRichText || g,
+                          shortBar: r,
+                          hideSubmit: g,
+                          allowedDomains: h?.allowed_sources,
+                          active: y,
+                          hideCharCount: Me,
+                          disableAutoActivate: ve
+                        }
+                      ),
+                      P?.content && /* @__PURE__ */ i("div", { className: n.argumentInputWarning, children: P && Object.values(P).map((e, t) => /* @__PURE__ */ i("div", { children: e }, t)) }),
+                      C && I?.find(
+                        (e) => e.id === d
+                      ) && /* @__PURE__ */ _(
+                        "div",
+                        {
+                          className: w(
+                            n.argumentInputWarning,
+                            n.disabledPositionWarning
+                          ),
+                          children: [
+                            /* @__PURE__ */ i(
+                              at,
+                              {
+                                name: "announcement",
+                                className: n.warningIcon,
+                                height: 20,
+                                width: 20
+                              }
+                            ),
+                            /* @__PURE__ */ i("div", { className: n.argumentInputWarningText, children: Ve() })
+                          ]
+                        }
+                      ),
+                      C && J && !_e && /* @__PURE__ */ i("div", { className: n.guideMessage, children: /* @__PURE__ */ i(
+                        ce,
+                        {
+                          id: "alert.guide_message",
+                          defaultMessage: "Contributions must comply with our {userCharter}.",
+                          values: {
+                            userCharter: /* @__PURE__ */ i(
+                              "a",
+                              {
+                                className: n.guideMessage,
+                                href: J,
+                                target: "_blank",
+                                rel: "noreferrer",
+                                children: /* @__PURE__ */ i(
+                                  ce,
+                                  {
+                                    id: "alert.user_charter",
+                                    defaultMessage: "user charter"
+                                  }
+                                )
+                              }
+                            )
+                          }
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
+};
+export {
+  Nt as ArgumentInput
 };
-//#endregion
-export { f as ArgumentInput };