@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\nimport { useBlendedCategoryColor } from './hooks/useBlendedCategoryColor'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { ActivityCategorySelect, isCategoryHidden, SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { parseFilename } from '@shared/util/parseFilename'\nimport type { FeedActivity } from '@shared/api'\nimport { VersionReviewPill } from './VersionReviewPill'\nimport { VersionReviewFeedback, mentionTypeOptions } from './types'\n\nvar Delta = Quill.import('delta')\n\nconst EMPTY_EDITOR_VALUE = '<p><br></p>'\n\nconst mentionTypes = ['@', '@@', '@@@']\n\ninterface CommentInputProps {\n  initValue: string | null\n  initFiles?: any[]\n  initCategory?: string | null\n  data?: any\n  versionReview: boolean\n  lastOwnVersionReview?: FeedActivity\n  onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n  onReview?: (feedback: VersionReviewFeedback) => void\n  isEditing?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  isOpen: boolean\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n  initValue,\n  initFiles = [],\n  initCategory = null,\n  data = {},\n  versionReview,\n  lastOwnVersionReview,\n  onSubmit,\n  onReview,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const {\n    projectName,\n    entities,\n    projectInfo,\n    scope,\n    feedFilter,\n    mentionSuggestionsData,\n    categories,\n    isGuest,\n  } = useFeedContext()\n\n  const { hasLicense, onPowerFeature, user } = useDetailsPanelContext()\n  const isAdmin = user?.data?.isAdmin\n\n  const project = useProjectContext()\n\n  const {\n    users: mentionUsers,\n    teams: mentionTeams,\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  // Prefix filter for mentions (e.g. 'team:' or 'user:')\n  const [mentionPrefix, setMentionPrefix] = useState('')\n\n  const clearMention = () => {\n    setMention(null)\n    setMentionSelectedIndex(0)\n    setMentionPrefix('')\n  }\n  // CATEGORY STATE\n  const [category, setCategory] = useState<null | string>(initCategory)\n  const categoryOptions = categories.filter((cat) => cat.accessLevel >= 20)\n  const categoryData = categories.find((cat) => cat.name === category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n  // REFS\n  const editorRef = useRef<any>(null)\n  const editorContainerRef = useRef<HTMLDivElement>(null)\n\n  const markdownRef = useRef<HTMLDivElement>(null)\n\n  // if there is an initial value, set it so the editor is prefilled\n  useInitialValue({\n    markdownRef,\n    initValue,\n    setEditorValue,\n    setInitHeight,\n    isOpen: isOpen,\n    // @ts-expect-error - QueryFilter type is the same\n    filter: feedFilter,\n  })\n\n  // When editing, set selection to the end of the editor\n  useSetCursorEnd({ initHeight, editorRef, isEditing })\n  // create a new quill format for mentions and registers it\n  useMentionLink({ projectName })\n\n  // focus on editor when opened\n  useEffect(() => {\n    if (isOpen) {\n      editorRef.current?.getEditor()?.enable()\n      // block autofocus if opened from an annotation\n      if (annotations.length > 0 && files.length === 0) {\n        return\n      }\n\n      editorRef.current?.focus()\n    }\n    // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n    // the input if it's already open but annotations change (e.g. are removed).\n  }, [isOpen, editorRef])\n\n  mentionTypes.sort((a, b) => b.length - a.length)\n\n  // Combine prefix filter with typed search for options filtering\n  const mentionSearchWithPrefix = mentionPrefix + (mention?.search || '')\n\n  const mentionOptions = useMemo(\n    () =>\n      getMentionOptions(\n        mention?.type,\n        {\n          '@': () => getMentionUsers(mentionUsers, mentionTeams),\n          '@@': () => getMentionVersions(mentionVersions, project),\n          '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n        },\n        mentionSearchWithPrefix || undefined,\n      ),\n    [\n      mentionTasks,\n      mentionVersions,\n      mentionUsers,\n      mentionTeams,\n      mention?.type,\n      mentionSearchWithPrefix,\n    ],\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    // Use the option's own type (e.g. 'team') if available, otherwise fall back to the mention type config\n    const refType = selectedOption.type || type?.id\n    const href = `${refType}:${selectedOption.id}` // the href of the mention: user:user.123 or team:Thunder boys\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    clearMention()\n  }\n\n  const handleSelectChange = (option: any) => {\n    handleSelectMention(option)\n  }\n\n  const handleChange = (content: string, delta: any, _: any, editor: any) => {\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    // find the first option\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption && !isGuest) {\n      // get option text\n      const retain = (delta.ops[0] && delta.ops[0].retain) || 0\n      // prevent default\n\n      // @ts-ignore\n      handleSelectMention(selectedOption, retain)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = mentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mention = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      // for each mention denotation char, check if it is a mention\n      // sort by length of mention denotation char\n      let mentionMatch = null\n\n      // loop through each mention denotation char, with longest first. First one to match is the one we want\n      for (const chars of mentionTypes) {\n        let isMatch = true\n        // start with the last character\n        if (chars.endsWith(mention)) {\n          // loop through the chars backwards\n          for (let i = chars.length - 1; i >= 0; i--) {\n            // skip first character as that's already been checked\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          // console.log('match!!!', chars)\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        clearMention()\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          clearMention()\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          clearMention()\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else if (isDelete) {\n        // backspace inside a mention deletes the whole mention\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          const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n          const ops = lineBlock?.cache?.delta?.ops || []\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 fileName = parseFilename(file.name)\n    const newFile = {\n      id: data.id,\n      name: fileName,\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) =>\n      prev.filter((uploading: any) => parseFilename(uploading.name) !== fileName),\n    )\n\n    return newFile\n  }\n\n  const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n    if (isUnsavedAnnotation) {\n      // remove from annotations (if it's an unsaved annotation)\n      removeAnnotation?.(id)\n    } else {\n      // remove file from files\n      setFiles((prev) => prev.filter((file) => file.id !== id))\n      // remove from uploading\n      setFilesUploading((prev) => {\n        return prev.filter((file: any) => parseFilename(file.name) !== parseFilename(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 fileName = parseFilename(file.name)\n      const uploadProgress = {\n        name: fileName,\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) => parseFilename(name.name) !== fileName)\n        return [...newProgress, uploadProgress]\n      })\n    }\n  }\n\n  // when a file is not dropped onto the comment input\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    setIsDropping(false)\n    // upload file\n    handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n  }\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDropping(true)\n  }\n\n  const uploadAnnotations = useAnnotationsUpload({\n    projectName,\n    onSuccess: handleFileUploaded,\n  })\n\n  const handleSubmit = async () => {\n    try {\n      setIsSubmitting(true)\n\n      // upload any annotations first\n      let annotationFiles = []\n      let annotationMetadata: SavedAnnotationMetadata[] | undefined = undefined\n      if (annotations.length) {\n        const { files, metadata } = await uploadAnnotations(annotations)\n        annotationFiles = files\n        // get current files data\n        const { annotations: annotationsData = [] } = data || {}\n        // merge existing annotations data with new metadata\n        annotationMetadata = [...annotationsData, ...metadata]\n      }\n\n      // convert to markdown\n      const [markdown] = convertToMarkdown(editorValue)\n\n      // remove img query params\n      const markdownParsed = parseImages(markdown)\n\n      const uploadedFiles = [...files, ...annotationFiles]\n\n      const newData = {\n        ...data,\n        annotations: annotationMetadata, // could be undefined\n        category: isGuest ? null : category, // guests cannot set category (it is done by default on backend)\n      }\n\n      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles, newData)\n          // only clear if onSubmit is successful\n          setEditorValue('')\n          setFiles([])\n        } catch (error) {\n          // error is handled in rtk query mutation\n          return\n        }\n      }\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (mention) {\n      // close mention on escape\n      if (e.key === 'Escape') {\n        clearMention()\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        mentionTypeOptions,\n      }),\n    [projectName, setFiles, setFilesUploading],\n  )\n\n  const allFiles = [...annotations, ...(files || []), ...filesUploading].sort(\n    (a, b) => a.order - b.order,\n  )\n  const compactGrid = allFiles.length > 3\n\n  // disable version mentions for folders\n  let mentionsError = null\n  if (entities.length && entities[0].entityType === 'folder') {\n    if (mention?.type === '@@') {\n      mentionsError = 'Version mentions are disabled for folders'\n    }\n  }\n\n  const getCommentPlaceholder = (isOpen?: boolean) => {\n    if (disabled) {\n      if (isGuest) return 'You do not have permission to comment.'\n      return 'Commenting is disabled across multiple projects.'\n    }\n\n    if (isGuest || !isOpen) return 'Leave a comment'\n\n    return 'Comment or mention with @user, @@version, @@@task...'\n  }\n\n  const handleReviewSubmit = async (status: VersionReviewFeedback) => {\n    if (!onReview) return\n    try {\n      const postComment =\n        (editorValue && editorValue !== EMPTY_EDITOR_VALUE) ||\n        files.length > 0 ||\n        annotations.length > 0\n      // if the editor value is valid, also submit the comment first\n      if (postComment) {\n        await handleSubmit()\n      }\n\n      onReview(status)\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong while submitting the review')\n    }\n  }\n\n  const versionReviewButtons = versionReview && onReview && !disabled && (\n    <Styled.VersionReviewButtons className={clsx('version-review-buttons', { guest: isGuest })}>\n      <Styled.VersionReviewButton\n        icon=\"check\"\n        variant=\"tertiary\"\n        data-tooltip=\"Approve\"\n        onClick={() => handleReviewSubmit(VersionReviewFeedback.APPROVE)}\n      >\n        <span className=\"label\">Approve</span>\n      </Styled.VersionReviewButton>\n      <Styled.VersionReviewButton\n        icon=\"refresh\"\n        variant=\"danger\"\n        data-tooltip=\"Request changes\"\n        onClick={() => handleReviewSubmit(VersionReviewFeedback.REQUEST_CHANGES)}\n      >\n        <span className=\"label\">Request changes</span>\n      </Styled.VersionReviewButton>\n    </Styled.VersionReviewButtons>\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        {versionReview && lastOwnVersionReview && (\n          <VersionReviewPill lastOwnVersionReview={lastOwnVersionReview} />\n        )}\n\n        <Styled.Comment\n          className={clsx('block-shortcuts', {\n            isOpen,\n            isClosed: !isOpen || disabled,\n            isEditing,\n            isDropping,\n            disabled,\n            isLoading,\n            isSubmitting,\n            category: !!category && !isGuest,\n          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\n          $categoryPrimary={categoryData?.color}\n          $categoryTertiary={blendedCategoryColor.primary}\n          $categorySecondary={blendedCategoryColor.secondary}\n        >\n          <Styled.Markdown ref={markdownRef}>\n            {/* this is purely used to translate the markdown into html for Editor */}\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n          </Styled.Markdown>\n\n          {/* file uploads */}\n          {isOpen && (\n            <FilesGrid\n              files={allFiles}\n              isCompact={compactGrid || isEditing}\n              onRemove={handleFileRemove}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n              style={{\n                borderBottom: '1px solid var(--md-sys-color-outline-variant)',\n                height: '100%',\n              }}\n              isEditing\n              pt={{\n                file: {\n                  style: {\n                    height: isEditing ? 70 : undefined,\n                  },\n                },\n              }}\n            />\n          )}\n          {isOpen && !disabled ? (\n            <QuillListStyles ref={editorContainerRef}>\n              {!isGuest && (\n                <ActivityCategorySelect\n                  value={category}\n                  categories={categoryOptions}\n                  onChange={(c) => setCategory(c)}\n                  isCompact={isEditing}\n                  hasPowerpack={hasLicense}\n                  onPowerFeature={onPowerFeature}\n                  isHidden={isCategoryHidden(categoryOptions, { isGuest, isAdmin })}\n                  style={{\n                    position: isEditing ? 'relative' : 'absolute',\n                    left: 4,\n                    top: isEditing ? 0 : 4,\n                  }}\n                />\n              )}\n\n              <ReactQuill\n                theme=\"snow\"\n                style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n                ref={editorRef}\n                value={editorValue}\n                onChange={handleChange}\n                readOnly={!isOpen}\n                placeholder={getCommentPlaceholder(true)}\n                modules={modules}\n                formats={quillFormats}\n              />\n            </QuillListStyles>\n          ) : (\n            <Styled.Placeholder>{getCommentPlaceholder()}</Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\n            {!isGuest && (\n              <Styled.Buttons>\n                {/* mention a user */}\n                <Button\n                  icon=\"person\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@')}\n                  data-tooltip={'Mention user'}\n                  data-shortcut={'@'}\n                />\n                {/* mention a version */}\n                <Button\n                  icon=\"layers\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@')}\n                  data-tooltip={'Mention version'}\n                  data-shortcut={'@@'}\n                />\n                {/* mention a task */}\n                <Button\n                  icon=\"check_circle\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@@')}\n                  data-tooltip={'Mention task'}\n                  data-shortcut={'@@@'}\n                />\n              </Styled.Buttons>\n            )}\n            <Styled.SubmitButtons>\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.SubmitButtons>\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          onPrefixFilter={(prefix) => {\n            setMentionPrefix(prefix)\n            setMentionSelectedIndex(0)\n          }}\n          activePrefix={mentionPrefix ? mentionPrefix.replace(':', '') : undefined}\n          types={mentionTypes}\n          // @ts-ignore\n          config={mentionTypeOptions[mention?.type]}\n          noneFound={!shownMentionOptions.length && (mention?.search || mentionPrefix)}\n          noneFoundAtAll={!shownMentionOptions.length && !mention?.search && !mentionPrefix}\n          selectedIndex={mentionSelectedIndex}\n          // @ts-ignore\n          error={mentionsError}\n          isGuest={isGuest}\n        />\n\n        <Styled.VersionReviewButtonsSpacer />\n        {versionReviewButtons}\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","EMPTY_EDITOR_VALUE","mentionTypes","CommentInput","initValue","initFiles","initCategory","data","versionReview","lastOwnVersionReview","onSubmit","onReview","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","feedFilter","mentionSuggestionsData","categories","isGuest","useFeedContext","hasLicense","onPowerFeature","user","useDetailsPanelContext","isAdmin","project","useProjectContext","mentionUsers","mentionTeams","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","mentionPrefix","setMentionPrefix","clearMention","category","setCategory","categoryOptions","cat","categoryData","blendedCategoryColor","useBlendedCategoryColor","editorRef","useRef","editorContainerRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","a","b","mentionSearchWithPrefix","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","type","mentionTypeOptions","href","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","fileName","parseFilename","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","e","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","annotationsData","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","newData","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","getCommentPlaceholder","handleReviewSubmit","status","versionReviewButtons","Styled.VersionReviewButtons","clsx","jsx","Styled.VersionReviewButton","VersionReviewFeedback","Fragment","jsxs","Styled.AutoHeight","VersionReviewPill","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ActivityCategorySelect","c","isCategoryHidden","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","Styled.SubmitButtons","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect","prefix","Styled.VersionReviewButtonsSpacer"],"mappings":"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"}
+{"version":3,"file":"CommentInput.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\nimport { useBlendedCategoryColor } from './hooks/useBlendedCategoryColor'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { ActivityCategorySelect, isCategoryHidden, SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { parseFilename } from '@shared/util/parseFilename'\nimport type { FeedActivity } from '@shared/api'\nimport { VersionReviewPill } from './VersionReviewPill'\nimport { VersionReviewFeedback, mentionTypeOptions } from './types'\n\nvar Delta = Quill.import('delta')\n\nconst EMPTY_EDITOR_VALUE = '<p><br></p>'\n\nconst mentionTypes = ['@', '@@', '@@@']\n\ntype UploadingFile = {\n  name: string\n  progress: number\n  type: string\n  order: number\n}\n\ninterface CommentInputProps {\n  initValue: string | null\n  initFiles?: any[]\n  initCategory?: string | null\n  data?: any\n  versionReview: boolean\n  lastOwnVersionReview?: FeedActivity\n  onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n  onReview?: (feedback: VersionReviewFeedback) => void\n  isEditing?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  isOpen: boolean\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n  initValue,\n  initFiles = [],\n  initCategory = null,\n  data = {},\n  versionReview,\n  lastOwnVersionReview,\n  onSubmit,\n  onReview,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const {\n    projectName,\n    entities,\n    projectInfo,\n    scope,\n    feedFilter,\n    mentionSuggestionsData,\n    categories,\n    isGuest,\n  } = useFeedContext()\n\n  const { hasLicense, onPowerFeature, user } = useDetailsPanelContext()\n  const isAdmin = user?.data?.isAdmin\n\n  const project = useProjectContext()\n\n  const {\n    users: mentionUsers,\n    teams: mentionTeams,\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<UploadingFile[]>([])\n  const [isDropping, setIsDropping] = useState(false)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [uploadedAnnotations, setUploadedAnnotations] = useState<SavedAnnotationMetadata[]>([])\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  // Prefix filter for mentions (e.g. 'team:' or 'user:')\n  const [mentionPrefix, setMentionPrefix] = useState('')\n\n  const clearMention = () => {\n    setMention(null)\n    setMentionSelectedIndex(0)\n    setMentionPrefix('')\n  }\n  // CATEGORY STATE\n  const [category, setCategory] = useState<null | string>(initCategory)\n  const categoryOptions = categories.filter((cat) => cat.accessLevel >= 20)\n  const categoryData = categories.find((cat) => cat.name === category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n  // REFS\n  const editorRef = useRef<any>(null)\n  const editorContainerRef = useRef<HTMLDivElement>(null)\n\n  const markdownRef = useRef<HTMLDivElement>(null)\n\n  // if there is an initial value, set it so the editor is prefilled\n  useInitialValue({\n    markdownRef,\n    initValue,\n    setEditorValue,\n    setInitHeight,\n    isOpen: isOpen,\n    // @ts-expect-error - QueryFilter type is the same\n    filter: feedFilter,\n  })\n\n  // When editing, set selection to the end of the editor\n  useSetCursorEnd({ initHeight, editorRef, isEditing })\n  // create a new quill format for mentions and registers it\n  useMentionLink({ projectName, editorRef })\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  // Combine prefix filter with typed search for options filtering\n  const mentionSearchWithPrefix = mentionPrefix + (mention?.search || '')\n\n  const mentionOptions = useMemo(\n    () =>\n      getMentionOptions(\n        mention?.type,\n        {\n          '@': () => getMentionUsers(mentionUsers, mentionTeams),\n          '@@': () => getMentionVersions(mentionVersions, project),\n          '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n        },\n        mentionSearchWithPrefix || undefined,\n      ),\n    [\n      mentionTasks,\n      mentionVersions,\n      mentionUsers,\n      mentionTeams,\n      mention?.type,\n      mentionSearchWithPrefix,\n    ],\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    // Use the option's own type (e.g. 'team') if available, otherwise fall back to the mention type config\n    const refType = selectedOption.type || type?.id\n    const href = `${refType}:${selectedOption.id}` // the href of the mention: user:user.123 or team:Thunder boys\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    clearMention()\n  }\n\n  const handleSelectChange = (option: any) => {\n    handleSelectMention(option)\n  }\n\n  const handleChange = (content: string, delta: any, _: any, editor: any) => {\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    // find the first option\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption && !isGuest) {\n      // get option text\n      const retain = (delta.ops[0] && delta.ops[0].retain) || 0\n      // prevent default\n\n      // @ts-ignore\n      handleSelectMention(selectedOption, retain)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = mentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mention = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      // for each mention denotation char, check if it is a mention\n      // sort by length of mention denotation char\n      let mentionMatch = null\n\n      // loop through each mention denotation char, with longest first. First one to match is the one we want\n      for (const chars of mentionTypes) {\n        let isMatch = true\n        // start with the last character\n        if (chars.endsWith(mention)) {\n          // loop through the chars backwards\n          for (let i = chars.length - 1; i >= 0; i--) {\n            // skip first character as that's already been checked\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          // console.log('match!!!', chars)\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        clearMention()\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          clearMention()\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          clearMention()\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else if (isDelete) {\n        // backspace inside a mention deletes the whole mention\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          const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n          const ops = lineBlock?.cache?.delta?.ops || []\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, isAnnotationLayer = false) => {\n    const fileName = parseFilename(file.name)\n    const newFile = {\n      id: data.id,\n      name: fileName,\n      mime: file.type,\n      size: file.size,\n      order: files.length,\n      isAnnotationLayer,\n    }\n\n    setFiles((prev) => [...prev, newFile])\n    // remove from uploading\n    setFilesUploading((prev) =>\n      prev.filter((uploading) => parseFilename(uploading.name) !== fileName),\n    )\n\n    return newFile\n  }\n\n  const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n    if (isUnsavedAnnotation) {\n      // remove from annotations (if it's an unsaved annotation)\n      removeAnnotation?.(id)\n    } else {\n      // remove file from files\n      setFiles((prev) => prev.filter((file) => file.id !== id))\n      // remove from uploading\n      setFilesUploading((prev) => {\n        return prev.filter((file) => parseFilename(file.name) !== parseFilename(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 fileName = parseFilename(file.name)\n\n      setFilesUploading((prev) => {\n        const existing = prev.find((item) => parseFilename(item.name) === fileName)\n        const newProgress = prev.filter((item) => parseFilename(item.name) !== fileName)\n        const uploadProgress: UploadingFile = {\n          name: fileName,\n          progress,\n          type: file.type,\n          order: existing?.order ?? files.length + prev.length,\n        }\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, (file: File) =>\n      removeFileUploading(file.name),\n    )\n  }\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDropping(true)\n  }\n\n  const removeFileUploading = (name: string) => {\n    setFilesUploading((prev) => prev.filter((file) => file.name !== parseFilename(name)))\n  }\n\n  const uploadAnnotations = useAnnotationsUpload({\n    projectName,\n    onSuccess: handleFileUploaded,\n    onProgress: handleFileProgress,\n    // seed progress so the card switches to uploading before the export finishes\n    onStart: (annotation) =>\n      handleFileProgress({ loaded: 1, total: 100 }, { name: annotation.name, type: 'image/png' }),\n    onError: (annotation) => removeFileUploading(annotation.name),\n  })\n\n  const isUploading = filesUploading.length > 0\n  const isSaving = isSubmitting || isUploading\n\n  const handleSubmit = async () => {\n    if (isSaving) return\n    try {\n      setIsSubmitting(true)\n\n      // upload any annotations first\n      let annotationFiles = []\n      let newAnnotations = uploadedAnnotations\n      if (annotations.length) {\n        const { files, metadata } = await uploadAnnotations(annotations)\n        annotationFiles = files\n        newAnnotations = [...newAnnotations, ...metadata]\n      }\n\n      // get current files data and merge it with the new metadata\n      const { annotations: annotationsData = [] } = data || {}\n      const annotationMetadata: SavedAnnotationMetadata[] | undefined = newAnnotations.length\n        ? [...annotationsData, ...newAnnotations]\n        : undefined\n\n      // convert to markdown\n      const [markdown] = convertToMarkdown(editorValue)\n\n      // remove img query params\n      const markdownParsed = parseImages(markdown)\n\n      const uploadedFiles = [...files, ...annotationFiles]\n\n      const newData = {\n        ...data,\n        annotations: annotationMetadata, // could be undefined\n        category: isGuest ? null : category, // guests cannot set category (it is done by default on backend)\n      }\n\n      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        const submittedValue = editorValue\n        // clear before the optimistic comment renders, otherwise both show the same files\n        setEditorValue('')\n        setFiles([])\n        try {\n          await onSubmit(markdownParsed, uploadedFiles, newData)\n          setUploadedAnnotations([])\n        } catch (error) {\n          // error is handled in rtk query mutation\n          setEditorValue(submittedValue)\n          setFiles(uploadedFiles)\n          setUploadedAnnotations(newAnnotations)\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        clearMention()\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          onReject: (_error: any, file: File) => removeFileUploading(file.name),\n        },\n        mentionTypeOptions,\n      }),\n    [projectName, setFiles, setFilesUploading],\n  )\n\n  const allFiles = [\n    ...annotations,\n    ...(files || []).filter((file: any) => !file.isAnnotationLayer),\n    ...filesUploading,\n  ].sort((a, b) => a.order - b.order)\n  const compactGrid = allFiles.length > 3\n\n  // disable version mentions for folders\n  let mentionsError = null\n  if (entities.length && entities[0].entityType === 'folder') {\n    if (mention?.type === '@@') {\n      mentionsError = 'Version mentions are disabled for folders'\n    }\n  }\n\n  const getCommentPlaceholder = (isOpen?: boolean) => {\n    if (disabled) {\n      if (isGuest) return 'You do not have permission to comment.'\n      return 'Commenting is disabled across multiple projects.'\n    }\n\n    if (isGuest || !isOpen) return 'Leave a comment'\n\n    return 'Comment or mention with @user, @@version, @@@task...'\n  }\n\n  const handleReviewSubmit = async (status: VersionReviewFeedback) => {\n    if (!onReview) return\n    try {\n      const postComment =\n        (editorValue && editorValue !== EMPTY_EDITOR_VALUE) ||\n        files.length > 0 ||\n        annotations.length > 0\n      // if the editor value is valid, also submit the comment first\n      if (postComment) {\n        await handleSubmit()\n      }\n\n      onReview(status)\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong while submitting the review')\n    }\n  }\n\n  const versionReviewButtons = versionReview && onReview && !disabled && (\n    <Styled.VersionReviewButtons className={clsx('version-review-buttons', { guest: isGuest })}>\n      <Styled.VersionReviewButton\n        icon=\"check\"\n        variant=\"tertiary\"\n        data-tooltip=\"Approve\"\n        onClick={() => handleReviewSubmit(VersionReviewFeedback.APPROVE)}\n      >\n        <span className=\"label\">Approve</span>\n      </Styled.VersionReviewButton>\n      <Styled.VersionReviewButton\n        icon=\"refresh\"\n        variant=\"danger\"\n        data-tooltip=\"Request changes\"\n        onClick={() => handleReviewSubmit(VersionReviewFeedback.REQUEST_CHANGES)}\n      >\n        <span className=\"label\">Request changes</span>\n      </Styled.VersionReviewButton>\n    </Styled.VersionReviewButtons>\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        {versionReview && lastOwnVersionReview && (\n          <VersionReviewPill lastOwnVersionReview={lastOwnVersionReview} />\n        )}\n\n        <Styled.Comment\n          className={clsx('block-shortcuts', {\n            isOpen,\n            isClosed: !isOpen || disabled,\n            isEditing,\n            isDropping,\n            disabled,\n            isLoading,\n            isSubmitting,\n            category: !!category && !isGuest,\n          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\n          $categoryPrimary={categoryData?.color}\n          $categoryTertiary={blendedCategoryColor.primary}\n          $categorySecondary={blendedCategoryColor.secondary}\n        >\n          <Styled.Markdown ref={markdownRef}>\n            {/* this is purely used to translate the markdown into html for Editor */}\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n          </Styled.Markdown>\n\n          {/* file uploads */}\n          {isOpen && (\n            <FilesGrid\n              files={allFiles}\n              isCompact={compactGrid || isEditing}\n              onRemove={handleFileRemove}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n              style={{\n                borderBottom: '1px solid var(--md-sys-color-outline-variant)',\n                height: '100%',\n              }}\n              isEditing\n              pt={{\n                file: {\n                  style: {\n                    height: isEditing ? 70 : undefined,\n                  },\n                },\n              }}\n            />\n          )}\n          {isOpen && !disabled ? (\n            <QuillListStyles ref={editorContainerRef}>\n              {!isGuest && (\n                <ActivityCategorySelect\n                  value={category}\n                  categories={categoryOptions}\n                  onChange={(c) => setCategory(c)}\n                  isCompact={isEditing}\n                  hasPowerpack={hasLicense}\n                  onPowerFeature={onPowerFeature}\n                  isHidden={isCategoryHidden(categoryOptions, { isGuest, isAdmin })}\n                  style={{\n                    position: isEditing ? 'relative' : 'absolute',\n                    left: 4,\n                    top: isEditing ? 0 : 4,\n                  }}\n                />\n              )}\n\n              <ReactQuill\n                theme=\"snow\"\n                style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n                ref={editorRef}\n                value={editorValue}\n                onChange={handleChange}\n                readOnly={!isOpen}\n                placeholder={getCommentPlaceholder(true)}\n                modules={modules}\n                formats={quillFormats}\n              />\n            </QuillListStyles>\n          ) : (\n            <Styled.Placeholder>{getCommentPlaceholder()}</Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\n            {!isGuest && (\n              <Styled.Buttons>\n                {/* mention a user */}\n                <Button\n                  icon=\"person\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@')}\n                  data-tooltip={'Mention user'}\n                  data-shortcut={'@'}\n                />\n                {/* mention a version */}\n                <Button\n                  icon=\"layers\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@')}\n                  data-tooltip={'Mention version'}\n                  data-shortcut={'@@'}\n                />\n                {/* mention a task */}\n                <Button\n                  icon=\"check_circle\"\n                  variant=\"text\"\n                  onClick={() => handleMentionButton('@@@')}\n                  data-tooltip={'Mention task'}\n                  data-shortcut={'@@@'}\n                />\n              </Styled.Buttons>\n            )}\n            <Styled.SubmitButtons>\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 || isSaving}\n                saving={isSaving}\n              />\n            </Styled.SubmitButtons>\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          onPrefixFilter={(prefix) => {\n            setMentionPrefix(prefix)\n            setMentionSelectedIndex(0)\n          }}\n          activePrefix={mentionPrefix ? mentionPrefix.replace(':', '') : undefined}\n          types={mentionTypes}\n          // @ts-ignore\n          config={mentionTypeOptions[mention?.type]}\n          noneFound={!shownMentionOptions.length && (mention?.search || mentionPrefix)}\n          noneFoundAtAll={!shownMentionOptions.length && !mention?.search && !mentionPrefix}\n          selectedIndex={mentionSelectedIndex}\n          // @ts-ignore\n          error={mentionsError}\n          isGuest={isGuest}\n        />\n\n        <Styled.VersionReviewButtonsSpacer />\n        {versionReviewButtons}\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","EMPTY_EDITOR_VALUE","mentionTypes","CommentInput","initValue","initFiles","initCategory","data","versionReview","lastOwnVersionReview","onSubmit","onReview","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","feedFilter","mentionSuggestionsData","categories","isGuest","useFeedContext","hasLicense","onPowerFeature","user","useDetailsPanelContext","isAdmin","project","useProjectContext","mentionUsers","mentionTeams","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","uploadedAnnotations","setUploadedAnnotations","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","mentionPrefix","setMentionPrefix","clearMention","category","setCategory","categoryOptions","cat","categoryData","blendedCategoryColor","useBlendedCategoryColor","editorRef","useRef","editorContainerRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","a","b","mentionSearchWithPrefix","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","type","mentionTypeOptions","href","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","isAnnotationLayer","fileName","parseFilename","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","e","progress","existing","item","newProgress","uploadProgress","handleDrop","handleFileDrop","removeFileUploading","handleDragOver","uploadAnnotations","useAnnotationsUpload","annotation","isUploading","isSaving","handleSubmit","annotationFiles","newAnnotations","metadata","annotationsData","annotationMetadata","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","newData","submittedValue","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","_error","allFiles","compactGrid","mentionsError","getCommentPlaceholder","handleReviewSubmit","status","versionReviewButtons","Styled.VersionReviewButtons","clsx","jsx","Styled.VersionReviewButton","VersionReviewFeedback","Fragment","jsxs","Styled.AutoHeight","VersionReviewPill","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ActivityCategorySelect","c","isCategoryHidden","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","Styled.SubmitButtons","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect","prefix","Styled.VersionReviewButtonsSpacer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,IAAIA,KAAQC,GAAM,OAAO,OAAO;AAEhC,MAAMC,KAAqB,eAErBC,IAAe,CAAC,KAAK,MAAM,KAAK,GA0BhCC,KAAsC,CAAC;AAAA,EAC3C,WAAAC;AAAA,EACA,WAAAC,KAAY,CAAA;AAAA,EACZ,cAAAC,KAAe;AAAA,EACf,MAAAC,KAAO,CAAA;AAAA,EACP,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,GAAA,GAEE,EAAE,YAAAC,IAAY,gBAAAC,IAAgB,MAAAC,GAAA,IAASC,GAAA,GACvCC,KAAUF,IAAM,MAAM,SAEtBG,KAAUC,GAAA,GAEV;AAAA,IACJ,OAAOC;AAAA,IACP,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,OAAOC;AAAA,EAAA,IACLd,MAA0B,CAAA,GAExB,CAACe,IAAYC,EAAa,IAAIC,EAAS,EAAE,GACzC,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAE3C,CAACG,GAAOC,CAAQ,IAAIJ,EAASnC,EAAS,GACtC,CAACwC,GAAgBC,CAAiB,IAAIN,EAA0B,CAAA,CAAE,GAClE,CAACO,IAAYC,CAAa,IAAIR,EAAS,EAAK,GAC5C,CAACS,IAAcC,EAAe,IAAIV,EAAS,EAAK,GAChD,CAACW,IAAqBC,EAAsB,IAAIZ,EAAoC,CAAA,CAAE,GAEtF,EAAE,aAAAa,GAAa,kBAAAC,IAAkB,gBAAAC,GAAA,IAAmBC,GAAmB;AAAA,IAC3E,UAAUrC,EAAS,CAAC,GAAG;AAAA,IACvB,gBAAA0B;AAAA,EAAA,CACD,GAGK,CAACY,GAASC,CAAU,IAAIlB,EAAqB,IAAI,GACjD,CAACmB,GAAsBC,CAAuB,IAAIpB,EAAS,CAAC,GAE5D,CAACqB,GAAeC,EAAgB,IAAItB,EAAS,EAAE,GAE/CuB,IAAe,MAAM;AACzB,IAAAL,EAAW,IAAI,GACfE,EAAwB,CAAC,GACzBE,GAAiB,EAAE;AAAA,EACrB,GAEM,CAACE,GAAUC,EAAW,IAAIzB,EAAwBlC,EAAY,GAC9D4D,KAAkB1C,GAAW,OAAO,CAAC2C,MAAQA,EAAI,eAAe,EAAE,GAClEC,KAAe5C,GAAW,KAAK,CAAC2C,MAAQA,EAAI,SAASH,CAAQ,GAE7DK,KAAuBC,GAAwBF,IAAc,KAAK,GAElEG,IAAYC,GAAY,IAAI,GAC5BC,KAAqBD,GAAuB,IAAI,GAEhDE,KAAcF,GAAuB,IAAI;AAG/C,EAAAG,GAAgB;AAAA,IACd,aAAAD;AAAA,IACA,WAAAtE;AAAA,IACA,gBAAAsC;AAAA,IACA,eAAAH;AAAA,IACA,QAAAxB;AAAA;AAAA,IAEA,QAAQO;AAAA,EAAA,CACT,GAGDsD,GAAgB,EAAE,YAAAtC,IAAY,WAAAiC,GAAW,WAAA3D,EAAA,CAAW,GAEpDiE,GAAe,EAAE,aAAA3D,GAAa,WAAAqD,GAAW,GAGzCO,GAAU,MAAM;AACd,QAAI/D,GAAQ;AAGV,UAFAwD,EAAU,SAAS,UAAA,GAAa,OAAA,GAE5BlB,EAAY,SAAS,KAAKV,EAAM,WAAW;AAC7C;AAGF,MAAA4B,EAAU,SAAS,MAAA;AAAA,IACrB;AAAA,EAGF,GAAG,CAACxD,GAAQwD,CAAS,CAAC,GAEtBrE,EAAa,KAAK,CAAC6E,GAAGC,MAAMA,EAAE,SAASD,EAAE,MAAM;AAG/C,QAAME,KAA0BpB,KAAiBJ,GAAS,UAAU,KAE9DyB,KAAiBC;AAAA,IACrB,MACEC;AAAA,MACE3B,GAAS;AAAA,MACT;AAAA,QACE,KAAK,MAAM4B,GAAgBnD,IAAcC,EAAY;AAAA,QACrD,MAAM,MAAMmD,GAAmBlD,IAAiBJ,EAAO;AAAA,QACvD,OAAO,MAAMuD,GAAgBlD,IAAcjB,GAAY,SAAS;AAAA,MAAA;AAAA,MAElE6D,MAA2B;AAAA,IAAA;AAAA,IAE/B;AAAA,MACE5C;AAAA,MACAD;AAAA,MACAF;AAAA,MACAC;AAAA,MACAsB,GAAS;AAAA,MACTwB;AAAA,IAAA;AAAA,EACF,GAIIO,IAAsBN,GAAe,MAAM,GAAG,CAAC,GAG/C,CAACO,GAAcC,EAAe,IAAIlD,EAAA;AAExC,EAAAsC,GAAU,MAAM;AACd,IAAIW,MACFC,GAAgB,IAAI,GAENnB,EAAU,QAAQ,UAAA,EAC1B,aAAakB,CAAY;AAAA,EAEnC,GAAG,CAACA,CAAY,CAAC;AAEjB,QAAME,KAAsB,CAACC,MAAwB;AAEnD,UAAMC,IAAQtB,EAAU,QAAQ,UAAA,GAE1BuB,IAAarC,EAAQ,MACrBsC,IAASD,KAAcrC,EAAQ,UAAU,KACzCuC,IAAeF,IAAaF,EAAe,OAE3CK,IAAOC,EAAmBJ,CAAU,GAGpCK,IAAO,GADGP,EAAe,QAAQK,GAAM,EACtB,IAAIL,EAAe,EAAE,IAKtCQ,KAFYP,EAAM,aAAa,EAAI,GACP,SAAS,KACPE,EAAO;AAG3C,IAAAF,EAAM,WAAWO,GAAYL,EAAO,MAAM,GAG1CF,EAAM,WAAWO,GAAYJ,GAAc,WAAWG,CAAI;AAE1D,UAAME,IAAWD,IAAaJ,EAAa;AAG3C,IAAAH,EAAM,eAAe,IAAI9F,GAAA,EAAQ,OAAOsG,CAAQ,EAAE,OAAO,GAAG,CAAC,GAG7DR,EAAM,eAAe,IAAI9F,KAAQ,OAAOsG,IAAW,CAAC,EAAE,OAAO,CAAC,CAAC,GAG/DX,GAAgBW,IAAW,CAAC,GAG5BtC,EAAA;AAAA,EACF,GAEMuC,KAAqB,CAACC,MAAgB;AAC1C,IAAAZ,GAAoBY,CAAM;AAAA,EAC5B,GAEMC,KAAe,CAACC,GAAiBC,GAAYC,GAAQC,MAAgB;AACzE,QAAIC,IACDH,EAAM,IAAI,CAAC,KAAKA,EAAM,IAAI,CAAC,EAAE,UAAYA,EAAM,IAAI,CAAC,KAAKA,EAAM,IAAI,CAAC,EAAE;AAEzE,UAAMI,IAAaD,MAAqB;AAAA,KAAQA,MAAqB,KAE/DjB,IAAiBV,GAAevB,CAAoB;AAE1D,QAAIF,KAAWqD,KAAclB,KAAkB,CAACnE,GAAS;AAEvC,MAAAiF,EAAM,IAAI,CAAC,KAAKA,EAAM,IAAI,CAAC,EAAE,QAI7Cf,GAAoBC,CAAsB;AAE1C;AAAA,IACF;AAEA,IAAAlD,EAAe+D,CAAO;AAEtB,UAAMM,IAAWL,EAAM,IAAI,WAAW,KAAK,CAAC,CAACA,EAAM,IAAI,CAAC,EAAE;AAQ1D,QANI,CAACG,KAAoBE,MACvBF,IAAmBD,EAAO,QAAQF,EAAM,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,IAG5CxG,EAAa,SAAS2G,CAAgB,GAEzC;AACb,YAAMG,IAAeN,EAAM,IAAI,UAAU,CAACO,MAAY,YAAYA,KAAM,YAAYA,CAAE,GAChFxD,IAAUoD;AAChB,UAAIK,IAASF,MAAiB,IAAI,IAAIN,EAAM,IAAIM,IAAe,CAAC,EAAE;AAClE,MAAID,UAAmBG,IAAS;AAIhC,UAAIC,IAAe;AAGnB,iBAAWC,KAASlH,GAAc;AAChC,YAAImH,IAAU;AAEd,YAAID,EAAM,SAAS3D,CAAO;AAExB,mBAAS6D,IAAIF,EAAM,SAAS,GAAGE,KAAK,GAAGA,KAAK;AAE1C,gBAAIA,MAAM,EAAG;AACb,kBAAMC,KAAOH,EAAME,IAAI,CAAC,GAClBE,KAAeN,KAAUE,EAAM,SAASE;AAE9C,gBADyBV,EAAO,QAAQY,IAAc,CAAC,MAC9BD,IAAM;AAC7B,cAAAF,IAAU;AACV;AAAA,YACF;AAAA,UACF;AAAA;AAEA,UAAAA,IAAU;AAGZ,YAAIA,GAAS;AAEX,UAAAF,IAAeC;AACf;AAAA,QACF;AAAA,MACF;AAEA,MAAID,IACFzD,EAAW;AAAA,QACT,MAAMyD;AAAA,QACN,QAAAD;AAAA,MAAA,CACD,IAEDnD,EAAA;AAAA,IAEJ,WAGMN,GAAS;AACX,YAAMyD,IAASR,EAAM,IAAI,CAAC,EAAE;AAE5B,UAAIG,MAAqB,OAAO,CAACK,GAAQ;AACvC,QAAAnD,EAAA;AACA;AAAA,MACF;AAEA,UAAI0D,IAA0BP,IAASzD,EAAQ;AAC/C,MAAKsD,KAAUU;AACf,YAAMC,IAAcd,EAAO,QAAQnD,EAAQ,QAAQgE,CAAuB,GACpEE,IAAgBD,EAAY,QAAQjE,EAAQ,KAAK,MAAM,EAAE,GAAG,EAAE;AAEpE,MAAIiE,EAAY,SAAS,GAAG,IAC1B3D,EAAA,IAEAL,EAAW;AAAA,QACT,GAAGD;AAAA,QACH,QAAQkE,GAAe,YAAA;AAAA,MAAY,CACpC;AAAA,IAEL,WAAWZ,GAAU;AAEnB,YAAMlB,IAAQtB,EAAU,QAAQ,UAAA,GAC1BqD,IAAmB/B,EAAM,aAAa,EAAK;AAEjD,UADsBA,EAAM,UAAU+B,GAAkB,OAAOA,GAAkB,MAAM,EACrE,SAAS;AACzB,cAAM,CAACC,CAAS,IAAIhC,EAAM,QAAQ+B,EAAiB,QAAQ,CAAC,KAAK,CAAA,GAE3DE,KADMD,GAAW,OAAO,OAAO,OAAO,CAAA,GAClB,UAAU,KAAK,CAACZ,MAAYA,EAAG,YAAY,OAAO;AAC5E,YAAIa,GAAe;AACjB,gBAAMC,IAAgBD,EAAc,OAAO;AAC3C,UAAAjC,EAAM,WAAW+B,EAAiB,QAAQG,GAAeA,CAAa;AAAA,QACxE;AAAA,MACF;AAAA,IACF;AAAA,EAEJ,GAEMC,KAAkB,CAAC/B,MAAiB;AAExC,UAAMJ,IAAQtB,EAAU,QAAQ,UAAA;AAEhC,QAAI2C,IAASrB,EAAM,aAAa,EAAI,GAAG,SAAS;AAGhD,UAAMgB,IAAmBhB,EAAM,QAAQqB,IAAS,GAAG,CAAC;AAIpD,IADiBL,MAAqB,OAAOA,MAE3ChB,EAAM,WAAWqB,GAAQ,GAAG,GAC5BA,MAIFe,GAAcpC,GAAOqB,GAAQjB,CAAI;AAAA,EACnC,GAEMiC,IAAsB,CAACjC,MAAiB;AAE5C,QAAIxC,GAAS;AACX,YAAM,EAAE,MAAAwC,GAAM,QAAAiB,GAAQ,QAAAnB,IAAS,OAAOtC,GAEhCoC,IAAQtB,EAAU,QAAQ,UAAA,GAC1B4D,IAASlC,EAAK,SAASF,EAAO,QAC9BqC,IAAQlB,IAASjB,EAAK,SAAS;AAErC,MAAAJ,EAAM,WAAWuC,GAAOD,CAAM;AAAA,IAChC;AAEA,IAAAH,GAAgB/B,CAAI;AAAA,EACtB,GAEMoC,KAAkB,MAAM;AAC5B,IAAItH,KAAUF,KAEdG,MAAUA,GAAA;AAAA,EACZ,GAEMsH,KAAc,MAAM;AAIxB,KAFe/D,EAAU,QAAQ,UAAA,EACb,QAAA,EACX,SAAS,KAAK3D,MACrB8B,EAAe,EAAE,GAInBzB,MAAWA,GAAA;AAAA,EACb,GAEMsH,IAAqB,CAAC,EAAE,MAAAC,GAAM,MAAAjI,EAAAA,GAAakI,IAAoB,OAAU;AAC7E,UAAMC,IAAWC,EAAcH,EAAK,IAAI,GAClCI,IAAU;AAAA,MACd,IAAIrI,EAAK;AAAA,MACT,MAAMmI;AAAA,MACN,MAAMF,EAAK;AAAA,MACX,MAAMA,EAAK;AAAA,MACX,OAAO7F,EAAM;AAAA,MACb,mBAAA8F;AAAA,IAAA;AAGF,WAAA7F,EAAS,CAACiG,MAAS,CAAC,GAAGA,GAAMD,CAAO,CAAC,GAErC9F;AAAA,MAAkB,CAAC+F,MACjBA,EAAK,OAAO,CAACC,MAAcH,EAAcG,EAAU,IAAI,MAAMJ,CAAQ;AAAA,IAAA,GAGhEE;AAAA,EACT,GAEMG,KAAmB,CAACC,GAAYC,GAAcC,MAAiC;AACnF,IAAIA,IAEF5F,KAAmB0F,CAAE,KAGrBpG,EAAS,CAACiG,MAASA,EAAK,OAAO,CAACL,MAASA,EAAK,OAAOQ,CAAE,CAAC,GAExDlG,EAAkB,CAAC+F,MACVA,EAAK,OAAO,CAACL,MAASG,EAAcH,EAAK,IAAI,MAAMG,EAAcM,CAAI,CAAC,CAC9E;AAAA,EAEL,GAEME,IAAqB,CAACC,GAAQZ,MAAc;AAChD,UAAMa,IAAW,KAAK,MAAOD,EAAE,SAAS,MAAOA,EAAE,KAAK;AACtD,QAAIC,MAAa,KAAK;AACpB,YAAMX,IAAWC,EAAcH,EAAK,IAAI;AAExC,MAAA1F,EAAkB,CAAC+F,MAAS;AAC1B,cAAMS,IAAWT,EAAK,KAAK,CAACU,MAASZ,EAAcY,EAAK,IAAI,MAAMb,CAAQ,GACpEc,IAAcX,EAAK,OAAO,CAACU,MAASZ,EAAcY,EAAK,IAAI,MAAMb,CAAQ,GACzEe,IAAgC;AAAA,UACpC,MAAMf;AAAA,UACN,UAAAW;AAAA,UACA,MAAMb,EAAK;AAAA,UACX,OAAOc,GAAU,SAAS3G,EAAM,SAASkG,EAAK;AAAA,QAAA;AAEhD,eAAO,CAAC,GAAGW,GAAaC,CAAc;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF,GAGMC,KAAa,CAACN,MAAuC;AACzD,IAAApG,EAAc,EAAK,GAEnB2G;AAAA,MAAeP;AAAA,MAAGlI;AAAA,MAAaiI;AAAA,MAAoBZ;AAAA,MAAoB,CAACC,MACtEoB,EAAoBpB,EAAK,IAAI;AAAA,IAAA;AAAA,EAEjC,GAEMqB,KAAiB,CAACT,MAAuC;AAC7D,IAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFpG,EAAc,EAAI;AAAA,EACpB,GAEM4G,IAAsB,CAACX,MAAiB;AAC5C,IAAAnG,EAAkB,CAAC+F,MAASA,EAAK,OAAO,CAACL,MAASA,EAAK,SAASG,EAAcM,CAAI,CAAC,CAAC;AAAA,EACtF,GAEMa,KAAoBC,GAAqB;AAAA,IAC7C,aAAA7I;AAAA,IACA,WAAWqH;AAAA,IACX,YAAYY;AAAA;AAAA,IAEZ,SAAS,CAACa,MACRb,EAAmB,EAAE,QAAQ,GAAG,OAAO,IAAA,GAAO,EAAE,MAAMa,EAAW,MAAM,MAAM,aAAa;AAAA,IAC5F,SAAS,CAACA,MAAeJ,EAAoBI,EAAW,IAAI;AAAA,EAAA,CAC7D,GAEKC,KAAcpH,EAAe,SAAS,GACtCqH,IAAWjH,MAAgBgH,IAE3BE,IAAe,YAAY;AAC/B,QAAI,CAAAD;AACJ,UAAI;AACF,QAAAhH,GAAgB,EAAI;AAGpB,YAAIkH,IAAkB,CAAA,GAClBC,IAAiBlH;AACrB,YAAIE,EAAY,QAAQ;AACtB,gBAAM,EAAE,OAAAV,GAAO,UAAA2H,MAAa,MAAMR,GAAkBzG,CAAW;AAC/D,UAAA+G,IAAkBzH,GAClB0H,IAAiB,CAAC,GAAGA,GAAgB,GAAGC,CAAQ;AAAA,QAClD;AAGA,cAAM,EAAE,aAAaC,IAAkB,CAAA,EAAC,IAAMhK,MAAQ,CAAA,GAChDiK,IAA4DH,EAAe,SAC7E,CAAC,GAAGE,GAAiB,GAAGF,CAAc,IACtC,QAGE,CAACI,CAAQ,IAAIC,GAAkBjI,CAAW,GAG1CkI,IAAiBC,GAAYH,CAAQ,GAErCI,IAAgB,CAAC,GAAGlI,GAAO,GAAGyH,CAAe,GAE7CU,IAAU;AAAA,UACd,GAAGvK;AAAA,UACH,aAAaiK;AAAA;AAAA,UACb,UAAU/I,IAAU,OAAOuC;AAAA;AAAA,QAAA;AAG7B,aAAK2G,KAAkBE,EAAc,WAAWnK,IAAU;AACxD,gBAAMqK,IAAiBtI;AAEvB,UAAAC,EAAe,EAAE,GACjBE,EAAS,CAAA,CAAE;AACX,cAAI;AACF,kBAAMlC,GAASiK,GAAgBE,GAAeC,CAAO,GACrD1H,GAAuB,CAAA,CAAE;AAAA,UAC3B,QAAgB;AAEd,YAAAV,EAAeqI,CAAc,GAC7BnI,EAASiI,CAAa,GACtBzH,GAAuBiH,CAAc;AACrC;AAAA,UACF;AAAA,QACF;AAAA,MACF,SAASW,GAAO;AACd,gBAAQ,MAAMA,CAAK,GACnBC,GAAM,MAAM,sBAAsB;AAAA,MACpC,UAAA;AACE,QAAA/H,GAAgB,EAAK;AAAA,MACvB;AAAA,EACF,GAEMgI,KAAgB,CAAC9B,MAAwC;AAC7D,QAAI3F,GAAS;AAEX,UAAI2F,EAAE,QAAQ,UAAU;AACtB,QAAArF,EAAA;AACA;AAAA,MACF;AAGA,MAAIN,KAAW2F,EAAE;AAIjB,YAAM+B,IAAiB/B,EAAE,QAAQ,YAAY,KAAKA,EAAE,QAAQ,cAAc,IAAI;AAE9E,UAAI+B,GAAgB;AAElB,QAAA/B,EAAE,eAAA;AACF,YAAIgC,IAAWzH,IAAuBwH;AACtC,QAAIC,IAAW,MAAGA,IAAW5F,EAAoB,SAAS,IACtD4F,KAAY5F,EAAoB,WAAQ4F,IAAW,IACvDxH,EAAwBwH,CAAQ;AAAA,MAClC;AAEA,MAAIhC,EAAE;AAAA,IAGR;AAEA,IAAIA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YACvCe,EAAA,GAGEf,EAAE,QAAQ,YACZd,GAAA;AAAA,EAEJ;AAEA,MAAI+C,KAAqCtK,IAASuB,KAAa,KAAK;AACpE,EAAI1B,MAAWyK,KAAiB;AAGhC,QAAMC,KAAUnG;AAAA,IACd,MACEoG,GAAW;AAAA,MACT,eAAe;AAAA,QACb,aAAArK;AAAA,QACA,UAAUqH;AAAA,QACV,kBAAkBY;AAAA,QAClB,UAAU,CAACqC,GAAahD,MAAeoB,EAAoBpB,EAAK,IAAI;AAAA,MAAA;AAAA,MAEtE,oBAAAtC;AAAA,IAAA,CACD;AAAA,IACH,CAAChF,GAAa0B,GAAUE,CAAiB;AAAA,EAAA,GAGrC2I,KAAW;AAAA,IACf,GAAGpI;AAAA,IACH,IAAIV,KAAS,IAAI,OAAO,CAAC6F,MAAc,CAACA,EAAK,iBAAiB;AAAA,IAC9D,GAAG3F;AAAA,EAAA,EACH,KAAK,CAACkC,GAAGC,MAAMD,EAAE,QAAQC,EAAE,KAAK,GAC5B0G,KAAcD,GAAS,SAAS;AAGtC,MAAIE,KAAgB;AACpB,EAAIxK,EAAS,UAAUA,EAAS,CAAC,EAAE,eAAe,YAC5CsC,GAAS,SAAS,SACpBkI,KAAgB;AAIpB,QAAMC,KAAwB,CAAC7K,MACzBF,IACEY,IAAgB,2CACb,qDAGLA,KAAW,CAACV,IAAe,oBAExB,wDAGH8K,KAAqB,OAAOC,MAAkC;AAClE,QAAKnL;AACL,UAAI;AAMF,SAJG8B,KAAeA,MAAgBxC,MAChC0C,EAAM,SAAS,KACfU,EAAY,SAAS,MAGrB,MAAM8G,EAAA,GAGRxJ,EAASmL,CAAM;AAAA,MACjB,SAASd,GAAO;AACd,gBAAQ,MAAMA,CAAK,GACnBC,GAAM,MAAM,kDAAkD;AAAA,MAChE;AAAA,EACF,GAEMc,KAAuBvL,MAAiBG,KAAY,CAACE,4BACxDmL,IAAA,EAA4B,WAAWC,EAAK,0BAA0B,EAAE,OAAOxK,EAAA,CAAS,GACvF,UAAA;AAAA,IAAAyK,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,gBAAa;AAAA,QACb,SAAS,MAAMN,GAAmBO,GAAsB,OAAO;AAAA,QAE/D,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAQ,UAAA,UAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjCA,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,gBAAa;AAAA,QACb,SAAS,MAAMN,GAAmBO,GAAsB,eAAe;AAAA,QAEvE,UAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAQ,UAAA,kBAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACF;AAGF,SACEA,gBAAAA,MAAAG,EAAAA,UAAA,EACE,UAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWN,EAAK,qBAAqB,EAAE,QAAAlL,GAAQ,WAAAH,GAAW;AAAA,MAC1D,YAAYiJ;AAAA,MACZ,aAAa,MAAM7G,EAAc,EAAK;AAAA,MACtC,QAAQ0G;AAAA,MACR,SAAS,MAAM1G,EAAc,EAAK;AAAA,MAClC,WAAW,CAACoG,MAAMA,EAAE,gBAAA;AAAA,MAEnB,UAAA;AAAA,QAAA5I,MAAiBC,MAChByL,gBAAAA,EAAAA,IAACM,IAAA,EAAkB,sBAAA/L,GAAA,CAA4C;AAAA,QAGjE6L,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAWR,EAAK,mBAAmB;AAAA,cACjC,QAAAlL;AAAA,cACA,UAAU,CAACA,KAAUF;AAAA,cACrB,WAAAD;AAAA,cACA,YAAAmC;AAAA,cACA,UAAAlC;AAAA,cACA,WAAAC;AAAA,cACA,cAAAmC;AAAA,cACA,UAAU,CAAC,CAACe,KAAY,CAACvC;AAAA,YAAA,CAC1B;AAAA,YACD,WAAWyJ;AAAA,YACX,SAAS7C;AAAA,YACT,kBAAkBjE,IAAc;AAAA,YAChC,mBAAmBC,GAAqB;AAAA,YACxC,oBAAoBA,GAAqB;AAAA,YAEzC,UAAA;AAAA,cAAA6H,gBAAAA,EAAAA,IAACQ,IAAA,EAAgB,KAAKhI,IAEpB,gCAACiI,IAAA,EAAqB,aAAazG,GAAoB,WAAA9F,GAAA,CAAsB,EAAA,CAC/E;AAAA,cAGCW,KACCmL,gBAAAA,EAAAA;AAAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,OAAOnB;AAAA,kBACP,WAAWC,MAAe9K;AAAA,kBAC1B,UAAUmI;AAAA,kBACV,aAAA7H;AAAA,kBACA,mBAAmBqC;AAAA,kBACnB,OAAO;AAAA,oBACL,cAAc;AAAA,oBACd,QAAQ;AAAA,kBAAA;AAAA,kBAEV,WAAS;AAAA,kBACT,IAAI;AAAA,oBACF,MAAM;AAAA,sBACJ,OAAO;AAAA,wBACL,QAAQ3C,IAAY,KAAK;AAAA,sBAAA;AAAA,oBAC3B;AAAA,kBACF;AAAA,gBACF;AAAA,cAAA;AAAA,cAGHG,KAAU,CAACF,IACVyL,gBAAAA,EAAAA,KAACO,IAAA,EAAgB,KAAKpI,IACnB,UAAA;AAAA,gBAAA,CAAChD,KACAyK,gBAAAA,EAAAA;AAAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,OAAO9I;AAAA,oBACP,YAAYE;AAAA,oBACZ,UAAU,CAAC6I,MAAM9I,GAAY8I,CAAC;AAAA,oBAC9B,WAAWnM;AAAA,oBACX,cAAce;AAAA,oBACd,gBAAAC;AAAA,oBACA,UAAUoL,GAAiB9I,IAAiB,EAAE,SAAAzC,GAAS,SAAAM,IAAS;AAAA,oBAChE,OAAO;AAAA,sBACL,UAAUnB,IAAY,aAAa;AAAA,sBACnC,MAAM;AAAA,sBACN,KAAKA,IAAY,IAAI;AAAA,oBAAA;AAAA,kBACvB;AAAA,gBAAA;AAAA,gBAIJsL,gBAAAA,EAAAA;AAAAA,kBAACe;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,OAAO,EAAE,WAAW5B,IAAgB,WAAW,IAAA;AAAA,oBAC/C,KAAK9G;AAAA,oBACL,OAAO9B;AAAA,oBACP,UAAU+D;AAAA,oBACV,UAAU,CAACzF;AAAA,oBACX,aAAa6K,GAAsB,EAAI;AAAA,oBACvC,SAAAN;AAAA,oBACA,SAAS4B;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX,EAAA,CACF,IAEAhB,gBAAAA,EAAAA,IAACiB,IAAA,EAAoB,gBAAwB;AAAA,cAG/Cb,gBAAAA,OAACc,IAAA,EACE,UAAA;AAAA,gBAAA,CAAC3L,KACA6K,gBAAAA,EAAAA,KAACe,IAAA,EAEC,UAAA;AAAA,kBAAAnB,gBAAAA,EAAAA;AAAAA,oBAACoB;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,SAAS,MAAMpF,EAAoB,GAAG;AAAA,sBACtC,gBAAc;AAAA,sBACd,iBAAe;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGjBgE,gBAAAA,EAAAA;AAAAA,oBAACoB;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,SAAS,MAAMpF,EAAoB,IAAI;AAAA,sBACvC,gBAAc;AAAA,sBACd,iBAAe;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGjBgE,gBAAAA,EAAAA;AAAAA,oBAACoB;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,SAAS,MAAMpF,EAAoB,KAAK;AAAA,sBACxC,gBAAc;AAAA,sBACd,iBAAe;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjB,GACF;AAAA,gBAEFoE,gBAAAA,OAACiB,IAAA,EACE,UAAA;AAAA,kBAAA3M,2BACE0M,GAAA,EAAO,SAAQ,QAAO,SAAShF,IAAa,UAAA,UAE7C;AAAA,kBAEF4D,gBAAAA,EAAAA;AAAAA,oBAACsB;AAAA,oBAAA;AAAA,sBACC,OAAO5M,IAAY,SAAS;AAAA,sBAC5B,WAAU;AAAA,sBACV,QAAQ,CAAC,CAAC6B,KAAe,CAAC,CAACE,EAAM;AAAA,sBACjC,SAASwH;AAAA,sBACT,UAAUrJ,MAAaoJ;AAAA,sBACvB,QAAQA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACV,EAAA,CACF;AAAA,cAAA,GACF;AAAA,oCAECuD,IAAA,EAAgB,WAAWxB,EAAK,EAAE,MAAMlJ,MAAchC,EAAA,CAAQ,GAC7D,UAAAmL,gBAAAA,EAAAA,IAACwB,IAAA,EAAK,MAAK,gBAAe,EAAA,CAC5B;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFxB,gBAAAA,EAAAA;AAAAA,UAACyB;AAAA,UAAA;AAAA,YACC,SAAAlK;AAAA,YACA,SAAS+B;AAAA,YACT,UAAUc;AAAA,YACV,gBAAgB,CAACsH,MAAW;AAC1B,cAAA9J,GAAiB8J,CAAM,GACvBhK,EAAwB,CAAC;AAAA,YAC3B;AAAA,YACA,cAAcC,IAAgBA,EAAc,QAAQ,KAAK,EAAE,IAAI;AAAA,YAC/D,OAAO3D;AAAA,YAEP,QAAQgG,EAAmBzC,GAAS,IAAI;AAAA,YACxC,WAAW,CAAC+B,EAAoB,WAAW/B,GAAS,UAAUI;AAAA,YAC9D,gBAAgB,CAAC2B,EAAoB,UAAU,CAAC/B,GAAS,UAAU,CAACI;AAAA,YACpE,eAAeF;AAAA,YAEf,OAAOgI;AAAA,YACP,SAAAlK;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFyK,gBAAAA,EAAAA,IAAC2B,IAAA,EAAkC;AAAA,QAClC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

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

@@ -249,10 +249,6 @@
     user-select: none;
   }
 
-  &.isSubmitting {
-    opacity: 0.3;
-  }
-
   /* toolbar styles */
   .ql-toolbar.ql-snow {
     border: none;

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n  /* use grid tick for auto height transition */\n  display: grid;\n  height: 100%;\n  /* transition: translate 0.1s, margin-top 0.1s; */\n  position: relative;\n\n  /* when closed default */\n  translate: 0 50px;\n  margin-top: -50px;\n\n  /* when open */\n  &.isOpen {\n    translate: 0 0;\n    margin-top: 0;\n  }\n\n  padding: 0 4px 4px 4px;\n  /* when editing */\n  &.isEditing {\n    padding: 0;\n  }\n`\n\nexport type CommentProps = {\n  $categoryPrimary?: string\n  $categorySecondary?: string\n  $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n  $categoryPrimary?: string,\n  $categorySecondary?: string,\n  $categoryTertiary?: string,\n) =>\n  $categoryPrimary &&\n  css`\n    --background-color: ${$categoryTertiary};\n    --button-color: ${$categoryPrimary};\n    --button-color-secondary: ${$categorySecondary};\n    --button-text-color: ${getTextColor($categoryPrimary)};\n    --border-color: ${$categoryPrimary};\n  `\n\nexport const Comment = styled.div<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color: var(--md-sys-color-primary);\n  --button-color-secondary: var(--md-sys-color-surface-container-highest);\n  --button-text-color: var(--md-sys-color-on-primary);\n  --border-color: var(--md-sys-color-outline-variant);\n\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n    button.comment {\n      &:hover {\n        background-color: var(--button-color);\n        filter: brightness(1.2);\n      }\n    }\n  }\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  &.isDropping.isOpen {\n    border-color: var(--md-sys-color-primary);\n  }\n\n  border-radius: var(--border-radius-l);\n  overflow: hidden;\n  transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n  &.isOpen {\n    /* box shadow */\n    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n    .quill {\n      background-color: var(--background-color);\n    }\n  }\n\n  .ql-editor.ql-blank::before {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.25;\n  }\n\n  .ql-editor {\n    ol {\n      padding-left: 0;\n    }\n  }\n\n  /* custom mention styles */\n  .ql-editor {\n    .mention {\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      padding: 0 4px;\n      margin-right: -2px;\n      /* remove underline */\n      text-decoration: none;\n\n      white-space: nowrap;\n      cursor: pointer;\n\n      color: var(--button-color);\n      background-color: var(--button-color-secondary);\n\n      &:hover {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n      }\n      &:active {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n      }\n    }\n  }\n\n  /* container styles reset */\n  .ql-container.ql-snow {\n    border: none;\n    /* takes into account the top toolbar */\n    height: calc(100% - 41px);\n\n    .ql-editor {\n      max-height: 259px !important;\n\n      /* code block */\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        &::before,\n        &::after {\n          display: none;\n        }\n\n        color: var(--md-sys-color-primary);\n      }\n\n      a[href^='@'] {\n        text-decoration: none;\n        color: var(--md-sys-color-primary);\n      }\n\n      strong {\n        em,\n        u {\n          font-weight: 800;\n        }\n      }\n    }\n\n    /* link popup */\n    .ql-tooltip {\n      &.ql-hidden {\n        display: none;\n      }\n\n      left: 1px !important;\n      top: -29px !important;\n\n      width: 100%;\n\n      box-shadow: none;\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border-color: var(--md-sys-color-surface-container-low);\n      border-radius: var(--border-radius-l);\n      padding: 4px;\n      overflow: hidden;\n\n      display: flex;\n      align-items: center;\n\n      .ql-preview {\n        flex: 1;\n        max-width: unset;\n      }\n\n      input {\n        flex: 1;\n        border: none;\n        background-color: var(--md-sys-color-surface-container-lowest);\n\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n      }\n\n      /* remove before text */\n      /* remove save button */\n      &::before,\n      .ql-action {\n        display: none;\n      }\n\n      .ql-remove {\n        color: var(--md-sys-color-on-surface-variant);\n        margin-right: 4px;\n      }\n    }\n  }\n\n  /* CLOSED */\n  &.isClosed {\n    cursor: pointer;\n    .ql-editor > * {\n      cursor: pointer !important;\n    }\n    &:hover:not(.disabled) {\n      background-color: var(--md-sys-color-surface-container-high);\n    }\n\n    .ql-container.ql-snow {\n      padding-bottom: 0;\n      height: 44px;\n\n      .ql-editor {\n        overflow: hidden;\n      }\n    }\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      height: 0;\n      padding: 0;\n      margin: 0;\n      border-width: 0;\n      opacity: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n    border-color: var(--md-sys-color-surface-container-lowest);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n\n  &.isLoading,\n  &.isSubmitting {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &.isSubmitting {\n    opacity: 0.3;\n  }\n\n  /* toolbar styles */\n  .ql-toolbar.ql-snow {\n    border: none;\n    background-color: var(--background-color);\n    border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n    padding: var(--padding-s);\n    display: flex;\n    justify-content: flex-end;\n    height: unset;\n    width: unset;\n\n    .ql-formats {\n      height: 32px;\n      margin-left: 8px;\n      margin-right: 0;\n      padding-left: 8px;\n      border-left: 1px solid var(--md-sys-color-surface-container-hover);\n      display: flex;\n      gap: 2px;\n\n      button {\n        float: none;\n        padding: 6px;\n        border-radius: var(--border-radius-m);\n        height: 32px;\n        width: 32px;\n\n        /* highlight when action */\n        &.ql-active {\n          background-color: var(--button-color-secondary);\n          .icon {\n            color: var(--button-color);\n          }\n        }\n      }\n    }\n\n    button:hover {\n      background-color: var(--button-color-secondary);\n    }\n\n    /* container queries to hide buttons as the width gets smaller */\n    container-type: inline-size;\n    container-name: format-buttons;\n\n    @container format-buttons (max-width: 432px) {\n      /* hide first button */\n      .ql-formats:first-child {\n        button:first-child {\n          display: none;\n        }\n      }\n    }\n\n    @container format-buttons (max-width: 400px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(2) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 368px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 336px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(4) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 304px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        display: none;\n        button:nth-child(5) {\n          display: none;\n        }\n      }\n    }\n\n    /* it should never get this small but if it does: hide all list options */\n    @container format-buttons (max-width: 250px) {\n      /* hide first two buttons */\n      .ql-formats:nth-child(2) {\n        display: none;\n      }\n    }\n  }\n\n  /* EDITING */\n  &.isEditing {\n    /* remove box shadow */\n    box-shadow: none;\n    /* remove outline */\n    outline: none;\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      display: none;\n    }\n\n    .ql-container.ql-snow {\n      height: 100%;\n\n      .ql-editor {\n        padding: 8px;\n        padding-top: 0px;\n      }\n    }\n  }\n`\n\nexport const Footer = styled.footer`\n  display: flex;\n  justify-content: space-between;\n  padding: var(--padding-m);\n  border-top: 1px solid var(--md-sys-color-surface-container-hover);\n  background-color: var(--background-color);\n  z-index: 100;\n  gap: var(--base-gap-small);\n  container-type: inline-size;\n  container-name: comment-input-footer;\n\n  /* remove save button icon */\n  .comment {\n    min-width: 75px;\n    .icon {\n      display: none;\n    }\n    background-color: var(--button-color);\n    color: var(--button-text-color);\n  }\n`\n\nexport const Buttons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  button {\n    &.text {\n      &:hover {\n        background-color: var(--button-color-secondary);\n      }\n    }\n  }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n  margin-left: auto;\n  flex-shrink: 1;\n  overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  pointer-events: none;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: 0;\n  transition: opacity 0.2s;\n\n  &.show {\n    opacity: 1;\n  }\n\n  background-color: rgba(0, 0, 0, 0.5);\n\n  z-index: 300;\n\n  .icon {\n    font-size: 40px;\n  }\n`\n\nexport const Placeholder = styled.span`\n  padding: 12px 15px;\n  /* italic */\n  font-style: italic;\n  opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n  display: grid;\n  gap: var(--base-gap-medium);\n  grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n  margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n  background: transparent;\n  border: solid 1px currentColor;\n  flex-grow: 1;\n  height: 32px;\n\n  &.danger {\n    color: var(--md-sys-color-error);\n  }\n\n  &.tertiary {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    background: rgb(from currentColor r g b / 0.25);\n  }\n\n  @container comment-input-footer (max-width: 345px) {\n    .version-review-buttons.guest & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n\n  @container comment-input-footer (max-width: 510px) {\n    .version-review-buttons:not(.guest) & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n`\n\nexport const LastOwnVersionReview = styled.div`\n  border-radius: var(--border-radius-l);\n  margin-bottom: var(--padding-m);\n  user-select: none;\n  display: flex;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  padding: var(--padding-m) var(--padding-s);\n  align-items: center;\n  line-height: 1;\n\n  &.approve,\n  &.approve .icon,\n  &.approve .date {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.request_changes,\n  &.request_changes .icon,\n  &.request_changes .date {\n    background-color: var(--md-sys-color-error);\n    color: var(--md-sys-color-on-error);\n  }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}
+{"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n  /* use grid tick for auto height transition */\n  display: grid;\n  height: 100%;\n  /* transition: translate 0.1s, margin-top 0.1s; */\n  position: relative;\n\n  /* when closed default */\n  translate: 0 50px;\n  margin-top: -50px;\n\n  /* when open */\n  &.isOpen {\n    translate: 0 0;\n    margin-top: 0;\n  }\n\n  padding: 0 4px 4px 4px;\n  /* when editing */\n  &.isEditing {\n    padding: 0;\n  }\n`\n\nexport type CommentProps = {\n  $categoryPrimary?: string\n  $categorySecondary?: string\n  $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n  $categoryPrimary?: string,\n  $categorySecondary?: string,\n  $categoryTertiary?: string,\n) =>\n  $categoryPrimary &&\n  css`\n    --background-color: ${$categoryTertiary};\n    --button-color: ${$categoryPrimary};\n    --button-color-secondary: ${$categorySecondary};\n    --button-text-color: ${getTextColor($categoryPrimary)};\n    --border-color: ${$categoryPrimary};\n  `\n\nexport const Comment = styled.div<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color: var(--md-sys-color-primary);\n  --button-color-secondary: var(--md-sys-color-surface-container-highest);\n  --button-text-color: var(--md-sys-color-on-primary);\n  --border-color: var(--md-sys-color-outline-variant);\n\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n    button.comment {\n      &:hover {\n        background-color: var(--button-color);\n        filter: brightness(1.2);\n      }\n    }\n  }\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  &.isDropping.isOpen {\n    border-color: var(--md-sys-color-primary);\n  }\n\n  border-radius: var(--border-radius-l);\n  overflow: hidden;\n  transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n  &.isOpen {\n    /* box shadow */\n    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n    .quill {\n      background-color: var(--background-color);\n    }\n  }\n\n  .ql-editor.ql-blank::before {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.25;\n  }\n\n  .ql-editor {\n    ol {\n      padding-left: 0;\n    }\n  }\n\n  /* custom mention styles */\n  .ql-editor {\n    .mention {\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      padding: 0 4px;\n      margin-right: -2px;\n      /* remove underline */\n      text-decoration: none;\n\n      white-space: nowrap;\n      cursor: pointer;\n\n      color: var(--button-color);\n      background-color: var(--button-color-secondary);\n\n      &:hover {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n      }\n      &:active {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n      }\n    }\n  }\n\n  /* container styles reset */\n  .ql-container.ql-snow {\n    border: none;\n    /* takes into account the top toolbar */\n    height: calc(100% - 41px);\n\n    .ql-editor {\n      max-height: 259px !important;\n\n      /* code block */\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        &::before,\n        &::after {\n          display: none;\n        }\n\n        color: var(--md-sys-color-primary);\n      }\n\n      a[href^='@'] {\n        text-decoration: none;\n        color: var(--md-sys-color-primary);\n      }\n\n      strong {\n        em,\n        u {\n          font-weight: 800;\n        }\n      }\n    }\n\n    /* link popup */\n    .ql-tooltip {\n      &.ql-hidden {\n        display: none;\n      }\n\n      left: 1px !important;\n      top: -29px !important;\n\n      width: 100%;\n\n      box-shadow: none;\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border-color: var(--md-sys-color-surface-container-low);\n      border-radius: var(--border-radius-l);\n      padding: 4px;\n      overflow: hidden;\n\n      display: flex;\n      align-items: center;\n\n      .ql-preview {\n        flex: 1;\n        max-width: unset;\n      }\n\n      input {\n        flex: 1;\n        border: none;\n        background-color: var(--md-sys-color-surface-container-lowest);\n\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n      }\n\n      /* remove before text */\n      /* remove save button */\n      &::before,\n      .ql-action {\n        display: none;\n      }\n\n      .ql-remove {\n        color: var(--md-sys-color-on-surface-variant);\n        margin-right: 4px;\n      }\n    }\n  }\n\n  /* CLOSED */\n  &.isClosed {\n    cursor: pointer;\n    .ql-editor > * {\n      cursor: pointer !important;\n    }\n    &:hover:not(.disabled) {\n      background-color: var(--md-sys-color-surface-container-high);\n    }\n\n    .ql-container.ql-snow {\n      padding-bottom: 0;\n      height: 44px;\n\n      .ql-editor {\n        overflow: hidden;\n      }\n    }\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      height: 0;\n      padding: 0;\n      margin: 0;\n      border-width: 0;\n      opacity: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n    border-color: var(--md-sys-color-surface-container-lowest);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n\n  &.isLoading,\n  &.isSubmitting {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  /* toolbar styles */\n  .ql-toolbar.ql-snow {\n    border: none;\n    background-color: var(--background-color);\n    border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n    padding: var(--padding-s);\n    display: flex;\n    justify-content: flex-end;\n    height: unset;\n    width: unset;\n\n    .ql-formats {\n      height: 32px;\n      margin-left: 8px;\n      margin-right: 0;\n      padding-left: 8px;\n      border-left: 1px solid var(--md-sys-color-surface-container-hover);\n      display: flex;\n      gap: 2px;\n\n      button {\n        float: none;\n        padding: 6px;\n        border-radius: var(--border-radius-m);\n        height: 32px;\n        width: 32px;\n\n        /* highlight when action */\n        &.ql-active {\n          background-color: var(--button-color-secondary);\n          .icon {\n            color: var(--button-color);\n          }\n        }\n      }\n    }\n\n    button:hover {\n      background-color: var(--button-color-secondary);\n    }\n\n    /* container queries to hide buttons as the width gets smaller */\n    container-type: inline-size;\n    container-name: format-buttons;\n\n    @container format-buttons (max-width: 432px) {\n      /* hide first button */\n      .ql-formats:first-child {\n        button:first-child {\n          display: none;\n        }\n      }\n    }\n\n    @container format-buttons (max-width: 400px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(2) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 368px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 336px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(4) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 304px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        display: none;\n        button:nth-child(5) {\n          display: none;\n        }\n      }\n    }\n\n    /* it should never get this small but if it does: hide all list options */\n    @container format-buttons (max-width: 250px) {\n      /* hide first two buttons */\n      .ql-formats:nth-child(2) {\n        display: none;\n      }\n    }\n  }\n\n  /* EDITING */\n  &.isEditing {\n    /* remove box shadow */\n    box-shadow: none;\n    /* remove outline */\n    outline: none;\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      display: none;\n    }\n\n    .ql-container.ql-snow {\n      height: 100%;\n\n      .ql-editor {\n        padding: 8px;\n        padding-top: 0px;\n      }\n    }\n  }\n`\n\nexport const Footer = styled.footer`\n  display: flex;\n  justify-content: space-between;\n  padding: var(--padding-m);\n  border-top: 1px solid var(--md-sys-color-surface-container-hover);\n  background-color: var(--background-color);\n  z-index: 100;\n  gap: var(--base-gap-small);\n  container-type: inline-size;\n  container-name: comment-input-footer;\n\n  /* remove save button icon */\n  .comment {\n    min-width: 75px;\n    .icon {\n      display: none;\n    }\n    background-color: var(--button-color);\n    color: var(--button-text-color);\n  }\n`\n\nexport const Buttons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  button {\n    &.text {\n      &:hover {\n        background-color: var(--button-color-secondary);\n      }\n    }\n  }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n  margin-left: auto;\n  flex-shrink: 1;\n  overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  pointer-events: none;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: 0;\n  transition: opacity 0.2s;\n\n  &.show {\n    opacity: 1;\n  }\n\n  background-color: rgba(0, 0, 0, 0.5);\n\n  z-index: 300;\n\n  .icon {\n    font-size: 40px;\n  }\n`\n\nexport const Placeholder = styled.span`\n  padding: 12px 15px;\n  /* italic */\n  font-style: italic;\n  opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n  display: grid;\n  gap: var(--base-gap-medium);\n  grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n  margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n  background: transparent;\n  border: solid 1px currentColor;\n  flex-grow: 1;\n  height: 32px;\n\n  &.danger {\n    color: var(--md-sys-color-error);\n  }\n\n  &.tertiary {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    background: rgb(from currentColor r g b / 0.25);\n  }\n\n  @container comment-input-footer (max-width: 345px) {\n    .version-review-buttons.guest & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n\n  @container comment-input-footer (max-width: 510px) {\n    .version-review-buttons:not(.guest) & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n`\n\nexport const LastOwnVersionReview = styled.div`\n  border-radius: var(--border-radius-l);\n  margin-bottom: var(--padding-m);\n  user-select: none;\n  display: flex;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  padding: var(--padding-m) var(--padding-s);\n  align-items: center;\n  line-height: 1;\n\n  &.approve,\n  &.approve .icon,\n  &.approve .date {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.request_changes,\n  &.request_changes .icon,\n  &.request_changes .date {\n    background-color: var(--md-sys-color-error);\n    color: var(--md-sys-color-on-error);\n  }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}

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

@@ -251,10 +251,6 @@ const p = o.div`
     user-select: none;
   }
 
-  &.isSubmitting {
-    opacity: 0.3;
-  }
-
   /* toolbar styles */
   .ql-toolbar.ql-snow {
     border: none;
@@ -444,9 +440,9 @@ const p = o.div`
   display: grid;
   gap: var(--base-gap-medium);
   grid-template-columns: 1fr 1fr;
-`, y = o.div`
+`, x = o.div`
   margin-top: var(--padding-m);
-`, x = o(i)`
+`, y = o(i)`
   background: transparent;
   border: solid 1px currentColor;
   flex-grow: 1;
@@ -516,9 +512,9 @@ export {
   g as Markdown,
   v as Placeholder,
   m as SubmitButtons,
-  x as VersionReviewButton,
+  y as VersionReviewButton,
   f as VersionReviewButtons,
-  y as VersionReviewButtonsSpacer,
+  x as VersionReviewButtonsSpacer,
   s as categoryColorCss
 };
 //# sourceMappingURL=CommentInput.styled.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n  /* use grid tick for auto height transition */\n  display: grid;\n  height: 100%;\n  /* transition: translate 0.1s, margin-top 0.1s; */\n  position: relative;\n\n  /* when closed default */\n  translate: 0 50px;\n  margin-top: -50px;\n\n  /* when open */\n  &.isOpen {\n    translate: 0 0;\n    margin-top: 0;\n  }\n\n  padding: 0 4px 4px 4px;\n  /* when editing */\n  &.isEditing {\n    padding: 0;\n  }\n`\n\nexport type CommentProps = {\n  $categoryPrimary?: string\n  $categorySecondary?: string\n  $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n  $categoryPrimary?: string,\n  $categorySecondary?: string,\n  $categoryTertiary?: string,\n) =>\n  $categoryPrimary &&\n  css`\n    --background-color: ${$categoryTertiary};\n    --button-color: ${$categoryPrimary};\n    --button-color-secondary: ${$categorySecondary};\n    --button-text-color: ${getTextColor($categoryPrimary)};\n    --border-color: ${$categoryPrimary};\n  `\n\nexport const Comment = styled.div<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color: var(--md-sys-color-primary);\n  --button-color-secondary: var(--md-sys-color-surface-container-highest);\n  --button-text-color: var(--md-sys-color-on-primary);\n  --border-color: var(--md-sys-color-outline-variant);\n\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n    button.comment {\n      &:hover {\n        background-color: var(--button-color);\n        filter: brightness(1.2);\n      }\n    }\n  }\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  &.isDropping.isOpen {\n    border-color: var(--md-sys-color-primary);\n  }\n\n  border-radius: var(--border-radius-l);\n  overflow: hidden;\n  transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n  &.isOpen {\n    /* box shadow */\n    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n    .quill {\n      background-color: var(--background-color);\n    }\n  }\n\n  .ql-editor.ql-blank::before {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.25;\n  }\n\n  .ql-editor {\n    ol {\n      padding-left: 0;\n    }\n  }\n\n  /* custom mention styles */\n  .ql-editor {\n    .mention {\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      padding: 0 4px;\n      margin-right: -2px;\n      /* remove underline */\n      text-decoration: none;\n\n      white-space: nowrap;\n      cursor: pointer;\n\n      color: var(--button-color);\n      background-color: var(--button-color-secondary);\n\n      &:hover {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n      }\n      &:active {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n      }\n    }\n  }\n\n  /* container styles reset */\n  .ql-container.ql-snow {\n    border: none;\n    /* takes into account the top toolbar */\n    height: calc(100% - 41px);\n\n    .ql-editor {\n      max-height: 259px !important;\n\n      /* code block */\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        &::before,\n        &::after {\n          display: none;\n        }\n\n        color: var(--md-sys-color-primary);\n      }\n\n      a[href^='@'] {\n        text-decoration: none;\n        color: var(--md-sys-color-primary);\n      }\n\n      strong {\n        em,\n        u {\n          font-weight: 800;\n        }\n      }\n    }\n\n    /* link popup */\n    .ql-tooltip {\n      &.ql-hidden {\n        display: none;\n      }\n\n      left: 1px !important;\n      top: -29px !important;\n\n      width: 100%;\n\n      box-shadow: none;\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border-color: var(--md-sys-color-surface-container-low);\n      border-radius: var(--border-radius-l);\n      padding: 4px;\n      overflow: hidden;\n\n      display: flex;\n      align-items: center;\n\n      .ql-preview {\n        flex: 1;\n        max-width: unset;\n      }\n\n      input {\n        flex: 1;\n        border: none;\n        background-color: var(--md-sys-color-surface-container-lowest);\n\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n      }\n\n      /* remove before text */\n      /* remove save button */\n      &::before,\n      .ql-action {\n        display: none;\n      }\n\n      .ql-remove {\n        color: var(--md-sys-color-on-surface-variant);\n        margin-right: 4px;\n      }\n    }\n  }\n\n  /* CLOSED */\n  &.isClosed {\n    cursor: pointer;\n    .ql-editor > * {\n      cursor: pointer !important;\n    }\n    &:hover:not(.disabled) {\n      background-color: var(--md-sys-color-surface-container-high);\n    }\n\n    .ql-container.ql-snow {\n      padding-bottom: 0;\n      height: 44px;\n\n      .ql-editor {\n        overflow: hidden;\n      }\n    }\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      height: 0;\n      padding: 0;\n      margin: 0;\n      border-width: 0;\n      opacity: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n    border-color: var(--md-sys-color-surface-container-lowest);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n\n  &.isLoading,\n  &.isSubmitting {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &.isSubmitting {\n    opacity: 0.3;\n  }\n\n  /* toolbar styles */\n  .ql-toolbar.ql-snow {\n    border: none;\n    background-color: var(--background-color);\n    border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n    padding: var(--padding-s);\n    display: flex;\n    justify-content: flex-end;\n    height: unset;\n    width: unset;\n\n    .ql-formats {\n      height: 32px;\n      margin-left: 8px;\n      margin-right: 0;\n      padding-left: 8px;\n      border-left: 1px solid var(--md-sys-color-surface-container-hover);\n      display: flex;\n      gap: 2px;\n\n      button {\n        float: none;\n        padding: 6px;\n        border-radius: var(--border-radius-m);\n        height: 32px;\n        width: 32px;\n\n        /* highlight when action */\n        &.ql-active {\n          background-color: var(--button-color-secondary);\n          .icon {\n            color: var(--button-color);\n          }\n        }\n      }\n    }\n\n    button:hover {\n      background-color: var(--button-color-secondary);\n    }\n\n    /* container queries to hide buttons as the width gets smaller */\n    container-type: inline-size;\n    container-name: format-buttons;\n\n    @container format-buttons (max-width: 432px) {\n      /* hide first button */\n      .ql-formats:first-child {\n        button:first-child {\n          display: none;\n        }\n      }\n    }\n\n    @container format-buttons (max-width: 400px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(2) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 368px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 336px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(4) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 304px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        display: none;\n        button:nth-child(5) {\n          display: none;\n        }\n      }\n    }\n\n    /* it should never get this small but if it does: hide all list options */\n    @container format-buttons (max-width: 250px) {\n      /* hide first two buttons */\n      .ql-formats:nth-child(2) {\n        display: none;\n      }\n    }\n  }\n\n  /* EDITING */\n  &.isEditing {\n    /* remove box shadow */\n    box-shadow: none;\n    /* remove outline */\n    outline: none;\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      display: none;\n    }\n\n    .ql-container.ql-snow {\n      height: 100%;\n\n      .ql-editor {\n        padding: 8px;\n        padding-top: 0px;\n      }\n    }\n  }\n`\n\nexport const Footer = styled.footer`\n  display: flex;\n  justify-content: space-between;\n  padding: var(--padding-m);\n  border-top: 1px solid var(--md-sys-color-surface-container-hover);\n  background-color: var(--background-color);\n  z-index: 100;\n  gap: var(--base-gap-small);\n  container-type: inline-size;\n  container-name: comment-input-footer;\n\n  /* remove save button icon */\n  .comment {\n    min-width: 75px;\n    .icon {\n      display: none;\n    }\n    background-color: var(--button-color);\n    color: var(--button-text-color);\n  }\n`\n\nexport const Buttons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  button {\n    &.text {\n      &:hover {\n        background-color: var(--button-color-secondary);\n      }\n    }\n  }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n  margin-left: auto;\n  flex-shrink: 1;\n  overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  pointer-events: none;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: 0;\n  transition: opacity 0.2s;\n\n  &.show {\n    opacity: 1;\n  }\n\n  background-color: rgba(0, 0, 0, 0.5);\n\n  z-index: 300;\n\n  .icon {\n    font-size: 40px;\n  }\n`\n\nexport const Placeholder = styled.span`\n  padding: 12px 15px;\n  /* italic */\n  font-style: italic;\n  opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n  display: grid;\n  gap: var(--base-gap-medium);\n  grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n  margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n  background: transparent;\n  border: solid 1px currentColor;\n  flex-grow: 1;\n  height: 32px;\n\n  &.danger {\n    color: var(--md-sys-color-error);\n  }\n\n  &.tertiary {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    background: rgb(from currentColor r g b / 0.25);\n  }\n\n  @container comment-input-footer (max-width: 345px) {\n    .version-review-buttons.guest & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n\n  @container comment-input-footer (max-width: 510px) {\n    .version-review-buttons:not(.guest) & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n`\n\nexport const LastOwnVersionReview = styled.div`\n  border-radius: var(--border-radius-l);\n  margin-bottom: var(--padding-m);\n  user-select: none;\n  display: flex;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  padding: var(--padding-m) var(--padding-s);\n  align-items: center;\n  line-height: 1;\n\n  &.approve,\n  &.approve .icon,\n  &.approve .date {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.request_changes,\n  &.request_changes .icon,\n  &.request_changes .date {\n    background-color: var(--md-sys-color-error);\n    color: var(--md-sys-color-on-error);\n  }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}
+{"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n  /* use grid tick for auto height transition */\n  display: grid;\n  height: 100%;\n  /* transition: translate 0.1s, margin-top 0.1s; */\n  position: relative;\n\n  /* when closed default */\n  translate: 0 50px;\n  margin-top: -50px;\n\n  /* when open */\n  &.isOpen {\n    translate: 0 0;\n    margin-top: 0;\n  }\n\n  padding: 0 4px 4px 4px;\n  /* when editing */\n  &.isEditing {\n    padding: 0;\n  }\n`\n\nexport type CommentProps = {\n  $categoryPrimary?: string\n  $categorySecondary?: string\n  $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n  $categoryPrimary?: string,\n  $categorySecondary?: string,\n  $categoryTertiary?: string,\n) =>\n  $categoryPrimary &&\n  css`\n    --background-color: ${$categoryTertiary};\n    --button-color: ${$categoryPrimary};\n    --button-color-secondary: ${$categorySecondary};\n    --button-text-color: ${getTextColor($categoryPrimary)};\n    --border-color: ${$categoryPrimary};\n  `\n\nexport const Comment = styled.div<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color: var(--md-sys-color-primary);\n  --button-color-secondary: var(--md-sys-color-surface-container-highest);\n  --button-text-color: var(--md-sys-color-on-primary);\n  --border-color: var(--md-sys-color-outline-variant);\n\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n    button.comment {\n      &:hover {\n        background-color: var(--button-color);\n        filter: brightness(1.2);\n      }\n    }\n  }\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  &.isDropping.isOpen {\n    border-color: var(--md-sys-color-primary);\n  }\n\n  border-radius: var(--border-radius-l);\n  overflow: hidden;\n  transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n  &.isOpen {\n    /* box shadow */\n    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n    .quill {\n      background-color: var(--background-color);\n    }\n  }\n\n  .ql-editor.ql-blank::before {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.25;\n  }\n\n  .ql-editor {\n    ol {\n      padding-left: 0;\n    }\n  }\n\n  /* custom mention styles */\n  .ql-editor {\n    .mention {\n      border-radius: var(--border-radius-m);\n      user-select: text;\n      padding: 0 4px;\n      margin-right: -2px;\n      /* remove underline */\n      text-decoration: none;\n\n      white-space: nowrap;\n      cursor: pointer;\n\n      color: var(--button-color);\n      background-color: var(--button-color-secondary);\n\n      &:hover {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n      }\n      &:active {\n        background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n      }\n    }\n  }\n\n  /* container styles reset */\n  .ql-container.ql-snow {\n    border: none;\n    /* takes into account the top toolbar */\n    height: calc(100% - 41px);\n\n    .ql-editor {\n      max-height: 259px !important;\n\n      /* code block */\n      .ql-code-block-container {\n        background-color: var(--md-sys-color-surface-container-lowest);\n        padding: var(--padding-m);\n        border-radius: var(--border-radius-m);\n      }\n\n      .ql-code-block-container .ql-code-block,\n      .ql-code-block-container .ql-code-block *,\n      .ql-code-block-container * {\n        font-family: monospace;\n        font-size: var(--md-sys-typescale-body-small-font-size);\n      }\n\n      a {\n        &::before,\n        &::after {\n          display: none;\n        }\n\n        color: var(--md-sys-color-primary);\n      }\n\n      a[href^='@'] {\n        text-decoration: none;\n        color: var(--md-sys-color-primary);\n      }\n\n      strong {\n        em,\n        u {\n          font-weight: 800;\n        }\n      }\n    }\n\n    /* link popup */\n    .ql-tooltip {\n      &.ql-hidden {\n        display: none;\n      }\n\n      left: 1px !important;\n      top: -29px !important;\n\n      width: 100%;\n\n      box-shadow: none;\n      background-color: var(--md-sys-color-surface-container-lowest);\n      border-color: var(--md-sys-color-surface-container-low);\n      border-radius: var(--border-radius-l);\n      padding: 4px;\n      overflow: hidden;\n\n      display: flex;\n      align-items: center;\n\n      .ql-preview {\n        flex: 1;\n        max-width: unset;\n      }\n\n      input {\n        flex: 1;\n        border: none;\n        background-color: var(--md-sys-color-surface-container-lowest);\n\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      a {\n        color: var(--md-sys-color-primary);\n      }\n\n      /* remove before text */\n      /* remove save button */\n      &::before,\n      .ql-action {\n        display: none;\n      }\n\n      .ql-remove {\n        color: var(--md-sys-color-on-surface-variant);\n        margin-right: 4px;\n      }\n    }\n  }\n\n  /* CLOSED */\n  &.isClosed {\n    cursor: pointer;\n    .ql-editor > * {\n      cursor: pointer !important;\n    }\n    &:hover:not(.disabled) {\n      background-color: var(--md-sys-color-surface-container-high);\n    }\n\n    .ql-container.ql-snow {\n      padding-bottom: 0;\n      height: 44px;\n\n      .ql-editor {\n        overflow: hidden;\n      }\n    }\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      height: 0;\n      padding: 0;\n      margin: 0;\n      border-width: 0;\n      opacity: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n  }\n\n  &.disabled {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n    border-color: var(--md-sys-color-surface-container-lowest);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n\n  &.isLoading,\n  &.isSubmitting {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  /* toolbar styles */\n  .ql-toolbar.ql-snow {\n    border: none;\n    background-color: var(--background-color);\n    border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n    padding: var(--padding-s);\n    display: flex;\n    justify-content: flex-end;\n    height: unset;\n    width: unset;\n\n    .ql-formats {\n      height: 32px;\n      margin-left: 8px;\n      margin-right: 0;\n      padding-left: 8px;\n      border-left: 1px solid var(--md-sys-color-surface-container-hover);\n      display: flex;\n      gap: 2px;\n\n      button {\n        float: none;\n        padding: 6px;\n        border-radius: var(--border-radius-m);\n        height: 32px;\n        width: 32px;\n\n        /* highlight when action */\n        &.ql-active {\n          background-color: var(--button-color-secondary);\n          .icon {\n            color: var(--button-color);\n          }\n        }\n      }\n    }\n\n    button:hover {\n      background-color: var(--button-color-secondary);\n    }\n\n    /* container queries to hide buttons as the width gets smaller */\n    container-type: inline-size;\n    container-name: format-buttons;\n\n    @container format-buttons (max-width: 432px) {\n      /* hide first button */\n      .ql-formats:first-child {\n        button:first-child {\n          display: none;\n        }\n      }\n    }\n\n    @container format-buttons (max-width: 400px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(2) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 368px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 336px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        button:nth-child(4) {\n          display: none;\n        }\n      }\n    }\n    @container format-buttons (max-width: 304px) {\n      /* hide first two buttons */\n      .ql-formats:first-child {\n        display: none;\n        button:nth-child(5) {\n          display: none;\n        }\n      }\n    }\n\n    /* it should never get this small but if it does: hide all list options */\n    @container format-buttons (max-width: 250px) {\n      /* hide first two buttons */\n      .ql-formats:nth-child(2) {\n        display: none;\n      }\n    }\n  }\n\n  /* EDITING */\n  &.isEditing {\n    /* remove box shadow */\n    box-shadow: none;\n    /* remove outline */\n    outline: none;\n\n    /* hide toolbar */\n    .ql-toolbar.ql-snow {\n      display: none;\n    }\n\n    .ql-container.ql-snow {\n      height: 100%;\n\n      .ql-editor {\n        padding: 8px;\n        padding-top: 0px;\n      }\n    }\n  }\n`\n\nexport const Footer = styled.footer`\n  display: flex;\n  justify-content: space-between;\n  padding: var(--padding-m);\n  border-top: 1px solid var(--md-sys-color-surface-container-hover);\n  background-color: var(--background-color);\n  z-index: 100;\n  gap: var(--base-gap-small);\n  container-type: inline-size;\n  container-name: comment-input-footer;\n\n  /* remove save button icon */\n  .comment {\n    min-width: 75px;\n    .icon {\n      display: none;\n    }\n    background-color: var(--button-color);\n    color: var(--button-text-color);\n  }\n`\n\nexport const Buttons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  button {\n    &.text {\n      &:hover {\n        background-color: var(--button-color-secondary);\n      }\n    }\n  }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n  margin-left: auto;\n  flex-shrink: 1;\n  overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n  position: fixed;\n  visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n  position: absolute;\n  inset: 0;\n  user-select: none;\n  pointer-events: none;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: 0;\n  transition: opacity 0.2s;\n\n  &.show {\n    opacity: 1;\n  }\n\n  background-color: rgba(0, 0, 0, 0.5);\n\n  z-index: 300;\n\n  .icon {\n    font-size: 40px;\n  }\n`\n\nexport const Placeholder = styled.span`\n  padding: 12px 15px;\n  /* italic */\n  font-style: italic;\n  opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n  display: grid;\n  gap: var(--base-gap-medium);\n  grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n  margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n  background: transparent;\n  border: solid 1px currentColor;\n  flex-grow: 1;\n  height: 32px;\n\n  &.danger {\n    color: var(--md-sys-color-error);\n  }\n\n  &.tertiary {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    background: rgb(from currentColor r g b / 0.25);\n  }\n\n  @container comment-input-footer (max-width: 345px) {\n    .version-review-buttons.guest & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n\n  @container comment-input-footer (max-width: 510px) {\n    .version-review-buttons:not(.guest) & .label {\n      position: absolute;\n      opacity: 0;\n      width: 0;\n      pointer-events: none;\n    }\n  }\n`\n\nexport const LastOwnVersionReview = styled.div`\n  border-radius: var(--border-radius-l);\n  margin-bottom: var(--padding-m);\n  user-select: none;\n  display: flex;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  padding: var(--padding-m) var(--padding-s);\n  align-items: center;\n  line-height: 1;\n\n  &.approve,\n  &.approve .icon,\n  &.approve .date {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.request_changes,\n  &.request_changes .icon,\n  &.request_changes .date {\n    background-color: var(--md-sys-color-error);\n    color: var(--md-sys-color-on-error);\n  }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { useState as m, useEffect as i, useMemo as a } from "react";
 import { LastOwnVersionReview as u } from "./CommentInput.styled.es.js";
 import { REFRESH_INTERVAL_MS as f, getFuzzyDate as p } from "../ActivityDate.es.js";
 import { Icon as d } from "@ynput/ayon-react-components";
-import { getIconForFeedback as l, getVerbForFeedback as F } from "../ActivityVersionReview/ActivityVersionReview.es.js";
+import { getVerbForFeedback as l, getIconForFeedback as F } from "../ActivityVersionReview/ActivityVersionReview.es.js";
 import { clsx as w } from "clsx";
 const k = ({ lastOwnVersionReview: e }) => {
   const [n, c] = m(/* @__PURE__ */ new Date());
@@ -13,9 +13,9 @@ const k = ({ lastOwnVersionReview: e }) => {
   }, []);
   const t = a(() => e?.activityData?.feedback, [e]), r = a(() => e?.createdAt ? p(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, n]);
   return /* @__PURE__ */ o.jsxs(u, { className: w(t), children: [
-    /* @__PURE__ */ o.jsx(d, { icon: l(t) }),
+    /* @__PURE__ */ o.jsx(d, { icon: F(t) }),
     "You last ",
-    F(t),
+    l(t),
     " ",
     r,
     " ",

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../../util/parseFilename.cjs.js"),c=require("axios"),d=require("react-toastify"),u=e=>{const r=/!\[.*?\]\((.*?)\)/g,a=e.match(r);let n=e;return a&&a.forEach(t=>{if(!t.includes("http"))return;const s=t.match(/\(([^)]+)\)/)[1],o=s.split("?")[0];n=e.replace(s,o)}),n};async function f(e,r,a,n=1){for(let t=0;t<a.length;t++)e.insertText(r+t,a[t]),await new Promise(s=>setTimeout(s,n))}const m=new AbortController,h=c.CancelToken,g=h.source(),i=(e,r,a)=>new Promise((n,t)=>{new FormData().append("image",e);const o={signal:m.signal,cancelToken:g.token,onUploadProgress:l=>a&&a(l,e),headers:{"Content-Type":e.type,"x-file-name":p.parseFilename(e.name)}};c.post(`/api/projects/${r}/files`,e,o).then(l=>{n({file:e,data:l.data})}).catch(l=>{console.error(l),t({message:"Upload failed: "+l.response.data.detail})})}),T=(e,r,a,n)=>{e.preventDefault(),e.stopPropagation();let t=e.dataTransfer.files;if(t?.length){if(t.length===0)return;for(const s of t)i(s,r,a).then(o=>n(o),o=>{d.toast.error("Upload failed: "+o.response.data.detail),console.warn(o)})}};exports.handleFileDrop=T;exports.parseImages=u;exports.typeWithDelay=f;exports.uploadFile=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../../util/parseFilename.cjs.js"),c=require("axios"),u=require("react-toastify"),m=e=>{const r=/!\[.*?\]\((.*?)\)/g,a=e.match(r);let s=e;return a&&a.forEach(t=>{if(!t.includes("http"))return;const o=t.match(/\(([^)]+)\)/)[1],l=o.split("?")[0];s=e.replace(o,l)}),s};async function f(e,r,a,s=1){for(let t=0;t<a.length;t++)e.insertText(r+t,a[t]),await new Promise(o=>setTimeout(o,s))}const d=new AbortController,g=c.CancelToken,h=g.source(),i=(e,r,a)=>new Promise((s,t)=>{new FormData().append("image",e);const l={signal:d.signal,cancelToken:h.token,onUploadProgress:n=>a&&a(n,e),headers:{"Content-Type":e.type,"x-file-name":p.parseFilename(e.name)}};c.post(`/api/projects/${r}/files`,e,l).then(n=>{s({file:e,data:n.data})}).catch(n=>{console.error(n),t({message:"Upload failed: "+n.response.data.detail})})}),T=(e,r,a,s,t)=>{e.preventDefault(),e.stopPropagation();let o=e.dataTransfer.files;if(o?.length){if(o.length===0)return;for(const l of o)i(l,r,a).then(n=>s(n),n=>{t&&t(l),u.toast.error(n.message),console.warn(n)})}};exports.handleFileDrop=T;exports.parseImages=m;exports.typeWithDelay=f;exports.uploadFile=i;
 //# sourceMappingURL=helpers.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/helpers.tsx"],"sourcesContent":["// @ts-nocheck\n\n// remove any query parameters from the url\nexport const parseImages = (body) => {\n  //   find images in the markdown with format ![](image_url)\n  const regex = /!\\[.*?\\]\\((.*?)\\)/g\n  const matches = body.match(regex)\n\n  let newBody = body\n\n  if (matches) {\n    matches.forEach((match) => {\n      if (!match.includes('http')) return\n      const url = match.match(/\\(([^)]+)\\)/)[1]\n      const newUrl = url.split('?')[0]\n      newBody = body.replace(url, newUrl)\n    })\n  }\n\n  return newBody\n}\n\nexport async function typeWithDelay(quill, retain, type, delay = 1) {\n  for (let i = 0; i < type.length; i++) {\n    quill.insertText(retain + i, type[i])\n    await new Promise((resolve) => setTimeout(resolve, delay))\n  }\n}\n\nimport { parseFilename } from '@shared/util/parseFilename'\nimport axios from 'axios'\nconst abortController = new AbortController()\nconst cancelToken = axios.CancelToken\nconst cancelTokenSource = cancelToken.source()\nimport { toast } from 'react-toastify'\n\ntype UploadedFile = {\n  file: any\n  data: any\n}\n\n// used to upload files (quill ImageUploader module)\nexport const uploadFile = (file, projectName, onUploadProgress): Promise<UploadedFile> => {\n  return new Promise((resolve, reject) => {\n    const formData = new FormData()\n    formData.append('image', file)\n    const opts = {\n      signal: abortController.signal,\n      cancelToken: cancelTokenSource.token,\n      onUploadProgress: (e) => onUploadProgress && onUploadProgress(e, file),\n      headers: {\n        'Content-Type': file.type,\n        'x-file-name': parseFilename(file.name),\n      },\n    }\n\n    axios\n      .post(`/api/projects/${projectName}/files`, file, opts)\n      .then((result) => {\n        resolve({ file: file, data: result.data })\n      })\n      .catch((error) => {\n        console.error(error)\n        reject({ message: 'Upload failed: ' + error.response.data.detail })\n      })\n  })\n}\n\nexport const handleFileDrop = (e, projectName, onProgress, onSuccess) => {\n  e.preventDefault()\n  e.stopPropagation()\n\n  let files = e.dataTransfer.files\n  if (files?.length) {\n    if (files.length === 0) return\n\n    for (const file of files) {\n      uploadFile(file, projectName, onProgress).then(\n        (data) => onSuccess(data),\n        (error) => {\n          toast.error('Upload failed: ' + error.response.data.detail)\n          console.warn(error)\n        },\n      )\n    }\n  }\n}\n"],"names":["parseImages","body","regex","matches","newBody","match","url","newUrl","typeWithDelay","quill","retain","type","delay","i","resolve","abortController","cancelToken","axios","cancelTokenSource","uploadFile","file","projectName","onUploadProgress","reject","opts","e","parseFilename","result","error","handleFileDrop","onProgress","onSuccess","files","data","toast"],"mappings":"wLAGaA,EAAeC,GAAS,CAEnC,MAAMC,EAAQ,qBACRC,EAAUF,EAAK,MAAMC,CAAK,EAEhC,IAAIE,EAAUH,EAEd,OAAIE,GACFA,EAAQ,QAASE,GAAU,CACzB,GAAI,CAACA,EAAM,SAAS,MAAM,EAAG,OAC7B,MAAMC,EAAMD,EAAM,MAAM,aAAa,EAAE,CAAC,EAClCE,EAASD,EAAI,MAAM,GAAG,EAAE,CAAC,EAC/BF,EAAUH,EAAK,QAAQK,EAAKC,CAAM,CACpC,CAAC,EAGIH,CACT,EAEA,eAAsBI,EAAcC,EAAOC,EAAQC,EAAMC,EAAQ,EAAG,CAClE,QAASC,EAAI,EAAGA,EAAIF,EAAK,OAAQE,IAC/BJ,EAAM,WAAWC,EAASG,EAAGF,EAAKE,CAAC,CAAC,EACpC,MAAM,IAAI,QAASC,GAAY,WAAWA,EAASF,CAAK,CAAC,CAE7D,CAIA,MAAMG,EAAkB,IAAI,gBACtBC,EAAcC,EAAM,YACpBC,EAAoBF,EAAY,OAAA,EASzBG,EAAa,CAACC,EAAMC,EAAaC,IACrC,IAAI,QAAQ,CAACR,EAASS,IAAW,CACrB,IAAI,SAAA,EACZ,OAAO,QAASH,CAAI,EAC7B,MAAMI,EAAO,CACX,OAAQT,EAAgB,OACxB,YAAaG,EAAkB,MAC/B,iBAAmBO,GAAMH,GAAoBA,EAAiBG,EAAGL,CAAI,EACrE,QAAS,CACP,eAAgBA,EAAK,KACrB,cAAeM,EAAAA,cAAcN,EAAK,IAAI,CAAA,CACxC,EAGFH,EACG,KAAK,iBAAiBI,CAAW,SAAUD,EAAMI,CAAI,EACrD,KAAMG,GAAW,CAChBb,EAAQ,CAAE,KAAAM,EAAY,KAAMO,EAAO,KAAM,CAC3C,CAAC,EACA,MAAOC,GAAU,CAChB,QAAQ,MAAMA,CAAK,EACnBL,EAAO,CAAE,QAAS,kBAAoBK,EAAM,SAAS,KAAK,OAAQ,CACpE,CAAC,CACL,CAAC,EAGUC,EAAiB,CAAC,EAAGR,EAAaS,EAAYC,IAAc,CACvE,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,IAAIC,EAAQ,EAAE,aAAa,MAC3B,GAAIA,GAAO,OAAQ,CACjB,GAAIA,EAAM,SAAW,EAAG,OAExB,UAAWZ,KAAQY,EACjBb,EAAWC,EAAMC,EAAaS,CAAU,EAAE,KACvCG,GAASF,EAAUE,CAAI,EACvBL,GAAU,CACTM,EAAAA,MAAM,MAAM,kBAAoBN,EAAM,SAAS,KAAK,MAAM,EAC1D,QAAQ,KAAKA,CAAK,CACpB,CAAA,CAGN,CACF"}
+{"version":3,"file":"helpers.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/helpers.tsx"],"sourcesContent":["// @ts-nocheck\n\n// remove any query parameters from the url\nexport const parseImages = (body) => {\n  //   find images in the markdown with format ![](image_url)\n  const regex = /!\\[.*?\\]\\((.*?)\\)/g\n  const matches = body.match(regex)\n\n  let newBody = body\n\n  if (matches) {\n    matches.forEach((match) => {\n      if (!match.includes('http')) return\n      const url = match.match(/\\(([^)]+)\\)/)[1]\n      const newUrl = url.split('?')[0]\n      newBody = body.replace(url, newUrl)\n    })\n  }\n\n  return newBody\n}\n\nexport async function typeWithDelay(quill, retain, type, delay = 1) {\n  for (let i = 0; i < type.length; i++) {\n    quill.insertText(retain + i, type[i])\n    await new Promise((resolve) => setTimeout(resolve, delay))\n  }\n}\n\nimport { parseFilename } from '@shared/util/parseFilename'\nimport axios from 'axios'\nconst abortController = new AbortController()\nconst cancelToken = axios.CancelToken\nconst cancelTokenSource = cancelToken.source()\nimport { toast } from 'react-toastify'\n\ntype UploadedFile = {\n  file: any\n  data: any\n}\n\n// used to upload files (quill ImageUploader module)\nexport const uploadFile = (file, projectName, onUploadProgress): Promise<UploadedFile> => {\n  return new Promise((resolve, reject) => {\n    const formData = new FormData()\n    formData.append('image', file)\n    const opts = {\n      signal: abortController.signal,\n      cancelToken: cancelTokenSource.token,\n      onUploadProgress: (e) => onUploadProgress && onUploadProgress(e, file),\n      headers: {\n        'Content-Type': file.type,\n        'x-file-name': parseFilename(file.name),\n      },\n    }\n\n    axios\n      .post(`/api/projects/${projectName}/files`, file, opts)\n      .then((result) => {\n        resolve({ file: file, data: result.data })\n      })\n      .catch((error) => {\n        console.error(error)\n        reject({ message: 'Upload failed: ' + error.response.data.detail })\n      })\n  })\n}\n\nexport const handleFileDrop = (e, projectName, onProgress, onSuccess, onError?) => {\n  e.preventDefault()\n  e.stopPropagation()\n\n  let files = e.dataTransfer.files\n  if (files?.length) {\n    if (files.length === 0) return\n\n    for (const file of files) {\n      uploadFile(file, projectName, onProgress).then(\n        (data) => onSuccess(data),\n        (error) => {\n          onError && onError(file)\n          toast.error(error.message)\n          console.warn(error)\n        },\n      )\n    }\n  }\n}\n"],"names":["parseImages","body","regex","matches","newBody","match","url","newUrl","typeWithDelay","quill","retain","type","delay","i","resolve","abortController","cancelToken","axios","cancelTokenSource","uploadFile","file","projectName","onUploadProgress","reject","opts","e","parseFilename","result","error","handleFileDrop","onProgress","onSuccess","onError","files","data","toast"],"mappings":"wLAGaA,EAAeC,GAAS,CAEnC,MAAMC,EAAQ,qBACRC,EAAUF,EAAK,MAAMC,CAAK,EAEhC,IAAIE,EAAUH,EAEd,OAAIE,GACFA,EAAQ,QAASE,GAAU,CACzB,GAAI,CAACA,EAAM,SAAS,MAAM,EAAG,OAC7B,MAAMC,EAAMD,EAAM,MAAM,aAAa,EAAE,CAAC,EAClCE,EAASD,EAAI,MAAM,GAAG,EAAE,CAAC,EAC/BF,EAAUH,EAAK,QAAQK,EAAKC,CAAM,CACpC,CAAC,EAGIH,CACT,EAEA,eAAsBI,EAAcC,EAAOC,EAAQC,EAAMC,EAAQ,EAAG,CAClE,QAASC,EAAI,EAAGA,EAAIF,EAAK,OAAQE,IAC/BJ,EAAM,WAAWC,EAASG,EAAGF,EAAKE,CAAC,CAAC,EACpC,MAAM,IAAI,QAASC,GAAY,WAAWA,EAASF,CAAK,CAAC,CAE7D,CAIA,MAAMG,EAAkB,IAAI,gBACtBC,EAAcC,EAAM,YACpBC,EAAoBF,EAAY,OAAA,EASzBG,EAAa,CAACC,EAAMC,EAAaC,IACrC,IAAI,QAAQ,CAACR,EAASS,IAAW,CACrB,IAAI,SAAA,EACZ,OAAO,QAASH,CAAI,EAC7B,MAAMI,EAAO,CACX,OAAQT,EAAgB,OACxB,YAAaG,EAAkB,MAC/B,iBAAmBO,GAAMH,GAAoBA,EAAiBG,EAAGL,CAAI,EACrE,QAAS,CACP,eAAgBA,EAAK,KACrB,cAAeM,EAAAA,cAAcN,EAAK,IAAI,CAAA,CACxC,EAGFH,EACG,KAAK,iBAAiBI,CAAW,SAAUD,EAAMI,CAAI,EACrD,KAAMG,GAAW,CAChBb,EAAQ,CAAE,KAAAM,EAAY,KAAMO,EAAO,KAAM,CAC3C,CAAC,EACA,MAAOC,GAAU,CAChB,QAAQ,MAAMA,CAAK,EACnBL,EAAO,CAAE,QAAS,kBAAoBK,EAAM,SAAS,KAAK,OAAQ,CACpE,CAAC,CACL,CAAC,EAGUC,EAAiB,CAAC,EAAGR,EAAaS,EAAYC,EAAWC,IAAa,CACjF,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,IAAIC,EAAQ,EAAE,aAAa,MAC3B,GAAIA,GAAO,OAAQ,CACjB,GAAIA,EAAM,SAAW,EAAG,OAExB,UAAWb,KAAQa,EACjBd,EAAWC,EAAMC,EAAaS,CAAU,EAAE,KACvCI,GAASH,EAAUG,CAAI,EACvBN,GAAU,CACTI,GAAWA,EAAQZ,CAAI,EACvBe,QAAM,MAAMP,EAAM,OAAO,EACzB,QAAQ,KAAKA,CAAK,CACpB,CAAA,CAGN,CACF"}

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

@@ -1,45 +1,45 @@
 import { parseFilename as i } from "../../../../util/parseFilename.es.js";
-import c from "axios";
+import l from "axios";
 import { toast as p } from "react-toastify";
 const T = (e) => {
   const r = /!\[.*?\]\((.*?)\)/g, o = e.match(r);
-  let n = e;
+  let s = e;
   return o && o.forEach((t) => {
     if (!t.includes("http")) return;
-    const s = t.match(/\(([^)]+)\)/)[1], a = s.split("?")[0];
-    n = e.replace(s, a);
-  }), n;
+    const a = t.match(/\(([^)]+)\)/)[1], c = a.split("?")[0];
+    s = e.replace(a, c);
+  }), s;
 };
-async function D(e, r, o, n = 1) {
+async function D(e, r, o, s = 1) {
   for (let t = 0; t < o.length; t++)
-    e.insertText(r + t, o[t]), await new Promise((s) => setTimeout(s, n));
+    e.insertText(r + t, o[t]), await new Promise((a) => setTimeout(a, s));
 }
-const m = new AbortController(), f = c.CancelToken, d = f.source(), h = (e, r, o) => new Promise((n, t) => {
+const m = new AbortController(), f = l.CancelToken, h = f.source(), g = (e, r, o) => new Promise((s, t) => {
   new FormData().append("image", e);
-  const a = {
+  const c = {
     signal: m.signal,
-    cancelToken: d.token,
-    onUploadProgress: (l) => o && o(l, e),
+    cancelToken: h.token,
+    onUploadProgress: (n) => o && o(n, e),
     headers: {
       "Content-Type": e.type,
       "x-file-name": i(e.name)
     }
   };
-  c.post(`/api/projects/${r}/files`, e, a).then((l) => {
-    n({ file: e, data: l.data });
-  }).catch((l) => {
-    console.error(l), t({ message: "Upload failed: " + l.response.data.detail });
+  l.post(`/api/projects/${r}/files`, e, c).then((n) => {
+    s({ file: e, data: n.data });
+  }).catch((n) => {
+    console.error(n), t({ message: "Upload failed: " + n.response.data.detail });
   });
-}), k = (e, r, o, n) => {
+}), k = (e, r, o, s, t) => {
   e.preventDefault(), e.stopPropagation();
-  let t = e.dataTransfer.files;
-  if (t?.length) {
-    if (t.length === 0) return;
-    for (const s of t)
-      h(s, r, o).then(
-        (a) => n(a),
-        (a) => {
-          p.error("Upload failed: " + a.response.data.detail), console.warn(a);
+  let a = e.dataTransfer.files;
+  if (a?.length) {
+    if (a.length === 0) return;
+    for (const c of a)
+      g(c, r, o).then(
+        (n) => s(n),
+        (n) => {
+          t && t(c), p.error(n.message), console.warn(n);
         }
       );
   }
@@ -48,6 +48,6 @@ export {
   k as handleFileDrop,
   T as parseImages,
   D as typeWithDelay,
-  h as uploadFile
+  g as uploadFile
 };
 //# sourceMappingURL=helpers.es.js.map