@ynput/ayon-frontend-shared 0.3.41 → 0.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityComment.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport emoji from 'remark-emoji'\nimport remarkGfm from 'remark-gfm'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\n\nimport CommentInput from '../CommentInput/CommentInput'\nimport Reactions from '../ReactionContainer/Reactions'\nimport { Reaction } from '../ReactionContainer/types'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport FilesGrid, { FilesGridProps } from '../FilesGrid/FilesGrid'\n\nimport { getTextRefs } from '../CommentInput/quillToMarkdown'\nimport * as Styled from './ActivityComment.styled'\nimport CommentWrapper from './CommentWrapper'\nimport { aTag, blockquoteTag, codeTag, inputTag } from './ActivityMarkdownComponents'\nimport { mapGraphQLReactions } from './mappers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityStatus from '../ActivityStatus/ActivityStatus'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { confirmDelete } from '../../../../util'\nimport ActivityHeader, { ActivityHeaderProps } from '../ActivityHeader/ActivityHeader'\nimport { MenuContainer } from '@shared/components'\nimport { useMenuContext } from '@shared/context'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\n\ntype Props = {\n  activity: any\n  onCheckChange?: Function\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n  projectInfo: any\n  editProps?: {\n    disabled: boolean\n    isLoading: boolean\n  }\n  projectName: string\n  entityType: string\n  onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n  onFileExpand?: FilesGridProps['onExpand']\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  readOnly?: boolean\n  isSlideOut?: boolean\n  statuses: Status[]\n}\n\nconst ActivityComment = ({\n  activity = {},\n  onCheckChange,\n  onDelete,\n  onUpdate,\n  projectInfo,\n  editProps,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onFileExpand,\n  showOrigin,\n  isHighlighted,\n  readOnly,\n  isSlideOut,\n  statuses = [],\n}: Props) => {\n  const {userName, createReaction, deleteReaction, editingId, setEditingId, isGuest, userTeamNames,} = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n  let {\n    body,\n    authorName,\n    authorFullName,\n    createdAt,\n    referenceType,\n    entityId,\n    activityId,\n    author,\n    isOwner,\n    files = [],\n    origin,\n  } = activity\n  if (!authorName) authorName = author?.name || ''\n  if (!authorFullName) authorFullName = author?.fullName || authorName\n\n  const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n  const isMenuOpen = menuOpen === menuId\n\n  const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n  const canDelete = isOwner || user?.data?.isAdmin\n\n  const handleEditComment = () => {\n    setEditingId(activityId)\n  }\n\n  const handleEditCancel = () => {\n    // close the edit comment\n    setEditingId(null)\n  }\n\n  const handleSave = async (value: any, files: any, data?: any) => {\n    await onUpdate?.(value, files, undefined, data)\n    setEditingId(null)\n  }\n\n  const isEditing = editingId === activityId\n\n  const isRef = referenceType !== 'origin' || showOrigin\n\n  const handleDelete = async () => {\n    const refs = getTextRefs(body)\n\n    // if the comment is a reference, (it's origin is not the entity)\n    // we need to delete the reference from the origin as well\n    // add it to the refs to delete\n    if (isRef && origin) {\n      refs.push({ id: origin.id, type: origin.type })\n    }\n\n    // note: body is used to match other refs to delete\n    onDelete && (await onDelete(activityId, entityId, refs))\n  }\n\n  const deleteConfirmation = () => {\n    confirmDelete({\n      title: 'Delete comment',\n      message: 'Are you sure you want to delete this comment?',\n      accept: async () => {\n        await handleDelete()\n      },\n    })\n  }\n\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  const mappedReactions = useMemo(\n    () => mapGraphQLReactions(activity.reactions, userName),\n    [[...(activity.reactions || [])]],\n  )\n\n  const reactionChangeHandler = (reaction: Reaction) => {\n    if (reaction.isActive) {\n      createReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        createReactionModel: {\n          reaction: reaction.type,\n        },\n      })\n    } else {\n      deleteReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        reaction: reaction.type,\n      })\n    }\n  }\n\n  const onAnnotationClick = useCallback(\n    (file: any) => {\n      if (!file.annotation) return\n      // annotation frame numbers are 1-based\n      onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n      setHighlightedActivities([activityId])\n    },\n    [onGoToFrame],\n  )\n\n  return (\n    <>\n      <Styled.Comment\n        className={clsx('comment', {\n          isOwner,\n          isEditing,\n          isHighlighted,\n          category: !!categoryData && !isGuest,\n          menuOpen: isMenuOpen,\n        })}\n        id={activityId}\n        $categoryPrimary={categoryData?.color}\n        $categoryTertiary={blendedCategoryColor.primary}\n        $categorySecondary={blendedCategoryColor.secondary}\n      >\n        <ActivityHeader\n          name={authorName}\n          fullName={authorFullName}\n          date={createdAt}\n          isRef={isRef}\n          activity={activity}\n          // projectInfo={projectInfo}\n          projectName={projectName}\n          entityType={entityType}\n          onReferenceClick={onReferenceClick}\n          onReferenceTooltip={setRefTooltip}\n          children={undefined}\n        />\n        <Styled.Body className={clsx('comment-body', { isEditing })}>\n          {!readOnly && (\n            <Styled.Tools className={'tools'}>\n              {isOwner && handleEditComment && (\n                <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n              )}\n              <Styled.ToolButton\n                icon=\"more_horiz\"\n                ref={moreRef}\n                onClick={(e) => {\n                  e.stopPropagation()\n                  toggleMenuOpen(menuId)\n                }}\n                className={isMenuOpen ? 'active' : ''}\n              />\n            </Styled.Tools>\n          )}\n\n          {!isEditing && !isGuest && categoryData && (\n            <CategoryTag\n              value={categoryData.name}\n              color={categoryData.color}\n              style={{\n                top: -4,\n                left: -4,\n              }}\n              isCompact\n              data-tooltip={\n                categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n              }\n              data-tooltip-delay={0}\n            />\n          )}\n\n          {isEditing ? (\n            <CommentInput\n              initValue={body}\n              initFiles={files}\n              initCategory={categoryData?.name}\n              data={activity.activityData}\n              isEditing\n              onClose={handleEditCancel}\n              onSubmit={handleSave}\n              isOpen={true}\n              {...editProps}\n            />\n          ) : (\n            <>\n              <CommentWrapper>\n                <ReactMarkdown\n                  remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n                  urlTransform={(url) => url}\n                  components={{\n                    // a links\n                    // @ts-ignore\n                    a: (props) =>\n                      // @ts-ignore\n                      aTag(props, {\n                        entityId,\n                        userName,\n                        userTeamNames,\n                        projectName,\n                        projectInfo,\n                        onReferenceClick,\n                        onReferenceTooltip: setRefTooltip,\n                        activityId,\n                        categoryPrimary: categoryData?.color,\n                        categorySecondary: blendedCategoryColor.secondary,\n                      }),\n                    // checkbox inputs\n                    // @ts-ignore\n                    input: (props) => inputTag(props, { activity, onCheckChange }),\n                    // code syntax highlighting\n                    // eslint-disable-next-line\n                    // @ts-ignore\n                    code: (props) => codeTag(props),\n                    // @ts-ignore\n                    blockquote: (props) => blockquoteTag(props),\n                    // @ts-ignore\n                    tip: (props) => (\n                      <Styled.Tip>\n                        <Icon icon=\"info\" />\n                        {props.children}\n                      </Styled.Tip>\n                    ),\n                    // @ts-ignore\n                    status: (props) => {\n                      return (\n                        <ActivityStatus name={props.id} statuses={statuses}>\n                          {props.children}\n                        </ActivityStatus>\n                      )\n                    },\n                    p: (props) => {\n                      // check for empty paragraphs\n                      const text = props.children\n                      if (typeof text === 'string' && checkForEmptyLine(text)) {\n                        return <p className=\"empty-line\"></p>\n                      }\n                      return <p>{props.children}</p>\n                    },\n                  }}\n                >\n                  {body}\n                </ReactMarkdown>\n              </CommentWrapper>\n              {/* file uploads */}\n              {/* @ts-ignore */}\n              <FilesGrid\n                files={files}\n                isCompact={files.length > 6}\n                activityId={activityId}\n                projectName={projectName}\n                isDownloadable\n                onExpand={onFileExpand}\n                onAnnotationClick={onAnnotationClick}\n                onRemove={undefined}\n              />\n            </>\n          )}\n\n          {!isEditing && (\n            <div style={{ marginTop: '16px' }}>\n              {mappedReactions && (\n                <Reactions\n                  reactions={mappedReactions}\n                  changeHandler={reactionChangeHandler}\n                  readOnly={readOnly}\n                  category={categoryData && !isGuest ? categoryData.name : undefined}\n                  categoryPrimary={categoryData?.color}\n                  categorySecondary={blendedCategoryColor.secondary}\n                  categoryTertiary={blendedCategoryColor.primary}\n                />\n              )}\n            </div>\n          )}\n        </Styled.Body>\n      </Styled.Comment>\n\n      <MenuContainer\n        target={moreRef.current}\n        id={menuId}\n        align=\"right\"\n        onClose={(e: any) => {\n          e?.stopPropagation()\n          toggleMenuOpen(false)\n        }}\n      >\n        <ActivityCommentMenu\n          onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n          onEdit={isOwner && handleEditComment}\n          activityId={activityId}\n          onSelect={() => toggleMenuOpen(false)}\n          projectName={projectName}\n        />\n      </MenuContainer>\n    </>\n  )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}
+{"version":3,"file":"ActivityComment.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport emoji from 'remark-emoji'\nimport remarkGfm from 'remark-gfm'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\n\nimport CommentInput from '../CommentInput/CommentInput'\nimport Reactions from '../ReactionContainer/Reactions'\nimport { Reaction } from '../ReactionContainer/types'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport FilesGrid, { FilesGridProps } from '../FilesGrid/FilesGrid'\n\nimport { getTextRefs } from '../CommentInput/quillToMarkdown'\nimport * as Styled from './ActivityComment.styled'\nimport CommentWrapper from './CommentWrapper'\nimport { aTag, blockquoteTag, codeTag, inputTag } from './ActivityMarkdownComponents'\nimport { mapGraphQLReactions } from './mappers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityStatus from '../ActivityStatus/ActivityStatus'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { confirmDelete } from '../../../../util'\nimport ActivityHeader, { ActivityHeaderProps } from '../ActivityHeader/ActivityHeader'\nimport { MenuContainer } from '@shared/components'\nimport { useMenuContext } from '@shared/context'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\nimport { getActivityUserName } from '../../helpers/getActivityUserName'\n\ntype Props = {\n  activity: any\n  onCheckChange?: Function\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n  projectInfo: any\n  editProps?: {\n    disabled: boolean\n    isLoading: boolean\n  }\n  projectName: string\n  entityType: string\n  onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n  onFileExpand?: FilesGridProps['onExpand']\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  readOnly?: boolean\n  isSlideOut?: boolean\n  statuses: Status[]\n}\n\nconst ActivityComment = ({\n  activity = {},\n  onCheckChange,\n  onDelete,\n  onUpdate,\n  projectInfo,\n  editProps,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onFileExpand,\n  showOrigin,\n  isHighlighted,\n  readOnly,\n  isSlideOut,\n  statuses = [],\n}: Props) => {\n  const {\n    userName,\n    createReaction,\n    deleteReaction,\n    editingId,\n    setEditingId,\n    isGuest,\n    userTeamNames,\n  } = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n  let {\n    body,\n    authorName,\n    authorFullName,\n    createdAt,\n    referenceType,\n    entityId,\n    activityId,\n    author,\n    isOwner,\n    files = [],\n    origin,\n  } = activity\n  if (!authorName) authorName = author?.name || ''\n  authorFullName = getActivityUserName({ name: authorName, label: authorFullName })\n\n  const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n  const isMenuOpen = menuOpen === menuId\n\n  const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n  const canDelete = isOwner || user?.data?.isAdmin\n\n  const handleEditComment = () => {\n    setEditingId(activityId)\n  }\n\n  const handleEditCancel = () => {\n    // close the edit comment\n    setEditingId(null)\n  }\n\n  const handleSave = async (value: any, files: any, data?: any) => {\n    await onUpdate?.(value, files, undefined, data)\n    setEditingId(null)\n  }\n\n  const isEditing = editingId === activityId\n\n  const isRef = referenceType !== 'origin' || showOrigin\n\n  const handleDelete = async () => {\n    const refs = getTextRefs(body)\n\n    // if the comment is a reference, (it's origin is not the entity)\n    // we need to delete the reference from the origin as well\n    // add it to the refs to delete\n    if (isRef && origin) {\n      refs.push({ id: origin.id, type: origin.type })\n    }\n\n    // note: body is used to match other refs to delete\n    onDelete && (await onDelete(activityId, entityId, refs))\n  }\n\n  const deleteConfirmation = () => {\n    confirmDelete({\n      title: 'Delete comment',\n      message: 'Are you sure you want to delete this comment?',\n      accept: async () => {\n        await handleDelete()\n      },\n    })\n  }\n\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  const mappedReactions = useMemo(\n    () => mapGraphQLReactions(activity.reactions, userName),\n    [[...(activity.reactions || [])]],\n  )\n\n  const reactionChangeHandler = (reaction: Reaction) => {\n    if (reaction.isActive) {\n      createReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        createReactionModel: {\n          reaction: reaction.type,\n        },\n      })\n    } else {\n      deleteReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        reaction: reaction.type,\n      })\n    }\n  }\n\n  const onAnnotationClick = useCallback(\n    (file: any) => {\n      if (!file.annotation) return\n      // annotation frame numbers are 1-based\n      onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n      setHighlightedActivities([activityId])\n    },\n    [onGoToFrame],\n  )\n\n  return (\n    <>\n      <Styled.Comment\n        className={clsx('comment', {\n          isOwner,\n          isEditing,\n          isHighlighted,\n          category: !!categoryData && !isGuest,\n          menuOpen: isMenuOpen,\n        })}\n        id={activityId}\n        $categoryPrimary={categoryData?.color}\n        $categoryTertiary={blendedCategoryColor.primary}\n        $categorySecondary={blendedCategoryColor.secondary}\n      >\n        <ActivityHeader\n          name={authorName}\n          fullName={authorFullName}\n          date={createdAt}\n          isRef={isRef}\n          activity={activity}\n          // projectInfo={projectInfo}\n          projectName={projectName}\n          entityType={entityType}\n          onReferenceClick={onReferenceClick}\n          onReferenceTooltip={setRefTooltip}\n          children={undefined}\n        />\n        <Styled.Body className={clsx('comment-body', { isEditing })}>\n          {!readOnly && (\n            <Styled.Tools className={'tools'}>\n              {isOwner && handleEditComment && (\n                <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n              )}\n              <Styled.ToolButton\n                icon=\"more_horiz\"\n                ref={moreRef}\n                onClick={(e) => {\n                  e.stopPropagation()\n                  toggleMenuOpen(menuId)\n                }}\n                className={isMenuOpen ? 'active' : ''}\n              />\n            </Styled.Tools>\n          )}\n\n          {!isEditing && !isGuest && categoryData && (\n            <CategoryTag\n              value={categoryData.name}\n              color={categoryData.color}\n              style={{\n                top: -4,\n                left: -4,\n              }}\n              isCompact\n              data-tooltip={\n                categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n              }\n              data-tooltip-delay={0}\n            />\n          )}\n\n          {isEditing ? (\n            <CommentInput\n              initValue={body}\n              initFiles={files}\n              initCategory={categoryData?.name}\n              data={activity.activityData}\n              isEditing\n              onClose={handleEditCancel}\n              onSubmit={handleSave}\n              isOpen={true}\n              {...editProps}\n            />\n          ) : (\n            <>\n              <CommentWrapper>\n                <ReactMarkdown\n                  remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n                  urlTransform={(url) => url}\n                  components={{\n                    // a links\n                    // @ts-ignore\n                    a: (props) =>\n                      // @ts-ignore\n                      aTag(props, {\n                        entityId,\n                        userName,\n                        userTeamNames,\n                        projectName,\n                        projectInfo,\n                        onReferenceClick,\n                        onReferenceTooltip: setRefTooltip,\n                        activityId,\n                        categoryPrimary: categoryData?.color,\n                        categorySecondary: blendedCategoryColor.secondary,\n                      }),\n                    // checkbox inputs\n                    // @ts-ignore\n                    input: (props) => inputTag(props, { activity, onCheckChange }),\n                    // code syntax highlighting\n                    // eslint-disable-next-line\n                    // @ts-ignore\n                    code: (props) => codeTag(props),\n                    // @ts-ignore\n                    blockquote: (props) => blockquoteTag(props),\n                    // @ts-ignore\n                    tip: (props) => (\n                      <Styled.Tip>\n                        <Icon icon=\"info\" />\n                        {props.children}\n                      </Styled.Tip>\n                    ),\n                    // @ts-ignore\n                    status: (props) => {\n                      return (\n                        <ActivityStatus name={props.id} statuses={statuses}>\n                          {props.children}\n                        </ActivityStatus>\n                      )\n                    },\n                    p: (props) => {\n                      // check for empty paragraphs\n                      const text = props.children\n                      if (typeof text === 'string' && checkForEmptyLine(text)) {\n                        return <p className=\"empty-line\"></p>\n                      }\n                      return <p>{props.children}</p>\n                    },\n                  }}\n                >\n                  {body}\n                </ReactMarkdown>\n              </CommentWrapper>\n              {/* file uploads */}\n              {/* @ts-ignore */}\n              <FilesGrid\n                files={files}\n                isCompact={files.length > 6}\n                activityId={activityId}\n                projectName={projectName}\n                isDownloadable\n                onExpand={onFileExpand}\n                onAnnotationClick={onAnnotationClick}\n                onRemove={undefined}\n              />\n            </>\n          )}\n\n          {!isEditing && (\n            <div style={{ marginTop: '16px' }}>\n              {mappedReactions && (\n                <Reactions\n                  reactions={mappedReactions}\n                  changeHandler={reactionChangeHandler}\n                  readOnly={readOnly}\n                  category={categoryData && !isGuest ? categoryData.name : undefined}\n                  categoryPrimary={categoryData?.color}\n                  categorySecondary={blendedCategoryColor.secondary}\n                  categoryTertiary={blendedCategoryColor.primary}\n                />\n              )}\n            </div>\n          )}\n        </Styled.Body>\n      </Styled.Comment>\n\n      <MenuContainer\n        target={moreRef.current}\n        id={menuId}\n        align=\"right\"\n        onClose={(e: any) => {\n          e?.stopPropagation()\n          toggleMenuOpen(false)\n        }}\n      >\n        <ActivityCommentMenu\n          onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n          onEdit={isOwner && handleEditComment}\n          activityId={activityId}\n          onSelect={() => toggleMenuOpen(false)}\n          projectName={projectName}\n        />\n      </MenuContainer>\n    </>\n  )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","getActivityUserName","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { j as t } from "../../../../../../_virtual/jsx-runtime.es.js";
-import w from "clsx";
+import M from "clsx";
 import { useRef as no, useMemo as ao, useCallback as so } from "react";
 import co from "react-markdown";
 import lo from "remark-emoji";
@@ -11,9 +11,9 @@ import ho from "../ReactionContainer/Reactions.es.js";
 import xo from "../../hooks/useReferenceTooltip.es.js";
 import Co from "../FilesGrid/FilesGrid.es.js";
 import { getTextRefs as jo } from "../CommentInput/quillToMarkdown.es.js";
-import { Comment as To, Body as vo, Tools as Ro, ToolButton as N, Tip as ko } from "./ActivityComment.styled.es.js";
-import Do from "./CommentWrapper.es.js";
-import { blockquoteTag as Ao, codeTag as bo, inputTag as Eo, aTag as Fo } from "./ActivityMarkdownComponents.es.js";
+import { Comment as vo, Body as To, Tools as Ro, ToolButton as w, Tip as ko } from "./ActivityComment.styled.es.js";
+import Ao from "./CommentWrapper.es.js";
+import { blockquoteTag as Do, codeTag as bo, inputTag as Eo, aTag as Fo } from "./ActivityMarkdownComponents.es.js";
 import { mapGraphQLReactions as Io } from "./mappers.es.js";
 import { Icon as Mo } from "@ynput/ayon-react-components";
 import wo from "../ActivityStatus/ActivityStatus.es.js";
@@ -22,20 +22,6 @@ import { confirmDelete as Po } from "../../../../util/confirmDelete.es.js";
 import "react-toastify";
 import "uuid";
 import "lodash";
-import "../../../../util/pubsub.es.js";
-import So from "../ActivityHeader/ActivityHeader.es.js";
-import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../../components/Badge/Badge.es.js";
-import "../../../../components/Chips/Chips.es.js";
-import "react-dom";
-import "date-fns";
-import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
 import "../../../../api/generated/graphqlLinks.es.js";
@@ -131,6 +117,20 @@ import "../../../../api/queries/views/getViews.es.js";
 import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
+import "../../../../util/pubsub.es.js";
+import So from "../ActivityHeader/ActivityHeader.es.js";
+import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../../components/AccessUser/AccessUser.es.js";
+import "../../../../components/AttributeEditor/AttributeEditor.es.js";
+import "../../../../components/AttributeEditor/attributeTypeMap.es.js";
+import "../../../../components/Badge/Badge.es.js";
+import "../../../../components/Chips/Chips.es.js";
+import "react-dom";
+import "date-fns";
+import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
+import "../../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../../../../_virtual/index.es.js";
 import "../../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../../node_modules/refractor/lib/all.es.js";
@@ -187,6 +187,7 @@ import { useBlendedCategoryColor as Ho } from "../CommentInput/hooks/useBlendedC
 import { CategoryTag as qo } from "../ActivityCategorySelect/CategoryTag.es.js";
 import Bo from "./ActivityCommentMenu.es.js";
 import { useCategoryData as Lo } from "../../hooks/useCategoryData.es.js";
+import { getActivityUserName as _o } from "../../helpers/getActivityUserName.es.js";
 import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../ActivityDate.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
@@ -234,7 +235,12 @@ import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContext.es.js";
+import "../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../Views/context/ViewsContextInstance.es.js";
+import "../../../Views/Views.styled.es.js";
+import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../../Slicer/context/SlicerContextInstance.es.js";
+import "../../../Slicer/components/SlicerDropdownFallback.es.js";
 import "../../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
@@ -250,10 +256,6 @@ import "../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloati
 import "../../../Actions/Actions.styled.es.js";
 import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../../Actions/ActionIcon.es.js";
-import "../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../Views/context/ViewsContextInstance.es.js";
-import "../../../Views/Views.styled.es.js";
-import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../ListTable/ListTableRow.es.js";
 import "../../../ListTable/ListTable.styled.es.js";
 import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
@@ -292,50 +294,58 @@ import "../../../../components/VersionUploader/context/VersionUploadContext.es.j
 import "../../../../components/Watchers/Watchers.es.js";
 import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
-import { MenuContainer as _o } from "../../../../components/Menu/MenuContainer.es.js";
+import { MenuContainer as zo } from "../../../../components/Menu/MenuContainer.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../../../components/ColumnHeaderMenuUI.es.js";
-const xe = ({
+const ve = ({
   activity: m = {},
-  onCheckChange: P,
+  onCheckChange: N,
   onDelete: d,
-  onUpdate: S,
-  projectInfo: zo,
-  editProps: G,
+  onUpdate: P,
+  projectInfo: Qo,
+  editProps: S,
   projectName: p,
-  entityType: O,
-  onReferenceClick: v,
-  onFileExpand: $,
-  showOrigin: H,
-  isHighlighted: q,
+  entityType: G,
+  onReferenceClick: T,
+  onFileExpand: O,
+  showOrigin: $,
+  isHighlighted: H,
   readOnly: R,
-  isSlideOut: B,
-  statuses: L = []
+  isSlideOut: q,
+  statuses: B = []
 }) => {
-  const { userName: a, createReaction: _, deleteReaction: z, editingId: Q, setEditingId: u, isGuest: f, userTeamNames: V } = No(), k = no(null), { toggleMenuOpen: y, menuOpen: W } = $o(), { categoryData: r, categoryNotFound: J } = Lo(m?.activityData?.category), e = Ho(r?.color);
+  const {
+    userName: a,
+    createReaction: L,
+    deleteReaction: _,
+    editingId: z,
+    setEditingId: u,
+    isGuest: f,
+    userTeamNames: Q
+  } = No(), k = no(null), { toggleMenuOpen: y, menuOpen: U } = $o(), { categoryData: r, categoryNotFound: V } = Lo(m?.activityData?.category), e = Ho(r?.color);
   let {
     body: g,
     authorName: s,
     authorFullName: h,
-    createdAt: K,
-    referenceType: U,
-    entityId: D,
+    createdAt: W,
+    referenceType: J,
+    entityId: A,
     activityId: i,
-    author: A,
+    author: K,
     isOwner: c,
     files: x = [],
     origin: C
   } = m;
-  s || (s = A?.name || ""), h || (h = A?.fullName || s);
-  const j = `activity-comment-menu-${i}-${B ? "slideout" : "normal"}`, b = W === j, { onGoToFrame: E, setHighlightedActivities: X, user: Y } = Oo(), Z = c || Y?.data?.isAdmin, T = () => {
+  s || (s = K?.name || ""), h = _o({ name: s, label: h });
+  const j = `activity-comment-menu-${i}-${q ? "slideout" : "normal"}`, D = U === j, { onGoToFrame: b, setHighlightedActivities: X, user: Y } = Oo(), Z = c || Y?.data?.isAdmin, v = () => {
     u(i);
   }, oo = () => {
     u(null);
   }, to = async (o, l, eo) => {
-    await S?.(o, l, void 0, eo), u(null);
-  }, n = Q === i, F = U !== "origin" || H, ro = async () => {
+    await P?.(o, l, void 0, eo), u(null);
+  }, n = z === i, E = J !== "origin" || $, ro = async () => {
     const o = jo(g);
-    F && C && o.push({ id: C.id, type: C.type }), d && await d(i, D, o);
+    E && C && o.push({ id: C.id, type: C.type }), d && await d(i, A, o);
   }, io = () => {
     Po({
       title: "Delete comment",
@@ -344,11 +354,11 @@ const xe = ({
         await ro();
       }
     });
-  }, [, I] = xo(), M = ao(
+  }, [, F] = xo(), I = ao(
     () => Io(m.reactions, a),
     [[...m.reactions || []]]
   ), mo = (o) => {
-    o.isActive ? _({
+    o.isActive ? L({
       projectName: p,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: a,
@@ -356,7 +366,7 @@ const xe = ({
       createReactionModel: {
         reaction: o.type
       }
-    }) : z({
+    }) : _({
       projectName: p,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: a,
@@ -365,20 +375,20 @@ const xe = ({
     });
   }, po = so(
     (o) => {
-      o.annotation && (E?.(o.annotation.range[0]), X([i]));
+      o.annotation && (b?.(o.annotation.range[0]), X([i]));
     },
-    [E]
+    [b]
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
-      To,
+      vo,
       {
-        className: w("comment", {
+        className: M("comment", {
           isOwner: c,
           isEditing: n,
-          isHighlighted: q,
+          isHighlighted: H,
           category: !!r && !f,
-          menuOpen: b
+          menuOpen: D
         }),
         id: i,
         $categoryPrimary: r?.color,
@@ -390,28 +400,28 @@ const xe = ({
             {
               name: s,
               fullName: h,
-              date: K,
-              isRef: F,
+              date: W,
+              isRef: E,
               activity: m,
               projectName: p,
-              entityType: O,
-              onReferenceClick: v,
-              onReferenceTooltip: I,
+              entityType: G,
+              onReferenceClick: T,
+              onReferenceTooltip: F,
               children: void 0
             }
           ),
-          /* @__PURE__ */ t.jsxs(vo, { className: w("comment-body", { isEditing: n }), children: [
+          /* @__PURE__ */ t.jsxs(To, { className: M("comment-body", { isEditing: n }), children: [
             !R && /* @__PURE__ */ t.jsxs(Ro, { className: "tools", children: [
-              c && T && /* @__PURE__ */ t.jsx(N, { icon: "edit_square", onClick: T, variant: "text" }),
+              c && v && /* @__PURE__ */ t.jsx(w, { icon: "edit_square", onClick: v, variant: "text" }),
               /* @__PURE__ */ t.jsx(
-                N,
+                w,
                 {
                   icon: "more_horiz",
                   ref: k,
                   onClick: (o) => {
                     o.stopPropagation(), y(j);
                   },
-                  className: b ? "active" : ""
+                  className: D ? "active" : ""
                 }
               )
             ] }),
@@ -425,7 +435,7 @@ const xe = ({
                   left: -4
                 },
                 isCompact: !0,
-                "data-tooltip": J ? "Category not found. It may have been deleted." : void 0,
+                "data-tooltip": V ? "Category not found. It may have been deleted." : void 0,
                 "data-tooltip-delay": 0
               }
             ),
@@ -440,10 +450,10 @@ const xe = ({
                 onClose: oo,
                 onSubmit: to,
                 isOpen: !0,
-                ...G
+                ...S
               }
             ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-              /* @__PURE__ */ t.jsx(Do, { children: /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx(Ao, { children: /* @__PURE__ */ t.jsx(
                 co,
                 {
                   remarkPlugins: [uo, lo, fo, yo],
@@ -454,12 +464,12 @@ const xe = ({
                     a: (o) => (
                       // @ts-ignore
                       Fo(o, {
-                        entityId: D,
+                        entityId: A,
                         userName: a,
-                        userTeamNames: V,
+                        userTeamNames: Q,
                         projectName: p,
-                        onReferenceClick: v,
-                        onReferenceTooltip: I,
+                        onReferenceClick: T,
+                        onReferenceTooltip: F,
                         activityId: i,
                         categoryPrimary: r?.color,
                         categorySecondary: e.secondary
@@ -467,20 +477,20 @@ const xe = ({
                     ),
                     // checkbox inputs
                     // @ts-ignore
-                    input: (o) => Eo(o, { activity: m, onCheckChange: P }),
+                    input: (o) => Eo(o, { activity: m, onCheckChange: N }),
                     // code syntax highlighting
                     // eslint-disable-next-line
                     // @ts-ignore
                     code: (o) => bo(o),
                     // @ts-ignore
-                    blockquote: (o) => Ao(o),
+                    blockquote: (o) => Do(o),
                     // @ts-ignore
                     tip: (o) => /* @__PURE__ */ t.jsxs(ko, { children: [
                       /* @__PURE__ */ t.jsx(Mo, { icon: "info" }),
                       o.children
                     ] }),
                     // @ts-ignore
-                    status: (o) => /* @__PURE__ */ t.jsx(wo, { name: o.id, statuses: L, children: o.children }),
+                    status: (o) => /* @__PURE__ */ t.jsx(wo, { name: o.id, statuses: B, children: o.children }),
                     p: (o) => {
                       const l = o.children;
                       return typeof l == "string" && Go(l) ? /* @__PURE__ */ t.jsx("p", { className: "empty-line" }) : /* @__PURE__ */ t.jsx("p", { children: o.children });
@@ -497,16 +507,16 @@ const xe = ({
                   activityId: i,
                   projectName: p,
                   isDownloadable: !0,
-                  onExpand: $,
+                  onExpand: O,
                   onAnnotationClick: po,
                   onRemove: void 0
                 }
               )
             ] }),
-            !n && /* @__PURE__ */ t.jsx("div", { style: { marginTop: "16px" }, children: M && /* @__PURE__ */ t.jsx(
+            !n && /* @__PURE__ */ t.jsx("div", { style: { marginTop: "16px" }, children: I && /* @__PURE__ */ t.jsx(
               ho,
               {
-                reactions: M,
+                reactions: I,
                 changeHandler: mo,
                 readOnly: R,
                 category: r && !f ? r.name : void 0,
@@ -520,7 +530,7 @@ const xe = ({
       }
     ),
     /* @__PURE__ */ t.jsx(
-      _o,
+      zo,
       {
         target: k.current,
         id: j,
@@ -532,7 +542,7 @@ const xe = ({
           Bo,
           {
             onDelete: Z && d ? io : void 0,
-            onEdit: c && T,
+            onEdit: c && v,
             activityId: i,
             onSelect: () => y(!1),
             projectName: p
@@ -543,6 +553,6 @@ const xe = ({
   ] });
 };
 export {
-  xe as default
+  ve as default
 };
 //# sourceMappingURL=ActivityComment.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityComment.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport emoji from 'remark-emoji'\nimport remarkGfm from 'remark-gfm'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\n\nimport CommentInput from '../CommentInput/CommentInput'\nimport Reactions from '../ReactionContainer/Reactions'\nimport { Reaction } from '../ReactionContainer/types'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport FilesGrid, { FilesGridProps } from '../FilesGrid/FilesGrid'\n\nimport { getTextRefs } from '../CommentInput/quillToMarkdown'\nimport * as Styled from './ActivityComment.styled'\nimport CommentWrapper from './CommentWrapper'\nimport { aTag, blockquoteTag, codeTag, inputTag } from './ActivityMarkdownComponents'\nimport { mapGraphQLReactions } from './mappers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityStatus from '../ActivityStatus/ActivityStatus'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { confirmDelete } from '../../../../util'\nimport ActivityHeader, { ActivityHeaderProps } from '../ActivityHeader/ActivityHeader'\nimport { MenuContainer } from '@shared/components'\nimport { useMenuContext } from '@shared/context'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\n\ntype Props = {\n  activity: any\n  onCheckChange?: Function\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n  projectInfo: any\n  editProps?: {\n    disabled: boolean\n    isLoading: boolean\n  }\n  projectName: string\n  entityType: string\n  onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n  onFileExpand?: FilesGridProps['onExpand']\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  readOnly?: boolean\n  isSlideOut?: boolean\n  statuses: Status[]\n}\n\nconst ActivityComment = ({\n  activity = {},\n  onCheckChange,\n  onDelete,\n  onUpdate,\n  projectInfo,\n  editProps,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onFileExpand,\n  showOrigin,\n  isHighlighted,\n  readOnly,\n  isSlideOut,\n  statuses = [],\n}: Props) => {\n  const {userName, createReaction, deleteReaction, editingId, setEditingId, isGuest, userTeamNames,} = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n  let {\n    body,\n    authorName,\n    authorFullName,\n    createdAt,\n    referenceType,\n    entityId,\n    activityId,\n    author,\n    isOwner,\n    files = [],\n    origin,\n  } = activity\n  if (!authorName) authorName = author?.name || ''\n  if (!authorFullName) authorFullName = author?.fullName || authorName\n\n  const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n  const isMenuOpen = menuOpen === menuId\n\n  const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n  const canDelete = isOwner || user?.data?.isAdmin\n\n  const handleEditComment = () => {\n    setEditingId(activityId)\n  }\n\n  const handleEditCancel = () => {\n    // close the edit comment\n    setEditingId(null)\n  }\n\n  const handleSave = async (value: any, files: any, data?: any) => {\n    await onUpdate?.(value, files, undefined, data)\n    setEditingId(null)\n  }\n\n  const isEditing = editingId === activityId\n\n  const isRef = referenceType !== 'origin' || showOrigin\n\n  const handleDelete = async () => {\n    const refs = getTextRefs(body)\n\n    // if the comment is a reference, (it's origin is not the entity)\n    // we need to delete the reference from the origin as well\n    // add it to the refs to delete\n    if (isRef && origin) {\n      refs.push({ id: origin.id, type: origin.type })\n    }\n\n    // note: body is used to match other refs to delete\n    onDelete && (await onDelete(activityId, entityId, refs))\n  }\n\n  const deleteConfirmation = () => {\n    confirmDelete({\n      title: 'Delete comment',\n      message: 'Are you sure you want to delete this comment?',\n      accept: async () => {\n        await handleDelete()\n      },\n    })\n  }\n\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  const mappedReactions = useMemo(\n    () => mapGraphQLReactions(activity.reactions, userName),\n    [[...(activity.reactions || [])]],\n  )\n\n  const reactionChangeHandler = (reaction: Reaction) => {\n    if (reaction.isActive) {\n      createReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        createReactionModel: {\n          reaction: reaction.type,\n        },\n      })\n    } else {\n      deleteReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        reaction: reaction.type,\n      })\n    }\n  }\n\n  const onAnnotationClick = useCallback(\n    (file: any) => {\n      if (!file.annotation) return\n      // annotation frame numbers are 1-based\n      onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n      setHighlightedActivities([activityId])\n    },\n    [onGoToFrame],\n  )\n\n  return (\n    <>\n      <Styled.Comment\n        className={clsx('comment', {\n          isOwner,\n          isEditing,\n          isHighlighted,\n          category: !!categoryData && !isGuest,\n          menuOpen: isMenuOpen,\n        })}\n        id={activityId}\n        $categoryPrimary={categoryData?.color}\n        $categoryTertiary={blendedCategoryColor.primary}\n        $categorySecondary={blendedCategoryColor.secondary}\n      >\n        <ActivityHeader\n          name={authorName}\n          fullName={authorFullName}\n          date={createdAt}\n          isRef={isRef}\n          activity={activity}\n          // projectInfo={projectInfo}\n          projectName={projectName}\n          entityType={entityType}\n          onReferenceClick={onReferenceClick}\n          onReferenceTooltip={setRefTooltip}\n          children={undefined}\n        />\n        <Styled.Body className={clsx('comment-body', { isEditing })}>\n          {!readOnly && (\n            <Styled.Tools className={'tools'}>\n              {isOwner && handleEditComment && (\n                <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n              )}\n              <Styled.ToolButton\n                icon=\"more_horiz\"\n                ref={moreRef}\n                onClick={(e) => {\n                  e.stopPropagation()\n                  toggleMenuOpen(menuId)\n                }}\n                className={isMenuOpen ? 'active' : ''}\n              />\n            </Styled.Tools>\n          )}\n\n          {!isEditing && !isGuest && categoryData && (\n            <CategoryTag\n              value={categoryData.name}\n              color={categoryData.color}\n              style={{\n                top: -4,\n                left: -4,\n              }}\n              isCompact\n              data-tooltip={\n                categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n              }\n              data-tooltip-delay={0}\n            />\n          )}\n\n          {isEditing ? (\n            <CommentInput\n              initValue={body}\n              initFiles={files}\n              initCategory={categoryData?.name}\n              data={activity.activityData}\n              isEditing\n              onClose={handleEditCancel}\n              onSubmit={handleSave}\n              isOpen={true}\n              {...editProps}\n            />\n          ) : (\n            <>\n              <CommentWrapper>\n                <ReactMarkdown\n                  remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n                  urlTransform={(url) => url}\n                  components={{\n                    // a links\n                    // @ts-ignore\n                    a: (props) =>\n                      // @ts-ignore\n                      aTag(props, {\n                        entityId,\n                        userName,\n                        userTeamNames,\n                        projectName,\n                        projectInfo,\n                        onReferenceClick,\n                        onReferenceTooltip: setRefTooltip,\n                        activityId,\n                        categoryPrimary: categoryData?.color,\n                        categorySecondary: blendedCategoryColor.secondary,\n                      }),\n                    // checkbox inputs\n                    // @ts-ignore\n                    input: (props) => inputTag(props, { activity, onCheckChange }),\n                    // code syntax highlighting\n                    // eslint-disable-next-line\n                    // @ts-ignore\n                    code: (props) => codeTag(props),\n                    // @ts-ignore\n                    blockquote: (props) => blockquoteTag(props),\n                    // @ts-ignore\n                    tip: (props) => (\n                      <Styled.Tip>\n                        <Icon icon=\"info\" />\n                        {props.children}\n                      </Styled.Tip>\n                    ),\n                    // @ts-ignore\n                    status: (props) => {\n                      return (\n                        <ActivityStatus name={props.id} statuses={statuses}>\n                          {props.children}\n                        </ActivityStatus>\n                      )\n                    },\n                    p: (props) => {\n                      // check for empty paragraphs\n                      const text = props.children\n                      if (typeof text === 'string' && checkForEmptyLine(text)) {\n                        return <p className=\"empty-line\"></p>\n                      }\n                      return <p>{props.children}</p>\n                    },\n                  }}\n                >\n                  {body}\n                </ReactMarkdown>\n              </CommentWrapper>\n              {/* file uploads */}\n              {/* @ts-ignore */}\n              <FilesGrid\n                files={files}\n                isCompact={files.length > 6}\n                activityId={activityId}\n                projectName={projectName}\n                isDownloadable\n                onExpand={onFileExpand}\n                onAnnotationClick={onAnnotationClick}\n                onRemove={undefined}\n              />\n            </>\n          )}\n\n          {!isEditing && (\n            <div style={{ marginTop: '16px' }}>\n              {mappedReactions && (\n                <Reactions\n                  reactions={mappedReactions}\n                  changeHandler={reactionChangeHandler}\n                  readOnly={readOnly}\n                  category={categoryData && !isGuest ? categoryData.name : undefined}\n                  categoryPrimary={categoryData?.color}\n                  categorySecondary={blendedCategoryColor.secondary}\n                  categoryTertiary={blendedCategoryColor.primary}\n                />\n              )}\n            </div>\n          )}\n        </Styled.Body>\n      </Styled.Comment>\n\n      <MenuContainer\n        target={moreRef.current}\n        id={menuId}\n        align=\"right\"\n        onClose={(e: any) => {\n          e?.stopPropagation()\n          toggleMenuOpen(false)\n        }}\n      >\n        <ActivityCommentMenu\n          onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n          onEdit={isOwner && handleEditComment}\n          activityId={activityId}\n          onSelect={() => toggleMenuOpen(false)}\n          projectName={projectName}\n        />\n      </MenuContainer>\n    </>\n  )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","e","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}
+{"version":3,"file":"ActivityComment.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport emoji from 'remark-emoji'\nimport remarkGfm from 'remark-gfm'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\n\nimport CommentInput from '../CommentInput/CommentInput'\nimport Reactions from '../ReactionContainer/Reactions'\nimport { Reaction } from '../ReactionContainer/types'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport FilesGrid, { FilesGridProps } from '../FilesGrid/FilesGrid'\n\nimport { getTextRefs } from '../CommentInput/quillToMarkdown'\nimport * as Styled from './ActivityComment.styled'\nimport CommentWrapper from './CommentWrapper'\nimport { aTag, blockquoteTag, codeTag, inputTag } from './ActivityMarkdownComponents'\nimport { mapGraphQLReactions } from './mappers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityStatus from '../ActivityStatus/ActivityStatus'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { confirmDelete } from '../../../../util'\nimport ActivityHeader, { ActivityHeaderProps } from '../ActivityHeader/ActivityHeader'\nimport { MenuContainer } from '@shared/components'\nimport { useMenuContext } from '@shared/context'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\nimport { getActivityUserName } from '../../helpers/getActivityUserName'\n\ntype Props = {\n  activity: any\n  onCheckChange?: Function\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n  projectInfo: any\n  editProps?: {\n    disabled: boolean\n    isLoading: boolean\n  }\n  projectName: string\n  entityType: string\n  onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n  onFileExpand?: FilesGridProps['onExpand']\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  readOnly?: boolean\n  isSlideOut?: boolean\n  statuses: Status[]\n}\n\nconst ActivityComment = ({\n  activity = {},\n  onCheckChange,\n  onDelete,\n  onUpdate,\n  projectInfo,\n  editProps,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onFileExpand,\n  showOrigin,\n  isHighlighted,\n  readOnly,\n  isSlideOut,\n  statuses = [],\n}: Props) => {\n  const {\n    userName,\n    createReaction,\n    deleteReaction,\n    editingId,\n    setEditingId,\n    isGuest,\n    userTeamNames,\n  } = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n  // Compute blended background color for category\n  const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n  let {\n    body,\n    authorName,\n    authorFullName,\n    createdAt,\n    referenceType,\n    entityId,\n    activityId,\n    author,\n    isOwner,\n    files = [],\n    origin,\n  } = activity\n  if (!authorName) authorName = author?.name || ''\n  authorFullName = getActivityUserName({ name: authorName, label: authorFullName })\n\n  const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n  const isMenuOpen = menuOpen === menuId\n\n  const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n  const canDelete = isOwner || user?.data?.isAdmin\n\n  const handleEditComment = () => {\n    setEditingId(activityId)\n  }\n\n  const handleEditCancel = () => {\n    // close the edit comment\n    setEditingId(null)\n  }\n\n  const handleSave = async (value: any, files: any, data?: any) => {\n    await onUpdate?.(value, files, undefined, data)\n    setEditingId(null)\n  }\n\n  const isEditing = editingId === activityId\n\n  const isRef = referenceType !== 'origin' || showOrigin\n\n  const handleDelete = async () => {\n    const refs = getTextRefs(body)\n\n    // if the comment is a reference, (it's origin is not the entity)\n    // we need to delete the reference from the origin as well\n    // add it to the refs to delete\n    if (isRef && origin) {\n      refs.push({ id: origin.id, type: origin.type })\n    }\n\n    // note: body is used to match other refs to delete\n    onDelete && (await onDelete(activityId, entityId, refs))\n  }\n\n  const deleteConfirmation = () => {\n    confirmDelete({\n      title: 'Delete comment',\n      message: 'Are you sure you want to delete this comment?',\n      accept: async () => {\n        await handleDelete()\n      },\n    })\n  }\n\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  const mappedReactions = useMemo(\n    () => mapGraphQLReactions(activity.reactions, userName),\n    [[...(activity.reactions || [])]],\n  )\n\n  const reactionChangeHandler = (reaction: Reaction) => {\n    if (reaction.isActive) {\n      createReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        createReactionModel: {\n          reaction: reaction.type,\n        },\n      })\n    } else {\n      deleteReaction({\n        projectName: projectName,\n        // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n        userName: userName,\n        activityId: activityId,\n        reaction: reaction.type,\n      })\n    }\n  }\n\n  const onAnnotationClick = useCallback(\n    (file: any) => {\n      if (!file.annotation) return\n      // annotation frame numbers are 1-based\n      onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n      setHighlightedActivities([activityId])\n    },\n    [onGoToFrame],\n  )\n\n  return (\n    <>\n      <Styled.Comment\n        className={clsx('comment', {\n          isOwner,\n          isEditing,\n          isHighlighted,\n          category: !!categoryData && !isGuest,\n          menuOpen: isMenuOpen,\n        })}\n        id={activityId}\n        $categoryPrimary={categoryData?.color}\n        $categoryTertiary={blendedCategoryColor.primary}\n        $categorySecondary={blendedCategoryColor.secondary}\n      >\n        <ActivityHeader\n          name={authorName}\n          fullName={authorFullName}\n          date={createdAt}\n          isRef={isRef}\n          activity={activity}\n          // projectInfo={projectInfo}\n          projectName={projectName}\n          entityType={entityType}\n          onReferenceClick={onReferenceClick}\n          onReferenceTooltip={setRefTooltip}\n          children={undefined}\n        />\n        <Styled.Body className={clsx('comment-body', { isEditing })}>\n          {!readOnly && (\n            <Styled.Tools className={'tools'}>\n              {isOwner && handleEditComment && (\n                <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n              )}\n              <Styled.ToolButton\n                icon=\"more_horiz\"\n                ref={moreRef}\n                onClick={(e) => {\n                  e.stopPropagation()\n                  toggleMenuOpen(menuId)\n                }}\n                className={isMenuOpen ? 'active' : ''}\n              />\n            </Styled.Tools>\n          )}\n\n          {!isEditing && !isGuest && categoryData && (\n            <CategoryTag\n              value={categoryData.name}\n              color={categoryData.color}\n              style={{\n                top: -4,\n                left: -4,\n              }}\n              isCompact\n              data-tooltip={\n                categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n              }\n              data-tooltip-delay={0}\n            />\n          )}\n\n          {isEditing ? (\n            <CommentInput\n              initValue={body}\n              initFiles={files}\n              initCategory={categoryData?.name}\n              data={activity.activityData}\n              isEditing\n              onClose={handleEditCancel}\n              onSubmit={handleSave}\n              isOpen={true}\n              {...editProps}\n            />\n          ) : (\n            <>\n              <CommentWrapper>\n                <ReactMarkdown\n                  remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n                  urlTransform={(url) => url}\n                  components={{\n                    // a links\n                    // @ts-ignore\n                    a: (props) =>\n                      // @ts-ignore\n                      aTag(props, {\n                        entityId,\n                        userName,\n                        userTeamNames,\n                        projectName,\n                        projectInfo,\n                        onReferenceClick,\n                        onReferenceTooltip: setRefTooltip,\n                        activityId,\n                        categoryPrimary: categoryData?.color,\n                        categorySecondary: blendedCategoryColor.secondary,\n                      }),\n                    // checkbox inputs\n                    // @ts-ignore\n                    input: (props) => inputTag(props, { activity, onCheckChange }),\n                    // code syntax highlighting\n                    // eslint-disable-next-line\n                    // @ts-ignore\n                    code: (props) => codeTag(props),\n                    // @ts-ignore\n                    blockquote: (props) => blockquoteTag(props),\n                    // @ts-ignore\n                    tip: (props) => (\n                      <Styled.Tip>\n                        <Icon icon=\"info\" />\n                        {props.children}\n                      </Styled.Tip>\n                    ),\n                    // @ts-ignore\n                    status: (props) => {\n                      return (\n                        <ActivityStatus name={props.id} statuses={statuses}>\n                          {props.children}\n                        </ActivityStatus>\n                      )\n                    },\n                    p: (props) => {\n                      // check for empty paragraphs\n                      const text = props.children\n                      if (typeof text === 'string' && checkForEmptyLine(text)) {\n                        return <p className=\"empty-line\"></p>\n                      }\n                      return <p>{props.children}</p>\n                    },\n                  }}\n                >\n                  {body}\n                </ReactMarkdown>\n              </CommentWrapper>\n              {/* file uploads */}\n              {/* @ts-ignore */}\n              <FilesGrid\n                files={files}\n                isCompact={files.length > 6}\n                activityId={activityId}\n                projectName={projectName}\n                isDownloadable\n                onExpand={onFileExpand}\n                onAnnotationClick={onAnnotationClick}\n                onRemove={undefined}\n              />\n            </>\n          )}\n\n          {!isEditing && (\n            <div style={{ marginTop: '16px' }}>\n              {mappedReactions && (\n                <Reactions\n                  reactions={mappedReactions}\n                  changeHandler={reactionChangeHandler}\n                  readOnly={readOnly}\n                  category={categoryData && !isGuest ? categoryData.name : undefined}\n                  categoryPrimary={categoryData?.color}\n                  categorySecondary={blendedCategoryColor.secondary}\n                  categoryTertiary={blendedCategoryColor.primary}\n                />\n              )}\n            </div>\n          )}\n        </Styled.Body>\n      </Styled.Comment>\n\n      <MenuContainer\n        target={moreRef.current}\n        id={menuId}\n        align=\"right\"\n        onClose={(e: any) => {\n          e?.stopPropagation()\n          toggleMenuOpen(false)\n        }}\n      >\n        <ActivityCommentMenu\n          onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n          onEdit={isOwner && handleEditComment}\n          activityId={activityId}\n          onSelect={() => toggleMenuOpen(false)}\n          projectName={projectName}\n        />\n      </MenuContainer>\n    </>\n  )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","getActivityUserName","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","e","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}