@ynput/ayon-frontend-shared 0.3.19 → 0.3.21

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

@@ -1,72 +1,31 @@
 import { j as n } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as f, useRef as z, useEffect as vt, useMemo as kt } from "react";
-import G from "clsx";
-import { toast as Zt } from "react-toastify";
-import to, { Quill as oo } from "react-quill-ayon";
-import { Button as U, SaveButton as eo, Icon as ro } from "@ynput/ayon-react-components";
-import io from "../CommentMentionSelect/CommentMentionSelect.es.js";
-import no from "./InputMarkdownConvert.es.js";
-import mo from "../FilesGrid/FilesGrid.es.js";
-import { AutoHeight as po, Comment as so, Markdown as ao, Placeholder as lo, Footer as co, Buttons as wt, Dropzone as uo } from "./CommentInput.styled.es.js";
-import { QuillListStyles as fo } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import ho from "../../mentionHelpers/getMentionOptions.es.js";
-import go from "../../mentionHelpers/getMentionUsers.es.js";
-import yo from "../../mentionHelpers/getMentionTasks.es.js";
-import xo from "../../mentionHelpers/getMentionVersions.es.js";
-import { convertToMarkdown as Co } from "./quillToMarkdown.es.js";
-import { handleFileDrop as vo, parseImages as ko, typeWithDelay as wo } from "./helpers.es.js";
-import { getModules as jo, quillFormats as Mo } from "./modules/index.es.js";
-import So from "./hooks/useInitialValue.es.js";
-import Do from "./hooks/useSetCursorEnd.es.js";
-import Fo from "./hooks/useMentionLink.es.js";
-import Io from "./hooks/useAnnotationsSync.es.js";
-import { useBlendedCategoryColor as To } from "./hooks/useBlendedCategoryColor.es.js";
-import Ao from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as Po } from "../../context/FeedContext.es.js";
+import { useState as u, useRef as W, useEffect as Tt, useMemo as Dt } from "react";
+import _ from "clsx";
+import { toast as no } from "react-toastify";
+import mo, { Quill as po } from "react-quill-ayon";
+import { Button as R, SaveButton as so, Icon as ao } from "@ynput/ayon-react-components";
+import lo from "../CommentMentionSelect/CommentMentionSelect.es.js";
+import co from "./InputMarkdownConvert.es.js";
+import fo from "../FilesGrid/FilesGrid.es.js";
+import { AutoHeight as uo, Comment as ho, Markdown as go, Placeholder as yo, Footer as xo, Buttons as Ft, Dropzone as Co } from "./CommentInput.styled.es.js";
+import { QuillListStyles as vo } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import ko from "../../mentionHelpers/getMentionOptions.es.js";
+import wo from "../../mentionHelpers/getMentionUsers.es.js";
+import Mo from "../../mentionHelpers/getMentionTasks.es.js";
+import So from "../../mentionHelpers/getMentionVersions.es.js";
+import { convertToMarkdown as jo } from "./quillToMarkdown.es.js";
+import { handleFileDrop as To, parseImages as Do, typeWithDelay as Fo } from "./helpers.es.js";
+import { getModules as Io, quillFormats as Po } from "./modules/index.es.js";
+import Ao from "./hooks/useInitialValue.es.js";
+import bo from "./hooks/useSetCursorEnd.es.js";
+import Lo from "./hooks/useMentionLink.es.js";
+import Uo from "./hooks/useAnnotationsSync.es.js";
+import { useBlendedCategoryColor as Ro } from "./hooks/useBlendedCategoryColor.es.js";
+import qo from "./hooks/useAnnotationsUpload.es.js";
+import { useFeedContext as Eo } from "../../context/FeedContext.es.js";
 import "react-dom";
+import "../Tooltips/UserTooltipItem.es.js";
 import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as bo } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../context/SubtasksModulesContext.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 "../../../../context/WebsocketContext.es.js";
