@ynput/ayon-frontend-shared 0.3.4 → 0.3.5

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

@@ -18,9 +18,9 @@ import { handleFileDrop as vo, parseImages as ko, typeWithDelay as wo } from "./
 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 To from "./hooks/useMentionLink.es.js";
+import Fo from "./hooks/useMentionLink.es.js";
 import Io from "./hooks/useAnnotationsSync.es.js";
-import { useBlendedCategoryColor as Fo } from "./hooks/useBlendedCategoryColor.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 "react-dom";
@@ -28,6 +28,7 @@ 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";
@@ -53,13 +54,6 @@ 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 "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
@@ -70,6 +64,9 @@ 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";
@@ -146,6 +143,7 @@ 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/tasks/updateTasks.es.js";
 import "../../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../../api/queries/users/getUsers.es.js";
 import "../../../../api/queries/users/updateUsers.es.js";
@@ -159,6 +157,7 @@ import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEdit
 import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.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";
@@ -175,12 +174,13 @@ 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 "uuid";
+import "../../../../util/pubsub.es.js";
 import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
 import "short-uuid";
 import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
@@ -209,12 +209,13 @@ import "../../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../../Slicer/components/SlicerSearch.es.js";
 import "../../../Slicer/context/SlicerContext.es.js";
 import "../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
-import "../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../../DetailsPanel/components/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 "../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.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";
@@ -233,7 +234,6 @@ import "../../../../components/Feedback/FeedbackContext.es.js";
 import "../../../../components/Feedback/SupportBubble.es.js";
 import "../../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "date-fns";
 import "../../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../../components/Powerpack/PricingLink.es.js";
 import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
@@ -241,6 +241,7 @@ 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 "../../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../../components/SearchFilter/filterDates.es.js";
@@ -259,6 +260,10 @@ import "../../../../components/VersionUploader/context/VersionUploadContext.es.j
 import "../../../../components/Watchers/Watchers.es.js";
 import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
+import "../ActivityReference/ActivityReference.styled.es.js";
+import "../ActivityStatus/ActivityStatus.es.js";
+import "../ActivityHeader/ActivityHeader.styled.es.js";
+import "../ActivityDate.es.js";
 import "../ActivityCategorySelect/CategoryTag.es.js";
 import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
@@ -279,7 +284,7 @@ const R = ["@", "@@", "@@@"], Q = {
     id: "user",
     isCircle: !0
   }
-}, Hm = ({
+}, $m = ({
   initValue: _,
   initFiles: Mt = [],
   initCategory: St = null,
@@ -297,26 +302,26 @@ const R = ["@", "@@", "@@@"], Q = {
     entities: q,
     projectInfo: Dt,
     scope: qo,
-    currentTab: Tt,
+    feedFilter: Ft,
     mentionSuggestionsData: It,
     categories: Z,
     isGuest: h
-  } = Po(), { hasLicense: Ft, onPowerFeature: At, user: Pt } = bo(), bt = Pt?.data?.isAdmin, Lt = Lo(), {
+  } = 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, F] = f(Mt), [H, A] = f([]), [it, P] = f(!1), [Rt, nt] = f(!1), { annotations: b, removeAnnotation: qt, goToAnnotation: Et } = Io({
+  } = 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 = Fo(pt?.color), c = z(null), Bt = z(null), at = z(null);
+  }), [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: _,
     setEditorValue: I,
     setInitHeight: Ut,
     isOpen: l,
-    filter: Tt
-  }), Do({ initHeight: rt, editorRef: c, isEditing: a }), To({ projectName: k }), vt(() => {
+    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)
         return;
@@ -334,7 +339,7 @@ const R = ["@", "@@", "@@@"], Q = {
       m?.search
     ),
     [et, ot, tt, m?.type, m?.search]
-  ), T = lt.slice(0, 5), [N, ct] = f();
+  ), F = lt.slice(0, 5), [N, ct] = f();
   vt(() => {
     N && (ct(null), c.current.getEditor().setSelection(N));
   }, [N]);
@@ -428,9 +433,9 @@ const R = ["@", "@@", "@@@"], Q = {
       size: t.size,
       order: w.length
     };
-    return F((r) => [...r, e]), A((r) => r.filter((i) => i.name !== t.name)), e;
+    return T((r) => [...r, e]), A((r) => r.filter((i) => i.name !== t.name)), e;
   }, zt = (t, o, e) => {
-    e ? qt?.(t) : (F((r) => r.filter((i) => i.id !== t)), A((r) => r.filter((i) => i.name !== o)));
+    e ? qt?.(t) : (T((r) => r.filter((i) => i.id !== t)), A((r) => r.filter((i) => i.name !== o)));
   }, ft = (t, o) => {
     const e = Math.round(t.loaded * 100 / t.total);
     if (e !== 100) {
@@ -468,7 +473,7 @@ const R = ["@", "@@", "@@@"], Q = {
       };
       if ((r || i.length) && Y)
         try {
-          await Y(r, i, C), I(""), F([]);
+          await Y(r, i, C), I(""), T([]);
         } catch {
           return;
         }
@@ -488,7 +493,7 @@ const R = ["@", "@@", "@@@"], Q = {
       if (o) {
         t.preventDefault();
         let e = B + o;
-        e < 0 && (e = T.length - 1), e >= T.length && (e = 0), j(e);
+        e < 0 && (e = F.length - 1), e >= F.length && (e = 0), j(e);
       }
       t.key;
     }
@@ -504,7 +509,7 @@ const R = ["@", "@@", "@@@"], Q = {
         onUploadProgress: ft
       }
     }),
-    [k, F, A]
+    [k, T, A]
   ), yt = [...b, ...w || [], ...H].sort(
     (t, o) => t.order - o.order
   ), Jt = yt.length > 3;
