@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

@@ -1,28 +1,28 @@
 import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as u, useRef as O, useEffect as It, useMemo as bt } from "react";
-import N from "clsx";
-import { toast as At } from "react-toastify";
-import de, { Quill as fe } from "react-quill-ayon";
-import { Button as U, SaveButton as ue, Icon as he } from "@ynput/ayon-react-components";
-import ge from "../CommentMentionSelect/CommentMentionSelect.es.js";
-import xe from "./InputMarkdownConvert.es.js";
-import ye from "../FilesGrid/FilesGrid.es.js";
-import { VersionReviewButtons as Ce, VersionReviewButton as Rt, AutoHeight as ve, Comment as we, Markdown as ke, Placeholder as je, Footer as Se, Buttons as Me, SubmitButtons as Te, Dropzone as De, VersionReviewButtonsSpacer as Fe } from "./CommentInput.styled.es.js";
-import { QuillListStyles as Pe } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import Ie from "../../mentionHelpers/getMentionOptions.es.js";
-import be from "../../mentionHelpers/getMentionUsers.es.js";
-import Ae from "../../mentionHelpers/getMentionTasks.es.js";
-import Re from "../../mentionHelpers/getMentionVersions.es.js";
-import { convertToMarkdown as Ee } from "./quillToMarkdown.es.js";
-import { handleFileDrop as Be, parseImages as Ne, typeWithDelay as Ue } from "./helpers.es.js";
-import { getModules as Ve } from "./modules/index.es.js";
-import qe from "./hooks/useInitialValue.es.js";
-import Le from "./hooks/useSetCursorEnd.es.js";
-import He from "./hooks/useMentionLink.es.js";
-import _e from "./hooks/useAnnotationsSync.es.js";
-import { useBlendedCategoryColor as Ke } from "./hooks/useBlendedCategoryColor.es.js";
-import $e from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as Ge } from "../../context/FeedContext.es.js";
+import { useState as h, useRef as tt, useEffect as Et, useMemo as Ut } from "react";
+import V from "clsx";
+import { toast as Bt } from "react-toastify";
+import xe, { Quill as ye } from "react-quill-ayon";
+import { Button as L, SaveButton as ve, Icon as Ce } from "@ynput/ayon-react-components";
+import we from "../CommentMentionSelect/CommentMentionSelect.es.js";
+import ke from "./InputMarkdownConvert.es.js";
+import Se from "../FilesGrid/FilesGrid.es.js";
+import { VersionReviewButtons as je, VersionReviewButton as Nt, AutoHeight as Me, Comment as Te, Markdown as Fe, Placeholder as De, Footer as Ae, Buttons as Pe, SubmitButtons as Ie, Dropzone as be, VersionReviewButtonsSpacer as Re } from "./CommentInput.styled.es.js";
+import { QuillListStyles as Ee } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import Ue from "../../mentionHelpers/getMentionOptions.es.js";
+import Be from "../../mentionHelpers/getMentionUsers.es.js";
+import Ne from "../../mentionHelpers/getMentionTasks.es.js";
+import Ve from "../../mentionHelpers/getMentionVersions.es.js";
+import { convertToMarkdown as Le } from "./quillToMarkdown.es.js";
+import { handleFileDrop as qe, parseImages as He, typeWithDelay as _e } from "./helpers.es.js";
+import { getModules as Ke } from "./modules/index.es.js";
+import $e from "./hooks/useInitialValue.es.js";
+import Ge from "./hooks/useSetCursorEnd.es.js";
+import Qe from "./hooks/useMentionLink.es.js";
+import ze from "./hooks/useAnnotationsSync.es.js";
+import { useBlendedCategoryColor as We } from "./hooks/useBlendedCategoryColor.es.js";
+import Ye from "./hooks/useAnnotationsUpload.es.js";
+import { useFeedContext as Je } from "../../context/FeedContext.es.js";
 import "react-dom";
 import "../Tooltips/UserTooltipItem.es.js";
 import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
@@ -41,6 +41,7 @@ import "../../../../api/generated/configuration.es.js";
 import "../../../../api/generated/dataImport.es.js";
 import "../../../../api/generated/desktop.es.js";
 import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/enums.es.js";
 import "../../../../api/generated/events.es.js";
 import "../../../../api/generated/files.es.js";
 import "../../../../api/generated/folders.es.js";
@@ -66,6 +67,8 @@ import "../../../../api/generated/workfiles.es.js";
 import "../../../../api/generated/ynputCloud.es.js";
 import "../../../../api/generated/grouping.es.js";
 import "../../../../api/generated/views.es.js";
