@ynput/ayon-frontend-shared 0.3.34 → 0.3.36

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

@@ -1,23 +1,23 @@
 import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as f, useRef as tt, useEffect as It, useMemo as At } from "react";
-import L from "clsx";
-import { toast as co } from "react-toastify";
+import { useState as f, useRef as O, useEffect as It, useMemo as bt } from "react";
+import N from "clsx";
+import { toast as At } from "react-toastify";
 import uo, { Quill as fo } from "react-quill-ayon";
-import { Button as H, SaveButton as ho, Icon as go } from "@ynput/ayon-react-components";
+import { Button as U, SaveButton as ho, Icon as go } from "@ynput/ayon-react-components";
 import xo from "../CommentMentionSelect/CommentMentionSelect.es.js";
 import yo from "./InputMarkdownConvert.es.js";
 import Co from "../FilesGrid/FilesGrid.es.js";
-import { VersionReviewButtons as vo, VersionReviewButton as bt, AutoHeight as ko, Comment as jo, Markdown as So, Placeholder as Mo, Footer as To, Buttons as wo, SubmitButtons as Do, Dropzone as Fo, VersionReviewButtonsSpacer as Po } from "./CommentInput.styled.es.js";
+import { VersionReviewButtons as vo, VersionReviewButton as Rt, AutoHeight as wo, Comment as ko, Markdown as jo, Placeholder as So, Footer as Mo, Buttons as To, SubmitButtons as Do, Dropzone as Fo, VersionReviewButtonsSpacer as Po } from "./CommentInput.styled.es.js";
 import { QuillListStyles as Io } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import Ao from "../../mentionHelpers/getMentionOptions.es.js";
-import bo from "../../mentionHelpers/getMentionUsers.es.js";
-import Eo from "../../mentionHelpers/getMentionTasks.es.js";
-import qo from "../../mentionHelpers/getMentionVersions.es.js";
+import bo from "../../mentionHelpers/getMentionOptions.es.js";
+import Ao from "../../mentionHelpers/getMentionUsers.es.js";
+import Ro from "../../mentionHelpers/getMentionTasks.es.js";
+import Eo from "../../mentionHelpers/getMentionVersions.es.js";
 import { convertToMarkdown as Bo } from "./quillToMarkdown.es.js";
-import { parseImages as No, handleFileDrop as Uo, typeWithDelay as Ro } from "./helpers.es.js";
-import { getModules as Lo, quillFormats as Ho } from "./modules/index.es.js";
-import _o from "./hooks/useInitialValue.es.js";
-import Vo from "./hooks/useSetCursorEnd.es.js";
+import { handleFileDrop as No, parseImages as Uo, typeWithDelay as Vo } from "./helpers.es.js";
+import { getModules as qo, quillFormats as Lo } from "./modules/index.es.js";
+import Ho from "./hooks/useInitialValue.es.js";
+import _o from "./hooks/useSetCursorEnd.es.js";
 import Ko from "./hooks/useMentionLink.es.js";
 import $o from "./hooks/useAnnotationsSync.es.js";
 import { useBlendedCategoryColor as Go } from "./hooks/useBlendedCategoryColor.es.js";
@@ -249,7 +249,7 @@ import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es
 import "axios";
 import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import { parseFilename as w } from "../../../../components/ReviewablesList/useReviewablesUpload.es.js";
+import { parseFilename as S } from "../../../../components/ReviewablesList/useReviewablesUpload.es.js";
 import "../../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
@@ -293,131 +293,126 @@ import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
 import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import { ActivityCategorySelect as Jo, isCategoryHidden as Xo } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import { VersionReviewFeedback as Et, mentionTypeOptions as V } from "./types.es.js";
