@ynput/ayon-frontend-shared 0.2.37 → 0.2.39

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

@@ -1,34 +1,47 @@
-import { j as i } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as m } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useState as g, useRef as Y, useEffect as It, useMemo as Ft } from "react";
 import J from "clsx";
-import { toast as oe } from "react-toastify";
-import ne, { Quill as re } from "react-quill-ayon";
-import { Button as N, SaveButton as se, Icon as ie } from "@ynput/ayon-react-components";
-import le from "../CommentMentionSelect/CommentMentionSelect.es.js";
-import ae from "./InputMarkdownConvert.es.js";
-import ce from "../FilesGrid/FilesGrid.es.js";
-import { AutoHeight as me, Comment as pe, Markdown as de, Placeholder as ue, Footer as fe, Buttons as St, Dropzone as he } from "./CommentInput.styled.es.js";
-import { QuillListStyles as ge } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import xe from "../../mentionHelpers/getMentionOptions.es.js";
-import ye from "../../mentionHelpers/getMentionUsers.es.js";
-import Ce from "../../mentionHelpers/getMentionTasks.es.js";
-import ke from "../../mentionHelpers/getMentionVersions.es.js";
-import { convertToMarkdown as ve } from "./quillToMarkdown.es.js";
-import { handleFileDrop as we, parseImages as Me, typeWithDelay as je } from "./helpers.es.js";
-import { getModules as Te, quillFormats as Ie } from "./modules/index.es.js";
-import Fe from "./hooks/useInitialValue.es.js";
-import Se from "./hooks/useSetCursorEnd.es.js";
-import De from "./hooks/useMentionLink.es.js";
-import be from "./hooks/useAnnotationsSync.es.js";
-import { useBlendedCategoryColor as Pe } from "./hooks/useBlendedCategoryColor.es.js";
-import Ae from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as Ue } from "../../context/FeedContext.es.js";
+import { toast as eo } from "react-toastify";
+import io, { Quill as no } from "react-quill-ayon";
+import { Button as N, SaveButton as mo, Icon as po } from "@ynput/ayon-react-components";
+import so from "../CommentMentionSelect/CommentMentionSelect.es.js";
+import lo from "./InputMarkdownConvert.es.js";
+import ao from "../FilesGrid/FilesGrid.es.js";
+import { AutoHeight as co, Comment as uo, Markdown as fo, Placeholder as ho, Footer as go, Buttons as St, Dropzone as xo } from "./CommentInput.styled.es.js";
+import { QuillListStyles as yo } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import Co from "../../mentionHelpers/getMentionOptions.es.js";
+import ko from "../../mentionHelpers/getMentionUsers.es.js";
+import vo from "../../mentionHelpers/getMentionTasks.es.js";
+import wo from "../../mentionHelpers/getMentionVersions.es.js";
+import { convertToMarkdown as Mo } from "./quillToMarkdown.es.js";
+import { handleFileDrop as jo, parseImages as To, typeWithDelay as Io } from "./helpers.es.js";
+import { getModules as Fo, quillFormats as So } from "./modules/index.es.js";
+import Do from "./hooks/useInitialValue.es.js";
+import Po from "./hooks/useSetCursorEnd.es.js";
+import bo from "./hooks/useMentionLink.es.js";
+import Ao from "./hooks/useAnnotationsSync.es.js";
+import { useBlendedCategoryColor as Uo } from "./hooks/useBlendedCategoryColor.es.js";
+import Lo from "./hooks/useAnnotationsUpload.es.js";
+import { useFeedContext as Ro } from "../../context/FeedContext.es.js";
 import "react-dom";
 import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "lodash";
-import "uuid";
-import "../../../../util/pubsub.es.js";
+import "../../../../context/RemoteModulesContext.es.js";
+import { useDetailsPanelContext as qo } from "../../../../context/DetailsPanelContext.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 Eo } 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";
@@ -38,37 +51,214 @@ 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 "../ActivityReference/ActivityReference.styled.es.js";
+import "uuid";
+import "../../../../util/pubsub.es.js";
 import "react-router-dom";
 import "../ActivityStatus/ActivityStatus.es.js";
 import "../ActivityHeader/ActivityHeader.styled.es.js";
 import "../ActivityDate.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Le } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../context/SettingsPanelContext.es.js";