+import "../../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../../api/queries/actions/getActions.es.js";
 import "../../../../api/queries/activities/getActivities.es.js";
 import "../../../../api/queries/activities/updateReaction.es.js";
@@ -96,6 +99,7 @@ import "../../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/enums/getEnums.es.js";
 import "../../../../api/queries/folders/getFolders.es.js";
 import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../../api/queries/grouping/getGrouping.es.js";
@@ -124,15 +128,17 @@ import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
 import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import { useProjectContext as Qe } from "../../../../context/ProjectContext.es.js";
+import "../../../../components/EntityTooltip/EntityTooltip.styled.es.js";
+import { useProjectContext as Oe } from "../../../../context/ProjectContext.es.js";
 import "lodash";
 import "uuid";
-import { parseFilename as M } from "../../../../util/parseFilename.es.js";
-import { mentionTypeOptions as V } from "../../../../util/mentionTypeOptions.es.js";
+import { parseFilename as w } from "../../../../util/parseFilename.es.js";
+import { mentionTypeOptions as q } from "../../../../util/mentionTypeOptions.es.js";
+import "../../../../util/searchTerms.es.js";
 import "../../../../util/pubsub.es.js";
 import "../FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../FileUploadPreview/Mimes/TextMime.es.js";
+import "../FileUploadPreview/Mimes/VideoMime.es.js";
 import "react-markdown";
 import "remark-emoji";
 import "remark-gfm";
@@ -148,13 +154,13 @@ import "../ActivityStatus/ActivityStatus.es.js";
 import "../ActivityHeader/ActivityHeader.styled.es.js";
 import "../ActivityDate.es.js";
 import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import { VersionReviewFeedback as Et } from "./types.es.js";
-import { ActivityCategorySelect as ze, isCategoryHidden as We } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import { VersionReviewFeedback as Vt } from "./types.es.js";
+import { ActivityCategorySelect as Xe, isCategoryHidden as Ze } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../ActivityCategorySelect/CategoryTag.es.js";
 import "../../../../context/MenuContext.es.js";
 import "../../../../components/Menu/Menu.styled.es.js";
-import { useDetailsPanelContext as Ye } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as to } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
 import "../../../../../../_virtual/runtime.es.js";
@@ -170,325 +176,347 @@ import "../../Feed.styled.es.js";
 import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../FeedSearchFilter.es.js";