-import "../../../../context/GlobalContext.es.js";
-import { useProjectContext as Lo } from "../../../../context/ProjectContext.es.js";
-import "../../../../context/ProjectFoldersContext.es.js";
-import "../../../../context/UriContext.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 "lodash";
-import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../components/Badge/Badge.es.js";
-import "../../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
 import "../../../../api/generated/graphqlLinks.es.js";
@@ -148,6 +107,7 @@ import "../../../../api/queries/share/share.es.js";
 import "../../../../api/queries/system/getSystem.es.js";
 import "../../../../api/queries/tasks/getTasks.es.js";
 import "../../../../api/queries/tasks/updateTasks.es.js";
+import "../../../../api/queries/teams/getTeams.es.js";
 import "../../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../../api/queries/users/getUsers.es.js";
 import "../../../../api/queries/users/updateUsers.es.js";
@@ -157,6 +117,49 @@ import "../../../../api/queries/views/getViews.es.js";
 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 "../../../../context/RemoteModulesContext.es.js";
+import { useDetailsPanelContext as Ho } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../context/SubtasksModulesContext.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 "../../../../context/WebsocketContext.es.js";
+import "../../../../context/GlobalContext.es.js";
+import { useProjectContext as No } from "../../../../context/ProjectContext.es.js";
+import "../../../../context/ProjectFoldersContext.es.js";
+import "../../../../context/UriContext.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 "lodash";
+import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../../components/AccessUser/AccessUser.es.js";
+import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../../components/Badge/Badge.es.js";
+import "../../../../components/Chips/Chips.es.js";
+import "date-fns";
+import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
+import "../../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../../../../_virtual/index.es.js";
 import "../../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../../node_modules/refractor/lib/all.es.js";
@@ -178,6 +181,7 @@ import "@tanstack/react-table";
 import "../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
 import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
@@ -191,6 +195,7 @@ import "../../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
 import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
@@ -231,6 +236,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 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";
@@ -248,12 +254,10 @@ import "../../../../components/SizeSlider/SizeSlider.es.js";
 import "react-router-dom";
 import "../../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../components/SearchFilter/filterDates.es.js";
 import "../../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../../components/SortingSetting/SortingSetting.styled.es.js";
 import "../../../../components/StyledLink/StyledLink.es.js";
 import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
 import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