+import { ActivityCategorySelect as Jo, isCategoryHidden as Oo } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../Feed.styled.es.js";
-import { VersionReviewPill as Et } from "./VersionReviewPill.es.js";
-var qt = fo.import("delta");
-const Bt = "<p><br></p>", _ = ["@", "@@", "@@@"], V = {
-  "@@@": {
-    id: "task"
-  },
-  "@@": {
-    id: "version"
-  },
-  "@": {
-    id: "user",
-    isCircle: !0
-  }
-};
-var Zo = /* @__PURE__ */ ((j) => (j.APPROVE = "approve", j.REQUEST_CHANGES = "request_changes", j))(Zo || {});
-const Ap = ({
-  initValue: j,
+import { VersionReviewPill as Xo } from "./VersionReviewPill.es.js";
+var Bt = fo.import("delta");
+const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Rp = ({
+  initValue: X,
   initFiles: Nt = [],
   initCategory: Ut = null,
-  data: ot = {},
-  versionReview: K,
-  lastOwnVersionReview: A,
+  data: Z = {},
+  versionReview: tt,
+  lastOwnVersionReview: ot,
   onSubmit: et,
-  isEditing: a,
-  disabled: D,
+  onReview: L,
+  isEditing: s,
+  disabled: M,
   isLoading: rt,
-  isOpen: p,
+  isOpen: a,
   onOpen: it,
-  onClose: nt,
-  onReview: $
+  onClose: nt
 }) => {
   const {
-    projectName: S,
-    entities: G,
-    projectInfo: Rt,
-    scope: Oo,
-    feedFilter: Lt,
-    mentionSuggestionsData: Ht,
+    projectName: k,
+    entities: H,
+    projectInfo: Vt,
+    scope: te,
+    feedFilter: qt,
+    mentionSuggestionsData: Lt,
     categories: mt,
     isGuest: h
-  } = zo(), { hasLicense: _t, onPowerFeature: Vt, user: Kt } = Wo(), $t = Kt?.data?.isAdmin, Gt = Yo(), {
+  } = zo(), { hasLicense: Ht, onPowerFeature: _t, user: Kt } = Wo(), $t = Kt?.data?.isAdmin, Gt = Yo(), {
     users: pt,
     teams: st,
     versions: at,
     tasks: lt
-  } = Ht || {}, [ct, Qt] = f(88), [v, b] = f(""), [M, E] = f(Nt), [Q, q] = f([]), [dt, B] = f(!1), [zt, ut] = f(!1), { annotations: N, removeAnnotation: Wt, goToAnnotation: Yt } = $o({
-    entityId: G[0]?.id,
-    filesUploading: Q
-  }), [m, z] = f(null), [W, Y] = f(0), [F, ft] = f(""), P = () => {
-    z(null), Y(0), ft("");
-  }, [U, Jt] = f(Ut), ht = mt.filter((t) => t.accessLevel >= 20), gt = mt.find((t) => t.name === U), xt = Go(gt?.color), c = tt(null), Xt = tt(null), yt = tt(null);
-  _o({
+  } = Lt || {}, [ct, Qt] = f(88), [T, b] = f(""), [v, A] = f(Nt), [_, R] = f([]), [dt, E] = f(!1), [zt, ut] = f(!1), { annotations: D, removeAnnotation: Wt, goToAnnotation: Yt } = $o({
+    entityId: H[0]?.id,
+    filesUploading: _
+  }), [m, K] = f(null), [$, G] = f(0), [F, ft] = f(""), P = () => {
+    K(null), G(0), ft("");
+  }, [B, Jt] = f(Ut), ht = mt.filter((t) => t.accessLevel >= 20), gt = mt.find((t) => t.name === B), xt = Go(gt?.color), c = O(null), Ot = O(null), yt = O(null);
+  Ho({
     markdownRef: yt,
-    initValue: j,
+    initValue: X,
     setEditorValue: b,
     setInitHeight: Qt,
-    isOpen: p,
-    filter: Lt
-  }), Vo({ initHeight: ct, editorRef: c, isEditing: a }), Ko({ projectName: S }), It(() => {
-    if (p) {
-      if (c.current?.getEditor()?.enable(), N.length > 0 && M.length === 0)
+    isOpen: a,
+    filter: qt
+  }), _o({ initHeight: ct, editorRef: c, isEditing: s }), Ko({ projectName: k }), It(() => {
+    if (a) {
+      if (c.current?.getEditor()?.enable(), D.length > 0 && v.length === 0)
         return;
       c.current?.focus();
     }
-  }, [p, c]), _.sort((t, o) => o.length - t.length);
-  const Ct = F + (m?.search || ""), vt = At(
-    () => Ao(
+  }, [a, c]), q.sort((t, o) => o.length - t.length);
+  const Ct = F + (m?.search || ""), vt = bt(
+    () => bo(
       m?.type,
       {
-        "@": () => bo(pt, st),
-        "@@": () => qo(at, Gt),
-        "@@@": () => Eo(lt, Rt.taskTypes)
+        "@": () => Ao(pt, st),
+        "@@": () => Eo(at, Gt),
+        "@@@": () => Ro(lt, Vt.taskTypes)
       },
       Ct || void 0
     ),
-    [lt, at, pt, st, m?.type, Ct]
-  ), I = vt.slice(0, 5), [J, kt] = f();
+    [
+      lt,
+      at,
+      pt,
+      st,
+      m?.type,
+      Ct
+    ]
+  ), I = vt.slice(0, 5), [Q, wt] = f();
   It(() => {
-    J && (kt(null), c.current.getEditor().setSelection(J));
-  }, [J]);
-  const jt = (t) => {
-    const o = c.current.getEditor(), r = m.type, n = r + (m.search || ""), i = r + t.label, d = V[r], g = `${t.type || d?.id}:${t.id}`, s = (o.getSelection(!0)?.index || 0) - n.length;
-    o.deleteText(s, n.length), o.insertText(s, i, "mention", g);
-    const l = s + i.length;
-    o.updateContents(new qt().retain(l).insert(" ")), o.updateContents(new qt().retain(l + 1).delete(1)), kt(l + 1), P();
-  }, Zt = (t) => {
-    jt(t);
-  }, Ot = (t, o, r, n) => {
+    Q && (wt(null), c.current.getEditor().setSelection(Q));
+  }, [Q]);
+  const kt = (t) => {
+    const o = c.current.getEditor(), r = m.type, n = r + (m.search || ""), i = r + t.label, d = V[r], g = `${t.type || d?.id}:${t.id}`, p = (o.getSelection(!0)?.index || 0) - n.length;
+    o.deleteText(p, n.length), o.insertText(p, i, "mention", g);
+    const l = p + i.length;
+    o.updateContents(new Bt().retain(l).insert(" ")), o.updateContents(new Bt().retain(l + 1).delete(1)), wt(l + 1), P();
+  }, Xt = (t) => {
+    kt(t);
+  }, Zt = (t, o, r, n) => {
     let i = o.ops[0] && o.ops[0].insert || o.ops[1] && o.ops[1].insert;
     const d = i === `
-` || i === "	", y = vt[W];
+` || i === "	", y = vt[$];
     if (m && d && y && !h) {
-      o.ops[0] && o.ops[0].retain, jt(y);
+      o.ops[0] && o.ops[0].retain, kt(y);
       return;
     }
     b(t);
     const g = o.ops.length === 2 && !!o.ops[1].delete;
-    if (!i && g && (i = n.getText(o.ops[0].retain - 1, 1)), _.includes(i)) {
-      const u = o.ops.findIndex((C) => "insert" in C || "delete" in C), s = i;
+    if (!i && g && (i = n.getText(o.ops[0].retain - 1, 1)), q.includes(i)) {
+      const u = o.ops.findIndex((C) => "insert" in C || "delete" in C), p = i;
       let l = u === 0 ? 0 : o.ops[u - 1].retain;
       g && (l = l - 1);
-      let k = null;
-      for (const C of _) {
-        let T = !0;
-        if (C.endsWith(s))
+      let w = null;
+      for (const C of q) {
+        let j = !0;
+        if (C.endsWith(p))
           for (let x = C.length - 1; x >= 0; x--) {
             if (x === 0) continue;
-            const ao = C[x - 1], lo = l - (C.length - x);
-            if (n.getText(lo, 1) !== ao) {
-              T = !1;
+            const lo = C[x - 1], co = l - (C.length - x);
+            if (n.getText(co, 1) !== lo) {
+              j = !1;
               break;
             }
           }
         else
-          T = !1;
-        if (T) {
-          k = C;
+          j = !1;
+        if (j) {
+          w = C;
           break;
         }
       }
-      k ? z({
-        type: k,
+      w ? K({
+        type: w,
         retain: l
       }) : P();
     } else if (m) {
@@ -426,20 +421,20 @@ const Ap = ({
         P();
         return;
       }
-      let s = u - m.retain;
-      g || s++;
-      const l = n.getText(m.retain, s), k = l.replace(m.type.slice(-1), "");
-      l.includes(" ") ? P() : z({
+      let p = u - m.retain;
+      g || p++;
+      const l = n.getText(m.retain, p), w = l.replace(m.type.slice(-1), "");
+      l.includes(" ") ? P() : K({
         ...m,
-        search: k?.toLowerCase()
+        search: w?.toLowerCase()
       });
     } else if (g) {
-      const u = c.current.getEditor(), s = u.getSelection(!1);
-      if (u.getFormat(s?.index, s?.length).mention) {
-        const [k] = u.getLine(s.index - 1) || [], T = (k?.cache?.delta?.ops || []).reverse().find((x) => x.attributes?.mention);
-        if (T) {
-          const x = T.insert.length;
-          u.deleteText(s.index - x, x);
+      const u = c.current.getEditor(), p = u.getSelection(!1);
+      if (u.getFormat(p?.index, p?.length).mention) {
+        const [w] = u.getLine(p.index - 1) || [], j = (w?.cache?.delta?.ops || []).reverse().find((x) => x.attributes?.mention);
+        if (j) {
+          const x = j.insert.length;
+          u.deleteText(p.index - x, x);
         }
       }
     }
@@ -447,73 +442,73 @@ const Ap = ({
     const o = c.current.getEditor();
     let r = o.getSelection(!0)?.index || 0;
     const n = o.getText(r - 1, 1);
-    n !== " " && n && (o.insertText(r, " "), r++), Ro(o, r, t);
-  }, X = (t) => {
+    n !== " " && n && (o.insertText(r, " "), r++), Vo(o, r, t);
+  }, z = (t) => {
     if (m) {
       const { type: o, retain: r, search: n = "" } = m, i = c.current.getEditor(), d = o.length + n.length, y = r - o.length + 1;
       i.deleteText(y, d);
     }
     to(t);
   }, oo = () => {
-    p || D || it && it();
-  }, St = () => {
-    (c.current.getEditor().getText().length < 2 || a) && b(""), nt && nt();
-  }, Z = ({ file: t, data: o }) => {
-    const r = w(t.name), n = {
+    a || M || it && it();
+  }, jt = () => {
+    (c.current.getEditor().getText().length < 2 || s) && b(""), nt && nt();
+  }, W = ({ file: t, data: o }) => {
+    const r = S(t.name), n = {
       id: o.id,
       name: r,
       mime: t.type,
       size: t.size,
-      order: M.length
+      order: v.length
     };
-    return E((i) => [...i, n]), q(
-      (i) => i.filter((d) => w(d.name) !== r)
+    return A((i) => [...i, n]), R(
+      (i) => i.filter((d) => S(d.name) !== r)
     ), n;
   }, eo = (t, o, r) => {
-    r ? Wt?.(t) : (E((n) => n.filter((i) => i.id !== t)), q((n) => n.filter((i) => w(i.name) !== w(o))));
-  }, Mt = (t, o) => {
+    r ? Wt?.(t) : (A((n) => n.filter((i) => i.id !== t)), R((n) => n.filter((i) => S(i.name) !== S(o))));
+  }, St = (t, o) => {
     const r = Math.round(t.loaded * 100 / t.total);
     if (r !== 100) {
-      const n = w(o.name), i = {
+      const n = S(o.name), i = {
         name: n,
         progress: r,
         type: o.type,
-        order: M.length + Q.length
+        order: v.length + _.length
       };
-      q((d) => [...d.filter((g) => w(g.name) !== n), i]);
+      R((d) => [...d.filter((g) => S(g.name) !== n), i]);
     }
   }, ro = (t) => {
-    B(!1), Uo(t, S, Mt, Z);
+    E(!1), No(t, k, St, W);
   }, io = (t) => {
-    t.preventDefault(), t.stopPropagation(), B(!0);
+    t.preventDefault(), t.stopPropagation(), E(!0);
   }, no = Qo({
-    projectName: S,
-    onSuccess: Z
-  }), R = async () => {
+    projectName: k,
+    onSuccess: W
+  }), Y = async () => {
     try {
       ut(!0);
       let t = [], o;
-      if (N.length) {
-        const { files: y, metadata: g } = await no(N);
+      if (D.length) {
+        const { files: y, metadata: g } = await no(D);
         t = y;
-        const { annotations: O = [] } = ot || {};
-        o = [...O, ...g];
+        const { annotations: J = [] } = Z || {};
+        o = [...J, ...g];
       }
-      const [r] = Bo(v), n = No(r), i = [...M, ...t], d = {
-        ...ot,
+      const [r] = Bo(T), n = Uo(r), i = [...v, ...t], d = {
+        ...Z,
         annotations: o,
         // could be undefined
-        category: h ? null : U
+        category: h ? null : B
         // guests cannot set category (it is done by default on backend)
       };
       if ((n || i.length) && et)
         try {
-          await et(n, i, d), b(""), E([]);
+          await et(n, i, d), b(""), A([]);
         } catch {
           return;
         }
     } catch (t) {
-      console.error(t), co.error("Something went wrong");
+      console.error(t), At.error("Something went wrong");
     } finally {
       ut(!1);
     }
@@ -527,91 +522,82 @@ const Ap = ({
       const o = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
       if (o) {
         t.preventDefault();
-        let r = W + o;
-        r < 0 && (r = I.length - 1), r >= I.length && (r = 0), Y(r);
+        let r = $ + o;
+        r < 0 && (r = I.length - 1), r >= I.length && (r = 0), G(r);
       }
       t.key;
     }
-    t.key === "Enter" && (t.ctrlKey || t.metaKey) && R(), t.key === "Escape" && St();
+    t.key === "Enter" && (t.ctrlKey || t.metaKey) && Y(), t.key === "Escape" && jt();
   };
-  let Tt = p ? ct + 41 : 44;
-  a && (Tt = void 0);
-  const po = At(
-    () => Lo({
+  let Mt = a ? ct + 41 : 44;
+  s && (Mt = void 0);
+  const po = bt(
+    () => qo({
       imageUploader: {
-        projectName: S,
-        onUpload: Z,
-        onUploadProgress: Mt
+        projectName: k,
+        onUpload: W,
+        onUploadProgress: St
       },
       mentionTypeOptions: V
     }),
-    [S, E, q]
-  ), wt = [...N, ...M || [], ...Q].sort(
+    [k, A, R]
+  ), Tt = [...D, ...v || [], ..._].sort(
     (t, o) => t.order - o.order
-  ), so = wt.length > 3;
+  ), so = Tt.length > 3;
   let Dt = null;
-  G.length && G[0].entityType === "folder" && m?.type === "@@" && (Dt = "Version mentions are disabled for folders");
-  const Ft = (t) => D ? h ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : h || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...", Pt = K && $ && /* @__PURE__ */ e.jsxs(vo, { className: L("version-review-buttons", { guest: h }), children: [
+  H.length && H[0].entityType === "folder" && m?.type === "@@" && (Dt = "Version mentions are disabled for folders");
+  const Ft = (t) => M ? h ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : h || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...", Pt = async (t) => {
+    if (L)
+      try {
+        (T && T !== Zo || v.length > 0 || D.length > 0) && await Y(), L(t);
+      } catch (o) {
+        console.error(o), At.error("Something went wrong while submitting the review");
+      }
+  }, ao = tt && L && /* @__PURE__ */ e.jsxs(vo, { className: N("version-review-buttons", { guest: h }), children: [
     /* @__PURE__ */ e.jsx(
-      bt,
+      Rt,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => {
-          v && v !== Bt && R(), $(
-            "approve"
-            /* APPROVE */
-          );
-        },
+        onClick: () => Pt(Et.APPROVE),
         children: /* @__PURE__ */ e.jsx("span", { className: "label", children: "Approve" })
       }
     ),
     /* @__PURE__ */ e.jsx(
-      bt,
+      Rt,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => {
-          v && v !== Bt && R(), $(
-            "request_changes"
-            /* REQUEST_CHANGES */
-          );
-        },
+        onClick: () => Pt(Et.REQUEST_CHANGES),
         children: /* @__PURE__ */ e.jsx("span", { className: "label", children: "Request changes" })
       }
     )
   ] });
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
-    ko,
+    wo,
     {
-      className: L("comment-container", { isOpen: p, isEditing: a }),
+      className: N("comment-container", { isOpen: a, isEditing: s }),
       onDragOver: io,
-      onDragLeave: () => B(!1),
+      onDragLeave: () => E(!1),
       onDrop: ro,
-      onClick: () => B(!1),
+      onClick: () => E(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
-        !p && K && A && /* @__PURE__ */ e.jsx(
-          Et,
-          {
-            separate: !0,
-            lastOwnVersionReview: A
-          }
-        ),
+        tt && ot && /* @__PURE__ */ e.jsx(Xo, { lastOwnVersionReview: ot }),
         /* @__PURE__ */ e.jsxs(
-          jo,
+          ko,
           {
-            className: L("block-shortcuts", {
-              isOpen: p,
-              isClosed: !p || D,
-              isEditing: a,
+            className: N("block-shortcuts", {
+              isOpen: a,
+              isClosed: !a || M,
+              isEditing: s,
               isDropping: dt,
-              disabled: D,
+              disabled: M,
               isLoading: rt,
               isSubmitting: zt,
-              category: !!U && !h
+              category: !!B && !h
             }),
             onKeyDown: mo,
             onClick: oo,
@@ -619,21 +605,14 @@ const Ap = ({
             $categoryTertiary: xt.primary,
             $categorySecondary: xt.secondary,
             children: [
-              p && K && A && /* @__PURE__ */ e.jsx(
-                Et,
-                {
-                  separate: !1,
-                  lastOwnVersionReview: A
-                }
-              ),
-              /* @__PURE__ */ e.jsx(So, { ref: yt, children: /* @__PURE__ */ e.jsx(yo, { typeOptions: V, initValue: j }) }),
-              p && /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx(jo, { ref: yt, children: /* @__PURE__ */ e.jsx(yo, { typeOptions: V, initValue: X }) }),
+              a && /* @__PURE__ */ e.jsx(
                 Co,
                 {
-                  files: wt,
-                  isCompact: so || a,
+                  files: Tt,
+                  isCompact: so || s,
                   onRemove: eo,
-                  projectName: S,
+                  projectName: k,
                   onAnnotationClick: Yt,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
@@ -643,27 +622,27 @@ const Ap = ({
                   pt: {
                     file: {
                       style: {
-                        height: a ? 70 : void 0
+                        height: s ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
-              p && !D ? /* @__PURE__ */ e.jsxs(Io, { ref: Xt, children: [
+              a && !M ? /* @__PURE__ */ e.jsxs(Io, { ref: Ot, children: [
                 !h && /* @__PURE__ */ e.jsx(
                   Jo,
                   {
-                    value: U,
+                    value: B,
                     categories: ht,
                     onChange: (t) => Jt(t),
-                    isCompact: a,
-                    hasPowerpack: _t,
-                    onPowerFeature: Vt,
-                    isHidden: Xo(ht, { isGuest: h, isAdmin: $t }),
+                    isCompact: s,
+                    hasPowerpack: Ht,
+                    onPowerFeature: _t,
+                    isHidden: Oo(ht, { isGuest: h, isAdmin: $t }),
                     style: {
-                      position: a ? "relative" : "absolute",
+                      position: s ? "relative" : "absolute",
                       left: 4,
-                      top: a ? 0 : 4
+                      top: s ? 0 : 4
                     }
                   }
                 ),
@@ -671,66 +650,65 @@ const Ap = ({
                   uo,
                   {
                     theme: "snow",
-                    style: { minHeight: Tt, maxHeight: 300 },
+                    style: { minHeight: Mt, maxHeight: 300 },
                     ref: c,
-                    value: v,
-                    onChange: Ot,
-                    readOnly: !p,
+                    value: T,
+                    onChange: Zt,
+                    readOnly: !a,
                     placeholder: Ft(!0),
                     modules: po,
-                    formats: Ho
+                    formats: Lo
                   }
                 )
-              ] }) : /* @__PURE__ */ e.jsx(Mo, { children: Ft() }),
-              /* @__PURE__ */ e.jsxs(To, { children: [
-                !h && /* @__PURE__ */ e.jsxs(wo, { children: [
+              ] }) : /* @__PURE__ */ e.jsx(So, { children: Ft() }),
+              /* @__PURE__ */ e.jsxs(Mo, { children: [
+                !h && /* @__PURE__ */ e.jsxs(To, { children: [
                   /* @__PURE__ */ e.jsx(
-                    H,
+                    U,
                     {
                       icon: "person",
                       variant: "text",
-                      onClick: () => X("@"),
+                      onClick: () => z("@"),
                       "data-tooltip": "Mention user",
                       "data-shortcut": "@"
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    H,
+                    U,
                     {
                       icon: "layers",
                       variant: "text",
-                      onClick: () => X("@@"),
+                      onClick: () => z("@@"),
                       "data-tooltip": "Mention version",
                       "data-shortcut": "@@"
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    H,
+                    U,
                     {
                       icon: "check_circle",
                       variant: "text",
-                      onClick: () => X("@@@"),
+                      onClick: () => z("@@@"),
                       "data-tooltip": "Mention task",
                       "data-shortcut": "@@@"
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs(Do, { children: [
-                  p && Pt,
-                  a && /* @__PURE__ */ e.jsx(H, { variant: "text", onClick: St, children: "Cancel" }),
+                  s && /* @__PURE__ */ e.jsx(U, { variant: "text", onClick: jt, children: "Cancel" }),
                   /* @__PURE__ */ e.jsx(
                     ho,
                     {
-                      label: a ? "Save" : "Comment",
+                      label: s ? "Save" : "Comment",
                       className: "comment",
-                      active: !!v || !!M.length,
-                      onClick: R,
+                      active: !!T || !!v.length,
+                      onClick: Y,
                       disabled: rt
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx(Fo, { className: L({ show: dt && p }), children: /* @__PURE__ */ e.jsx(go, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ e.jsx(Fo, { className: N({ show: dt && a }), children: /* @__PURE__ */ e.jsx(go, { icon: "cloud_upload" }) })
             ]
           }
         ),
@@ -739,31 +717,27 @@ const Ap = ({
           {
             mention: m,
             options: I,
-            onChange: Zt,
+            onChange: Xt,
             onPrefixFilter: (t) => {
-              ft(t), Y(0);
+              ft(t), G(0);
             },
             activePrefix: F ? F.replace(":", "") : void 0,
-            types: _,
+            types: q,
             config: V[m?.type],
             noneFound: !I.length && (m?.search || F),
             noneFoundAtAll: !I.length && !m?.search && !F,
-            selectedIndex: W,
+            selectedIndex: $,
             error: Dt,
             isGuest: h
           }
         ),
-        !p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(Po, {}),
-          Pt
-        ] })
+        /* @__PURE__ */ e.jsx(Po, {}),
+        ao
       ]
     }
   ) });
 };
 export {
-  Zo as VersionReviewFeedback,
-  Ap as default,
-  V as mentionTypeOptions
+  Rp as default
 };
 //# sourceMappingURL=CommentInput.es.js.map