-import "../../../../context/pip/PiPProvider.es.js";
-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 "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../../api/base/client.es.js";
+import "../../../../api/generated/graphql.es.js";
+import "../../../../api/generated/graphqlLinks.es.js";
+import "../../../../api/generated/access.es.js";
+import "../../../../api/generated/actions.es.js";
+import "../../../../api/generated/activityFeed.es.js";
+import "../../../../api/generated/addons.es.js";
+import "../../../../api/generated/anatomy.es.js";
+import "../../../../api/generated/attributes.es.js";
+import "../../../../api/generated/authentication.es.js";
+import "../../../../api/generated/bundles.es.js";
+import "../../../../api/generated/configuration.es.js";
+import "../../../../api/generated/desktop.es.js";
+import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/events.es.js";
+import "../../../../api/generated/files.es.js";
+import "../../../../api/generated/folders.es.js";
+import "../../../../api/generated/inbox.es.js";
+import "../../../../api/generated/links.es.js";
+import "../../../../api/generated/market.es.js";
+import "../../../../api/generated/onboarding.es.js";
+import "../../../../api/generated/operations.es.js";
+import "../../../../api/generated/products.es.js";
+import "../../../../api/generated/projectDashboard.es.js";
+import "../../../../api/generated/projects.es.js";
+import "../../../../api/generated/reviewables.es.js";
+import "../../../../api/generated/services.es.js";
+import "../../../../api/generated/system.es.js";
+import "../../../../api/generated/tasks.es.js";
+import "../../../../api/generated/teams.es.js";
+import "../../../../api/generated/thumbnails.es.js";
+import "../../../../api/generated/uRIs.es.js";
+import "../../../../api/generated/users.es.js";
+import "../../../../api/generated/versions.es.js";
+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/actions/getActions.es.js";
+import "../../../../api/queries/activities/getActivities.es.js";
+import "../../../../api/queries/activities/updateActivities.es.js";
+import "../../../../api/queries/activities/updateReaction.es.js";
+import "../../../../api/queries/activities/getMentions.es.js";
+import "../../../../api/queries/activities/getCategories.es.js";
+import "../../../../api/queries/addons/getAddons.es.js";
+import "../../../../api/queries/addons/updateAddons.es.js";
+import "../../../../api/queries/attributes/getAttributes.es.js";
+import "../../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../../api/queries/cloud/cloud.es.js";
+import "../../../../api/queries/entities/getEntity.es.js";
+import "../../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../../api/queries/entities/updateEntity.es.js";
+import "../../../../api/queries/entityLists/getLists.es.js";
+import "../../../../api/queries/entityLists/updateLists.es.js";
+import "../../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/folders/getFolders.es.js";
+import "../../../../api/queries/grouping/getGrouping.es.js";
+import "../../../../api/queries/links/updateLinks.es.js";
+import "../../../../api/queries/links/getLinks.es.js";
+import "../../../../api/queries/links/getEntityLinks.es.js";
+import "../../../../api/queries/overview/getOverview.es.js";
+import "../../../../api/queries/overview/updateOverview.es.js";
+import "../../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../../api/queries/permissions/getPermissions.es.js";
+import "../../../../api/queries/products/createProduct.es.js";
+import "../../../../api/queries/project/getProject.es.js";
+import "../../../../api/queries/project/updateProject.es.js";
+import "../../../../api/queries/review/getReview.es.js";
+import "../../../../api/queries/review/updateReview.es.js";
+import "../../../../api/queries/share/share.es.js";
+import "../../../../api/queries/system/getSystem.es.js";
+import "../../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../../api/queries/users/getUsers.es.js";
+import "../../../../api/queries/users/updateUsers.es.js";
+import "../../../../api/queries/users/guests.es.js";
+import "../../../../api/queries/versions/updateVersions.es.js";
+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 "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                       */
+import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
+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/TextWidget.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 "../../../../components/LinksManager/CellEditingDialog.es.js";
+import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../../../components/LinksManager/LinksManager.styled.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/context/SelectionCellsContext.es.js";
+import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../../ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
+import "../../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../../Actions/Actions.styled.es.js";
+import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../../Actions/ActionIcon.es.js";
+import "../../../Views/context/ViewsContext.es.js";
+import "../../../Views/Views.styled.es.js";
+import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../../components/Watchers/Watchers.es.js";
+import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../../components/Powerpack/PricingLink.es.js";
+import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../../components/Powerpack/CTAButton.es.js";
+import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../../components/SizeSlider/SizeSlider.es.js";
+import "../../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../../components/SearchFilter/filterDates.es.js";
+import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../../components/Badge/Badge.es.js";
+import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../../components/Feedback/FeedbackContext.es.js";
+import "../../../../components/Feedback/SupportBubble.es.js";
+import "../../../../components/Chips/Chips.es.js";
+import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../../components/StyledLink/StyledLink.es.js";
+import "date-fns";
+import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../../../components/AccessUser/AccessUser.es.js";
+import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../../components/Menu/Menu.styled.es.js";
+import "../../../../components/Menu/MenuItem.es.js";
 import "../ActivityCategorySelect/CategoryTag.es.js";
 import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed.styled.es.js";
