@ynput/ayon-frontend-shared 0.2.32 → 0.2.33

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.es.js

@@ -1,29 +1,72 @@
 import { j as i } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as g, useRef as he, useEffect as ge, useMemo as xe } from "react";
-import _ from "clsx";
-import { toast as Ke } from "react-toastify";
-import Ve, { Quill as ze } from "react-quill-ayon";
-import { Button as q, SaveButton as Be, Icon as Qe } from "@ynput/ayon-react-components";
-import _e from "../CommentMentionSelect/CommentMentionSelect.es.js";
-import Ge from "./InputMarkdownConvert.es.js";
-import We from "../FilesGrid/FilesGrid.es.js";
-import { AutoHeight as $e, Comment as Je, Markdown as Xe, Placeholder as Ye, Footer as Ze, Buttons as ye, Dropzone as Oe } from "./CommentInput.styled.es.js";
-import { QuillListStyles as et } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import tt from "../../mentionHelpers/getMentionOptions.es.js";
-import nt from "../../mentionHelpers/getMentionUsers.es.js";
-import ot from "../../mentionHelpers/getMentionTasks.es.js";
-import st from "../../mentionHelpers/getMentionVersions.es.js";
-import { convertToMarkdown as rt } from "./quillToMarkdown.es.js";
-import { handleFileDrop as it, parseImages as lt, typeWithDelay as at } from "./helpers.es.js";
-import { getModules as ct, quillFormats as dt } from "./modules/index.es.js";
-import mt from "./hooks/useInitialValue.es.js";
-import ut from "./hooks/useSetCursorEnd.es.js";
-import pt from "./hooks/useMentionLink.es.js";
-import ft from "./hooks/useAnnotationsSync.es.js";
-import ht from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as gt } from "../../context/FeedContext.es.js";
-var ke = ze.import("delta");
-const R = ["@", "@@", "@@@"], G = {
+import { useState as g, useRef as G, useEffect as kt, useMemo as wt } from "react";
+import W from "clsx";
+import { toast as Ot } from "react-toastify";
+import Xt, { Quill as Yt } from "react-quill-ayon";
+import { Button as L, SaveButton as Zt, Icon as te } from "@ynput/ayon-react-components";
+import ee from "../CommentMentionSelect/CommentMentionSelect.es.js";
+import oe from "./InputMarkdownConvert.es.js";
+import ne from "../FilesGrid/FilesGrid.es.js";
+import { AutoHeight as re, Comment as se, Markdown as ie, Placeholder as le, Footer as ae, Buttons as vt, Dropzone as ce } from "./CommentInput.styled.es.js";
+import { QuillListStyles as me } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import pe from "../../mentionHelpers/getMentionOptions.es.js";
+import de from "../../mentionHelpers/getMentionUsers.es.js";
+import ue from "../../mentionHelpers/getMentionTasks.es.js";
+import fe from "../../mentionHelpers/getMentionVersions.es.js";
+import { convertToMarkdown as he } from "./quillToMarkdown.es.js";
+import { handleFileDrop as ge, parseImages as xe, typeWithDelay as ye } from "./helpers.es.js";
+import { getModules as Ce, quillFormats as ke } from "./modules/index.es.js";
+import we from "./hooks/useInitialValue.es.js";
+import ve from "./hooks/useSetCursorEnd.es.js";
+import Me from "./hooks/useMentionLink.es.js";
+import je from "./hooks/useAnnotationsSync.es.js";
+import { useBlendedCategoryColor as Te } from "./hooks/useBlendedCategoryColor.es.js";
+import Ie from "./hooks/useAnnotationsUpload.es.js";
+import { useFeedContext as Fe } from "../../context/FeedContext.es.js";
+import "react-dom";
+import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "lodash";
+import "uuid";
+import "../../../../util/pubsub.es.js";
+import "../FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../ReactionContainer/Reactions.styled.es.js";
+import "../ActivityComment/ActivityComment.styled.es.js";
+import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../ActivityStatus/ActivityStatus.es.js";
+import "../ActivityHeader/ActivityHeader.styled.es.js";
+import "../ActivityDate.es.js";
+import "../../../../context/RemoteModulesContext.es.js";
+import { useDetailsPanelContext as Se } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../context/SettingsPanelContext.es.js";
+import "../../../../context/pip/PiPProvider.es.js";
+import "../../../../context/pip/PiPWrapper.es.js";
+import "../../../../context/AddonProjectContext.es.js";
+import "../../../../context/AddonContext.es.js";
+import "../../../../context/PowerpackContext.es.js";
+import "../../../../context/MoveEntityContext.es.js";
+import "../../../../context/MenuContext.es.js";
+import "../ActivityCategorySelect/CategoryTag.es.js";
+import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../ActivityVersions/ActivityVersions.styled.es.js";
+import "../ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed.styled.es.js";
+import "date-fns";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import { ActivityCategorySelect as De } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+var Mt = Yt.import("delta");
+const H = ["@", "@@", "@@@"], J = {
   "@@@": {
     id: "task"
   },
@@ -34,339 +77,372 @@ const R = ["@", "@@", "@@@"], G = {
     id: "user",
     isCircle: !0
   }
-}, Bt = ({
-  initValue: W,
-  initFiles: Ce = [],
-  onSubmit: $,
-  isEditing: y,
-  disabled: D,
-  isLoading: J,
+}, _o = ({
+  initValue: O,
+  initFiles: jt = [],
+  initCategory: Tt = null,
+  onSubmit: X,
+  isEditing: d,
+  disabled: S,
+  isLoading: Y,
   isOpen: c,
-  onOpen: X,
-  onClose: Y
+  onOpen: Z,
+  onClose: tt
 }) => {
-  var fe;
-  const { projectName: w, entities: H, projectInfo: we, scope: xt, currentTab: Me, mentionSuggestionsData: ve } = gt(), {
-    users: Z,
-    versions: O,
-    tasks: ee
-  } = ve || {}, [te, je] = g(88), [L, S] = g(""), [M, b] = g(Ce), [N, A] = g([]), [ne, E] = g(!1), [Ie, oe] = g(!1), { annotations: P, removeAnnotation: K, goToAnnotation: Te } = ft({
-    entityId: (fe = H[0]) == null ? void 0 : fe.id,
-    filesUploading: N
-  }), [n, k] = g(null), [V, v] = g(0), d = he(null), se = he(null);
-  mt({
-    markdownRef: se,
-    initValue: W,
-    setEditorValue: S,
-    setInitHeight: je,
+  var Ct;
+  const {
+    projectName: w,
+    entities: N,
+    projectInfo: It,
+    scope: be,
+    currentTab: Ft,
+    mentionSuggestionsData: St,
+    categories: et
+  } = Fe(), { hasLicense: Dt, onPowerFeature: bt } = Se(), {
+    users: ot,
+    versions: nt,
+    tasks: rt
+  } = St || {}, [st, Pt] = g(88), [B, b] = g(""), [v, P] = g(jt), [K, A] = g([]), [it, U] = g(!1), [At, lt] = g(!1), { annotations: E, removeAnnotation: V, goToAnnotation: Ut } = je({
+    entityId: (Ct = N[0]) == null ? void 0 : Ct.id,
+    filesUploading: K
+  }), [o, C] = g(null), [$, M] = g(0), [R, Et] = g(Tt), Rt = et.filter((t) => t.accessLevel >= 20), j = et.find((t) => t.name === R), at = Te(j == null ? void 0 : j.color), m = G(null), qt = G(null), ct = G(null);
+  we({
+    markdownRef: ct,
+    initValue: O,
+    setEditorValue: b,
+    setInitHeight: Pt,
     isOpen: c,
-    filter: Me
-  }), ut({ initHeight: te, editorRef: d, isEditing: y }), pt({ projectName: w }), ge(() => {
-    var e, t, o;
+    filter: Ft
+  }), ve({ initHeight: st, editorRef: m, isEditing: d }), Me({ projectName: w }), kt(() => {
+    var t, e, n;
     if (c) {
-      if ((t = (e = d.current) == null ? void 0 : e.getEditor()) == null || t.enable(), P.length > 0 && M.length === 0)
+      if ((e = (t = m.current) == null ? void 0 : t.getEditor()) == null || e.enable(), E.length > 0 && v.length === 0)
         return;
-      (o = d.current) == null || o.focus();
+      (n = m.current) == null || n.focus();
     }
-  }, [c, d]), R.sort((e, t) => t.length - e.length);
-  const re = xe(
-    () => tt(
-      n == null ? void 0 : n.type,
+  }, [c, m]), H.sort((t, e) => e.length - t.length);
+  const mt = wt(
+    () => pe(
+      o == null ? void 0 : o.type,
       {
-        "@": () => nt(Z),
-        "@@": () => st(O),
-        "@@@": () => ot(ee, we.taskTypes)
+        "@": () => de(ot),
+        "@@": () => fe(nt),
+        "@@@": () => ue(rt, It.taskTypes)
       },
-      n == null ? void 0 : n.search
+      o == null ? void 0 : o.search
     ),
-    [ee, O, Z, n == null ? void 0 : n.type, n == null ? void 0 : n.search]
-  ), F = re.slice(0, 5), [z, ie] = g();
-  ge(() => {
-    z && (ie(null), d.current.getEditor().setSelection(z));
+    [rt, nt, ot, o == null ? void 0 : o.type, o == null ? void 0 : o.search]
+  ), D = mt.slice(0, 5), [z, pt] = g();
+  kt(() => {
+    z && (pt(null), m.current.getEditor().setSelection(z));
   }, [z]);
-  const le = (e) => {
-    const t = d.current.getEditor(), o = n.type, s = o + (n.search || ""), r = o + e.label, l = G[o], u = `${l == null ? void 0 : l.id}:${e.id}`, C = t.getSelection(!0), j = ((C == null ? void 0 : C.index) || 0) - s.length;
-    t.deleteText(j, s.length), t.insertText(j, r, "mention", u);
-    const I = j + r.length;
-    t.updateContents(new ke().retain(I).insert(" ")), t.updateContents(new ke().retain(I + 1).delete(1)), ie(I + 1), k(null), v(0);
-  }, De = (e) => {
-    le(e);
-  }, Fe = (e, t, o, s) => {
-    var j, I;
-    let r = t.ops[0] && t.ops[0].insert || t.ops[1] && t.ops[1].insert;
-    const l = r === `
-` || r === "	", u = re[V];
-    if (n && l && u) {
-      t.ops[0] && t.ops[0].retain, le(u);
+  const dt = (t) => {
+    const e = m.current.getEditor(), n = o.type, r = n + (o.search || ""), s = n + t.label, l = J[n], u = `${l == null ? void 0 : l.id}:${t.id}`, k = e.getSelection(!0), T = ((k == null ? void 0 : k.index) || 0) - r.length;
+    e.deleteText(T, r.length), e.insertText(T, s, "mention", u);
+    const I = T + s.length;
+    e.updateContents(new Mt().retain(I).insert(" ")), e.updateContents(new Mt().retain(I + 1).delete(1)), pt(I + 1), C(null), M(0);
+  }, Lt = (t) => {
+    dt(t);
+  }, Ht = (t, e, n, r) => {
+    var T, I;
+    let s = e.ops[0] && e.ops[0].insert || e.ops[1] && e.ops[1].insert;
+    const l = s === `
+` || s === "	", u = mt[$];
+    if (o && l && u) {
+      e.ops[0] && e.ops[0].retain, dt(u);
       return;
     }
-    S(e);
-    const C = t.ops.length === 2 && !!t.ops[1].delete;
-    if (!r && C && (r = s.getText(t.ops[0].retain - 1, 1)), R.includes(r)) {
-      const p = t.ops.findIndex((h) => "insert" in h || "delete" in h), a = r;
-      let x = p === 0 ? 0 : t.ops[p - 1].retain;
-      C && (x = x - 1);
-      let m = null;
-      for (const h of R) {
-        let T = !0;
-        if (h.endsWith(a))
-          for (let f = h.length - 1; f >= 0; f--) {
-            if (f === 0) continue;
-            const U = h[f - 1], Ne = x - (h.length - f);
-            if (s.getText(Ne, 1) !== U) {
-              T = !1;
+    b(t);
+    const k = e.ops.length === 2 && !!e.ops[1].delete;
+    if (!s && k && (s = r.getText(e.ops[0].retain - 1, 1)), H.includes(s)) {
+      const f = e.ops.findIndex((x) => "insert" in x || "delete" in x), a = s;
+      let y = f === 0 ? 0 : e.ops[f - 1].retain;
+      k && (y = y - 1);
+      let p = null;
+      for (const x of H) {
+        let F = !0;
+        if (x.endsWith(a))
+          for (let h = x.length - 1; h >= 0; h--) {
+            if (h === 0) continue;
+            const q = x[h - 1], Jt = y - (x.length - h);
+            if (r.getText(Jt, 1) !== q) {
+              F = !1;
               break;
             }
           }
         else
-          T = !1;
-        if (T) {
-          m = h;
+          F = !1;
+        if (F) {
+          p = x;
           break;
         }
       }
-      m ? k({
-        type: m,
-        retain: x
-      }) : (k(null), v(0));
-    } else if (n) {
-      const p = t.ops[0].retain;
-      if (r === " " || !p) {
-        k(null), v(0);
+      p ? C({
+        type: p,
+        retain: y
+      }) : (C(null), M(0));
+    } else if (o) {
+      const f = e.ops[0].retain;
+      if (s === " " || !f) {
+        C(null), M(0);
         return;
       }
-      let a = p - n.retain;
-      C || a++;
-      const x = s.getText(n.retain, a), m = x.replace(n.type.slice(-1), "");
-      x.includes(" ") ? (k(null), v(0)) : k({
-        ...n,
-        search: m == null ? void 0 : m.toLowerCase()
+      let a = f - o.retain;
+      k || a++;
+      const y = r.getText(o.retain, a), p = y.replace(o.type.slice(-1), "");
+      y.includes(" ") ? (C(null), M(0)) : C({
+        ...o,
+        search: p == null ? void 0 : p.toLowerCase()
       });
     } else {
-      const p = d.current.getEditor(), a = p.getSelection(!1);
-      if (p.getFormat(a == null ? void 0 : a.index, a == null ? void 0 : a.length).mention) {
-        const [m] = p.getLine(a.index - 1) || [], T = (((I = (j = m == null ? void 0 : m.cache) == null ? void 0 : j.delta) == null ? void 0 : I.ops) || []).reverse().find((f) => {
-          var U;
-          return (U = f.attributes) == null ? void 0 : U.mention;
+      const f = m.current.getEditor(), a = f.getSelection(!1);
+      if (f.getFormat(a == null ? void 0 : a.index, a == null ? void 0 : a.length).mention) {
+        const [p] = f.getLine(a.index - 1) || [], F = (((I = (T = p == null ? void 0 : p.cache) == null ? void 0 : T.delta) == null ? void 0 : I.ops) || []).reverse().find((h) => {
+          var q;
+          return (q = h.attributes) == null ? void 0 : q.mention;
         });
-        if (T) {
-          const f = T.insert.length;
-          p.deleteText(a.index - f, f);
+        if (F) {
+          const h = F.insert.length;
+          f.deleteText(a.index - h, h);
         }
       }
     }
-  }, Se = (e) => {
+  }, Nt = (t) => {
     var l;
-    const t = d.current.getEditor();
-    let o = ((l = t.getSelection(!0)) == null ? void 0 : l.index) || 0;
-    const s = t.getText(o - 1, 1);
-    s !== " " && s && (t.insertText(o, " "), o++), at(t, o, e);
-  }, B = (e) => {
-    if (n) {
-      const { type: t, retain: o, search: s = "" } = n, r = d.current.getEditor(), l = t.length + s.length, u = o - t.length + 1;
-      r.deleteText(u, l);
+    const e = m.current.getEditor();
+    let n = ((l = e.getSelection(!0)) == null ? void 0 : l.index) || 0;
+    const r = e.getText(n - 1, 1);
+    r !== " " && r && (e.insertText(n, " "), n++), ye(e, n, t);
+  }, Q = (t) => {
+    if (o) {
+      const { type: e, retain: n, search: r = "" } = o, s = m.current.getEditor(), l = e.length + r.length, u = n - e.length + 1;
+      s.deleteText(u, l);
     }
-    Se(e);
-  }, be = () => {
-    c || D || X && X();
-  }, ae = () => {
-    (d.current.getEditor().getText().length < 2 || y) && S(""), Y && Y();
-  }, Q = ({ file: e, data: t }) => {
-    const o = {
-      id: t.id,
-      name: e.name,
-      mime: e.type,
-      size: e.size,
-      order: M.length
+    Nt(t);
+  }, Bt = () => {
+    c || S || Z && Z();
+  }, ut = () => {
+    (m.current.getEditor().getText().length < 2 || d) && b(""), tt && tt();
+  }, _ = ({ file: t, data: e }) => {
+    const n = {
+      id: e.id,
+      name: t.name,
+      mime: t.type,
+      size: t.size,
+      order: v.length
     };
-    return b((s) => [...s, o]), A((s) => s.filter((r) => r.name !== e.name)), o;
-  }, Ae = (e, t, o) => {
-    o ? K == null || K(e) : (b((s) => s.filter((r) => r.id !== e)), A((s) => s.filter((r) => r.name !== t)));
-  }, ce = (e, t) => {
-    const o = Math.round(e.loaded * 100 / e.total);
-    if (o !== 100) {
-      const s = {
-        name: t.name,
-        progress: o,
-        type: t.type,
-        order: M.length + N.length
+    return P((r) => [...r, n]), A((r) => r.filter((s) => s.name !== t.name)), n;
+  }, Kt = (t, e, n) => {
+    n ? V == null || V(t) : (P((r) => r.filter((s) => s.id !== t)), A((r) => r.filter((s) => s.name !== e)));
+  }, ft = (t, e) => {
+    const n = Math.round(t.loaded * 100 / t.total);
+    if (n !== 100) {
+      const r = {
+        name: e.name,
+        progress: n,
+        type: e.type,
+        order: v.length + K.length
       };
-      A((r) => [...r.filter((u) => u.name !== t.name), s]);
+      A((s) => [...s.filter((u) => u.name !== e.name), r]);
     }
-  }, Ee = (e) => {
-    E(!1), it(e, w, ce, Q);
-  }, Pe = (e) => {
-    e.preventDefault(), e.stopPropagation(), E(!0);
-  }, Ue = ht({
+  }, Vt = (t) => {
+    U(!1), ge(t, w, ft, _);
+  }, $t = (t) => {
+    t.preventDefault(), t.stopPropagation(), U(!0);
+  }, zt = Ie({
     projectName: w,
-    onSuccess: Q
-  }), de = async () => {
+    onSuccess: _
+  }), ht = async () => {
     try {
-      oe(!0);
-      let e = [], t = [];
-      if (P.length) {
-        const { files: l, metadata: u } = await Ue(P);
-        e = l, t = u;
+      lt(!0);
+      let t = [], e = [];
+      if (E.length) {
+        const { files: l, metadata: u } = await zt(E);
+        t = l, e = u;
       }
-      const [o] = rt(L), s = lt(o), r = [...M, ...e];
-      if ((s || r.length) && $)
+      const [n] = he(B), r = xe(n), s = [...v, ...t];
+      if ((r || s.length) && X)
         try {
-          await $(s, r, { annotations: t }), S(""), b([]);
+          await X(r, s, {
+            annotations: e,
+            category: R
+          }), b(""), P([]);
         } catch {
           return;
         }
-    } catch (e) {
-      console.error(e), Ke.error("Something went wrong");
+    } catch (t) {
+      console.error(t), Ot.error("Something went wrong");
     } finally {
-      oe(!1);
+      lt(!1);
     }
-  }, qe = (e) => {
-    if (n) {
-      if (e.key === "Escape") {
-        k(null), v(0);
+  }, Qt = (t) => {
+    if (o) {
+      if (t.key === "Escape") {
+        C(null), M(0);
         return;
       }
-      n && e.key;
-      const t = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0;
-      if (t) {
-        e.preventDefault();
-        let o = V + t;
-        o < 0 && (o = F.length - 1), o >= F.length && (o = 0), v(o);
+      o && t.key;
+      const e = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
+      if (e) {
+        t.preventDefault();
+        let n = $ + e;
+        n < 0 && (n = D.length - 1), n >= D.length && (n = 0), M(n);
       }
-      e.key;
+      t.key;
     }
-    e.key === "Enter" && (e.ctrlKey || e.metaKey) && de(), e.key === "Escape" && ae();
+    t.key === "Enter" && (t.ctrlKey || t.metaKey) && ht(), t.key === "Escape" && ut();
   };
-  let me = c ? te + 41 : 44;
-  y && (me = void 0);
-  const Re = xe(
-    () => ct({
+  let gt = c ? st + 41 : 44;
+  d && (gt = void 0);
+  const _t = wt(
+    () => Ce({
       imageUploader: {
         projectName: w,
-        onUpload: Q,
-        onUploadProgress: ce
+        onUpload: _,
+        onUploadProgress: ft
       }
     }),
-    [w, b, A]
-  ), ue = [...P, ...M || [], ...N].sort(
-    (e, t) => e.order - t.order
-  ), He = ue.length > 6;
-  let pe = null;
-  return H.length && H[0].entityType === "folder" && (n == null ? void 0 : n.type) === "@@" && (pe = "Version mentions are disabled for folders"), /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(
-    $e,
+    [w, P, A]
+  ), xt = [...E, ...v || [], ...K].sort(
+    (t, e) => t.order - e.order
+  ), Gt = xt.length > 6;
+  let yt = null;
+  return N.length && N[0].entityType === "folder" && (o == null ? void 0 : o.type) === "@@" && (yt = "Version mentions are disabled for folders"), /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(
+    re,
     {
-      className: _("comment-container", { isOpen: c, isEditing: y }),
-      onDragOver: Pe,
-      onDragLeave: () => E(!1),
-      onDrop: Ee,
-      onClick: () => E(!1),
-      onKeyDown: (e) => e.stopPropagation(),
+      className: W("comment-container", { isOpen: c, isEditing: d }),
+      onDragOver: $t,
+      onDragLeave: () => U(!1),
+      onDrop: Vt,
+      onClick: () => U(!1),
+      onKeyDown: (t) => t.stopPropagation(),
       children: [
         /* @__PURE__ */ i.jsxs(
-          Je,
+          se,
           {
-            className: _("block-shortcuts", {
+            className: W("block-shortcuts", {
               isOpen: c,
-              isClosed: !c || D,
-              isEditing: y,
-              isDropping: ne,
-              disabled: D,
-              isLoading: J,
-              isSubmitting: Ie
+              isClosed: !c || S,
+              isEditing: d,
+              isDropping: it,
+              disabled: S,
+              isLoading: Y,
+              isSubmitting: At,
+              category: !!R
             }),
-            onKeyDown: qe,
-            onClick: be,
+            onKeyDown: Qt,
+            onClick: Bt,
+            $categoryPrimary: j == null ? void 0 : j.color,
+            $categoryTertiary: at.primary,
+            $categorySecondary: at.secondary,
             children: [
-              /* @__PURE__ */ i.jsx(Xe, { ref: se, children: /* @__PURE__ */ i.jsx(Ge, { typeOptions: G, initValue: W }) }),
+              /* @__PURE__ */ i.jsx(ie, { ref: ct, children: /* @__PURE__ */ i.jsx(oe, { typeOptions: J, initValue: O }) }),
               c && /* @__PURE__ */ i.jsx(
-                We,
+                ne,
                 {
-                  files: ue,
-                  isCompact: He,
-                  onRemove: Ae,
+                  files: xt,
+                  isCompact: Gt,
+                  onRemove: Kt,
                   style: { borderBottom: "1px solid var(--md-sys-color-outline-variant)" },
                   projectName: w,
-                  onAnnotationClick: Te
+                  onAnnotationClick: Ut
                 }
               ),
-              c && !D ? /* @__PURE__ */ i.jsx(et, { children: /* @__PURE__ */ i.jsx(
-                Ve,
-                {
-                  theme: "snow",
-                  style: { minHeight: me, maxHeight: 300 },
-                  ref: d,
-                  value: L,
-                  onChange: Fe,
-                  readOnly: !c,
-                  placeholder: "Comment or mention with @user, @@version, @@@task...",
-                  modules: Re,
-                  formats: dt
-                }
-              ) }) : /* @__PURE__ */ i.jsx(Ye, { children: D ? "Commenting is disabled across multiple projects." : "Add a comment..." }),
-              /* @__PURE__ */ i.jsxs(Ze, { children: [
-                /* @__PURE__ */ i.jsxs(ye, { children: [
+              c && !S ? /* @__PURE__ */ i.jsxs(me, { ref: qt, children: [
+                /* @__PURE__ */ i.jsx(
+                  De,
+                  {
+                    value: R,
+                    categories: Rt,
+                    onChange: (t) => Et(t),
+                    isCompact: d,
+                    hasPowerpack: Dt,
+                    onPowerFeature: bt,
+                    style: {
+                      position: d ? "relative" : "absolute",
+                      left: 4,
+                      top: d ? 0 : 4
+                    }
+                  }
+                ),
+                /* @__PURE__ */ i.jsx(
+                  Xt,
+                  {
+                    theme: "snow",
+                    style: { minHeight: gt, maxHeight: 300 },
+                    ref: m,
+                    value: B,
+                    onChange: Ht,
+                    readOnly: !c,
+                    placeholder: "Comment or mention with @user, @@version, @@@task...",
+                    modules: _t,
+                    formats: ke
+                  }
+                )
+              ] }) : /* @__PURE__ */ i.jsx(le, { children: S ? "Commenting is disabled across multiple projects." : "Add a comment..." }),
+              /* @__PURE__ */ i.jsxs(ae, { children: [
+                /* @__PURE__ */ i.jsxs(vt, { children: [
                   /* @__PURE__ */ i.jsx(
-                    q,
+                    L,
                     {
                       icon: "person",
                       variant: "text",
-                      onClick: () => B("@"),
+                      onClick: () => Q("@"),
                       "data-tooltip": "Mention user",
                       "data-shortcut": "@"
                     }
                   ),
                   /* @__PURE__ */ i.jsx(
-                    q,
+                    L,
                     {
                       icon: "layers",
                       variant: "text",
-                      onClick: () => B("@@"),
+                      onClick: () => Q("@@"),
                       "data-tooltip": "Mention version",
                       "data-shortcut": "@@"
                     }
                   ),
                   /* @__PURE__ */ i.jsx(
-                    q,
+                    L,
                     {
                       icon: "check_circle",
                       variant: "text",
-                      onClick: () => B("@@@"),
+                      onClick: () => Q("@@@"),
                       "data-tooltip": "Mention task",
                       "data-shortcut": "@@@"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ i.jsxs(ye, { children: [
-                  y && /* @__PURE__ */ i.jsx(q, { variant: "text", onClick: ae, children: "Cancel" }),
+                /* @__PURE__ */ i.jsxs(vt, { children: [
+                  d && /* @__PURE__ */ i.jsx(L, { variant: "text", onClick: ut, children: "Cancel" }),
                   /* @__PURE__ */ i.jsx(
-                    Be,
+                    Zt,
                     {
-                      label: y ? "Save" : "Comment",
+                      label: d ? "Save" : "Comment",
                       className: "comment",
-                      active: !!L || !!M.length,
-                      onClick: de,
-                      disabled: J
+                      active: !!B || !!v.length,
+                      onClick: ht,
+                      disabled: Y
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ i.jsx(Oe, { className: _({ show: ne && c }), children: /* @__PURE__ */ i.jsx(Qe, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ i.jsx(ce, { className: W({ show: it && c }), children: /* @__PURE__ */ i.jsx(te, { icon: "cloud_upload" }) })
             ]
           }
         ),
         /* @__PURE__ */ i.jsx(
-          _e,
+          ee,
           {
-            mention: n,
-            options: F,
-            onChange: De,
-            types: R,
-            z: !0,
-            config: G[n == null ? void 0 : n.type],
-            noneFound: !F.length && (n == null ? void 0 : n.search),
-            noneFoundAtAll: !F.length && !(n != null && n.search),
-            selectedIndex: V,
-            error: pe
+            mention: o,
+            options: D,
+            onChange: Lt,
+            types: H,
+            config: J[o == null ? void 0 : o.type],
+            noneFound: !D.length && (o == null ? void 0 : o.search),
+            noneFoundAtAll: !D.length && !(o != null && o.search),
+            selectedIndex: $,
+            error: yt
           }
         )
       ]
@@ -374,7 +450,7 @@ const R = ["@", "@@", "@@@"], G = {
   ) });
 };
 export {
-  Bt as default,
-  G as mentionTypeOptions
+  _o as default,
+  J as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map