@ynput/ayon-frontend-shared 0.2.2 → 0.2.4

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["jsxs","Styled.Container","jsx","Styled.Card","Styled.Content","Styled.Title","Styled.Thumbnail","Styled.Comment"],"mappings":";;;;;;;;;;;;;AA+BA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,MAAI,EAAE,YAAY,gBAAgB,WAAW,WAAW,OAAO;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,WAAW,UAAU;AAC5D,QAAM,QAAQ;AAEd,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,QAAM,cAAc,CAAC,WAAmB,cACtC,6CAAe,EAAE,YAAY,CAAC,SAAS,GAAG,WAAW,YAAA;AAGrD,SAAAA,kCAAA,KAACC,WAAA,EACC,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,kBAAkB;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,SAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,YAAM,EAAE,MAAM,IAAI,WAAW,aAAa,WAAW,YAAY;AACjE,cACG,QAAQ,SAAS,YAChBF,kCAAA,KAACG,MAAA,EAAY,SAAS,MAAM,YAAY,IAAI,SAAS,GACnD,UAAA;AAAA,QAACH,uCAAAI,SAAA,EACC,UAAA;AAAA,UAAAJ,uCAAC,OACC,EAAA,UAAA;AAAA,YAACA,uCAAAK,OAAA,EACC,UAAA;AAAA,cAAAH,kCAAAA,IAAC,UAAM,UAAY,YAAA,CAAA;AAAA,cAClBA,kCAAA,IAAA,cAAA,EAAa,MAAM,WAAW,SAAO,KAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCA,kCAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAK,KAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAA,kCAAA;AAAA,YAACI;AAAAA,YAAA;AAAA,cACE,GAAG,EAAE,YAAY;AAAA,cAClB,UAAU;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAM,kBAAkB,IAAI;AAAA,cACrC,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACC,WAAWJ,kCAAAA,IAACK,SAAA,EAAgB,UAAQ,QAAA,CAAA;AAAA,MAAA,EAAA,GAnBsB,EAoB7D;AAAA,IAAA,CAGL;AAAA,IACA,WAAW,cAAc,SAAS,SAAS,SAC1CP,kCAAA,KAAC,MAAK,EAAA,SAAS,MAAM,WAAW,CAAC,OAAO,GACtC,UAAA;AAAA,MAACE,kCAAAA,IAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBA,kCAAAA,IAAC,UAAM,UAAU,UAAA,cAAc,QAAQ,SAAS,SAAS,KAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["jsxs","Styled.Container","jsx","Styled.Card","Styled.Content","Styled.Title","Styled.Thumbnail","Styled.Comment"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,MAAI,EAAE,YAAY,gBAAgB,WAAW,WAAW,OAAO;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,WAAW,UAAU;AAC5D,QAAM,QAAQ;AAEd,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,QAAM,cAAc,CAAC,WAAmB,cACtC,6CAAe,EAAE,YAAY,CAAC,SAAS,GAAG,WAAW,YAAA;AAGrD,SAAAA,kCAAA,KAACC,WAAA,EACC,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,kBAAkB;AAAA,QAC5B,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACC,SAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,YAAM,EAAE,MAAM,IAAI,WAAW,aAAa,WAAW,YAAY;AACjE,cACG,QAAQ,SAAS,YAChBF,kCAAA,KAACG,MAAA,EAAY,SAAS,MAAM,YAAY,IAAI,SAAS,GACnD,UAAA;AAAA,QAACH,uCAAAI,SAAA,EACC,UAAA;AAAA,UAAAJ,uCAAC,OACC,EAAA,UAAA;AAAA,YAACA,uCAAAK,OAAA,EACC,UAAA;AAAA,cAAAH,kCAAAA,IAAC,UAAM,UAAY,YAAA,CAAA;AAAA,cAClBA,kCAAA,IAAA,cAAA,EAAa,MAAM,WAAW,SAAO,KAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCA,kCAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAK,KAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAA,kCAAA;AAAA,YAACI;AAAAA,YAAA;AAAA,cACE,GAAG,EAAE,YAAY;AAAA,cAClB,UAAU;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAM,kBAAkB,IAAI;AAAA,cACrC,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACC,WAAWJ,kCAAAA,IAACK,SAAA,EAAgB,UAAQ,QAAA,CAAA;AAAA,MAAA,EAAA,GAnBsB,EAoB7D;AAAA,IAAA,CAGL;AAAA,IACA,WAAW,cAAc,SAAS,SAAS,SAC1CP,kCAAA,KAAC,MAAK,EAAA,SAAS,MAAM,WAAW,CAAC,OAAO,GACtC,UAAA;AAAA,MAACE,kCAAAA,IAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBA,kCAAAA,IAAC,UAAM,UAAU,UAAA,cAAc,QAAQ,SAAS,SAAS,KAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -83,10 +83,12 @@ const CommentInput = ({
     var _a2, _b, _c;
     if (isOpen) {
       (_b = (_a2 = editorRef.current) == null ? void 0 : _a2.getEditor()) == null ? void 0 : _b.enable();
-      const blockAutoFocus = !!annotations.length && files.length === 0;
-      !blockAutoFocus && ((_c = editorRef.current) == null ? void 0 : _c.focus());
+      if (annotations.length > 0 && files.length === 0) {
+        return;
+      }
+      (_c = editorRef.current) == null ? void 0 : _c.focus();
     }
