@ynput/ayon-frontend-shared 0.2.33 → 0.2.35

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

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