@@ -275,10 +279,10 @@ import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed.styled.es.js";
-import { ActivityCategorySelect as Uo, isCategoryHidden as Ro } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import { ActivityCategorySelect as Bo, isCategoryHidden as Ko } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
-var jt = oo.import("delta");
-const R = ["@", "@@", "@@@"], Q = {
+var It = po.import("delta");
+const q = ["@", "@@", "@@@"], Y = {
   "@@@": {
     id: "task"
   },
@@ -289,276 +293,281 @@ const R = ["@", "@@", "@@@"], Q = {
     id: "user",
     isCircle: !0
   }
-}, Wm = ({
-  initValue: _,
-  initFiles: Mt = [],
-  initCategory: St = null,
-  data: W = {},
-  onSubmit: Y,
-  isEditing: a,
-  disabled: D,
-  isLoading: J,
-  isOpen: l,
-  onOpen: O,
-  onClose: X
+}, ip = ({
+  initValue: J,
+  initFiles: Pt = [],
+  initCategory: At = null,
+  data: X = {},
+  onSubmit: Z,
+  isEditing: s,
+  disabled: j,
+  isLoading: O,
+  isOpen: a,
+  onOpen: tt,
+  onClose: ot
 }) => {
   const {
     projectName: k,
-    entities: q,
-    projectInfo: Dt,
-    scope: qo,
-    feedFilter: Ft,
-    mentionSuggestionsData: It,
-    categories: Z,
-    isGuest: h
-  } = Po(), { hasLicense: Tt, onPowerFeature: At, user: Pt } = bo(), bt = Pt?.data?.isAdmin, Lt = Lo(), {
-    users: tt,
-    versions: ot,
-    tasks: et
-  } = It || {}, [rt, Ut] = f(88), [E, I] = f(""), [w, T] = f(Mt), [H, A] = f([]), [it, P] = f(!1), [Rt, nt] = f(!1), { annotations: b, removeAnnotation: qt, goToAnnotation: Et } = Io({
-    entityId: q[0]?.id,
-    filesUploading: H
-  }), [m, x] = f(null), [B, j] = f(0), [L, Ht] = f(St), mt = Z.filter((t) => t.accessLevel >= 20), pt = Z.find((t) => t.name === L), st = To(pt?.color), c = z(null), Bt = z(null), at = z(null);
-  So({
-    markdownRef: at,
-    initValue: _,
+    entities: E,
+    projectInfo: bt,
+    scope: Vo,
+    feedFilter: Lt,
+    mentionSuggestionsData: Ut,
+    categories: et,
+    isGuest: g
+  } = Eo(), { hasLicense: Rt, onPowerFeature: qt, user: Et } = Ho(), Ht = Et?.data?.isAdmin, Nt = No(), {
+    users: rt,
+    teams: it,
+    versions: nt,
+    tasks: mt
+  } = Ut || {}, [pt, Bt] = u(88), [H, I] = u(""), [w, P] = u(Pt), [N, A] = u([]), [st, b] = u(!1), [Kt, at] = u(!1), { annotations: L, removeAnnotation: Vt, goToAnnotation: $t } = Uo({
+    entityId: E[0]?.id,
+    filesUploading: N
+  }), [m, B] = u(null), [K, V] = u(0), [T, lt] = u(""), D = () => {
+    B(null), V(0), lt("");
+  }, [U, zt] = u(At), ct = et.filter((t) => t.accessLevel >= 20), dt = et.find((t) => t.name === U), ft = Ro(dt?.color), c = W(null), Gt = W(null), ut = W(null);
+  Ao({
+    markdownRef: ut,
+    initValue: J,
     setEditorValue: I,
-    setInitHeight: Ut,
-    isOpen: l,
-    filter: Ft
-  }), Do({ initHeight: rt, editorRef: c, isEditing: a }), Fo({ projectName: k }), vt(() => {
-    if (l) {
-      if (c.current?.getEditor()?.enable(), b.length > 0 && w.length === 0)
+    setInitHeight: Bt,
+    isOpen: a,
+    filter: Lt
+  }), bo({ initHeight: pt, editorRef: c, isEditing: s }), Lo({ projectName: k }), Tt(() => {
+    if (a) {
+      if (c.current?.getEditor()?.enable(), L.length > 0 && w.length === 0)
         return;
       c.current?.focus();
     }
-  }, [l, c]), R.sort((t, o) => o.length - t.length);
-  const lt = kt(
-    () => ho(
+  }, [a, c]), q.sort((t, o) => o.length - t.length);
+  const ht = T + (m?.search || ""), gt = Dt(
+    () => ko(
       m?.type,
       {
-        "@": () => go(tt),
-        "@@": () => xo(ot, Lt),
-        "@@@": () => yo(et, Dt.taskTypes)
+        "@": () => wo(rt, it),
+        "@@": () => So(nt, Nt),
+        "@@@": () => Mo(mt, bt.taskTypes)
       },
-      m?.search
+      ht || void 0
     ),
-    [et, ot, tt, m?.type, m?.search]
-  ), F = lt.slice(0, 5), [N, ct] = f();
-  vt(() => {
-    N && (ct(null), c.current.getEditor().setSelection(N));
-  }, [N]);
-  const dt = (t) => {
-    const o = c.current.getEditor(), e = m.type, r = e + (m.search || ""), i = e + t.label, d = `${Q[e]?.id}:${t.id}`, p = (o.getSelection(!0)?.index || 0) - r.length;
-    o.deleteText(p, r.length), o.insertText(p, i, "mention", d);
-    const s = p + i.length;
-    o.updateContents(new jt().retain(s).insert(" ")), o.updateContents(new jt().retain(s + 1).delete(1)), ct(s + 1), x(null), j(0);
-  }, Nt = (t) => {
-    dt(t);
-  }, Kt = (t, o, e, r) => {
-    let i = o.ops[0] && o.ops[0].insert || o.ops[1] && o.ops[1].insert;
-    const C = i === `
-` || i === "	", d = lt[B];
-    if (m && C && d && !h) {
-      o.ops[0] && o.ops[0].retain, dt(d);
+    [mt, nt, rt, it, m?.type, ht]
+  ), F = gt.slice(0, 5), [$, yt] = u();
+  Tt(() => {
+    $ && (yt(null), c.current.getEditor().setSelection($));
+  }, [$]);
+  const xt = (t) => {
+    const o = c.current.getEditor(), e = m.type, i = e + (m.search || ""), r = e + t.label, d = Y[e], x = `${t.type || d?.id}:${t.id}`, p = (o.getSelection(!0)?.index || 0) - i.length;
+    o.deleteText(p, i.length), o.insertText(p, r, "mention", x);
+    const l = p + r.length;
+    o.updateContents(new It().retain(l).insert(" ")), o.updateContents(new It().retain(l + 1).delete(1)), yt(l + 1), D();
+  }, Qt = (t) => {
+    xt(t);
+  }, Wt = (t, o, e, i) => {
+    let r = o.ops[0] && o.ops[0].insert || o.ops[1] && o.ops[1].insert;
+    const d = r === `
+` || r === "	", y = gt[K];
+    if (m && d && y && !g) {
+      o.ops[0] && o.ops[0].retain, xt(y);
       return;
     }
     I(t);
-    const M = o.ops.length === 2 && !!o.ops[1].delete;
-    if (!i && M && (i = r.getText(o.ops[0].retain - 1, 1)), R.includes(i)) {
-      const p = o.ops.findIndex((g) => "insert" in g || "delete" in g), s = i;
-      let y = p === 0 ? 0 : o.ops[p - 1].retain;
-      M && (y = y - 1);
+    const x = o.ops.length === 2 && !!o.ops[1].delete;
+    if (!r && x && (r = i.getText(o.ops[0].retain - 1, 1)), q.includes(r)) {
+      const f = o.ops.findIndex((C) => "insert" in C || "delete" in C), p = r;
+      let l = f === 0 ? 0 : o.ops[f - 1].retain;
+      x && (l = l - 1);
       let v = null;
-      for (const g of R) {
-        let S = !0;
-        if (g.endsWith(s))
-          for (let u = g.length - 1; u >= 0; u--) {
-            if (u === 0) continue;
-            const Ot = g[u - 1], Xt = y - (g.length - u);
-            if (r.getText(Xt, 1) !== Ot) {
-              S = !1;
+      for (const C of q) {
+        let M = !0;
+        if (C.endsWith(p))
+          for (let h = C.length - 1; h >= 0; h--) {
+            if (h === 0) continue;
+            const ro = C[h - 1], io = l - (C.length - h);
+            if (i.getText(io, 1) !== ro) {
+              M = !1;
               break;
             }
           }
         else
-          S = !1;
-        if (S) {
-          v = g;
+          M = !1;
+        if (M) {
+          v = C;
           break;
         }
       }
-      v ? x({
+      v ? B({
         type: v,
-        retain: y
-      }) : (x(null), j(0));
+        retain: l
+      }) : D();
     } else if (m) {
-      const p = o.ops[0].retain;
-      if (i === " " || !p) {
-        x(null), j(0);
+      const f = o.ops[0].retain;
+      if (r === " " || !f) {
+        D();
         return;
       }
-      let s = p - m.retain;
-      M || s++;
-      const y = r.getText(m.retain, s), v = y.replace(m.type.slice(-1), "");
-      y.includes(" ") ? (x(null), j(0)) : x({
+      let p = f - m.retain;
+      x || p++;
+      const l = i.getText(m.retain, p), v = l.replace(m.type.slice(-1), "");
+      l.includes(" ") ? D() : B({
         ...m,
         search: v?.toLowerCase()
       });
     } else {
-      const p = c.current.getEditor(), s = p.getSelection(!1);
-      if (p.getFormat(s?.index, s?.length).mention) {
-        const [v] = p.getLine(s.index - 1) || [], S = (v?.cache?.delta?.ops || []).reverse().find((u) => u.attributes?.mention);
-        if (S) {
-          const u = S.insert.length;
-          p.deleteText(s.index - u, u);
+      const f = c.current.getEditor(), p = f.getSelection(!1);
+      if (f.getFormat(p?.index, p?.length).mention) {
+        const [v] = f.getLine(p.index - 1) || [], M = (v?.cache?.delta?.ops || []).reverse().find((h) => h.attributes?.mention);
+        if (M) {
+          const h = M.insert.length;
+          f.deleteText(p.index - h, h);
         }
       }
     }
-  }, Vt = (t) => {
+  }, _t = (t) => {
     const o = c.current.getEditor();
     let e = o.getSelection(!0)?.index || 0;
-    const r = o.getText(e - 1, 1);
-    r !== " " && r && (o.insertText(e, " "), e++), wo(o, e, t);
-  }, K = (t) => {
+    const i = o.getText(e - 1, 1);
+    i !== " " && i && (o.insertText(e, " "), e++), Fo(o, e, t);
+  }, z = (t) => {
     if (m) {
-      const { type: o, retain: e, search: r = "" } = m, i = c.current.getEditor(), C = o.length + r.length, d = e - o.length + 1;
-      i.deleteText(d, C);
+      const { type: o, retain: e, search: i = "" } = m, r = c.current.getEditor(), d = o.length + i.length, y = e - o.length + 1;
+      r.deleteText(y, d);
     }
-    Vt(t);
-  }, $t = () => {
-    l || D || O && O();
-  }, ut = () => {
-    (c.current.getEditor().getText().length < 2 || a) && I(""), X && X();
-  }, V = ({ file: t, data: o }) => {
-    const e = {
+    _t(t);
+  }, Yt = () => {
+    a || j || tt && tt();
+  }, Ct = () => {
+    (c.current.getEditor().getText().length < 2 || s) && I(""), ot && ot();
+  }, G = ({ file: t, data: o }) => {
+    const e = S(t.name), i = {
       id: o.id,
-      name: t.name,
+      name: e,
       mime: t.type,
       size: t.size,
       order: w.length
     };
-    return T((r) => [...r, e]), A((r) => r.filter((i) => i.name !== t.name)), e;
-  }, zt = (t, o, e) => {
-    e ? qt?.(t) : (T((r) => r.filter((i) => i.id !== t)), A((r) => r.filter((i) => i.name !== o)));
-  }, ft = (t, o) => {
+    return P((r) => [...r, i]), A(
+      (r) => r.filter((d) => S(d.name) !== e)
+    ), i;
+  }, Jt = (t, o, e) => {
+    e ? Vt?.(t) : (P((i) => i.filter((r) => r.id !== t)), A((i) => i.filter((r) => S(r.name) !== S(o))));
+  }, vt = (t, o) => {
     const e = Math.round(t.loaded * 100 / t.total);
     if (e !== 100) {
-      const r = {
-        name: o.name,
+      const i = S(o.name), r = {
+        name: i,
         progress: e,
         type: o.type,
-        order: w.length + H.length
+        order: w.length + N.length
       };
-      A((i) => [...i.filter((d) => d.name !== o.name), r]);
+      A((d) => [...d.filter((x) => S(x.name) !== i), r]);
     }
-  }, Gt = (t) => {
-    P(!1), vo(t, k, ft, V);
-  }, Qt = (t) => {
-    t.preventDefault(), t.stopPropagation(), P(!0);
-  }, _t = Ao({
+  }, Xt = (t) => {
+    b(!1), To(t, k, vt, G);
+  }, Zt = (t) => {
+    t.preventDefault(), t.stopPropagation(), b(!0);
+  }, Ot = qo({
     projectName: k,
-    onSuccess: V
-  }), ht = async () => {
+    onSuccess: G
+  }), kt = async () => {
     try {
-      nt(!0);
+      at(!0);
       let t = [], o;
-      if (b.length) {
-        const { files: d, metadata: M } = await _t(b);
-        t = d;
-        const { annotations: $ = [] } = W || {};
-        o = [...$, ...M];
+      if (L.length) {
+        const { files: y, metadata: x } = await Ot(L);
+        t = y;
+        const { annotations: Q = [] } = X || {};
+        o = [...Q, ...x];
       }
-      const [e] = Co(E), r = ko(e), i = [...w, ...t], C = {
-        ...W,
+      const [e] = jo(H), i = Do(e), r = [...w, ...t], d = {
+        ...X,
         annotations: o,
         // could be undefined
-        category: h ? null : L
+        category: g ? null : U
         // guests cannot set category (it is done by default on backend)
       };
-      if ((r || i.length) && Y)
+      if ((i || r.length) && Z)
         try {
-          await Y(r, i, C), I(""), T([]);
+          await Z(i, r, d), I(""), P([]);
         } catch {
           return;
         }
     } catch (t) {
-      console.error(t), Zt.error("Something went wrong");
+      console.error(t), no.error("Something went wrong");
     } finally {
-      nt(!1);
+      at(!1);
     }
-  }, Wt = (t) => {
+  }, to = (t) => {
     if (m) {
       if (t.key === "Escape") {
-        x(null), j(0);
+        D();
         return;
       }
       m && t.key;
       const o = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
       if (o) {
         t.preventDefault();
-        let e = B + o;
-        e < 0 && (e = F.length - 1), e >= F.length && (e = 0), j(e);
+        let e = K + o;
+        e < 0 && (e = F.length - 1), e >= F.length && (e = 0), V(e);
       }
       t.key;
     }
-    t.key === "Enter" && (t.ctrlKey || t.metaKey) && ht(), t.key === "Escape" && ut();
+    t.key === "Enter" && (t.ctrlKey || t.metaKey) && kt(), t.key === "Escape" && Ct();
   };
-  let gt = l ? rt + 41 : 44;
-  a && (gt = void 0);
-  const Yt = kt(
-    () => jo({
+  let wt = a ? pt + 41 : 44;
+  s && (wt = void 0);
+  const oo = Dt(
+    () => Io({
       imageUploader: {
         projectName: k,
-        onUpload: V,
-        onUploadProgress: ft
+        onUpload: G,
+        onUploadProgress: vt
       }
     }),
-    [k, T, A]
-  ), yt = [...b, ...w || [], ...H].sort(
+    [k, P, A]
+  ), Mt = [...L, ...w || [], ...N].sort(
     (t, o) => t.order - o.order
-  ), Jt = yt.length > 3;
-  let xt = null;
-  q.length && q[0].entityType === "folder" && m?.type === "@@" && (xt = "Version mentions are disabled for folders");
-  const Ct = (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...";
+  ), eo = Mt.length > 3;
+  let St = null;
+  E.length && E[0].entityType === "folder" && m?.type === "@@" && (St = "Version mentions are disabled for folders");
+  const jt = (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...";
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
-    po,
+    uo,
     {
-      className: G("comment-container", { isOpen: l, isEditing: a }),
-      onDragOver: Qt,
-      onDragLeave: () => P(!1),
-      onDrop: Gt,
-      onClick: () => P(!1),
+      className: _("comment-container", { isOpen: a, isEditing: s }),
+      onDragOver: Zt,
+      onDragLeave: () => b(!1),
+      onDrop: Xt,
+      onClick: () => b(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
         /* @__PURE__ */ n.jsxs(
-          so,
+          ho,
           {
-            className: G("block-shortcuts", {
-              isOpen: l,
-              isClosed: !l || D,
-              isEditing: a,
-              isDropping: it,
-              disabled: D,
-              isLoading: J,
-              isSubmitting: Rt,
-              category: !!L && !h
+            className: _("block-shortcuts", {
+              isOpen: a,
+              isClosed: !a || j,
+              isEditing: s,
+              isDropping: st,
+              disabled: j,
+              isLoading: O,
+              isSubmitting: Kt,
+              category: !!U && !g
             }),
-            onKeyDown: Wt,
-            onClick: $t,
-            $categoryPrimary: pt?.color,
-            $categoryTertiary: st.primary,
-            $categorySecondary: st.secondary,
+            onKeyDown: to,
+            onClick: Yt,
+            $categoryPrimary: dt?.color,
+            $categoryTertiary: ft.primary,
+            $categorySecondary: ft.secondary,
             children: [
-              /* @__PURE__ */ n.jsx(ao, { ref: at, children: /* @__PURE__ */ n.jsx(no, { typeOptions: Q, initValue: _ }) }),
-              l && /* @__PURE__ */ n.jsx(
-                mo,
+              /* @__PURE__ */ n.jsx(go, { ref: ut, children: /* @__PURE__ */ n.jsx(co, { typeOptions: Y, initValue: J }) }),
+              a && /* @__PURE__ */ n.jsx(
+                fo,
                 {
-                  files: yt,
-                  isCompact: Jt || a,
-                  onRemove: zt,
+                  files: Mt,
+                  isCompact: eo || s,
+                  onRemove: Jt,
                   projectName: k,
-                  onAnnotationClick: Et,
+                  onAnnotationClick: $t,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
                     height: "100%"
@@ -567,109 +576,113 @@ const R = ["@", "@@", "@@@"], Q = {
                   pt: {
                     file: {
                       style: {
-                        height: a ? 70 : void 0
+                        height: s ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
-              l && !D ? /* @__PURE__ */ n.jsxs(fo, { ref: Bt, children: [
-                !h && /* @__PURE__ */ n.jsx(
-                  Uo,
+              a && !j ? /* @__PURE__ */ n.jsxs(vo, { ref: Gt, children: [
+                !g && /* @__PURE__ */ n.jsx(
+                  Bo,
                   {
-                    value: L,
-                    categories: mt,
-                    onChange: (t) => Ht(t),
-                    isCompact: a,
-                    hasPowerpack: Tt,
-                    onPowerFeature: At,
-                    isHidden: Ro(mt, { isGuest: h, isAdmin: bt }),
+                    value: U,
+                    categories: ct,
+                    onChange: (t) => zt(t),
+                    isCompact: s,
+                    hasPowerpack: Rt,
+                    onPowerFeature: qt,
+                    isHidden: Ko(ct, { isGuest: g, isAdmin: Ht }),
                     style: {
-                      position: a ? "relative" : "absolute",
+                      position: s ? "relative" : "absolute",
                       left: 4,
-                      top: a ? 0 : 4
+                      top: s ? 0 : 4
                     }
                   }
                 ),
                 /* @__PURE__ */ n.jsx(
-                  to,
+                  mo,
                   {
                     theme: "snow",
-                    style: { minHeight: gt, maxHeight: 300 },
+                    style: { minHeight: wt, maxHeight: 300 },
                     ref: c,
-                    value: E,
-                    onChange: Kt,
-                    readOnly: !l,
-                    placeholder: Ct(!0),
-                    modules: Yt,
-                    formats: Mo
+                    value: H,
+                    onChange: Wt,
+                    readOnly: !a,
+                    placeholder: jt(!0),
+                    modules: oo,
+                    formats: Po
                   }
                 )
-              ] }) : /* @__PURE__ */ n.jsx(lo, { children: Ct() }),
-              /* @__PURE__ */ n.jsxs(co, { children: [
-                !h && /* @__PURE__ */ n.jsxs(wt, { children: [
+              ] }) : /* @__PURE__ */ n.jsx(yo, { children: jt() }),
+              /* @__PURE__ */ n.jsxs(xo, { children: [
+                !g && /* @__PURE__ */ n.jsxs(Ft, { children: [
                   /* @__PURE__ */ n.jsx(
-                    U,
+                    R,
                     {
                       icon: "person",
                       variant: "text",
-                      onClick: () => K("@"),
+                      onClick: () => z("@"),
                       "data-tooltip": "Mention user",
                       "data-shortcut": "@"
                     }
                   ),
                   /* @__PURE__ */ n.jsx(
-                    U,
+                    R,
                     {
                       icon: "layers",
                       variant: "text",
-                      onClick: () => K("@@"),
+                      onClick: () => z("@@"),
                       "data-tooltip": "Mention version",
                       "data-shortcut": "@@"
                     }
                   ),
                   /* @__PURE__ */ n.jsx(
-                    U,
+                    R,
                     {
                       icon: "check_circle",
                       variant: "text",
-                      onClick: () => K("@@@"),
+                      onClick: () => z("@@@"),
                       "data-tooltip": "Mention task",
                       "data-shortcut": "@@@"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n.jsxs(wt, { style: { marginLeft: "auto" }, children: [
-                  a && /* @__PURE__ */ n.jsx(U, { variant: "text", onClick: ut, children: "Cancel" }),
+                /* @__PURE__ */ n.jsxs(Ft, { style: { marginLeft: "auto" }, children: [
+                  s && /* @__PURE__ */ n.jsx(R, { variant: "text", onClick: Ct, children: "Cancel" }),
                   /* @__PURE__ */ n.jsx(
-                    eo,
+                    so,
                     {
-                      label: a ? "Save" : "Comment",
+                      label: s ? "Save" : "Comment",
                       className: "comment",
-                      active: !!E || !!w.length,
-                      onClick: ht,
-                      disabled: J
+                      active: !!H || !!w.length,
+                      onClick: kt,
+                      disabled: O
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ n.jsx(uo, { className: G({ show: it && l }), children: /* @__PURE__ */ n.jsx(ro, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ n.jsx(Co, { className: _({ show: st && a }), children: /* @__PURE__ */ n.jsx(ao, { icon: "cloud_upload" }) })
             ]
           }
         ),
         /* @__PURE__ */ n.jsx(
-          io,
+          lo,
           {
             mention: m,
             options: F,
-            onChange: Nt,
-            types: R,
-            config: Q[m?.type],
-            noneFound: !F.length && m?.search,
-            noneFoundAtAll: !F.length && !m?.search,
-            selectedIndex: B,
-            error: xt,
-            isGuest: h
+            onChange: Qt,
+            onPrefixFilter: (t) => {
+              lt(t), V(0);
+            },
+            activePrefix: T ? T.replace(":", "") : void 0,
+            types: q,
+            config: Y[m?.type],
+            noneFound: !F.length && (m?.search || T),
+            noneFoundAtAll: !F.length && !m?.search && !T,
+            selectedIndex: K,
+            error: St,
+            isGuest: g
           }
         )
       ]
@@ -677,7 +690,7 @@ const R = ["@", "@@", "@@@"], Q = {
   ) });
 };
 export {
-  Wm as default,
-  Q as mentionTypeOptions
+  ip as default,
+  Y as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map