@logora/debate 0.2.2 → 0.2.3

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

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