-import "date-fns";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { ActivityCategorySelect as Re, isCategoryHidden as qe } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import { ActivityCategorySelect as Ho, isCategoryHidden as No } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
-var Dt = re.import("delta");
+var Dt = no.import("delta");
 const B = ["@", "@@", "@@@"], O = {
   "@@@": {
     id: "task"
@@ -80,96 +270,96 @@ const B = ["@", "@@", "@@@"], O = {
     id: "user",
     isCircle: !0
   }
-}, on = ({
+}, Um = ({
   initValue: X,
-  initFiles: bt = [],
-  initCategory: Pt = null,
+  initFiles: Pt = [],
+  initCategory: bt = null,
   onSubmit: Z,
-  isEditing: c,
-  disabled: b,
+  isEditing: l,
+  disabled: P,
   isLoading: tt,
-  isOpen: m,
-  onOpen: et,
-  onClose: ot
+  isOpen: a,
+  onOpen: ot,
+  onClose: rt
 }) => {
   var Mt, jt, Tt;
   const {
     projectName: w,
     entities: K,
     projectInfo: At,
-    scope: Ee,
+    scope: Bo,
     currentTab: Ut,
     mentionSuggestionsData: Lt,
-    categories: nt,
+    categories: et,
     isGuest: x
-  } = Ue(), { hasLicense: Rt, onPowerFeature: qt, user: M } = Le(), Et = !((Mt = M == null ? void 0 : M.data) != null && Mt.isAdmin) && !((jt = M == null ? void 0 : M.data) != null && jt.isManager), {
-    users: rt,
-    versions: st,
-    tasks: it
-  } = Lt || {}, [lt, Ht] = g(88), [V, A] = g(""), [j, U] = g(bt), [$, L] = g([]), [at, R] = g(!1), [Nt, ct] = g(!1), { annotations: q, removeAnnotation: z, goToAnnotation: Bt } = be({
+  } = Ro(), { hasLicense: Rt, onPowerFeature: qt, user: M } = qo(), Et = !((Mt = M == null ? void 0 : M.data) != null && Mt.isAdmin) && !((jt = M == null ? void 0 : M.data) != null && jt.isManager), Ht = Eo(), {
+    users: it,
+    versions: nt,
+    tasks: mt
+  } = Lt || {}, [pt, Nt] = g(88), [V, A] = g(""), [j, U] = g(Pt), [$, L] = g([]), [st, R] = g(!1), [Bt, lt] = g(!1), { annotations: q, removeAnnotation: z, goToAnnotation: Kt } = Ao({
     entityId: (Tt = K[0]) == null ? void 0 : Tt.id,
     filesUploading: $
-  }), [o, k] = g(null), [G, T] = g(0), [E, Kt] = g(Pt), mt = nt.filter((t) => t.accessLevel >= 20), I = nt.find((t) => t.name === E), pt = Pe(I == null ? void 0 : I.color), p = Y(null), Vt = Y(null), dt = Y(null);
-  Fe({
+  }), [r, k] = g(null), [G, T] = g(0), [E, Vt] = g(bt), at = et.filter((t) => t.accessLevel >= 20), I = et.find((t) => t.name === E), ct = Uo(I == null ? void 0 : I.color), c = Y(null), $t = Y(null), dt = Y(null);
+  Do({
     markdownRef: dt,
     initValue: X,
     setEditorValue: A,
-    setInitHeight: Ht,
-    isOpen: m,
+    setInitHeight: Nt,
+    isOpen: a,
     filter: Ut
-  }), Se({ initHeight: lt, editorRef: p, isEditing: c }), De({ projectName: w }), It(() => {
-    var t, e, n;
-    if (m) {
-      if ((e = (t = p.current) == null ? void 0 : t.getEditor()) == null || e.enable(), q.length > 0 && j.length === 0)
+  }), Po({ initHeight: pt, editorRef: c, isEditing: l }), bo({ projectName: w }), It(() => {
+    var t, o, e;
+    if (a) {
+      if ((o = (t = c.current) == null ? void 0 : t.getEditor()) == null || o.enable(), q.length > 0 && j.length === 0)
         return;
-      (n = p.current) == null || n.focus();
+      (e = c.current) == null || e.focus();
     }
-  }, [m, p]), B.sort((t, e) => e.length - t.length);
+  }, [a, c]), B.sort((t, o) => o.length - t.length);
   const ut = Ft(
-    () => xe(
-      o == null ? void 0 : o.type,
+    () => Co(
+      r == null ? void 0 : r.type,
       {
-        "@": () => ye(rt),
-        "@@": () => ke(st),
-        "@@@": () => Ce(it, At.taskTypes)
+        "@": () => ko(it),
+        "@@": () => wo(nt, Ht),
+        "@@@": () => vo(mt, At.taskTypes)
       },
-      o == null ? void 0 : o.search
+      r == null ? void 0 : r.search
     ),
-    [it, st, rt, o == null ? void 0 : o.type, o == null ? void 0 : o.search]
-  ), P = ut.slice(0, 5), [Q, ft] = g();
+    [mt, nt, it, r == null ? void 0 : r.type, r == null ? void 0 : r.search]
+  ), b = ut.slice(0, 5), [Q, ft] = g();
   It(() => {
-    Q && (ft(null), p.current.getEditor().setSelection(Q));
+    Q && (ft(null), c.current.getEditor().setSelection(Q));
   }, [Q]);
   const ht = (t) => {
-    const e = p.current.getEditor(), n = o.type, r = n + (o.search || ""), s = n + t.label, l = O[n], u = `${l == null ? void 0 : l.id}:${t.id}`, v = e.getSelection(!0), F = ((v == null ? void 0 : v.index) || 0) - r.length;
-    e.deleteText(F, r.length), e.insertText(F, s, "mention", u);
-    const S = F + s.length;
-    e.updateContents(new Dt().retain(S).insert(" ")), e.updateContents(new Dt().retain(S + 1).delete(1)), ft(S + 1), k(null), T(0);
-  }, $t = (t) => {
+    const o = c.current.getEditor(), e = r.type, i = e + (r.search || ""), n = e + t.label, p = O[e], u = `${p == null ? void 0 : p.id}:${t.id}`, v = o.getSelection(!0), F = ((v == null ? void 0 : v.index) || 0) - i.length;
+    o.deleteText(F, i.length), o.insertText(F, n, "mention", u);
+    const S = F + n.length;
+    o.updateContents(new Dt().retain(S).insert(" ")), o.updateContents(new Dt().retain(S + 1).delete(1)), ft(S + 1), k(null), T(0);
+  }, zt = (t) => {
     ht(t);
-  }, zt = (t, e, n, r) => {
+  }, Gt = (t, o, e, i) => {
     var F, S;
-    let s = e.ops[0] && e.ops[0].insert || e.ops[1] && e.ops[1].insert;
-    const l = s === `
-` || s === "	", u = ut[G];
-    if (o && l && u && !x) {
-      e.ops[0] && e.ops[0].retain, ht(u);
+    let n = o.ops[0] && o.ops[0].insert || o.ops[1] && o.ops[1].insert;
+    const p = n === `
+` || n === "	", u = ut[G];
+    if (r && p && u && !x) {
+      o.ops[0] && o.ops[0].retain, ht(u);
       return;
     }
     A(t);
-    const v = e.ops.length === 2 && !!e.ops[1].delete;
-    if (!s && v && (s = r.getText(e.ops[0].retain - 1, 1)), B.includes(s)) {
-      const f = e.ops.findIndex((y) => "insert" in y || "delete" in y), a = s;
-      let C = f === 0 ? 0 : e.ops[f - 1].retain;
+    const v = o.ops.length === 2 && !!o.ops[1].delete;
+    if (!n && v && (n = i.getText(o.ops[0].retain - 1, 1)), B.includes(n)) {
+      const f = o.ops.findIndex((y) => "insert" in y || "delete" in y), s = n;
+      let C = f === 0 ? 0 : o.ops[f - 1].retain;
       v && (C = C - 1);
       let d = null;
       for (const y of B) {
         let D = !0;
-        if (y.endsWith(a))
+        if (y.endsWith(s))
           for (let h = y.length - 1; h >= 0; h--) {
             if (h === 0) continue;
-            const H = y[h - 1], ee = C - (y.length - h);
-            if (r.getText(ee, 1) !== H) {
+            const H = y[h - 1], ro = C - (y.length - h);
+            if (i.getText(ro, 1) !== H) {
               D = !1;
               break;
             }
@@ -185,90 +375,90 @@ const B = ["@", "@@", "@@@"], O = {
         type: d,
         retain: C
       }) : (k(null), T(0));
-    } else if (o) {
-      const f = e.ops[0].retain;
-      if (s === " " || !f) {
+    } else if (r) {
+      const f = o.ops[0].retain;
+      if (n === " " || !f) {
         k(null), T(0);
         return;
       }
-      let a = f - o.retain;
-      v || a++;
-      const C = r.getText(o.retain, a), d = C.replace(o.type.slice(-1), "");
+      let s = f - r.retain;
+      v || s++;
+      const C = i.getText(r.retain, s), d = C.replace(r.type.slice(-1), "");
       C.includes(" ") ? (k(null), T(0)) : k({
-        ...o,
+        ...r,
         search: d == null ? void 0 : d.toLowerCase()
       });
     } else {
-      const f = p.current.getEditor(), a = f.getSelection(!1);
-      if (f.getFormat(a == null ? void 0 : a.index, a == null ? void 0 : a.length).mention) {
-        const [d] = f.getLine(a.index - 1) || [], D = (((S = (F = d == null ? void 0 : d.cache) == null ? void 0 : F.delta) == null ? void 0 : S.ops) || []).reverse().find((h) => {
+      const f = c.current.getEditor(), s = f.getSelection(!1);
+      if (f.getFormat(s == null ? void 0 : s.index, s == null ? void 0 : s.length).mention) {
+        const [d] = f.getLine(s.index - 1) || [], D = (((S = (F = d == null ? void 0 : d.cache) == null ? void 0 : F.delta) == null ? void 0 : S.ops) || []).reverse().find((h) => {
           var H;
           return (H = h.attributes) == null ? void 0 : H.mention;
         });
         if (D) {
           const h = D.insert.length;
-          f.deleteText(a.index - h, h);
+          f.deleteText(s.index - h, h);
         }
       }
     }
-  }, Gt = (t) => {
-    var l;
-    const e = p.current.getEditor();
-    let n = ((l = e.getSelection(!0)) == null ? void 0 : l.index) || 0;
-    const r = e.getText(n - 1, 1);
-    r !== " " && r && (e.insertText(n, " "), n++), je(e, n, t);
+  }, Qt = (t) => {
+    var p;
+    const o = c.current.getEditor();
+    let e = ((p = o.getSelection(!0)) == null ? void 0 : p.index) || 0;
+    const i = o.getText(e - 1, 1);
+    i !== " " && i && (o.insertText(e, " "), e++), Io(o, e, t);
   }, _ = (t) => {
-    if (o) {
-      const { type: e, retain: n, search: r = "" } = o, s = p.current.getEditor(), l = e.length + r.length, u = n - e.length + 1;
-      s.deleteText(u, l);
+    if (r) {
+      const { type: o, retain: e, search: i = "" } = r, n = c.current.getEditor(), p = o.length + i.length, u = e - o.length + 1;
+      n.deleteText(u, p);
     }
-    Gt(t);
-  }, Qt = () => {
-    m || b || et && et();
+    Qt(t);
+  }, _t = () => {
+    a || P || ot && ot();
   }, gt = () => {
-    (p.current.getEditor().getText().length < 2 || c) && A(""), ot && ot();
-  }, W = ({ file: t, data: e }) => {
-    const n = {
-      id: e.id,
+    (c.current.getEditor().getText().length < 2 || l) && A(""), rt && rt();
+  }, W = ({ file: t, data: o }) => {
+    const e = {
+      id: o.id,
       name: t.name,
       mime: t.type,
       size: t.size,
       order: j.length
     };
-    return U((r) => [...r, n]), L((r) => r.filter((s) => s.name !== t.name)), n;
-  }, _t = (t, e, n) => {
-    n ? z == null || z(t) : (U((r) => r.filter((s) => s.id !== t)), L((r) => r.filter((s) => s.name !== e)));
-  }, xt = (t, e) => {
-    const n = Math.round(t.loaded * 100 / t.total);
-    if (n !== 100) {
-      const r = {
-        name: e.name,
-        progress: n,
-        type: e.type,
+    return U((i) => [...i, e]), L((i) => i.filter((n) => n.name !== t.name)), e;
+  }, Wt = (t, o, e) => {
+    e ? z == null || z(t) : (U((i) => i.filter((n) => n.id !== t)), L((i) => i.filter((n) => n.name !== o)));
+  }, xt = (t, o) => {
+    const e = Math.round(t.loaded * 100 / t.total);
+    if (e !== 100) {
+      const i = {
+        name: o.name,
+        progress: e,
+        type: o.type,
         order: j.length + $.length
       };
-      L((s) => [...s.filter((u) => u.name !== e.name), r]);
+      L((n) => [...n.filter((u) => u.name !== o.name), i]);
     }
-  }, Wt = (t) => {
-    R(!1), we(t, w, xt, W);
   }, Yt = (t) => {
+    R(!1), jo(t, w, xt, W);
+  }, Jt = (t) => {
     t.preventDefault(), t.stopPropagation(), R(!0);
-  }, Jt = Ae({
+  }, Ot = Lo({
     projectName: w,
     onSuccess: W
   }), yt = async () => {
     try {
-      ct(!0);
-      let t = [], e = [];
+      lt(!0);
+      let t = [], o = [];
       if (q.length) {
-        const { files: l, metadata: u } = await Jt(q);
-        t = l, e = u;
+        const { files: p, metadata: u } = await Ot(q);
+        t = p, o = u;
       }
-      const [n] = ve(V), r = Me(n), s = [...j, ...t];
-      if ((r || s.length) && Z)
+      const [e] = Mo(V), i = To(e), n = [...j, ...t];
+      if ((i || n.length) && Z)
         try {
-          await Z(r, s, {
-            annotations: e,
+          await Z(i, n, {
+            annotations: o,
             category: x ? null : E
             // guests cannot set category (it is done by default on backend)
           }), A(""), U([]);
@@ -276,31 +466,31 @@ const B = ["@", "@@", "@@@"], O = {
           return;
         }
     } catch (t) {
-      console.error(t), oe.error("Something went wrong");
+      console.error(t), eo.error("Something went wrong");
     } finally {
-      ct(!1);
+      lt(!1);
     }
-  }, Ot = (t) => {
-    if (o) {
+  }, Xt = (t) => {
+    if (r) {
       if (t.key === "Escape") {
         k(null), T(0);
         return;
       }
-      o && t.key;
-      const e = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
-      if (e) {
+      r && t.key;
+      const o = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
+      if (o) {
         t.preventDefault();
-        let n = G + e;
-        n < 0 && (n = P.length - 1), n >= P.length && (n = 0), T(n);
+        let e = G + o;
+        e < 0 && (e = b.length - 1), e >= b.length && (e = 0), T(e);
       }
       t.key;
     }
     t.key === "Enter" && (t.ctrlKey || t.metaKey) && yt(), t.key === "Escape" && gt();
   };
-  let Ct = m ? lt + 41 : 44;
-  c && (Ct = void 0);
-  const Xt = Ft(
-    () => Te({
+  let Ct = a ? pt + 41 : 44;
+  l && (Ct = void 0);
+  const Zt = Ft(
+    () => Fo({
       imageUploader: {
         projectName: w,
         onUpload: W,
@@ -309,49 +499,49 @@ const B = ["@", "@@", "@@@"], O = {
     }),
     [w, U, L]
   ), kt = [...q, ...j || [], ...$].sort(
-    (t, e) => t.order - e.order
-  ), Zt = kt.length > 3;
+    (t, o) => t.order - o.order
+  ), to = kt.length > 3;
   let vt = null;
-  K.length && K[0].entityType === "folder" && (o == null ? void 0 : o.type) === "@@" && (vt = "Version mentions are disabled for folders");
-  const wt = (t) => b ? x ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : x || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...";
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(
-    me,
+  K.length && K[0].entityType === "folder" && (r == null ? void 0 : r.type) === "@@" && (vt = "Version mentions are disabled for folders");
+  const wt = (t) => P ? x ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : x || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...";
+  return /* @__PURE__ */ m.jsx(m.Fragment, { children: /* @__PURE__ */ m.jsxs(
+    co,
     {
-      className: J("comment-container", { isOpen: m, isEditing: c }),
-      onDragOver: Yt,
+      className: J("comment-container", { isOpen: a, isEditing: l }),
+      onDragOver: Jt,
       onDragLeave: () => R(!1),
-      onDrop: Wt,
+      onDrop: Yt,
       onClick: () => R(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
-        /* @__PURE__ */ i.jsxs(
-          pe,
+        /* @__PURE__ */ m.jsxs(
+          uo,
           {
             className: J("block-shortcuts", {
-              isOpen: m,
-              isClosed: !m || b,
-              isEditing: c,
-              isDropping: at,
-              disabled: b,
+              isOpen: a,
+              isClosed: !a || P,
+              isEditing: l,
+              isDropping: st,
+              disabled: P,
               isLoading: tt,
-              isSubmitting: Nt,
+              isSubmitting: Bt,
               category: !!E && !x
             }),
-            onKeyDown: Ot,
-            onClick: Qt,
+            onKeyDown: Xt,
+            onClick: _t,
             $categoryPrimary: I == null ? void 0 : I.color,
-            $categoryTertiary: pt.primary,
-            $categorySecondary: pt.secondary,
+            $categoryTertiary: ct.primary,
+            $categorySecondary: ct.secondary,
             children: [
-              /* @__PURE__ */ i.jsx(de, { ref: dt, children: /* @__PURE__ */ i.jsx(ae, { typeOptions: O, initValue: X }) }),
-              m && /* @__PURE__ */ i.jsx(
-                ce,
+              /* @__PURE__ */ m.jsx(fo, { ref: dt, children: /* @__PURE__ */ m.jsx(lo, { typeOptions: O, initValue: X }) }),
+              a && /* @__PURE__ */ m.jsx(
+                ao,
                 {
                   files: kt,
-                  isCompact: Zt || c,
-                  onRemove: _t,
+                  isCompact: to || l,
+                  onRemove: Wt,
                   projectName: w,
-                  onAnnotationClick: Bt,
+                  onAnnotationClick: Kt,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
                     height: "100%"
@@ -360,48 +550,48 @@ const B = ["@", "@@", "@@@"], O = {
                   pt: {
                     file: {
                       style: {
-                        height: c ? 70 : void 0
+                        height: l ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
-              m && !b ? /* @__PURE__ */ i.jsxs(ge, { ref: Vt, children: [
-                !x && /* @__PURE__ */ i.jsx(
-                  Re,
+              a && !P ? /* @__PURE__ */ m.jsxs(yo, { ref: $t, children: [
+                !x && /* @__PURE__ */ m.jsx(
+                  Ho,
                   {
                     value: E,
-                    categories: mt,
-                    onChange: (t) => Kt(t),
-                    isCompact: c,
+                    categories: at,
+                    onChange: (t) => Vt(t),
+                    isCompact: l,
                     hasPowerpack: Rt,
                     onPowerFeature: qt,
-                    isHidden: qe(mt, { isGuest: x, isUser: Et }),
+                    isHidden: No(at, { isGuest: x, isUser: Et }),
                     style: {
-                      position: c ? "relative" : "absolute",
+                      position: l ? "relative" : "absolute",
                       left: 4,
-                      top: c ? 0 : 4
+                      top: l ? 0 : 4
                     }
                   }
                 ),
-                /* @__PURE__ */ i.jsx(
-                  ne,
+                /* @__PURE__ */ m.jsx(
+                  io,
                   {
                     theme: "snow",
                     style: { minHeight: Ct, maxHeight: 300 },
-                    ref: p,
+                    ref: c,
                     value: V,
-                    onChange: zt,
-                    readOnly: !m,
+                    onChange: Gt,
+                    readOnly: !a,
                     placeholder: wt(!0),
-                    modules: Xt,
-                    formats: Ie
+                    modules: Zt,
+                    formats: So
                   }
                 )
-              ] }) : /* @__PURE__ */ i.jsx(ue, { children: wt() }),
-              /* @__PURE__ */ i.jsxs(fe, { children: [
-                !x && /* @__PURE__ */ i.jsxs(St, { children: [
-                  /* @__PURE__ */ i.jsx(
+              ] }) : /* @__PURE__ */ m.jsx(ho, { children: wt() }),
+              /* @__PURE__ */ m.jsxs(go, { children: [
+                !x && /* @__PURE__ */ m.jsxs(St, { children: [
+                  /* @__PURE__ */ m.jsx(
                     N,
                     {
                       icon: "person",
@@ -411,7 +601,7 @@ const B = ["@", "@@", "@@@"], O = {
                       "data-shortcut": "@"
                     }
                   ),
-                  /* @__PURE__ */ i.jsx(
+                  /* @__PURE__ */ m.jsx(
                     N,
                     {
                       icon: "layers",
@@ -421,7 +611,7 @@ const B = ["@", "@@", "@@@"], O = {
                       "data-shortcut": "@@"
                     }
                   ),
-                  /* @__PURE__ */ i.jsx(
+                  /* @__PURE__ */ m.jsx(
                     N,
                     {
                       icon: "check_circle",
@@ -432,12 +622,12 @@ const B = ["@", "@@", "@@@"], O = {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ i.jsxs(St, { style: { marginLeft: "auto" }, children: [
-                  c && /* @__PURE__ */ i.jsx(N, { variant: "text", onClick: gt, children: "Cancel" }),
-                  /* @__PURE__ */ i.jsx(
-                    se,
+                /* @__PURE__ */ m.jsxs(St, { style: { marginLeft: "auto" }, children: [
+                  l && /* @__PURE__ */ m.jsx(N, { variant: "text", onClick: gt, children: "Cancel" }),
+                  /* @__PURE__ */ m.jsx(
+                    mo,
                     {
-                      label: c ? "Save" : "Comment",
+                      label: l ? "Save" : "Comment",
                       className: "comment",
                       active: !!V || !!j.length,
                       onClick: yt,
@@ -446,20 +636,20 @@ const B = ["@", "@@", "@@@"], O = {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ i.jsx(he, { className: J({ show: at && m }), children: /* @__PURE__ */ i.jsx(ie, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ m.jsx(xo, { className: J({ show: st && a }), children: /* @__PURE__ */ m.jsx(po, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ i.jsx(
-          le,
+        /* @__PURE__ */ m.jsx(
+          so,
           {
-            mention: o,
-            options: P,
-            onChange: $t,
+            mention: r,
+            options: b,
+            onChange: zt,
             types: B,
-            config: O[o == null ? void 0 : o.type],
-            noneFound: !P.length && (o == null ? void 0 : o.search),
-            noneFoundAtAll: !P.length && !(o != null && o.search),
+            config: O[r == null ? void 0 : r.type],
+            noneFound: !b.length && (r == null ? void 0 : r.search),
+            noneFoundAtAll: !b.length && !(r != null && r.search),
             selectedIndex: G,
             error: vt,
             isGuest: x
@@ -470,7 +660,7 @@ const B = ["@", "@@", "@@@"], O = {
   ) });
 };
 export {
-  on as default,
+  Um as default,
   O as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map