@@ -571,7 +576,7 @@ const R = ["@", "@@", "@@@"], Q = {
                     categories: mt,
                     onChange: (t) => Ht(t),
                     isCompact: a,
-                    hasPowerpack: Ft,
+                    hasPowerpack: Tt,
                     onPowerFeature: At,
                     isHidden: Ro(mt, { isGuest: h, isAdmin: bt }),
                     style: {
@@ -651,12 +656,12 @@ const R = ["@", "@@", "@@@"], Q = {
           io,
           {
             mention: m,
-            options: T,
+            options: F,
             onChange: Nt,
             types: R,
             config: Q[m?.type],
-            noneFound: !T.length && m?.search,
-            noneFoundAtAll: !T.length && !m?.search,
+            noneFound: !F.length && m?.search,
+            noneFoundAtAll: !F.length && !m?.search,
             selectedIndex: B,
             error: xt,
             isGuest: h
@@ -667,7 +672,7 @@ const R = ["@", "@@", "@@@"], Q = {
   ) });
 };
 export {
-  Hm as default,
+  $m as default,
   Q as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\nimport { useBlendedCategoryColor } from './hooks/useBlendedCategoryColor'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { ActivityCategorySelect, isCategoryHidden, SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useProjectContext } from '@shared/context'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface CommentInputProps {\n  initValue: string | null\n  initFiles?: any[]\n  initCategory?: string | null\n  data?: any\n  onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n  isEditing?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  isOpen: boolean\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n  initValue,\n  initFiles = [],\n  initCategory = null,\n  data = {},\n  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const {\n    projectName,\n    entities,\n    projectInfo,\n    scope,\n    currentTab,\n    mentionSuggestionsData,\n    categories,\n    isGuest,\n  } = useFeedContext()\n\n  const { hasLicense, onPowerFeature, user } = useDetailsPanelContext()\n  const isAdmin = user?.data?.isAdmin\n\n  const project = useProjectContext()\n\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [initHeight, setInitHeight] = useState(88)\n  const [editorValue, setEditorValue] = useState('')\n  // file uploads\n  const [files, setFiles] = useState(initFiles)\n  const [filesUploading, setFilesUploading] = useState([])\n  const [isDropping, setIsDropping] = useState(false)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n\n  const { annotations, removeAnnotation, goToAnnotation } = useAnnotationsSync({\n    entityId: entities[0]?.id,\n    filesUploading,\n  })\n\n  // MENTION STATES\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n  // CATEGORY STATE\n  const [category, setCategory] = useState<null | string>(initCategory)\n  const categoryOptions = categories.filter((cat) => cat.accessLevel >= 20)\n  const categoryData = categories.find((cat) => cat.name === category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n  // REFS\n  const editorRef = useRef<any>(null)\n  const editorContainerRef = useRef<HTMLDivElement>(null)\n\n  const markdownRef = useRef<HTMLDivElement>(null)\n\n  // if there is an initial value, set it so the editor is prefilled\n  useInitialValue({\n    markdownRef,\n    initValue,\n    setEditorValue,\n    setInitHeight,\n    isOpen: isOpen,\n    filter: currentTab,\n  })\n\n  // When editing, set selection to the end of the editor\n  useSetCursorEnd({ initHeight, editorRef, isEditing })\n  // create a new quill format for mentions and registers it\n  useMentionLink({ projectName })\n\n  // focus on editor when opened\n  useEffect(() => {\n    if (isOpen) {\n      editorRef.current?.getEditor()?.enable()\n      // block autofocus if opened from an annotation\n      if (annotations.length > 0 && files.length === 0) {\n        return\n      }\n\n      editorRef.current?.focus()\n    }\n    // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n    // the input if it's already open but annotations change (e.g. are removed).\n  }, [isOpen, editorRef])\n\n  mentionTypes.sort((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(\n    () =>\n      getMentionOptions(\n        mention?.type,\n        {\n          '@': () => getMentionUsers(mentionUsers),\n          '@@': () => getMentionVersions(mentionVersions, project),\n          '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n        },\n        mention?.search,\n      ),\n    [mentionTasks, mentionVersions, mentionUsers, mention?.type, mention?.search],\n  )\n\n  // show first 5 and filter itself out\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  // triggered when a mention is selected\n  const [newSelection, setNewSelection] = useState<null | number>()\n\n  useEffect(() => {\n    if (newSelection) {\n      setNewSelection(null)\n      // now we set selection to the end of the mention\n      const quill = editorRef.current.getEditor()\n      quill.setSelection(newSelection)\n    }\n  }, [newSelection])\n\n  const handleSelectMention = (selectedOption: any) => {\n    // get option text\n    const quill = editorRef.current.getEditor()\n\n    const typePrefix = mention.type // the type of mention: @, @@, @@@\n    const search = typePrefix + (mention.search || '') // the full search string: @Tim\n    const mentionLabel = typePrefix + selectedOption.label // the label of the mention: @Tim Bailey\n    // @ts-expect-error\n    const type = mentionTypeOptions[typePrefix] // the type of mention: user, version, task\n    const href = `${type?.id}:${selectedOption.id}` // the href of the mention: user:user.123\n\n    // get selection delta\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length // the start index of the search\n\n    // first delete the search string\n    quill.deleteText(startIndex, search.length)\n\n    //  insert embed link\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    // insert a space after the mention\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    // remove single \\n after mention\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    // set selection to the end of the mention + 1\n    setNewSelection(endIndex + 1)\n\n    // reset mention state\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const handleSelectChange = (option: any) => {\n    handleSelectMention(option)\n  }\n\n  const handleChange = (content: string, delta: any, _: any, editor: any) => {\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    // find the first option\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption && !isGuest) {\n      // get option text\n      const retain = (delta.ops[0] && delta.ops[0].retain) || 0\n      // prevent default\n\n      // @ts-ignore\n      handleSelectMention(selectedOption, retain)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = mentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mention = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      // for each mention denotation char, check if it is a mention\n      // sort by length of mention denotation char\n      let mentionMatch = null\n\n      // loop through each mention denotation char, with longest first. First one to match is the one we want\n      for (const chars of mentionTypes) {\n        let isMatch = true\n        // start with the last character\n        if (chars.endsWith(mention)) {\n          // loop through the chars backwards\n          for (let i = chars.length - 1; i >= 0; i--) {\n            // skip first character as that's already been checked\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          // console.log('match!!!', chars)\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      // get full string between mention and new delta\n      // This is where SEARCH is handled\n      if (mention) {\n        const retain = delta.ops[0].retain\n        // if space is pressed, remove mention\n        if (currentCharacter === ' ' || !retain) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        // just deleting any text\n        const quill = editorRef.current.getEditor()\n        const currentSelection = quill.getSelection(false)\n        const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n        if (currentFormat.mention) {\n          // if format is mention, delete the whole mention\n          const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n          const ops = lineBlock?.cache?.delta?.ops || []\n          // get last op with attributes mention: true\n          const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n          if (lastMentionOp) {\n            const mentionLength = lastMentionOp.insert.length\n            quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n          }\n        }\n      }\n    }\n  }\n\n  const addTextToEditor = (type: string) => {\n    // get editor retain\n    const quill = editorRef.current.getEditor()\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    // get character at retain\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    // if the current character is a character, increment retain\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    // This is hack AF, but it works\n    typeWithDelay(quill, retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    // first check if mention is already open\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current.getEditor()\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      // delete the mention\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleOpenClick = () => {\n    if (isOpen || disabled) return\n\n    onOpen && onOpen()\n  }\n\n  const handleClose = () => {\n    // get editor value\n    const editor = editorRef.current.getEditor()\n    const text = editor.getText()\n    if (text.length < 2 || isEditing) {\n      setEditorValue('')\n    }\n\n    // always close editor\n    onClose && onClose()\n  }\n\n  const handleFileUploaded = ({ file, data }: any) => {\n    const newFile = {\n      id: data.id,\n      name: file.name,\n      mime: file.type,\n      size: file.size,\n      order: files.length,\n    }\n\n    setFiles((prev) => [...prev, newFile])\n    // remove from uploading\n    setFilesUploading((prev) => prev.filter((uploading: any) => uploading.name !== file.name))\n\n    return newFile\n  }\n\n  const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n    if (isUnsavedAnnotation) {\n      // remove from annotations (if it's an unsaved annotation)\n      removeAnnotation?.(id)\n    } else {\n      // remove file from files\n      setFiles((prev) => prev.filter((file) => file.id !== id))\n      // remove from uploading\n      setFilesUploading((prev) => {\n        return prev.filter((file: any) => file.name !== name)\n      })\n    }\n  }\n\n  const handleFileProgress = (e: any, file: any) => {\n    const progress = Math.round((e.loaded * 100) / e.total)\n    if (progress !== 100) {\n      const uploadProgress = {\n        name: file.name,\n        progress,\n        type: file.type,\n        order: files.length + filesUploading.length,\n      }\n\n      // @ts-ignore\n      setFilesUploading((prev) => {\n        // replace or add new progress\n        const newProgress = prev.filter((name: any) => name.name !== file.name)\n        return [...newProgress, uploadProgress]\n      })\n    }\n  }\n\n  // when a file is not dropped onto the comment input\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    setIsDropping(false)\n    // upload file\n    handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n  }\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDropping(true)\n  }\n\n  const uploadAnnotations = useAnnotationsUpload({\n    projectName,\n    onSuccess: handleFileUploaded,\n  })\n\n  const handleSubmit = async () => {\n    try {\n      setIsSubmitting(true)\n\n      // upload any annotations first\n      let annotationFiles = []\n      let annotationMetadata: SavedAnnotationMetadata[] | undefined = undefined\n      if (annotations.length) {\n        const { files, metadata } = await uploadAnnotations(annotations)\n        annotationFiles = files\n        // get current files data\n        const { annotations: annotationsData = [] } = data || {}\n        // merge existing annotations data with new metadata\n        annotationMetadata = [...annotationsData, ...metadata]\n      }\n\n      // convert to markdown\n      const [markdown] = convertToMarkdown(editorValue)\n\n      // remove img query params\n      const markdownParsed = parseImages(markdown)\n\n      const uploadedFiles = [...files, ...annotationFiles]\n\n      const newData = {\n        ...data,\n        annotations: annotationMetadata, // could be undefined\n        category: isGuest ? null : category, // guests cannot set category (it is done by default on backend)\n      }\n\n      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles, newData)\n          // only clear if onSubmit is successful\n          setEditorValue('')\n          setFiles([])\n        } catch (error) {\n          // error is handled in rtk query mutation\n          return\n        }\n      }\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (mention) {\n      // close mention on escape\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      // add top search of mention\n      if (mention && e.key === 'Tab') {\n        // we handle this in the onChange\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n\n      if (e.key === 'Enter') {\n        // we handle this in the onChange\n      }\n    }\n\n    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {\n      handleSubmit()\n    }\n\n    if (e.key === 'Escape') {\n      handleClose()\n    }\n  }\n\n  let quillMinHeight: number | undefined = isOpen ? initHeight + 41 : 44\n  if (isEditing) quillMinHeight = undefined\n\n  // QUILL CONFIG\n  const modules = useMemo(\n    () =>\n      getModules({\n        imageUploader: {\n          projectName,\n          onUpload: handleFileUploaded,\n          onUploadProgress: handleFileProgress,\n        },\n      }),\n    [projectName, setFiles, setFilesUploading],\n  )\n\n  const allFiles = [...annotations, ...(files || []), ...filesUploading].sort(\n    (a, b) => a.order - b.order,\n  )\n  const compactGrid = allFiles.length > 3\n\n  // disable version mentions for folders\n  let mentionsError = null\n  if (entities.length && entities[0].entityType === 'folder') {\n    if (mention?.type === '@@') {\n      mentionsError = 'Version mentions are disabled for folders'\n    }\n  }\n\n  const getCommentPlaceholder = (isOpen?: boolean) => {\n    if (disabled) {\n      if (isGuest) return 'You do not have permission to comment.'\n      return 'Commenting is disabled across multiple projects.'\n    }\n\n    if (isGuest || !isOpen) return 'Leave a comment'\n\n    return 'Comment or mention with @user, @@version, @@@task...'\n  }\n\n  return (\n    <>\n      <Styled.AutoHeight\n        className={clsx('comment-container', { isOpen, isEditing })}\n        onDragOver={handleDragOver}\n        onDragLeave={() => setIsDropping(false)}\n        onDrop={handleDrop}\n        onClick={() => setIsDropping(false)}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <Styled.Comment\n          className={clsx('block-shortcuts', {\n            isOpen,\n            isClosed: !isOpen || disabled,\n            isEditing,\n            isDropping,\n            disabled,\n            isLoading,\n            isSubmitting,\n            category: !!category && !isGuest,\n          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\n          $categoryPrimary={categoryData?.color}\n          $categoryTertiary={blendedCategoryColor.primary}\n          $categorySecondary={blendedCategoryColor.secondary}\n        >\n          <Styled.Markdown ref={markdownRef}>\n            {/* this is purely used to translate the markdown into html for Editor */}\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n          </Styled.Markdown>\n\n          {/* file uploads */}\n          {isOpen && (\n            <FilesGrid\n              files={allFiles}\n              isCompact={compactGrid || isEditing}\n              onRemove={handleFileRemove}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n              style={{\n                borderBottom: '1px solid var(--md-sys-color-outline-variant)',\n                height: '100%',\n              }}\n              isEditing\n              pt={{\n                file: {\n                  style: {\n                    height: isEditing ? 70 : undefined,\n                  },\n                },\n              }}\n            />\n          )}\n          {isOpen && !disabled ? (\n            <QuillListStyles ref={editorContainerRef}>\n              {!isGuest && (\n                <ActivityCategorySelect\n                  value={category}\n                  categories={categoryOptions}\n                  onChange={(c) => setCategory(c)}\n                  isCompact={isEditing}\n                  hasPowerpack={hasLicense}\n                  onPowerFeature={onPowerFeature}\n                  isHidden={isCategoryHidden(categoryOptions, { isGuest, isAdmin })}\n                  style={{\n                    position: isEditing ? 'relative' : 'absolute',\n                    left: 4,\n                    top: isEditing ? 0 : 4,\n                  }}\n                />\n              )}\n\n              <ReactQuill\n                theme=\"snow\"\n                style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n                ref={editorRef}\n                value={editorValue}\n                onChange={handleChange}\n                readOnly={!isOpen}\n                placeholder={getCommentPlaceholder(true)}\n                modules={modules}\n                formats={quillFormats}\n              />\n            </QuillListStyles>\n          ) : (\n            <Styled.Placeholder>{getCommentPlaceholder()}</Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\n            {!isGuest && (\n              <Styled.Buttons>\n                {/* mention a user */}\n                <Button\n                  icon=\"person\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@')}\n                  data-tooltip={'Mention user'}\n                  data-shortcut={'@'}\n                />\n                {/* mention a version */}\n                <Button\n                  icon=\"layers\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@')}\n                  data-tooltip={'Mention version'}\n                  data-shortcut={'@@'}\n                />\n                {/* mention a task */}\n                <Button\n                  icon=\"check_circle\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@@')}\n                  data-tooltip={'Mention task'}\n                  data-shortcut={'@@@'}\n                />\n              </Styled.Buttons>\n            )}\n            <Styled.Buttons style={{ marginLeft: 'auto' }}>\n              {isEditing && (\n                <Button variant=\"text\" onClick={handleClose}>\n                  Cancel\n                </Button>\n              )}\n              <SaveButton\n                label={isEditing ? 'Save' : 'Comment'}\n                className=\"comment\"\n                active={!!editorValue || !!files.length}\n                onClick={handleSubmit}\n                disabled={isLoading}\n              />\n            </Styled.Buttons>\n          </Styled.Footer>\n\n          <Styled.Dropzone className={clsx({ show: isDropping && isOpen })}>\n            <Icon icon=\"cloud_upload\" />\n          </Styled.Dropzone>\n        </Styled.Comment>\n        <CommentMentionSelect\n          mention={mention}\n          options={shownMentionOptions}\n          onChange={handleSelectChange}\n          types={mentionTypes}\n          // @ts-ignore\n          config={mentionTypeOptions[mention?.type]}\n          noneFound={!shownMentionOptions.length && mention?.search}\n          noneFoundAtAll={!shownMentionOptions.length && !mention?.search}\n          selectedIndex={mentionSelectedIndex}\n          // @ts-ignore\n          error={mentionsError}\n          isGuest={isGuest}\n        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","mentionTypes","mentionTypeOptions","CommentInput","initValue","initFiles","initCategory","data","onSubmit","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","currentTab","mentionSuggestionsData","categories","isGuest","useFeedContext","hasLicense","onPowerFeature","user","useDetailsPanelContext","isAdmin","project","useProjectContext","mentionUsers","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","category","setCategory","categoryOptions","cat","categoryData","blendedCategoryColor","useBlendedCategoryColor","editorRef","useRef","editorContainerRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","a","b","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","href","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","type","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","e","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","annotationsData","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","newData","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","getCommentPlaceholder","jsx","Fragment","jsxs","Styled.AutoHeight","clsx","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ActivityCategorySelect","c","isCategoryHidden","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect"],"mappings":"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"}
+{"version":3,"file":"CommentInput.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\nimport { useBlendedCategoryColor } from './hooks/useBlendedCategoryColor'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { ActivityCategorySelect, isCategoryHidden, SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useProjectContext } from '@shared/context'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface CommentInputProps {\n  initValue: string | null\n  initFiles?: any[]\n  initCategory?: string | null\n  data?: any\n  onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n  isEditing?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  isOpen: boolean\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n  initValue,\n  initFiles = [],\n  initCategory = null,\n  data = {},\n  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const {\n    projectName,\n    entities,\n    projectInfo,\n    scope,\n    feedFilter,\n    mentionSuggestionsData,\n    categories,\n    isGuest,\n  } = useFeedContext()\n\n  const { hasLicense, onPowerFeature, user } = useDetailsPanelContext()\n  const isAdmin = user?.data?.isAdmin\n\n  const project = useProjectContext()\n\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [initHeight, setInitHeight] = useState(88)\n  const [editorValue, setEditorValue] = useState('')\n  // file uploads\n  const [files, setFiles] = useState(initFiles)\n  const [filesUploading, setFilesUploading] = useState([])\n  const [isDropping, setIsDropping] = useState(false)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n\n  const { annotations, removeAnnotation, goToAnnotation } = useAnnotationsSync({\n    entityId: entities[0]?.id,\n    filesUploading,\n  })\n\n  // MENTION STATES\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n  // CATEGORY STATE\n  const [category, setCategory] = useState<null | string>(initCategory)\n  const categoryOptions = categories.filter((cat) => cat.accessLevel >= 20)\n  const categoryData = categories.find((cat) => cat.name === category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n  // REFS\n  const editorRef = useRef<any>(null)\n  const editorContainerRef = useRef<HTMLDivElement>(null)\n\n  const markdownRef = useRef<HTMLDivElement>(null)\n\n  // if there is an initial value, set it so the editor is prefilled\n  useInitialValue({\n    markdownRef,\n    initValue,\n    setEditorValue,\n    setInitHeight,\n    isOpen: isOpen,\n    filter: feedFilter,\n  })\n\n  // When editing, set selection to the end of the editor\n  useSetCursorEnd({ initHeight, editorRef, isEditing })\n  // create a new quill format for mentions and registers it\n  useMentionLink({ projectName })\n\n  // focus on editor when opened\n  useEffect(() => {\n    if (isOpen) {\n      editorRef.current?.getEditor()?.enable()\n      // block autofocus if opened from an annotation\n      if (annotations.length > 0 && files.length === 0) {\n        return\n      }\n\n      editorRef.current?.focus()\n    }\n    // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n    // the input if it's already open but annotations change (e.g. are removed).\n  }, [isOpen, editorRef])\n\n  mentionTypes.sort((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(\n    () =>\n      getMentionOptions(\n        mention?.type,\n        {\n          '@': () => getMentionUsers(mentionUsers),\n          '@@': () => getMentionVersions(mentionVersions, project),\n          '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n        },\n        mention?.search,\n      ),\n    [mentionTasks, mentionVersions, mentionUsers, mention?.type, mention?.search],\n  )\n\n  // show first 5 and filter itself out\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  // triggered when a mention is selected\n  const [newSelection, setNewSelection] = useState<null | number>()\n\n  useEffect(() => {\n    if (newSelection) {\n      setNewSelection(null)\n      // now we set selection to the end of the mention\n      const quill = editorRef.current.getEditor()\n      quill.setSelection(newSelection)\n    }\n  }, [newSelection])\n\n  const handleSelectMention = (selectedOption: any) => {\n    // get option text\n    const quill = editorRef.current.getEditor()\n\n    const typePrefix = mention.type // the type of mention: @, @@, @@@\n    const search = typePrefix + (mention.search || '') // the full search string: @Tim\n    const mentionLabel = typePrefix + selectedOption.label // the label of the mention: @Tim Bailey\n    // @ts-expect-error\n    const type = mentionTypeOptions[typePrefix] // the type of mention: user, version, task\n    const href = `${type?.id}:${selectedOption.id}` // the href of the mention: user:user.123\n\n    // get selection delta\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length // the start index of the search\n\n    // first delete the search string\n    quill.deleteText(startIndex, search.length)\n\n    //  insert embed link\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    // insert a space after the mention\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    // remove single \\n after mention\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    // set selection to the end of the mention + 1\n    setNewSelection(endIndex + 1)\n\n    // reset mention state\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const handleSelectChange = (option: any) => {\n    handleSelectMention(option)\n  }\n\n  const handleChange = (content: string, delta: any, _: any, editor: any) => {\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    // find the first option\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption && !isGuest) {\n      // get option text\n      const retain = (delta.ops[0] && delta.ops[0].retain) || 0\n      // prevent default\n\n      // @ts-ignore\n      handleSelectMention(selectedOption, retain)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = mentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mention = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      // for each mention denotation char, check if it is a mention\n      // sort by length of mention denotation char\n      let mentionMatch = null\n\n      // loop through each mention denotation char, with longest first. First one to match is the one we want\n      for (const chars of mentionTypes) {\n        let isMatch = true\n        // start with the last character\n        if (chars.endsWith(mention)) {\n          // loop through the chars backwards\n          for (let i = chars.length - 1; i >= 0; i--) {\n            // skip first character as that's already been checked\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          // console.log('match!!!', chars)\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      // get full string between mention and new delta\n      // This is where SEARCH is handled\n      if (mention) {\n        const retain = delta.ops[0].retain\n        // if space is pressed, remove mention\n        if (currentCharacter === ' ' || !retain) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        // just deleting any text\n        const quill = editorRef.current.getEditor()\n        const currentSelection = quill.getSelection(false)\n        const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n        if (currentFormat.mention) {\n          // if format is mention, delete the whole mention\n          const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n          const ops = lineBlock?.cache?.delta?.ops || []\n          // get last op with attributes mention: true\n          const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n          if (lastMentionOp) {\n            const mentionLength = lastMentionOp.insert.length\n            quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n          }\n        }\n      }\n    }\n  }\n\n  const addTextToEditor = (type: string) => {\n    // get editor retain\n    const quill = editorRef.current.getEditor()\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    // get character at retain\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    // if the current character is a character, increment retain\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    // This is hack AF, but it works\n    typeWithDelay(quill, retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    // first check if mention is already open\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current.getEditor()\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      // delete the mention\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleOpenClick = () => {\n    if (isOpen || disabled) return\n\n    onOpen && onOpen()\n  }\n\n  const handleClose = () => {\n    // get editor value\n    const editor = editorRef.current.getEditor()\n    const text = editor.getText()\n    if (text.length < 2 || isEditing) {\n      setEditorValue('')\n    }\n\n    // always close editor\n    onClose && onClose()\n  }\n\n  const handleFileUploaded = ({ file, data }: any) => {\n    const newFile = {\n      id: data.id,\n      name: file.name,\n      mime: file.type,\n      size: file.size,\n      order: files.length,\n    }\n\n    setFiles((prev) => [...prev, newFile])\n    // remove from uploading\n    setFilesUploading((prev) => prev.filter((uploading: any) => uploading.name !== file.name))\n\n    return newFile\n  }\n\n  const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n    if (isUnsavedAnnotation) {\n      // remove from annotations (if it's an unsaved annotation)\n      removeAnnotation?.(id)\n    } else {\n      // remove file from files\n      setFiles((prev) => prev.filter((file) => file.id !== id))\n      // remove from uploading\n      setFilesUploading((prev) => {\n        return prev.filter((file: any) => file.name !== name)\n      })\n    }\n  }\n\n  const handleFileProgress = (e: any, file: any) => {\n    const progress = Math.round((e.loaded * 100) / e.total)\n    if (progress !== 100) {\n      const uploadProgress = {\n        name: file.name,\n        progress,\n        type: file.type,\n        order: files.length + filesUploading.length,\n      }\n\n      // @ts-ignore\n      setFilesUploading((prev) => {\n        // replace or add new progress\n        const newProgress = prev.filter((name: any) => name.name !== file.name)\n        return [...newProgress, uploadProgress]\n      })\n    }\n  }\n\n  // when a file is not dropped onto the comment input\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    setIsDropping(false)\n    // upload file\n    handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n  }\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDropping(true)\n  }\n\n  const uploadAnnotations = useAnnotationsUpload({\n    projectName,\n    onSuccess: handleFileUploaded,\n  })\n\n  const handleSubmit = async () => {\n    try {\n      setIsSubmitting(true)\n\n      // upload any annotations first\n      let annotationFiles = []\n      let annotationMetadata: SavedAnnotationMetadata[] | undefined = undefined\n      if (annotations.length) {\n        const { files, metadata } = await uploadAnnotations(annotations)\n        annotationFiles = files\n        // get current files data\n        const { annotations: annotationsData = [] } = data || {}\n        // merge existing annotations data with new metadata\n        annotationMetadata = [...annotationsData, ...metadata]\n      }\n\n      // convert to markdown\n      const [markdown] = convertToMarkdown(editorValue)\n\n      // remove img query params\n      const markdownParsed = parseImages(markdown)\n\n      const uploadedFiles = [...files, ...annotationFiles]\n\n      const newData = {\n        ...data,\n        annotations: annotationMetadata, // could be undefined\n        category: isGuest ? null : category, // guests cannot set category (it is done by default on backend)\n      }\n\n      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles, newData)\n          // only clear if onSubmit is successful\n          setEditorValue('')\n          setFiles([])\n        } catch (error) {\n          // error is handled in rtk query mutation\n          return\n        }\n      }\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (mention) {\n      // close mention on escape\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      // add top search of mention\n      if (mention && e.key === 'Tab') {\n        // we handle this in the onChange\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n\n      if (e.key === 'Enter') {\n        // we handle this in the onChange\n      }\n    }\n\n    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {\n      handleSubmit()\n    }\n\n    if (e.key === 'Escape') {\n      handleClose()\n    }\n  }\n\n  let quillMinHeight: number | undefined = isOpen ? initHeight + 41 : 44\n  if (isEditing) quillMinHeight = undefined\n\n  // QUILL CONFIG\n  const modules = useMemo(\n    () =>\n      getModules({\n        imageUploader: {\n          projectName,\n          onUpload: handleFileUploaded,\n          onUploadProgress: handleFileProgress,\n        },\n      }),\n    [projectName, setFiles, setFilesUploading],\n  )\n\n  const allFiles = [...annotations, ...(files || []), ...filesUploading].sort(\n    (a, b) => a.order - b.order,\n  )\n  const compactGrid = allFiles.length > 3\n\n  // disable version mentions for folders\n  let mentionsError = null\n  if (entities.length && entities[0].entityType === 'folder') {\n    if (mention?.type === '@@') {\n      mentionsError = 'Version mentions are disabled for folders'\n    }\n  }\n\n  const getCommentPlaceholder = (isOpen?: boolean) => {\n    if (disabled) {\n      if (isGuest) return 'You do not have permission to comment.'\n      return 'Commenting is disabled across multiple projects.'\n    }\n\n    if (isGuest || !isOpen) return 'Leave a comment'\n\n    return 'Comment or mention with @user, @@version, @@@task...'\n  }\n\n  return (\n    <>\n      <Styled.AutoHeight\n        className={clsx('comment-container', { isOpen, isEditing })}\n        onDragOver={handleDragOver}\n        onDragLeave={() => setIsDropping(false)}\n        onDrop={handleDrop}\n        onClick={() => setIsDropping(false)}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <Styled.Comment\n          className={clsx('block-shortcuts', {\n            isOpen,\n            isClosed: !isOpen || disabled,\n            isEditing,\n            isDropping,\n            disabled,\n            isLoading,\n            isSubmitting,\n            category: !!category && !isGuest,\n          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\n          $categoryPrimary={categoryData?.color}\n          $categoryTertiary={blendedCategoryColor.primary}\n          $categorySecondary={blendedCategoryColor.secondary}\n        >\n          <Styled.Markdown ref={markdownRef}>\n            {/* this is purely used to translate the markdown into html for Editor */}\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n          </Styled.Markdown>\n\n          {/* file uploads */}\n          {isOpen && (\n            <FilesGrid\n              files={allFiles}\n              isCompact={compactGrid || isEditing}\n              onRemove={handleFileRemove}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n              style={{\n                borderBottom: '1px solid var(--md-sys-color-outline-variant)',\n                height: '100%',\n              }}\n              isEditing\n              pt={{\n                file: {\n                  style: {\n                    height: isEditing ? 70 : undefined,\n                  },\n                },\n              }}\n            />\n          )}\n          {isOpen && !disabled ? (\n            <QuillListStyles ref={editorContainerRef}>\n              {!isGuest && (\n                <ActivityCategorySelect\n                  value={category}\n                  categories={categoryOptions}\n                  onChange={(c) => setCategory(c)}\n                  isCompact={isEditing}\n                  hasPowerpack={hasLicense}\n                  onPowerFeature={onPowerFeature}\n                  isHidden={isCategoryHidden(categoryOptions, { isGuest, isAdmin })}\n                  style={{\n                    position: isEditing ? 'relative' : 'absolute',\n                    left: 4,\n                    top: isEditing ? 0 : 4,\n                  }}\n                />\n              )}\n\n              <ReactQuill\n                theme=\"snow\"\n                style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n                ref={editorRef}\n                value={editorValue}\n                onChange={handleChange}\n                readOnly={!isOpen}\n                placeholder={getCommentPlaceholder(true)}\n                modules={modules}\n                formats={quillFormats}\n              />\n            </QuillListStyles>\n          ) : (\n            <Styled.Placeholder>{getCommentPlaceholder()}</Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\n            {!isGuest && (\n              <Styled.Buttons>\n                {/* mention a user */}\n                <Button\n                  icon=\"person\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@')}\n                  data-tooltip={'Mention user'}\n                  data-shortcut={'@'}\n                />\n                {/* mention a version */}\n                <Button\n                  icon=\"layers\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@')}\n                  data-tooltip={'Mention version'}\n                  data-shortcut={'@@'}\n                />\n                {/* mention a task */}\n                <Button\n                  icon=\"check_circle\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@@')}\n                  data-tooltip={'Mention task'}\n                  data-shortcut={'@@@'}\n                />\n              </Styled.Buttons>\n            )}\n            <Styled.Buttons style={{ marginLeft: 'auto' }}>\n              {isEditing && (\n                <Button variant=\"text\" onClick={handleClose}>\n                  Cancel\n                </Button>\n              )}\n              <SaveButton\n                label={isEditing ? 'Save' : 'Comment'}\n                className=\"comment\"\n                active={!!editorValue || !!files.length}\n                onClick={handleSubmit}\n                disabled={isLoading}\n              />\n            </Styled.Buttons>\n          </Styled.Footer>\n\n          <Styled.Dropzone className={clsx({ show: isDropping && isOpen })}>\n            <Icon icon=\"cloud_upload\" />\n          </Styled.Dropzone>\n        </Styled.Comment>\n        <CommentMentionSelect\n          mention={mention}\n          options={shownMentionOptions}\n          onChange={handleSelectChange}\n          types={mentionTypes}\n          // @ts-ignore\n          config={mentionTypeOptions[mention?.type]}\n          noneFound={!shownMentionOptions.length && mention?.search}\n          noneFoundAtAll={!shownMentionOptions.length && !mention?.search}\n          selectedIndex={mentionSelectedIndex}\n          // @ts-ignore\n          error={mentionsError}\n          isGuest={isGuest}\n        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","mentionTypes","mentionTypeOptions","CommentInput","initValue","initFiles","initCategory","data","onSubmit","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","feedFilter","mentionSuggestionsData","categories","isGuest","useFeedContext","hasLicense","onPowerFeature","user","useDetailsPanelContext","isAdmin","project","useProjectContext","mentionUsers","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","category","setCategory","categoryOptions","cat","categoryData","blendedCategoryColor","useBlendedCategoryColor","editorRef","useRef","editorContainerRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","a","b","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","href","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","type","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","e","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","annotationsData","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","newData","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","getCommentPlaceholder","jsx","Fragment","jsxs","Styled.AutoHeight","clsx","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ActivityCategorySelect","c","isCategoryHidden","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),s=require("../../../context/FeedContext.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const f=require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../../context/pip/PiPWrapper.cjs.js");require("../../../../../context/AddonProjectContext.cjs.js");require("../../../../../context/AddonContext.cjs.js");require("../../../../../context/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContext.cjs.js");require("../../../../../context/UriContext.cjs.js");const u=(t,n,r)=>(n||console.warn("filterEntityAnnotations: entityId is empty"),Object.values(t).forEach(e=>{e.versionId||console.warn("filterEntityAnnotations: annotation.versionId is empty",e)}),Object.values(t).filter(e=>e.versionId===n&&!r.some(o=>o.name===e.name)).map(e=>({...e,unsavedAnnotation:e}))),A=({entityId:t,filesUploading:n})=>{const{editingId:r,setEditingId:e,annotations:o,removeAnnotation:a}=s.useFeedContext(),{onGoToFrame:l}=f.useDetailsPanelContext(),i=u(o||[],t,n);return d.useEffect(()=>{i.length>0&&!r&&e(s.FEED_NEW_COMMENT)},[i]),{annotations:i,goToAnnotation:c=>{const q=c.range[0];l?.(q)},removeAnnotation:a}};exports.default=A;exports.filterEntityAnnotations=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),s=require("../../../context/FeedContext.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const f=require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../context/SubtasksModulesContext.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../../context/pip/PiPWrapper.cjs.js");require("../../../../../context/AddonProjectContext.cjs.js");require("../../../../../context/AddonContext.cjs.js");require("../../../../../context/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContext.cjs.js");require("../../../../../context/UriContext.cjs.js");const u=(t,n,r)=>(n||console.warn("filterEntityAnnotations: entityId is empty"),Object.values(t).forEach(e=>{e.versionId||console.warn("filterEntityAnnotations: annotation.versionId is empty",e)}),Object.values(t).filter(e=>e.versionId===n&&!r.some(i=>i.name===e.name)).map(e=>({...e,unsavedAnnotation:e}))),A=({entityId:t,filesUploading:n})=>{const{editingId:r,setEditingId:e,annotations:i,removeAnnotation:a}=s.useFeedContext(),{onGoToFrame:l}=f.useDetailsPanelContext(),o=u(i||[],t,n);return d.useEffect(()=>{o.length>0&&!r&&e(s.FEED_NEW_COMMENT)},[o]),{annotations:o,goToAnnotation:c=>{const q=c.range[0];l?.(q)},removeAnnotation:a}};exports.default=A;exports.filterEntityAnnotations=u;
 //# sourceMappingURL=useAnnotationsSync.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"wnCAcO,MAAMA,EAA0B,CACrCC,EACAC,EACAC,KAEKD,GACH,QAAQ,KAAK,4CAA4C,EAG3D,OAAO,OAAOD,CAAW,EAAE,QAASG,GAAe,CAC5CA,EAAW,WACd,QAAQ,KAAK,yDAA0DA,CAAU,CAErF,CAAC,EAEM,OAAO,OAAOH,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,GAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAA,EAC7D,CAAE,YAAAC,CAAA,EAAgBC,yBAAA,EAGlBC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAEjC,EAAG,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CAC9D,MAAMa,EAAab,EAAW,MAAM,CAAC,EACrCQ,IAAcK,CAAU,CAC1B,EAKE,iBAAAP,CAAA,CAEJ"}
+{"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"wrCAcO,MAAMA,EAA0B,CACrCC,EACAC,EACAC,KAEKD,GACH,QAAQ,KAAK,4CAA4C,EAG3D,OAAO,OAAOD,CAAW,EAAE,QAASG,GAAe,CAC5CA,EAAW,WACd,QAAQ,KAAK,yDAA0DA,CAAU,CAErF,CAAC,EAEM,OAAO,OAAOH,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,GAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAA,EAC7D,CAAE,YAAAC,CAAA,EAAgBC,yBAAA,EAGlBC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAEjC,EAAG,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CAC9D,MAAMa,EAAab,EAAW,MAAM,CAAC,EACrCQ,IAAcK,CAAU,CAC1B,EAKE,iBAAAP,CAAA,CAEJ"}

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

@@ -2,6 +2,7 @@ import { useEffect as f } from "react";
 import { useFeedContext as c, FEED_NEW_COMMENT as l } from "../../../context/FeedContext.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as d } 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";
@@ -24,21 +25,21 @@ const u = (o, n, i) => (n || console.warn("filterEntityAnnotations: entityId is
 ).map((t) => ({
   ...t,
   unsavedAnnotation: t
-}))), P = ({ entityId: o, filesUploading: n }) => {
-  const { editingId: i, setEditingId: t, annotations: e, removeAnnotation: s } = c(), { onGoToFrame: m } = d(), r = u(e || [], o, n);
+}))), S = ({ entityId: o, filesUploading: n }) => {
+  const { editingId: i, setEditingId: t, annotations: e, removeAnnotation: m } = c(), { onGoToFrame: s } = d(), r = u(e || [], o, n);
   return f(() => {
     r.length > 0 && !i && t(l);
   }, [r]), {
     annotations: r,
     goToAnnotation: (a) => {
       const p = a.range[0];
-      m?.(p);
+      s?.(p);
     },
-    removeAnnotation: s
+    removeAnnotation: m
   };
 };
 export {
-  P as default,
+  S as default,
   u as filterEntityAnnotations
 };
 //# sourceMappingURL=useAnnotationsSync.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;;;;;;;;;;;;;;;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,OAEKD,KACH,QAAQ,KAAK,4CAA4C,GAG3D,OAAO,OAAOD,CAAW,EAAE,QAAQ,CAACG,MAAe;AACjD,EAAKA,EAAW,aACd,QAAQ,KAAK,0DAA0DA,CAAU;AAErF,CAAC,GAEM,OAAO,OAAOH,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,IAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAA,GAC7D,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAGlBC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAEjC,GAAG,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AAC9D,YAAMa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,IAAcK,CAAU;AAAA,IAC1B;AAAA,IAKE,kBAAAP;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,OAEKD,KACH,QAAQ,KAAK,4CAA4C,GAG3D,OAAO,OAAOD,CAAW,EAAE,QAAQ,CAACG,MAAe;AACjD,EAAKA,EAAW,aACd,QAAQ,KAAK,0DAA0DA,CAAU;AAErF,CAAC,GAEM,OAAO,OAAOH,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,IAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAA,GAC7D,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAGlBC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAEjC,GAAG,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AAC9D,YAAMa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,IAAcK,CAAU;AAAA,IAC1B;AAAA,IAKE,kBAAAP;AAAA,EAAA;AAEJ;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("react-quill-ayon"),b=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const y=require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../../context/pip/PiPWrapper.cjs.js");require("../../../../../context/AddonProjectContext.cjs.js");require("../../../../../context/AddonContext.cjs.js");require("../../../../../context/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContext.cjs.js");require("../../../../../context/UriContext.cjs.js");const x=o.Quill.import("blots/inline"),T=({projectName:a})=>{const{openSlideOut:c}=y.useDetailsPanelContext(),[,l]=b();class r extends x{static blotName="mention";static tagName="MENTION";static create(e){if(!e||typeof e!="string")return document.createElement(r.tagName);const t=super.create(e),i=e.split(":").shift(),n=e.split(":").pop();return t.classList.add("mention"),t.classList.add(i),t.setAttribute("id",`ref-${n}`),t.setAttribute("contenteditable","false"),t.setAttribute("data-value",e),t.addEventListener("click",s=>{s.preventDefault(),i!=="user"&&c({entityId:n,entityType:i,projectName:a})}),t.addEventListener("mouseenter",s=>{const u=s.target||{},q=u.innerText.replace("@",""),{x:p,y:f,width:m}=u.getBoundingClientRect(),g={left:p+m/2,top:f};l({id:n,name:n,type:i,label:q,pos:g})}),t||""}static value(e){return e.getAttribute("data-value")}}r.sanitize=d=>d,o.Quill.register(r,!0)};module.exports=T;
+"use strict";const o=require("react-quill-ayon"),b=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const y=require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../context/SubtasksModulesContext.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../../context/pip/PiPWrapper.cjs.js");require("../../../../../context/AddonProjectContext.cjs.js");require("../../../../../context/AddonContext.cjs.js");require("../../../../../context/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContext.cjs.js");require("../../../../../context/UriContext.cjs.js");const x=o.Quill.import("blots/inline"),T=({projectName:a})=>{const{openSlideOut:c}=y.useDetailsPanelContext(),[,l]=b();class r extends x{static blotName="mention";static tagName="MENTION";static create(e){if(!e||typeof e!="string")return document.createElement(r.tagName);const t=super.create(e),i=e.split(":").shift(),n=e.split(":").pop();return t.classList.add("mention"),t.classList.add(i),t.setAttribute("id",`ref-${n}`),t.setAttribute("contenteditable","false"),t.setAttribute("data-value",e),t.addEventListener("click",s=>{s.preventDefault(),i!=="user"&&c({entityId:n,entityType:i,projectName:a})}),t.addEventListener("mouseenter",s=>{const u=s.target||{},q=u.innerText.replace("@",""),{x:p,y:f,width:m}=u.getBoundingClientRect(),g={left:p+m/2,top:f};l({id:n,name:n,type:i,label:q,pos:g})}),t||""}static value(e){return e.getAttribute("data-value")}}r.sanitize=d=>d,o.Quill.register(r,!0)};module.exports=T;
 //# sourceMappingURL=useMentionLink.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":"0iCAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CAC9D,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACnB,CAAA,CAAGC,CAAa,EAAIC,EAAA,EAI1B,MAAMC,UAAoBR,CAAO,CAC/B,OAAO,SAAW,UAClB,OAAO,QAAU,UAEjB,OAAO,OAAOS,EAAO,CACnB,GAAI,CAACA,GAAS,OAAOA,GAAU,SAAU,OAAO,SAAS,cAAcD,EAAY,OAAO,EAE1F,MAAME,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,EACpCG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA,EAExC,OAAAC,EAAK,UAAU,IAAI,SAAS,EAC5BA,EAAK,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE/CF,EAAK,aAAa,kBAAmB,OAAO,EAG5CA,EAAK,aAAa,aAAcD,CAAK,EAGrCC,EAAK,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAA,EACEF,IAAqB,QAEzBP,EAAa,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CACH,CAAC,EAGDO,EAAK,iBAAiB,aAAeG,GAAwC,CAC3E,MAAMC,EAASD,EAAE,QAAU,CAAA,EACrBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAA,EAAWJ,EAAuB,sBAAA,EAC1CK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAA,EAExCX,EAAc,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CACH,CAAC,EAEMT,GAAQ,EACjB,CAGA,OAAO,MAAMA,EAAW,CACtB,OAAOA,EAAK,aAAa,YAAY,CACvC,CAAA,CAIFF,EAAY,SAAYY,GAAQA,EAEhCnB,QAAM,SAASO,EAAa,EAAI,CAClC"}
+{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":"0mCAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CAC9D,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACnB,CAAA,CAAGC,CAAa,EAAIC,EAAA,EAI1B,MAAMC,UAAoBR,CAAO,CAC/B,OAAO,SAAW,UAClB,OAAO,QAAU,UAEjB,OAAO,OAAOS,EAAO,CACnB,GAAI,CAACA,GAAS,OAAOA,GAAU,SAAU,OAAO,SAAS,cAAcD,EAAY,OAAO,EAE1F,MAAME,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,EACpCG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA,EAExC,OAAAC,EAAK,UAAU,IAAI,SAAS,EAC5BA,EAAK,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE/CF,EAAK,aAAa,kBAAmB,OAAO,EAG5CA,EAAK,aAAa,aAAcD,CAAK,EAGrCC,EAAK,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAA,EACEF,IAAqB,QAEzBP,EAAa,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CACH,CAAC,EAGDO,EAAK,iBAAiB,aAAeG,GAAwC,CAC3E,MAAMC,EAASD,EAAE,QAAU,CAAA,EACrBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAA,EAAWJ,EAAuB,sBAAA,EAC1CK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAA,EAExCX,EAAc,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CACH,CAAC,EAEMT,GAAQ,EACjB,CAGA,OAAO,MAAMA,EAAW,CACtB,OAAOA,EAAK,aAAa,YAAY,CACvC,CAAA,CAIFF,EAAY,SAAYY,GAAQA,EAEhCnB,QAAM,SAASO,EAAa,EAAI,CAClC"}