@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

@@ -1,28 +1,28 @@
-import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as f, useRef as O, useEffect as It, useMemo as bt } from "react";
+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 uo, { Quill as fo } from "react-quill-ayon";
-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 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 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 { 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";
-import Qo from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as zo } from "../../context/FeedContext.es.js";
+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 "react-dom";
 import "../Tooltips/UserTooltipItem.es.js";
 import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
@@ -125,171 +125,12 @@ 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 Wo } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
+import { useProjectContext as Qe } from "../../../../context/ProjectContext.es.js";
 import "lodash";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "uuid";
+import { parseFilename as M } from "../../../../util/parseFilename.es.js";
+import { mentionTypeOptions as V } from "../../../../util/mentionTypeOptions.es.js";
 import "../../../../util/pubsub.es.js";
-import "../../../../context/PowerpackContextInstance.es.js";
-import "../../../../context/SubtasksModulesContextInstance.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/MenuContext.es.js";
-import "../../../../context/WebsocketContext.es.js";
-import "../../../../context/GlobalContext.es.js";
-import { useProjectContext as Yo } from "../../../../context/ProjectContext.es.js";
-import "../../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                       */
-import "@tanstack/react-virtual";
-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/MarkdownWidget.es.js";
-import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../ProjectTreeTable/widgets/LinksWidget.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/AttributeEditor.es.js";
-import "../../../../components/AttributeEditor/attributeTypeMap.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 "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../../_virtual/index.es.js";
-import "../../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                    */
-import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import { parseFilename as M } 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";
-import "../../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../../components/Powerpack/CTAButton.es.js";
-import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../NewEntity/components/NewEntity.es.js";
-import "../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../NewEntity/components/NewEntityForm.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../components/SearchFilter/filterDates.es.js";
-import "../../../../components/SearchFilter/CustomDateRangeDialog.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/StyledLink/StyledLink.es.js";
-import "../../../../components/SyncButton/SyncButton.es.js";
-import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../../../components/Watchers/Watchers.es.js";
-import "../../../../components/Menu/Menu.styled.es.js";
-import "../../../../components/Menu/MenuItem.es.js";
-import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../components/ColumnHeaderMenuUI.es.js";
-import "short-uuid";
-import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../ActivityReference/ActivityReference.styled.es.js";
-import "../ActivityComment/ActivityComment.styled.es.js";
-import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../../Actions/Actions.styled.es.js";
-import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../../Actions/ActionIcon.es.js";
-import "../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../Views/context/ViewsContextInstance.es.js";
-import "../../../Views/Views.styled.es.js";
-import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../ListTable/ListTableRow.es.js";
-import "../../../ListTable/ListTable.styled.es.js";
-import "../../../../context/UriContext.es.js";
-import "../../../../context/DeleteEntitiesContext.es.js";
 import "../FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -298,125 +139,142 @@ import "remark-gfm";
 import "remark-directive";
 import "remark-directive-rehype";
 import "../ReactionContainer/Reactions.styled.es.js";
+import "../ActivityComment/ActivityComment.styled.es.js";
+import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import "../ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
 import "../ActivityStatus/ActivityStatus.es.js";
 import "../ActivityHeader/ActivityHeader.styled.es.js";
 import "../ActivityDate.es.js";
 import "../ActivityVersionReview/ActivityVersionReview.styled.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 { VersionReviewFeedback as Et } from "./types.es.js";
+import { ActivityCategorySelect as ze, isCategoryHidden as We } 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 "../../../../components/Menu/MenuItem.es.js";
+import "../../../../context/RemoteModulesContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import "../../../../context/PowerpackContextInstance.es.js";
 import "../ActivityFieldChange/ActivityFieldChange.styled.es.js";
 import "../ActivityFieldChange/FieldValue.es.js";
+import "date-fns";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
 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 Xo } from "./VersionReviewPill.es.js";
-var Bt = fo.import("delta");
-const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
+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: ot,
-  onSubmit: et,
+  lastOwnVersionReview: et,
+  onSubmit: ot,
   onReview: L,
-  isEditing: s,
+  isEditing: a,
   disabled: k,
   isLoading: rt,