-  }, [isOpen, editorRef, annotations, files]);
+  }, [isOpen, editorRef]);
   mentionTypes.sort((a, b) => b.length - a.length);
   const mentionOptions = React.useMemo(
     () => getMentionOptions(

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.cjs.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'\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'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\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  onSubmit: (markdown: string, files: 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  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const { projectName, entities, projectInfo, scope, currentTab, mentionSuggestionsData } =\n    useFeedContext()\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  // REFS\n  const editorRef = useRef<any>(null)\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      const blockAutoFocus = !!annotations.length && files.length === 0\n      !blockAutoFocus && editorRef.current?.focus()\n    }\n  }, [isOpen, editorRef, annotations, files])\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),\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) {\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, isAnnotation: boolean) => {\n    if (isAnnotation) {\n      // remove from annotations (if it's an 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      // upload any annotations first\n      let annotationFiles = []\n      if (annotations.length) {\n        annotationFiles = await uploadAnnotations(annotations)\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      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles)\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 > 6\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  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          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\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}\n              onRemove={handleFileRemove}\n              style={{ borderBottom: '1px solid var(--md-sys-color-outline-variant)' }}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n            />\n          )}\n          {isOpen && !disabled ? (\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={'Comment or mention with @user, @@version, @@@task...'}\n              modules={modules}\n              formats={quillFormats}\n            />\n          ) : (\n            <Styled.Placeholder>\n              {disabled ? 'Commenting is disabled across multiple projects.' : 'Add a comment...'}\n            </Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\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            <Styled.Buttons>\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          z\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        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Quill","useFeedContext","useState","useAnnotationsSync","useRef","useEffect","_a","useMemo","mention","typeWithDelay","type","handleFileDrop","convertToMarkdown","parseImages","toast","getModules","jsx","Fragment","jsxs","Styled.AutoHeight","Styled.Comment","Styled.Markdown","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon"],"mappings":"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"}
+{"version":3,"file":"CommentInput.cjs.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'\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'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\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  onSubmit: (markdown: string, files: 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  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const { projectName, entities, projectInfo, scope, currentTab, mentionSuggestionsData } =\n    useFeedContext()\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  // REFS\n  const editorRef = useRef<any>(null)\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),\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) {\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, isAnnotation: boolean) => {\n    if (isAnnotation) {\n      // remove from annotations (if it's an 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      // upload any annotations first\n      let annotationFiles = []\n      if (annotations.length) {\n        annotationFiles = await uploadAnnotations(annotations)\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      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles)\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 > 6\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  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          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\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}\n              onRemove={handleFileRemove}\n              style={{ borderBottom: '1px solid var(--md-sys-color-outline-variant)' }}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n            />\n          )}\n          {isOpen && !disabled ? (\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={'Comment or mention with @user, @@version, @@@task...'}\n              modules={modules}\n              formats={quillFormats}\n            />\n          ) : (\n            <Styled.Placeholder>\n              {disabled ? 'Commenting is disabled across multiple projects.' : 'Add a comment...'}\n            </Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\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            <Styled.Buttons>\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          z\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        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Quill","useFeedContext","useState","useAnnotationsSync","useRef","useEffect","_a","useMemo","mention","typeWithDelay","type","handleFileDrop","convertToMarkdown","parseImages","toast","getModules","jsx","Fragment","jsxs","Styled.AutoHeight","Styled.Comment","Styled.Markdown","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon"],"mappings":"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"}

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

@@ -81,10 +81,12 @@ const CommentInput = ({
     var _a2, _b, _c;
     if (isOpen) {
       (_b = (_a2 = editorRef.current) == null ? void 0 : _a2.getEditor()) == null ? void 0 : _b.enable();
-      const blockAutoFocus = !!annotations.length && files.length === 0;
-      !blockAutoFocus && ((_c = editorRef.current) == null ? void 0 : _c.focus());
+      if (annotations.length > 0 && files.length === 0) {
+        return;
+      }
+      (_c = editorRef.current) == null ? void 0 : _c.focus();
     }
-  }, [isOpen, editorRef, annotations, files]);
+  }, [isOpen, editorRef]);
   mentionTypes.sort((a, b) => b.length - a.length);
   const mentionOptions = useMemo(
     () => getMentionOptions(

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'\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'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\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  onSubmit: (markdown: string, files: 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  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const { projectName, entities, projectInfo, scope, currentTab, mentionSuggestionsData } =\n    useFeedContext()\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  // REFS\n  const editorRef = useRef<any>(null)\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      const blockAutoFocus = !!annotations.length && files.length === 0\n      !blockAutoFocus && editorRef.current?.focus()\n    }\n  }, [isOpen, editorRef, annotations, files])\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),\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) {\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, isAnnotation: boolean) => {\n    if (isAnnotation) {\n      // remove from annotations (if it's an 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      // upload any annotations first\n      let annotationFiles = []\n      if (annotations.length) {\n        annotationFiles = await uploadAnnotations(annotations)\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      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles)\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 > 6\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  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          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\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}\n              onRemove={handleFileRemove}\n              style={{ borderBottom: '1px solid var(--md-sys-color-outline-variant)' }}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n            />\n          )}\n          {isOpen && !disabled ? (\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={'Comment or mention with @user, @@version, @@@task...'}\n              modules={modules}\n              formats={quillFormats}\n            />\n          ) : (\n            <Styled.Placeholder>\n              {disabled ? 'Commenting is disabled across multiple projects.' : 'Add a comment...'}\n            </Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\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            <Styled.Buttons>\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          z\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        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["_a","mention","type","jsx","Fragment","jsxs","Styled.AutoHeight","Styled.Comment","Styled.Markdown","Styled.Placeholder","Styled.Footer","Styled.Buttons","Styled.Dropzone"],"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'\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'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\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  onSubmit: (markdown: string, files: 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  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const { projectName, entities, projectInfo, scope, currentTab, mentionSuggestionsData } =\n    useFeedContext()\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  // REFS\n  const editorRef = useRef<any>(null)\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),\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) {\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, isAnnotation: boolean) => {\n    if (isAnnotation) {\n      // remove from annotations (if it's an 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      // upload any annotations first\n      let annotationFiles = []\n      if (annotations.length) {\n        annotationFiles = await uploadAnnotations(annotations)\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      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles)\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 > 6\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  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          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\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}\n              onRemove={handleFileRemove}\n              style={{ borderBottom: '1px solid var(--md-sys-color-outline-variant)' }}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n            />\n          )}\n          {isOpen && !disabled ? (\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={'Comment or mention with @user, @@version, @@@task...'}\n              modules={modules}\n              formats={quillFormats}\n            />\n          ) : (\n            <Styled.Placeholder>\n              {disabled ? 'Commenting is disabled across multiple projects.' : 'Add a comment...'}\n            </Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\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            <Styled.Buttons>\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          z\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        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["_a","mention","type","jsx","Fragment","jsxs","Styled.AutoHeight","Styled.Comment","Styled.Markdown","Styled.Placeholder","Styled.Footer","Styled.Buttons","Styled.Dropzone"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ const FeedContext = require("../../../context/FeedContext.cjs.js");
 require("../../../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = 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");

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  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) 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":["useFeedContext","useDetailsPanelContext","useEffect","FEED_NEW_COMMENT"],"mappings":";;;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqBA,YAAAA,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAIC,2CAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/FC,QAAAA,UAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAaC,YAAAA,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;;;"}
+{"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  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) 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":["useFeedContext","useDetailsPanelContext","useEffect","FEED_NEW_COMMENT"],"mappings":";;;;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqBA,YAAAA,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAIC,2CAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/FC,QAAAA,UAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAaC,YAAAA,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;;;"}

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

@@ -3,6 +3,7 @@ import { useFeedContext, FEED_NEW_COMMENT } from "../../../context/FeedContext.e
 import "../../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext } from "../../../../../context/DetailsPanelContext.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../../../../context/pip/PiPWrapper.es.js";

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  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) 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":[],"mappings":";;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqB,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAI,uBAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/F,YAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAa,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;"}
+{"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  isAnnotation: true\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotation) => ({ ...annotation, isAnnotation: true })) 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":[],"mappings":";;;;;;;;;AAcO,MAAM,0BAA0B,CACrC,aACA,UACA,mBACwB;AACjB,SAAA,OAAO,OAAO,WAAW,EAC7B;AAAA,IACC,CAAC,eACC,WAAW,cAAc,YACzB,CAAC,eAAe,KAAK,CAAC,SAAS,KAAK,SAAS,WAAW,IAAI;AAAA,EAAA,EAE/D,IAAI,CAAC,gBAAgB,EAAE,GAAG,YAAY,cAAc,KAAA,EAAO;AAChE;AAEA,MAAM,qBAAqB,CAAC,EAAE,UAAU,qBAA4B;AAClE,QAAM,EAAE,WAAW,cAAc,aAAa,iBAAA,IAAqB,eAAe;AAC5E,QAAA,EAAE,YAAY,IAAI,uBAAuB;AAG/C,QAAM,sBAAsB,wBAAwB,eAAe,CAAA,GAAI,UAAU,cAAc;AAG/F,YAAU,MAAM;AAEd,QAAI,oBAAoB,SAAS,KAAK,CAAC,WAAW;AAChD,mBAAa,gBAAgB;AAAA,IAAA;AAAA,EAC/B,GACC,CAAC,mBAAmB,CAAC;AAElB,QAAA,uBAAuB,CAAC,eAAkC;AACxD,UAAA,aAAa,WAAW,MAAM,CAAC;AACrC,+CAAc;AAAA,EAChB;AAEO,SAAA;AAAA,IACL,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;"}

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

@@ -7,6 +7,7 @@ const useReferenceTooltip = require("../../../hooks/useReferenceTooltip.cjs.js")
 require("../../../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = 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");

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":["Quill","useDetailsPanelContext"],"mappings":";;;;;;;;;;;;AAKA,MAAM,SAASA,WAAAA,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1BD,mBAAA,SAAS,aAAa,IAAI;AAClC;;"}
+{"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":["Quill","useDetailsPanelContext"],"mappings":";;;;;;;;;;;;;AAKA,MAAM,SAASA,WAAAA,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1BD,mBAAA,SAAS,aAAa,IAAI;AAClC;;"}

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

@@ -6,6 +6,7 @@ import useReferenceTooltip from "../../../hooks/useReferenceTooltip.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext } from "../../../../../context/DetailsPanelContext.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../../../../context/pip/PiPWrapper.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.es.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":[],"mappings":";;;;;;;;;;;AAKA,MAAM,SAAS,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1B,QAAA,SAAS,aAAa,IAAI;AAClC;"}
+{"version":3,"file":"useMentionLink.es.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":[],"mappings":";;;;;;;;;;;;AAKA,MAAM,SAAS,MAAM,OAAO,cAAc;AAO1C,MAAM,iBAAiB,CAAC,EAAE,kBAAsC;AACxD,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAChD,QAAM,CAAG,EAAA,aAAa,IAAI,oBAAoB;AAI9C,QAAM,eAAN,MAAM,qBAAoB,OAAO;AAAA;AAAA,IAI/B,OAAO,OAAO,OAAO;AACf,UAAA,CAAC,SAAS,OAAO,UAAU,SAAiB,QAAA,SAAS,cAAc,aAAY,OAAO;AAEpF,YAAA,OAAO,MAAM,OAAO,KAAK;AAE/B,YAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM;AAChD,YAAM,iBAAiB,MAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,WAAA,UAAU,IAAI,SAAS;AACvB,WAAA,UAAU,IAAI,gBAAgB;AAEnC,WAAK,aAAa,MAAM,OAAO,cAAc,EAAE;AAE1C,WAAA,aAAa,mBAAmB,OAAO;AAGvC,WAAA,aAAa,cAAc,KAAK;AAGhC,WAAA,iBAAiB,SAAS,CAAC,MAAqC;AACnE,UAAE,eAAe;AACjB,YAAI,qBAAqB,OAAQ;AAEpB,qBAAA;AAAA,UACX,UAAU;AAAA,UACV,YAAY;AAAA,UACZ;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAGI,WAAA,iBAAiB,cAAc,CAAC,MAAwC;AACrE,cAAA,SAAS,EAAE,UAAU,CAAC;AAC5B,cAAM,QAAS,OAAuB,UAAU,QAAQ,KAAK,EAAE;AAE/D,cAAM,EAAE,GAAG,GAAG,MAAM,IAAK,OAAuB,sBAAsB;AACtE,cAAM,MAAM,EAAE,MAAM,IAAI,QAAQ,GAAG,KAAK,EAAE;AAE5B,sBAAA;AAAA,UACZ,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAED,aAAO,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAM,MAAW;AACf,aAAA,KAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,gBADI,cACG,YAAW;AAClB,gBAFI,cAEG,WAAU;AAFnB,MAAM,cAAN;AA6DY,cAAA,WAAW,CAAC,QAAQ;AAE1B,QAAA,SAAS,aAAa,IAAI;AAClC;"}

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js

@@ -2,7 +2,7 @@
 const jsxRuntime = require("../../../../../../../_virtual/jsx-runtime.cjs.js");
 const EntityTooltip_styled = require("./EntityTooltip.styled.cjs.js");
 const productTypes = require("../../../../../util/productTypes.cjs.js");
-require("../../../../../../../_virtual/lodash.cjs.js");
+require("lodash");
 require("react-toastify");
 require("../../../../../util/pubsub.cjs.js");
 require("react-dom");
@@ -37,6 +37,7 @@ require("../../ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../../../../context/RemoteModulesContext.cjs.js");
 require("../../../../../context/DetailsPanelContext.cjs.js");
 require("../../../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../../../context/SettingsPanelContext.cjs.js");
 require("../../../../../context/pip/PiPProvider.cjs.js");
 require("../../../../../context/pip/PiPWrapper.cjs.js");
 require("../../../Feed.styled.cjs.js");

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { productTypes } from '@shared/util'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productTypeData = productTypes[productType as keyof typeof productTypes]\n  const productIcon = productTypeData?.icon || 'layers'\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["useFeedContext","type","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAEpB,MAAA,CAAC,eAAgB,CAAC,gBAAgB,CAAC,YAAY,CAAC,YAAqB,QAAA;AAGzE,QAAM,sBAAsB,YAAY,cAAc,SAAS,KAAK;AAGpE,MAAI,YAAY,YAAY;AAC1B,UAAM,YAAY,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ;AAClE,WAAA,GAAG,SAAS,GAAG,mBAAmB;AAAA,EAAA;AAI3C,QAAM,eAAe,iBAAiB,WAAW,eAAe,WAAW;AACpE,SAAA,GAAG,YAAY,GAAG,mBAAmB;AAC9C;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA,KAAK,EAAE,OAAO,GAAG,MAAM,EAAA,IAAM,CAAA;AAC/B,MAAM;;AACJ,QAAM,EAAE,mBAAmB,mBAAmB,aAAa,YAAA,IAAgBA,YAAAA,eAAe;AAE1F,QAAM,QAAQ;AAGV,MAAA,OAAO,QAAQ,IAAI,OAAO,WAAmB,QAAA,OAAO,aAAa,QAAQ;AAEvE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB,CAAC;AAE1B,QAAM,EAAE,YAAY,CAAA,GAAI,WAAW,CAAA,EAAO,IAAA;AAEpC,QAAA,YAAW,eAAU,KAAK,CAACC,UAAcA,MAAK,SAAS,QAAQ,MAApD,mBAAuD;AACxE,QAAM,eAAe,SAAS,KAAK,CAAC,MAAc,EAAE,SAAS,MAAM;AACnE,QAAM,eAAe,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACK,QAAA,kBAAkB,aAAa,WAAwC;AACvE,QAAA,eAAc,mDAAiB,SAAQ;AAE7C,QAAM,QAA4C;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAEI,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAAC,2BAAA,kBAAA;AAAA,IAACC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,MAAM,KAAK,UAAU,MAAM;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,UAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAW,MAAM,QAAQ,EAAE;AAAA,MAC3B,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAC5B;AAEJ;;"}
+{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { productTypes } from '@shared/util'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productTypeData = productTypes[productType as keyof typeof productTypes]\n  const productIcon = productTypeData?.icon || 'layers'\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["useFeedContext","type","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAEpB,MAAA,CAAC,eAAgB,CAAC,gBAAgB,CAAC,YAAY,CAAC,YAAqB,QAAA;AAGzE,QAAM,sBAAsB,YAAY,cAAc,SAAS,KAAK;AAGpE,MAAI,YAAY,YAAY;AAC1B,UAAM,YAAY,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ;AAClE,WAAA,GAAG,SAAS,GAAG,mBAAmB;AAAA,EAAA;AAI3C,QAAM,eAAe,iBAAiB,WAAW,eAAe,WAAW;AACpE,SAAA,GAAG,YAAY,GAAG,mBAAmB;AAC9C;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA,KAAK,EAAE,OAAO,GAAG,MAAM,EAAA,IAAM,CAAA;AAC/B,MAAM;;AACJ,QAAM,EAAE,mBAAmB,mBAAmB,aAAa,YAAA,IAAgBA,YAAAA,eAAe;AAE1F,QAAM,QAAQ;AAGV,MAAA,OAAO,QAAQ,IAAI,OAAO,WAAmB,QAAA,OAAO,aAAa,QAAQ;AAEvE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB,CAAC;AAE1B,QAAM,EAAE,YAAY,CAAA,GAAI,WAAW,CAAA,EAAO,IAAA;AAEpC,QAAA,YAAW,eAAU,KAAK,CAACC,UAAcA,MAAK,SAAS,QAAQ,MAApD,mBAAuD;AACxE,QAAM,eAAe,SAAS,KAAK,CAAC,MAAc,EAAE,SAAS,MAAM;AACnE,QAAM,eAAe,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACK,QAAA,kBAAkB,aAAa,WAAwC;AACvE,QAAA,eAAc,mDAAiB,SAAQ;AAE7C,QAAM,QAA4C;AAAA,IAChD,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAEI,MAAA,CAAC,KAAa,QAAA;AAGhB,SAAAC,2BAAA,kBAAA;AAAA,IAACC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,MAAM,KAAK,UAAU,MAAM;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,UAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAW,MAAM,QAAQ,EAAE;AAAA,MAC3B,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAC5B;AAEJ;;"}

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.es.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "../../../../../../../_virtual/jsx-runtime.es.js";
 import { TooltipEntityCard } from "./EntityTooltip.styled.es.js";
 import productTypes from "../../../../../util/productTypes.es.js";
-import "../../../../../../../_virtual/lodash.es.js";
+import "lodash";
 import "react-toastify";
 import "../../../../../util/pubsub.es.js";
 import "react-dom";
@@ -36,6 +36,7 @@ import "../../ActivityGroup/ActivityGroup.styled.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
 import "../../../../../context/DetailsPanelContext.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
 import "../../../../../context/pip/PiPWrapper.es.js";
 import "../../../Feed.styled.es.js";