-import { VersionReviewPill as Je } from "./VersionReviewPill.es.js";
-import { quillFormats as Oe } from "./quillFormats.es.js";
-var Bt = fe.import("delta");
-const Xe = "<p><br></p>", q = ["@", "@@", "@@@"], hi = ({
-  initValue: X,
-  initFiles: Nt = [],
-  initCategory: Ut = null,
-  data: Z = {},
-  versionReview: tt,
-  lastOwnVersionReview: et,
-  onSubmit: ot,
-  onReview: L,
-  isEditing: a,
-  disabled: k,
-  isLoading: rt,
-  isOpen: l,
-  onOpen: nt,
-  onClose: it
+import { VersionReviewPill as eo } from "./VersionReviewPill.es.js";
+import { quillFormats as oo } from "./quillFormats.es.js";
+var Lt = ye.import("delta");
+const no = "<p><br></p>", H = ["@", "@@", "@@@"], Ti = ({
+  initValue: et,
+  initFiles: qt = [],
+  initCategory: Ht = null,
+  data: ot = {},
+  versionReview: nt,
+  lastOwnVersionReview: rt,
+  onSubmit: it,
+  onReview: _,
+  isEditing: p,
+  disabled: j,
+  isLoading: st,
+  isOpen: d,
+  onOpen: mt,
+  onClose: at
 }) => {
   const {
-    projectName: j,
-    entities: H,
-    projectInfo: Vt,
-    scope: Ze,
-    feedFilter: qt,
-    mentionSuggestionsData: Lt,
-    categories: st,
-    isGuest: h
-  } = Ge(), { hasLicense: Ht, onPowerFeature: _t, user: Kt } = Ye(), $t = Kt?.data?.isAdmin, Gt = Qe(), {
-    users: mt,
-    teams: at,
-    versions: lt,
-    tasks: ct
-  } = Lt || {}, [pt, Qt] = u(88), [T, b] = u(""), [v, A] = u(Nt), [_, R] = u([]), [dt, E] = u(!1), [zt, ft] = u(!1), { annotations: D, removeAnnotation: Wt, goToAnnotation: Yt } = _e({
-    entityId: H[0]?.id,
-    filesUploading: _
-  }), [s, K] = u(null), [$, G] = u(0), [F, ut] = u(""), P = () => {
-    K(null), G(0), ut("");
-  }, [B, Jt] = u(Ut), ht = st.filter((t) => t.accessLevel >= 20), gt = st.find((t) => t.name === B), xt = Ke(gt?.color), p = O(null), Ot = O(null), yt = O(null);
-  qe({
-    markdownRef: yt,
-    initValue: X,
-    setEditorValue: b,
-    setInitHeight: Qt,
-    isOpen: l,
+    projectName: M,
+    entities: K,
+    projectInfo: _t,
+    scope: ro,
+    feedFilter: Kt,
+    mentionSuggestionsData: $t,
+    categories: lt,
+    isGuest: g
+  } = Je(), { hasLicense: Gt, onPowerFeature: Qt, user: zt } = to(), Wt = zt?.data?.isAdmin, Yt = Oe(), {
+    users: ct,
+    teams: pt,
+    versions: dt,
+    tasks: ft
+  } = $t || {}, [ut, Jt] = h(88), [T, D] = h(""), [k, A] = h(qt), [$, P] = h([]), [ht, U] = h(!1), [gt, xt] = h(!1), [Ot, yt] = h([]), { annotations: I, removeAnnotation: Xt, goToAnnotation: Zt } = ze({
+    entityId: K[0]?.id,
+    filesUploading: $
+  }), [s, G] = h(null), [Q, z] = h(0), [b, vt] = h(""), R = () => {
+    G(null), z(0), vt("");
+  }, [B, te] = h(Ht), Ct = lt.filter((t) => t.accessLevel >= 20), wt = lt.find((t) => t.name === B), kt = We(wt?.color), f = tt(null), ee = tt(null), St = tt(null);
+  $e({
+    markdownRef: St,
+    initValue: et,
+    setEditorValue: D,
+    setInitHeight: Jt,
+    isOpen: d,
     // @ts-expect-error - QueryFilter type is the same
-    filter: qt
-  }), Le({ initHeight: pt, editorRef: p, isEditing: a }), He({ projectName: j }), It(() => {
-    if (l) {
-      if (p.current?.getEditor()?.enable(), D.length > 0 && v.length === 0)
+    filter: Kt
+  }), Ge({ initHeight: ut, editorRef: f, isEditing: p }), Qe({ projectName: M, editorRef: f }), Et(() => {
+    if (d) {
+      if (f.current?.getEditor()?.enable(), I.length > 0 && k.length === 0)
         return;
-      p.current?.focus();
+      f.current?.focus();
     }
-  }, [l, p]), q.sort((t, e) => e.length - t.length);
-  const Ct = F + (s?.search || ""), vt = bt(
-    () => Ie(
+  }, [d, f]), H.sort((t, e) => e.length - t.length);
+  const jt = b + (s?.search || ""), Mt = Ut(
+    () => Ue(
       s?.type,
       {
-        "@": () => be(mt, at),
-        "@@": () => Re(lt, Gt),
-        "@@@": () => Ae(ct, Vt.taskTypes)
+        "@": () => Be(ct, pt),
+        "@@": () => Ve(dt, Yt),
+        "@@@": () => Ne(ft, _t.taskTypes)
       },
-      Ct || void 0
+      jt || void 0
     ),
     [
+      ft,
+      dt,
       ct,
-      lt,
-      mt,
-      at,
+      pt,
       s?.type,
-      Ct
+      jt
     ]
-  ), I = vt.slice(0, 5), [Q, wt] = u();
-  It(() => {
-    Q && (wt(null), p.current.getEditor().setSelection(Q));
-  }, [Q]);
-  const kt = (t) => {
-    const e = p.current.getEditor(), r = s.type, i = r + (s.search || ""), n = r + t.label, d = V[r], g = `${t.type || d?.id}:${t.id}`, m = (e.getSelection(!0)?.index || 0) - i.length;
-    e.deleteText(m, i.length), e.insertText(m, n, "mention", g);
-    const c = m + n.length;
-    e.updateContents(new Bt().retain(c).insert(" ")), e.updateContents(new Bt().retain(c + 1).delete(1)), wt(c + 1), P();
-  }, Xt = (t) => {
-    kt(t);
-  }, Zt = (t, e, r, i) => {
-    let n = e.ops[0] && e.ops[0].insert || e.ops[1] && e.ops[1].insert;
-    const d = n === `
-` || n === "	", y = vt[$];
-    if (s && d && y && !h) {
-      e.ops[0] && e.ops[0].retain, kt(y);
+  ), E = Mt.slice(0, 5), [W, Tt] = h();
+  Et(() => {
+    W && (Tt(null), f.current.getEditor().setSelection(W));
+  }, [W]);
+  const Ft = (t) => {
+    const e = f.current.getEditor(), n = s.type, i = n + (s.search || ""), r = n + t.label, m = q[n], x = `${t.type || m?.id}:${t.id}`, c = (e.getSelection(!0)?.index || 0) - i.length;
+    e.deleteText(c, i.length), e.insertText(c, r, "mention", x);
+    const u = c + r.length;
+    e.updateContents(new Lt().retain(u).insert(" ")), e.updateContents(new Lt().retain(u + 1).delete(1)), Tt(u + 1), R();
+  }, oe = (t) => {
+    Ft(t);
+  }, ne = (t, e, n, i) => {
+    let r = e.ops[0] && e.ops[0].insert || e.ops[1] && e.ops[1].insert;
+    const m = r === `
+` || r === "	", l = Mt[Q];
+    if (s && m && l && !g) {
+      e.ops[0] && e.ops[0].retain, Ft(l);
       return;
     }
-    b(t);
-    const g = e.ops.length === 2 && !!e.ops[1].delete;
-    if (!n && g && (n = i.getText(e.ops[0].retain - 1, 1)), q.includes(n)) {
-      const f = e.ops.findIndex((C) => "insert" in C || "delete" in C), m = n;
-      let c = f === 0 ? 0 : e.ops[f - 1].retain;
-      g && (c = c - 1);
-      let w = null;
-      for (const C of q) {
-        let S = !0;
-        if (C.endsWith(m))
-          for (let x = C.length - 1; x >= 0; x--) {
-            if (x === 0) continue;
-            const ce = C[x - 1], pe = c - (C.length - x);
-            if (i.getText(pe, 1) !== ce) {
-              S = !1;
+    D(t);
+    const x = e.ops.length === 2 && !!e.ops[1].delete;
+    if (!r && x && (r = i.getText(e.ops[0].retain - 1, 1)), H.includes(r)) {
+      const a = e.ops.findIndex((C) => "insert" in C || "delete" in C), c = r;
+      let u = a === 0 ? 0 : e.ops[a - 1].retain;
+      x && (u = u - 1);
+      let S = null;
+      for (const C of H) {
+        let F = !0;
+        if (C.endsWith(c))
+          for (let y = C.length - 1; y >= 0; y--) {
+            if (y === 0) continue;
+            const he = C[y - 1], ge = u - (C.length - y);
+            if (i.getText(ge, 1) !== he) {
+              F = !1;
               break;
             }
           }
         else
-          S = !1;
-        if (S) {
-          w = C;
+          F = !1;
+        if (F) {
+          S = C;
           break;
         }
       }
-      w ? K({
-        type: w,
-        retain: c
-      }) : P();
+      S ? G({
+        type: S,
+        retain: u
+      }) : R();
     } else if (s) {
-      const f = e.ops[0].retain;
-      if (n === " " || !f) {
-        P();
+      const a = e.ops[0].retain;
+      if (r === " " || !a) {
+        R();
         return;
       }
-      let m = f - s.retain;
-      g || m++;
-      const c = i.getText(s.retain, m), w = c.replace(s.type.slice(-1), "");
-      c.includes(" ") ? P() : K({
+      let c = a - s.retain;
+      x || c++;
+      const u = i.getText(s.retain, c), S = u.replace(s.type.slice(-1), "");
+      u.includes(" ") ? R() : G({
         ...s,
-        search: w?.toLowerCase()
+        search: S?.toLowerCase()
       });
-    } else if (g) {
-      const f = p.current.getEditor(), m = f.getSelection(!1);
-      if (f.getFormat(m?.index, m?.length).mention) {
-        const [w] = f.getLine(m.index - 1) || [], S = (w?.cache?.delta?.ops || []).reverse().find((x) => x.attributes?.mention);
-        if (S) {
-          const x = S.insert.length;
-          f.deleteText(m.index - x, x);
+    } else if (x) {
+      const a = f.current.getEditor(), c = a.getSelection(!1);
+      if (a.getFormat(c?.index, c?.length).mention) {
+        const [S] = a.getLine(c.index - 1) || [], F = (S?.cache?.delta?.ops || []).reverse().find((y) => y.attributes?.mention);
+        if (F) {
+          const y = F.insert.length;
+          a.deleteText(c.index - y, y);
         }
       }
     }
-  }, te = (t) => {
-    const e = p.current.getEditor();
-    let r = e.getSelection(!0)?.index || 0;
-    const i = e.getText(r - 1, 1);
-    i !== " " && i && (e.insertText(r, " "), r++), Ue(e, r, t);
-  }, z = (t) => {
+  }, re = (t) => {
+    const e = f.current.getEditor();
+    let n = e.getSelection(!0)?.index || 0;
+    const i = e.getText(n - 1, 1);
+    i !== " " && i && (e.insertText(n, " "), n++), _e(e, n, t);
+  }, Y = (t) => {
     if (s) {
-      const { type: e, retain: r, search: i = "" } = s, n = p.current.getEditor(), d = e.length + i.length, y = r - e.length + 1;
-      n.deleteText(y, d);
+      const { type: e, retain: n, search: i = "" } = s, r = f.current.getEditor(), m = e.length + i.length, l = n - e.length + 1;
+      r.deleteText(l, m);
     }
-    te(t);
-  }, ee = () => {
-    l || k || nt && nt();
-  }, jt = () => {
-    (p.current.getEditor().getText().length < 2 || a) && b(""), it && it();
-  }, W = ({ file: t, data: e }) => {
-    const r = M(t.name), i = {
+    re(t);
+  }, ie = () => {
+    d || j || mt && mt();
+  }, Dt = () => {
+    (f.current.getEditor().getText().length < 2 || p) && D(""), at && at();
+  }, J = ({ file: t, data: e }, n = !1) => {
+    const i = w(t.name), r = {
       id: e.id,
-      name: r,
+      name: i,
       mime: t.type,
       size: t.size,
-      order: v.length
+      order: k.length,
+      isAnnotationLayer: n
     };
-    return A((n) => [...n, i]), R(
-      (n) => n.filter((d) => M(d.name) !== r)
-    ), i;
-  }, oe = (t, e, r) => {
-    r ? Wt?.(t) : (A((i) => i.filter((n) => n.id !== t)), R((i) => i.filter((n) => M(n.name) !== M(e))));
-  }, St = (t, e) => {
-    const r = Math.round(t.loaded * 100 / t.total);
-    if (r !== 100) {
-      const i = M(e.name), n = {
-        name: i,
-        progress: r,
-        type: e.type,
-        order: v.length + _.length
-      };
-      R((d) => [...d.filter((g) => M(g.name) !== i), n]);
+    return A((m) => [...m, r]), P(
+      (m) => m.filter((l) => w(l.name) !== i)
+    ), r;
+  }, se = (t, e, n) => {
+    n ? Xt?.(t) : (A((i) => i.filter((r) => r.id !== t)), P((i) => i.filter((r) => w(r.name) !== w(e))));
+  }, N = (t, e) => {
+    const n = Math.round(t.loaded * 100 / t.total);
+    if (n !== 100) {
+      const i = w(e.name);
+      P((r) => {
+        const m = r.find((v) => w(v.name) === i), l = r.filter((v) => w(v.name) !== i), x = {
+          name: i,
+          progress: n,
+          type: e.type,
+          order: m?.order ?? k.length + r.length
+        };
+        return [...l, x];
+      });
     }
-  }, re = (t) => {
-    E(!1), Be(t, j, St, W);
-  }, ne = (t) => {
-    t.preventDefault(), t.stopPropagation(), E(!0);
-  }, ie = $e({
-    projectName: j,
-    onSuccess: W
-  }), Y = async () => {
-    try {
-      ft(!0);
-      let t = [], e;
-      if (D.length) {
-        const { files: y, metadata: g } = await ie(D);
-        t = y;
-        const { annotations: J = [] } = Z || {};
-        e = [...J, ...g];
-      }
-      const [r] = Ee(T), i = Ne(r), n = [...v, ...t], d = {
-        ...Z,
-        annotations: e,
-        // could be undefined
-        category: h ? null : B
-        // guests cannot set category (it is done by default on backend)
-      };
-      if ((i || n.length) && ot)
-        try {
-          await ot(i, n, d), b(""), A([]);
-        } catch {
-          return;
+  }, me = (t) => {
+    U(!1), qe(
+      t,
+      M,
+      N,
+      J,
+      (e) => O(e.name)
+    );
+  }, ae = (t) => {
+    t.preventDefault(), t.stopPropagation(), U(!0);
+  }, O = (t) => {
+    P((e) => e.filter((n) => n.name !== w(t)));
+  }, le = Ye({
+    projectName: M,
+    onSuccess: J,
+    onProgress: N,
+    // seed progress so the card switches to uploading before the export finishes
+    onStart: (t) => N({ loaded: 1, total: 100 }, { name: t.name, type: "image/png" }),
+    onError: (t) => O(t.name)
+  }), ce = $.length > 0, X = gt || ce, Z = async () => {
+    if (!X)
+      try {
+        xt(!0);
+        let t = [], e = Ot;
+        if (I.length) {
+          const { files: v, metadata: a } = await le(I);
+          t = v, e = [...e, ...a];
         }
-    } catch (t) {
-      console.error(t), At.error("Something went wrong");
-    } finally {
-      ft(!1);
-    }
-  }, se = (t) => {
+        const { annotations: n = [] } = ot || {}, i = e.length ? [...n, ...e] : void 0, [r] = Le(T), m = He(r), l = [...k, ...t], x = {
+          ...ot,
+          annotations: i,
+          // could be undefined
+          category: g ? null : B
+          // guests cannot set category (it is done by default on backend)
+        };
+        if ((m || l.length) && it) {
+          const v = T;
+          D(""), A([]);
+          try {
+            await it(m, l, x), yt([]);
+          } catch {
+            D(v), A(l), yt(e);
+            return;
+          }
+        }
+      } catch (t) {
+        console.error(t), Bt.error("Something went wrong");
+      } finally {
+        xt(!1);
+      }
+  }, pe = (t) => {
     if (s) {
       if (t.key === "Escape") {
-        P();
+        R();
         return;
       }
       s && t.key;
       const e = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
       if (e) {
         t.preventDefault();
-        let r = $ + e;
-        r < 0 && (r = I.length - 1), r >= I.length && (r = 0), G(r);
+        let n = Q + e;
+        n < 0 && (n = E.length - 1), n >= E.length && (n = 0), z(n);
       }
       t.key;
     }
-    t.key === "Enter" && (t.ctrlKey || t.metaKey) && Y(), t.key === "Escape" && jt();
+    t.key === "Enter" && (t.ctrlKey || t.metaKey) && Z(), t.key === "Escape" && Dt();
   };
-  let Mt = l ? pt + 41 : 44;
-  a && (Mt = void 0);
-  const me = bt(
-    () => Ve({
+  let At = d ? ut + 41 : 44;
+  p && (At = void 0);
+  const de = Ut(
+    () => Ke({
       imageUploader: {
-        projectName: j,
-        onUpload: W,
-        onUploadProgress: St
+        projectName: M,
+        onUpload: J,
+        onUploadProgress: N,
+        onReject: (t, e) => O(e.name)
       },
-      mentionTypeOptions: V
+      mentionTypeOptions: q
     }),
-    [j, A, R]
-  ), Tt = [...D, ...v || [], ..._].sort(
-    (t, e) => t.order - e.order
-  ), ae = Tt.length > 3;
-  let Dt = null;
-  H.length && H[0].entityType === "folder" && s?.type === "@@" && (Dt = "Version mentions are disabled for folders");
-  const Ft = (t) => k ? 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)
+    [M, A, P]
+  ), Pt = [
+    ...I,
+    ...(k || []).filter((t) => !t.isAnnotationLayer),
+    ...$
+  ].sort((t, e) => t.order - e.order), fe = Pt.length > 3;
+  let It = null;
+  K.length && K[0].entityType === "folder" && s?.type === "@@" && (It = "Version mentions are disabled for folders");
+  const bt = (t) => j ? g ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : g || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...", Rt = async (t) => {
+    if (_)
       try {
-        (T && T !== Xe || v.length > 0 || D.length > 0) && await Y(), L(t);
+        (T && T !== no || k.length > 0 || I.length > 0) && await Z(), _(t);
       } catch (e) {
-        console.error(e), At.error("Something went wrong while submitting the review");
+        console.error(e), Bt.error("Something went wrong while submitting the review");
       }
-  }, le = tt && L && !k && /* @__PURE__ */ o.jsxs(Ce, { className: N("version-review-buttons", { guest: h }), children: [
+  }, ue = nt && _ && !j && /* @__PURE__ */ o.jsxs(je, { className: V("version-review-buttons", { guest: g }), children: [
     /* @__PURE__ */ o.jsx(
-      Rt,
+      Nt,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => Pt(Et.APPROVE),
+        onClick: () => Rt(Vt.APPROVE),
         children: /* @__PURE__ */ o.jsx("span", { className: "label", children: "Approve" })
       }
     ),
     /* @__PURE__ */ o.jsx(
-      Rt,
+      Nt,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => Pt(Et.REQUEST_CHANGES),
+        onClick: () => Rt(Vt.REQUEST_CHANGES),
         children: /* @__PURE__ */ o.jsx("span", { className: "label", children: "Request changes" })
       }
     )
   ] });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs(
-    ve,
+    Me,
     {
-      className: N("comment-container", { isOpen: l, isEditing: a }),
-      onDragOver: ne,
-      onDragLeave: () => E(!1),
-      onDrop: re,
-      onClick: () => E(!1),
+      className: V("comment-container", { isOpen: d, isEditing: p }),
+      onDragOver: ae,
+      onDragLeave: () => U(!1),
+      onDrop: me,
+      onClick: () => U(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
-        tt && et && /* @__PURE__ */ o.jsx(Je, { lastOwnVersionReview: et }),
+        nt && rt && /* @__PURE__ */ o.jsx(eo, { lastOwnVersionReview: rt }),
         /* @__PURE__ */ o.jsxs(
-          we,
+          Te,
           {
-            className: N("block-shortcuts", {
-              isOpen: l,
-              isClosed: !l || k,
-              isEditing: a,
-              isDropping: dt,
-              disabled: k,
-              isLoading: rt,
-              isSubmitting: zt,
-              category: !!B && !h
+            className: V("block-shortcuts", {
+              isOpen: d,
+              isClosed: !d || j,
+              isEditing: p,
+              isDropping: ht,
+              disabled: j,
+              isLoading: st,
+              isSubmitting: gt,
+              category: !!B && !g
             }),
-            onKeyDown: se,
-            onClick: ee,
-            $categoryPrimary: gt?.color,
-            $categoryTertiary: xt.primary,
-            $categorySecondary: xt.secondary,
+            onKeyDown: pe,
+            onClick: ie,
+            $categoryPrimary: wt?.color,
+            $categoryTertiary: kt.primary,
+            $categorySecondary: kt.secondary,
             children: [
-              /* @__PURE__ */ o.jsx(ke, { ref: yt, children: /* @__PURE__ */ o.jsx(xe, { typeOptions: V, initValue: X }) }),
-              l && /* @__PURE__ */ o.jsx(
-                ye,
+              /* @__PURE__ */ o.jsx(Fe, { ref: St, children: /* @__PURE__ */ o.jsx(ke, { typeOptions: q, initValue: et }) }),
+              d && /* @__PURE__ */ o.jsx(
+                Se,
                 {
-                  files: Tt,
-                  isCompact: ae || a,
-                  onRemove: oe,
-                  projectName: j,
-                  onAnnotationClick: Yt,
+                  files: Pt,
+                  isCompact: fe || p,
+                  onRemove: se,
+                  projectName: M,
+                  onAnnotationClick: Zt,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
                     height: "100%"
@@ -497,122 +525,123 @@ const Xe = "<p><br></p>", q = ["@", "@@", "@@@"], hi = ({
                   pt: {
                     file: {
                       style: {
-                        height: a ? 70 : void 0
+                        height: p ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
-              l && !k ? /* @__PURE__ */ o.jsxs(Pe, { ref: Ot, children: [
-                !h && /* @__PURE__ */ o.jsx(
-                  ze,
+              d && !j ? /* @__PURE__ */ o.jsxs(Ee, { ref: ee, children: [
+                !g && /* @__PURE__ */ o.jsx(
+                  Xe,
                   {
                     value: B,
-                    categories: ht,
-                    onChange: (t) => Jt(t),
-                    isCompact: a,
-                    hasPowerpack: Ht,
-                    onPowerFeature: _t,
-                    isHidden: We(ht, { isGuest: h, isAdmin: $t }),
+                    categories: Ct,
+                    onChange: (t) => te(t),
+                    isCompact: p,
+                    hasPowerpack: Gt,
+                    onPowerFeature: Qt,
+                    isHidden: Ze(Ct, { isGuest: g, isAdmin: Wt }),
                     style: {
-                      position: a ? "relative" : "absolute",
+                      position: p ? "relative" : "absolute",
                       left: 4,
-                      top: a ? 0 : 4
+                      top: p ? 0 : 4
                     }
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
-                  de,
+                  xe,
                   {
                     theme: "snow",
-                    style: { minHeight: Mt, maxHeight: 300 },
-                    ref: p,
+                    style: { minHeight: At, maxHeight: 300 },
+                    ref: f,
                     value: T,
-                    onChange: Zt,
-                    readOnly: !l,
-                    placeholder: Ft(!0),
-                    modules: me,
-                    formats: Oe
+                    onChange: ne,
+                    readOnly: !d,
+                    placeholder: bt(!0),
+                    modules: de,
+                    formats: oo
                   }
                 )
-              ] }) : /* @__PURE__ */ o.jsx(je, { children: Ft() }),
-              /* @__PURE__ */ o.jsxs(Se, { children: [
-                !h && /* @__PURE__ */ o.jsxs(Me, { children: [
+              ] }) : /* @__PURE__ */ o.jsx(De, { children: bt() }),
+              /* @__PURE__ */ o.jsxs(Ae, { children: [
+                !g && /* @__PURE__ */ o.jsxs(Pe, { children: [
                   /* @__PURE__ */ o.jsx(
-                    U,
+                    L,
                     {
                       icon: "person",
                       variant: "text",
-                      onClick: () => z("@"),
+                      onClick: () => Y("@"),
                       "data-tooltip": "Mention user",
                       "data-shortcut": "@"
                     }
                   ),
                   /* @__PURE__ */ o.jsx(
-                    U,
+                    L,
                     {
                       icon: "layers",
                       variant: "text",
-                      onClick: () => z("@@"),
+                      onClick: () => Y("@@"),
                       "data-tooltip": "Mention version",
                       "data-shortcut": "@@"
                     }
                   ),
                   /* @__PURE__ */ o.jsx(
-                    U,
+                    L,
                     {
                       icon: "check_circle",
                       variant: "text",
-                      onClick: () => z("@@@"),
+                      onClick: () => Y("@@@"),
                       "data-tooltip": "Mention task",
                       "data-shortcut": "@@@"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ o.jsxs(Te, { children: [
-                  a && /* @__PURE__ */ o.jsx(U, { variant: "text", onClick: jt, children: "Cancel" }),
+                /* @__PURE__ */ o.jsxs(Ie, { children: [
+                  p && /* @__PURE__ */ o.jsx(L, { variant: "text", onClick: Dt, children: "Cancel" }),
                   /* @__PURE__ */ o.jsx(
-                    ue,
+                    ve,
                     {
-                      label: a ? "Save" : "Comment",
+                      label: p ? "Save" : "Comment",
                       className: "comment",
-                      active: !!T || !!v.length,
-                      onClick: Y,
-                      disabled: rt
+                      active: !!T || !!k.length,
+                      onClick: Z,
+                      disabled: st || X,
+                      saving: X
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ o.jsx(De, { className: N({ show: dt && l }), children: /* @__PURE__ */ o.jsx(he, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ o.jsx(be, { className: V({ show: ht && d }), children: /* @__PURE__ */ o.jsx(Ce, { icon: "cloud_upload" }) })
             ]
           }
         ),
         /* @__PURE__ */ o.jsx(
-          ge,
+          we,
           {
             mention: s,
-            options: I,
-            onChange: Xt,
+            options: E,
+            onChange: oe,
             onPrefixFilter: (t) => {
-              ut(t), G(0);
+              vt(t), z(0);
             },
-            activePrefix: F ? F.replace(":", "") : void 0,
-            types: q,
-            config: V[s?.type],
-            noneFound: !I.length && (s?.search || F),
-            noneFoundAtAll: !I.length && !s?.search && !F,
-            selectedIndex: $,
-            error: Dt,
-            isGuest: h
+            activePrefix: b ? b.replace(":", "") : void 0,
+            types: H,
+            config: q[s?.type],
+            noneFound: !E.length && (s?.search || b),
+            noneFoundAtAll: !E.length && !s?.search && !b,
+            selectedIndex: Q,
+            error: It,
+            isGuest: g
           }
         ),
-        /* @__PURE__ */ o.jsx(Fe, {}),
-        le
+        /* @__PURE__ */ o.jsx(Re, {}),
+        ue
       ]
     }
   ) });
 };
 export {
-  hi as default
+  Ti as default
 };
 //# sourceMappingURL=CommentInput.es.js.map