-  isOpen: a,
-  onOpen: it,
-  onClose: nt
+  isOpen: l,
+  onOpen: nt,
+  onClose: it
 }) => {
   const {
     projectName: j,
     entities: H,
     projectInfo: Vt,
-    scope: te,
+    scope: Ze,
     feedFilter: qt,
     mentionSuggestionsData: Lt,
-    categories: mt,
+    categories: st,
     isGuest: h
-  } = zo(), { hasLicense: Ht, onPowerFeature: _t, user: Kt } = Wo(), $t = Kt?.data?.isAdmin, Gt = Yo(), {
-    users: pt,
-    teams: st,
-    versions: at,
-    tasks: lt
-  } = 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({
+  } = 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: _
-  }), [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({
+  }), [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: a,
+    isOpen: l,
     // @ts-expect-error - QueryFilter type is the same
     filter: qt
-  }), _o({ initHeight: ct, editorRef: c, isEditing: s }), Ko({ projectName: j }), It(() => {
-    if (a) {
-      if (c.current?.getEditor()?.enable(), D.length > 0 && v.length === 0)
+  }), Le({ initHeight: pt, editorRef: p, isEditing: a }), He({ projectName: j }), It(() => {
+    if (l) {
+      if (p.current?.getEditor()?.enable(), D.length > 0 && v.length === 0)
         return;
-      c.current?.focus();
+      p.current?.focus();
     }
-  }, [a, c]), q.sort((t, o) => o.length - t.length);
-  const Ct = F + (m?.search || ""), vt = bt(
-    () => bo(
-      m?.type,
+  }, [l, p]), q.sort((t, e) => e.length - t.length);
+  const Ct = F + (s?.search || ""), vt = bt(
+    () => Ie(
+      s?.type,
       {
-        "@": () => Ao(pt, st),
-        "@@": () => Eo(at, Gt),
-        "@@@": () => Ro(lt, Vt.taskTypes)
+        "@": () => be(mt, at),
+        "@@": () => Re(lt, Gt),
+        "@@@": () => Ae(ct, Vt.taskTypes)
       },
       Ct || void 0
     ),
     [
+      ct,
       lt,
+      mt,
       at,
-      pt,
-      st,
-      m?.type,
+      s?.type,
       Ct
     ]
-  ), I = vt.slice(0, 5), [Q, wt] = f();
+  ), I = vt.slice(0, 5), [Q, wt] = u();
   It(() => {
-    Q && (wt(null), c.current.getEditor().setSelection(Q));
+    Q && (wt(null), p.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();
+    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, 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[$];
-    if (m && d && y && !h) {
-      o.ops[0] && o.ops[0].retain, kt(y);
+  }, 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);
       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)), 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);
+    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(p))
+        if (C.endsWith(m))
           for (let x = C.length - 1; x >= 0; x--) {
             if (x === 0) continue;
-            const lo = C[x - 1], co = l - (C.length - x);
-            if (n.getText(co, 1) !== lo) {
+            const ce = C[x - 1], pe = c - (C.length - x);
+            if (i.getText(pe, 1) !== ce) {
               S = !1;
               break;
             }
@@ -430,126 +288,126 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
       }
       w ? K({
         type: w,
-        retain: l
+        retain: c
       }) : P();
-    } else if (m) {
-      const u = o.ops[0].retain;
-      if (i === " " || !u) {
+    } else if (s) {
+      const f = e.ops[0].retain;
+      if (n === " " || !f) {
         P();
         return;
       }
-      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,
+      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({
+        ...s,
         search: w?.toLowerCase()
       });
     } else if (g) {
-      const u = c.current.getEditor(), p = u.getSelection(!1);
-      if (u.getFormat(p?.index, p?.length).mention) {
-        const [w] = u.getLine(p.index - 1) || [], S = (w?.cache?.delta?.ops || []).reverse().find((x) => x.attributes?.mention);
+      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;
-          u.deleteText(p.index - x, x);
+          f.deleteText(m.index - x, x);
         }
       }
     }
-  }, to = (t) => {
-    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++), Vo(o, r, t);
+  }, 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) => {
-    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);
+    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);
     }
-    to(t);
-  }, oo = () => {
-    a || k || it && it();
+    te(t);
+  }, ee = () => {
+    l || k || nt && nt();
   }, jt = () => {
-    (c.current.getEditor().getText().length < 2 || s) && b(""), nt && nt();
-  }, W = ({ file: t, data: o }) => {
-    const r = M(t.name), n = {
-      id: o.id,
+    (p.current.getEditor().getText().length < 2 || a) && b(""), it && it();
+  }, W = ({ file: t, data: e }) => {
+    const r = M(t.name), i = {
+      id: e.id,
       name: r,
       mime: t.type,
       size: t.size,
       order: v.length
     };
-    return A((i) => [...i, n]), R(
-      (i) => i.filter((d) => M(d.name) !== r)
-    ), n;
-  }, eo = (t, o, r) => {
-    r ? Wt?.(t) : (A((n) => n.filter((i) => i.id !== t)), R((n) => n.filter((i) => M(i.name) !== M(o))));
-  }, St = (t, o) => {
+    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 n = M(o.name), i = {
-        name: n,
+      const i = M(e.name), n = {
+        name: i,
         progress: r,
-        type: o.type,
+        type: e.type,
         order: v.length + _.length
       };
-      R((d) => [...d.filter((g) => M(g.name) !== n), i]);
+      R((d) => [...d.filter((g) => M(g.name) !== i), n]);
     }
-  }, ro = (t) => {
-    E(!1), No(t, j, St, W);
-  }, io = (t) => {
+  }, re = (t) => {
+    E(!1), Be(t, j, St, W);
+  }, ne = (t) => {
     t.preventDefault(), t.stopPropagation(), E(!0);
-  }, no = Qo({
+  }, ie = $e({
     projectName: j,
     onSuccess: W
   }), Y = async () => {
     try {
-      ut(!0);
-      let t = [], o;
+      ft(!0);
+      let t = [], e;
       if (D.length) {
-        const { files: y, metadata: g } = await no(D);
+        const { files: y, metadata: g } = await ie(D);
         t = y;
         const { annotations: J = [] } = Z || {};
-        o = [...J, ...g];
+        e = [...J, ...g];
       }
-      const [r] = Bo(T), n = Uo(r), i = [...v, ...t], d = {
+      const [r] = Ee(T), i = Ne(r), n = [...v, ...t], d = {
         ...Z,
-        annotations: o,
+        annotations: e,
         // could be undefined
         category: h ? null : B
         // guests cannot set category (it is done by default on backend)
       };
-      if ((n || i.length) && et)
+      if ((i || n.length) && ot)
         try {
-          await et(n, i, d), b(""), A([]);
+          await ot(i, n, d), b(""), A([]);
         } catch {
           return;
         }
     } catch (t) {
       console.error(t), At.error("Something went wrong");
     } finally {
-      ut(!1);
+      ft(!1);
     }
-  }, mo = (t) => {
-    if (m) {
+  }, se = (t) => {
+    if (s) {
       if (t.key === "Escape") {
         P();
         return;
       }
-      m && t.key;
-      const o = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
-      if (o) {
+      s && t.key;
+      const e = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
+      if (e) {
         t.preventDefault();
-        let r = $ + o;
+        let r = $ + e;
         r < 0 && (r = I.length - 1), r >= I.length && (r = 0), G(r);
       }
       t.key;
     }
     t.key === "Enter" && (t.ctrlKey || t.metaKey) && Y(), t.key === "Escape" && jt();
   };
-  let Mt = a ? ct + 41 : 44;
-  s && (Mt = void 0);
-  const po = bt(
-    () => qo({
+  let Mt = l ? pt + 41 : 44;
+  a && (Mt = void 0);
+  const me = bt(
+    () => Ve({
       imageUploader: {
         projectName: j,
         onUpload: W,
@@ -559,76 +417,76 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
     }),
     [j, A, R]
   ), Tt = [...D, ...v || [], ..._].sort(
-    (t, o) => t.order - o.order
-  ), so = Tt.length > 3;
+    (t, e) => t.order - e.order
+  ), ae = Tt.length > 3;
   let Dt = null;
-  H.length && H[0].entityType === "folder" && m?.type === "@@" && (Dt = "Version mentions are disabled for folders");
+  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)
       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");
+        (T && T !== Xe || v.length > 0 || D.length > 0) && await Y(), L(t);
+      } catch (e) {
+        console.error(e), At.error("Something went wrong while submitting the review");
       }
-  }, ao = tt && L && !k && /* @__PURE__ */ e.jsxs(vo, { className: N("version-review-buttons", { guest: h }), children: [
-    /* @__PURE__ */ e.jsx(
+  }, le = tt && L && !k && /* @__PURE__ */ o.jsxs(Ce, { className: N("version-review-buttons", { guest: h }), children: [
+    /* @__PURE__ */ o.jsx(
       Rt,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
         onClick: () => Pt(Et.APPROVE),
-        children: /* @__PURE__ */ e.jsx("span", { className: "label", children: "Approve" })
+        children: /* @__PURE__ */ o.jsx("span", { className: "label", children: "Approve" })
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o.jsx(
       Rt,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
         onClick: () => Pt(Et.REQUEST_CHANGES),
-        children: /* @__PURE__ */ e.jsx("span", { className: "label", children: "Request changes" })
+        children: /* @__PURE__ */ o.jsx("span", { className: "label", children: "Request changes" })
       }
     )
   ] });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
-    wo,
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs(
+    ve,
     {
-      className: N("comment-container", { isOpen: a, isEditing: s }),
-      onDragOver: io,
+      className: N("comment-container", { isOpen: l, isEditing: a }),
+      onDragOver: ne,
       onDragLeave: () => E(!1),
-      onDrop: ro,
+      onDrop: re,
       onClick: () => E(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
-        tt && ot && /* @__PURE__ */ e.jsx(Xo, { lastOwnVersionReview: ot }),
-        /* @__PURE__ */ e.jsxs(
-          ko,
+        tt && et && /* @__PURE__ */ o.jsx(Je, { lastOwnVersionReview: et }),
+        /* @__PURE__ */ o.jsxs(
+          we,
           {
             className: N("block-shortcuts", {
-              isOpen: a,
-              isClosed: !a || k,
-              isEditing: s,
+              isOpen: l,
+              isClosed: !l || k,
+              isEditing: a,
               isDropping: dt,
               disabled: k,
               isLoading: rt,
               isSubmitting: zt,
               category: !!B && !h
             }),
-            onKeyDown: mo,
-            onClick: oo,
+            onKeyDown: se,
+            onClick: ee,
             $categoryPrimary: gt?.color,
             $categoryTertiary: xt.primary,
             $categorySecondary: xt.secondary,
             children: [
-              /* @__PURE__ */ e.jsx(jo, { ref: yt, children: /* @__PURE__ */ e.jsx(yo, { typeOptions: V, initValue: X }) }),
-              a && /* @__PURE__ */ e.jsx(
-                Co,
+              /* @__PURE__ */ o.jsx(ke, { ref: yt, children: /* @__PURE__ */ o.jsx(xe, { typeOptions: V, initValue: X }) }),
+              l && /* @__PURE__ */ o.jsx(
+                ye,
                 {
                   files: Tt,
-                  isCompact: so || s,
-                  onRemove: eo,
+                  isCompact: ae || a,
+                  onRemove: oe,
                   projectName: j,
                   onAnnotationClick: Yt,
                   style: {
@@ -639,48 +497,48 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
                   pt: {
                     file: {
                       style: {
-                        height: s ? 70 : void 0
+                        height: a ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
-              a && !k ? /* @__PURE__ */ e.jsxs(Io, { ref: Ot, children: [
-                !h && /* @__PURE__ */ e.jsx(
-                  Jo,
+              l && !k ? /* @__PURE__ */ o.jsxs(Pe, { ref: Ot, children: [
+                !h && /* @__PURE__ */ o.jsx(
+                  ze,
                   {
                     value: B,
                     categories: ht,
                     onChange: (t) => Jt(t),
-                    isCompact: s,
+                    isCompact: a,
                     hasPowerpack: Ht,
                     onPowerFeature: _t,
-                    isHidden: Oo(ht, { isGuest: h, isAdmin: $t }),
+                    isHidden: We(ht, { isGuest: h, isAdmin: $t }),
                     style: {
-                      position: s ? "relative" : "absolute",
+                      position: a ? "relative" : "absolute",
                       left: 4,
-                      top: s ? 0 : 4
+                      top: a ? 0 : 4
                     }
                   }
                 ),
-                /* @__PURE__ */ e.jsx(
-                  uo,
+                /* @__PURE__ */ o.jsx(
+                  de,
                   {
                     theme: "snow",
                     style: { minHeight: Mt, maxHeight: 300 },
-                    ref: c,
+                    ref: p,
                     value: T,
                     onChange: Zt,
-                    readOnly: !a,
+                    readOnly: !l,
                     placeholder: Ft(!0),
-                    modules: po,
-                    formats: Lo
+                    modules: me,
+                    formats: Oe
                   }
                 )
-              ] }) : /* @__PURE__ */ e.jsx(So, { children: Ft() }),
-              /* @__PURE__ */ e.jsxs(Mo, { children: [
-                !h && /* @__PURE__ */ e.jsxs(To, { children: [
-                  /* @__PURE__ */ e.jsx(
+              ] }) : /* @__PURE__ */ o.jsx(je, { children: Ft() }),
+              /* @__PURE__ */ o.jsxs(Se, { children: [
+                !h && /* @__PURE__ */ o.jsxs(Me, { children: [
+                  /* @__PURE__ */ o.jsx(
                     U,
                     {
                       icon: "person",
@@ -690,7 +548,7 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
                       "data-shortcut": "@"
                     }
                   ),
-                  /* @__PURE__ */ e.jsx(
+                  /* @__PURE__ */ o.jsx(
                     U,
                     {
                       icon: "layers",
@@ -700,7 +558,7 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
                       "data-shortcut": "@@"
                     }
                   ),
-                  /* @__PURE__ */ e.jsx(
+                  /* @__PURE__ */ o.jsx(
                     U,
                     {
                       icon: "check_circle",
@@ -711,12 +569,12 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e.jsxs(Do, { children: [
-                  s && /* @__PURE__ */ e.jsx(U, { variant: "text", onClick: jt, children: "Cancel" }),
-                  /* @__PURE__ */ e.jsx(
-                    ho,
+                /* @__PURE__ */ o.jsxs(Te, { children: [
+                  a && /* @__PURE__ */ o.jsx(U, { variant: "text", onClick: jt, children: "Cancel" }),
+                  /* @__PURE__ */ o.jsx(
+                    ue,
                     {
-                      label: s ? "Save" : "Comment",
+                      label: a ? "Save" : "Comment",
                       className: "comment",
                       active: !!T || !!v.length,
                       onClick: Y,
@@ -725,36 +583,36 @@ const Zo = "<p><br></p>", q = ["@", "@@", "@@@"], Yp = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx(Fo, { className: N({ show: dt && a }), children: /* @__PURE__ */ e.jsx(go, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ o.jsx(De, { className: N({ show: dt && l }), children: /* @__PURE__ */ o.jsx(he, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          xo,
+        /* @__PURE__ */ o.jsx(
+          ge,
           {
-            mention: m,
+            mention: s,
             options: I,
             onChange: Xt,
             onPrefixFilter: (t) => {
-              ft(t), G(0);
+              ut(t), G(0);
             },
             activePrefix: F ? F.replace(":", "") : void 0,
             types: q,
-            config: V[m?.type],
-            noneFound: !I.length && (m?.search || F),
-            noneFoundAtAll: !I.length && !m?.search && !F,
+            config: V[s?.type],
+            noneFound: !I.length && (s?.search || F),
+            noneFoundAtAll: !I.length && !s?.search && !F,
             selectedIndex: $,
             error: Dt,
             isGuest: h
           }
         ),
-        /* @__PURE__ */ e.jsx(Po, {}),
-        ao
+        /* @__PURE__ */ o.jsx(Fe, {}),
+        le
       ]
     }
   ) });
 };
 export {
-  Yp as default
+  hi as default
 };
 //# sourceMappingURL=CommentInput.es.js.map