@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

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'\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, categories, isGuest, userTeamNames,} = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useMemo(() => {\n    let categoryNotFound = false\n    if (activity.activityData?.category) {\n      const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n      if (!foundCategory) {\n        categoryNotFound = true\n      }\n      return {\n        categoryData: foundCategory || {\n          name: activity.activityData?.category,\n          color: '#c5c5c5',\n        },\n        categoryNotFound,\n      }\n    } else {\n      return {\n        categoryData: null,\n        categoryNotFound,\n      }\n    }\n  }, [activity?.activityData?.category, categories])\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","categories","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","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","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'\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, categories, isGuest, userTeamNames,} = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useMemo(() => {\n    let categoryNotFound = false\n    if (activity.activityData?.category) {\n      const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n      if (!foundCategory) {\n        categoryNotFound = true\n      }\n      return {\n        categoryData: foundCategory || {\n          name: activity.activityData?.category,\n          color: '#c5c5c5',\n        },\n        categoryNotFound,\n      }\n    } else {\n      return {\n        categoryData: null,\n        categoryNotFound,\n      }\n    }\n  }, [activity?.activityData?.category, categories])\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","categories","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","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","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":"6hiBAuDA,MAAMA,GAAkB,CAAC,CACvB,SAAAC,EAAW,CAAA,EACX,cAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,GACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,CAAA,CACb,IAAa,CACX,KAAM,CAAC,SAAAC,EAAU,eAAAC,EAAgB,eAAAC,EAAgB,UAAAC,EAAW,aAAAC,EAAc,WAAAC,EAAY,QAAAC,EAAS,cAAAC,CAAA,EAAkBC,kBAAA,EAE3GC,EAAUC,EAAAA,OAA0B,IAAI,EACxC,CAAE,eAAAC,EAAgB,SAAAC,CAAA,EAAaC,kBAAA,EAE/B,CAAE,aAAAC,EAAc,iBAAAC,CAAA,EAAqBC,EAAAA,QAAQ,IAAM,CACvD,IAAID,EAAmB,GACvB,GAAI9B,EAAS,cAAc,SAAU,CACnC,MAAMgC,EAAgBZ,EAAW,KAAMa,GAAQA,EAAI,OAASjC,EAAS,cAAc,QAAQ,EAC3F,OAAKgC,IACHF,EAAmB,IAEd,CACL,aAAcE,GAAiB,CAC7B,KAAMhC,EAAS,cAAc,SAC7B,MAAO,SAAA,EAET,iBAAA8B,CAAA,CAEJ,KACE,OAAO,CACL,aAAc,KACd,iBAAAA,CAAA,CAGN,EAAG,CAAC9B,GAAU,cAAc,SAAUoB,CAAU,CAAC,EAE3Cc,EAAuBC,GAAAA,wBAAwBN,GAAc,KAAK,EAExE,GAAI,CACF,KAAAO,EACA,WAAAC,EACA,eAAAC,EACA,UAAAC,EACA,cAAAC,GACA,SAAAC,EACA,WAAAC,EACA,OAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,OAAAC,CAAA,EACE9C,EACCqC,IAAYA,EAAaM,GAAQ,MAAQ,IACzCL,IAAgBA,EAAiBK,GAAQ,UAAYN,GAE1D,MAAMU,EAAS,yBAAyBL,CAAU,IAAI7B,EAAa,WAAa,QAAQ,GAClFmC,EAAarB,IAAaoB,EAE1B,CAAE,YAAAE,EAAa,yBAAAC,GAA0B,KAAAC,EAAA,EAASC,GAAAA,uBAAA,EAClDC,GAAYT,GAAWO,IAAM,MAAM,QAEnCG,EAAoB,IAAM,CAC9BnC,EAAauB,CAAU,CACzB,EAEMa,GAAmB,IAAM,CAE7BpC,EAAa,IAAI,CACnB,EAEMqC,GAAa,MAAOC,EAAYZ,EAAYa,IAAe,CAC/D,MAAMvD,IAAWsD,EAAOZ,EAAO,OAAWa,CAAI,EAC9CvC,EAAa,IAAI,CACnB,EAEMwC,EAAYzC,IAAcwB,EAE1BkB,EAAQpB,KAAkB,UAAY9B,EAEtCmD,GAAe,SAAY,CAC/B,MAAMC,EAAOC,GAAAA,YAAY3B,CAAI,EAKzBwB,GAASd,GACXgB,EAAK,KAAK,CAAE,GAAIhB,EAAO,GAAI,KAAMA,EAAO,KAAM,EAIhD5C,GAAa,MAAMA,EAASwC,EAAYD,EAAUqB,CAAI,CACxD,EAEME,GAAqB,IAAM,CAC/BC,iBAAc,CACZ,MAAO,iBACP,QAAS,gDACT,OAAQ,SAAY,CAClB,MAAMJ,GAAA,CACR,CAAA,CACD,CACH,EAEM,CAAA,CAAGK,CAAa,EAAIC,GAAA,EAEpBC,EAAkBrC,EAAAA,QACtB,IAAMsC,uBAAoBrE,EAAS,UAAWe,CAAQ,EACtD,CAAC,CAAC,GAAIf,EAAS,WAAa,EAAG,CAAC,CAAA,EAG5BsE,GAAyBC,GAAuB,CAChDA,EAAS,SACXvD,EAAe,CACb,YAAAV,EAEA,SAAAS,EACA,WAAA2B,EACA,oBAAqB,CACnB,SAAU6B,EAAS,IAAA,CACrB,CACD,EAEDtD,EAAe,CACb,YAAAX,EAEA,SAAAS,EACA,WAAA2B,EACA,SAAU6B,EAAS,IAAA,CACpB,CAEL,EAEMC,GAAoBC,EAAAA,YACvBC,GAAc,CACRA,EAAK,aAEVzB,IAAeyB,EAAK,WAAuC,MAAM,CAAC,CAAC,EACnExB,GAAyB,CAACR,CAAU,CAAC,EACvC,EACA,CAACO,CAAW,CAAA,EAGd,OACE0B,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAACE,EAAAA,QAAA,CACC,UAAWC,EAAK,UAAW,CACzB,QAAAlC,EACA,UAAAe,EACA,cAAAhD,EACA,SAAU,CAAC,CAACkB,GAAgB,CAACR,EAC7B,SAAU2B,CAAA,CACX,EACD,GAAIN,EACJ,iBAAkBb,GAAc,MAChC,kBAAmBK,EAAqB,QACxC,mBAAoBA,EAAqB,UAEzC,SAAA,CAAA6C,EAAAA,kBAAAA,IAACC,GAAA,CACC,KAAM3C,EACN,SAAUC,EACV,KAAMC,EACN,MAAAqB,EACA,SAAA5D,EAEA,YAAAM,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAoB0D,EACpB,SAAU,MAAA,CAAA,EAEZS,yBAACM,EAAAA,KAAA,CAAY,UAAWH,EAAK,eAAgB,CAAE,UAAAnB,EAAW,EACvD,SAAA,CAAA,CAAC/C,GACA+D,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAa,UAAW,QACtB,SAAA,CAAAtC,GAAWU,GACVyB,wBAACI,EAAAA,WAAA,CAAkB,KAAK,cAAc,QAAS7B,EAAmB,QAAQ,MAAA,CAAO,EAEnFyB,EAAAA,kBAAAA,IAACI,EAAAA,WAAA,CACC,KAAK,aACL,IAAK3D,EACL,QAAU,GAAM,CACd,EAAE,gBAAA,EACFE,EAAeqB,CAAM,CACvB,EACA,UAAWC,EAAa,SAAW,EAAA,CAAA,CACrC,EACF,EAGD,CAACW,GAAa,CAACtC,GAAWQ,GACzBkD,EAAAA,kBAAAA,IAACK,GAAAA,YAAA,CACC,MAAOvD,EAAa,KACpB,MAAOA,EAAa,MACpB,MAAO,CACL,IAAK,GACL,KAAM,EAAA,EAER,UAAS,GACT,eACEC,EAAmB,gDAAkD,OAEvE,qBAAoB,CAAA,CAAA,EAIvB6B,EACCoB,EAAAA,kBAAAA,IAACM,GAAAA,QAAA,CACC,UAAWjD,EACX,UAAWS,EACX,aAAchB,GAAc,KAC5B,KAAM7B,EAAS,aACf,UAAS,GACT,QAASuD,GACT,SAAUC,GACV,OAAQ,GACP,GAAGnD,CAAA,CAAA,EAGNsE,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAG,wBAACO,GAAA,CACC,SAAAP,EAAAA,kBAAAA,IAACQ,GAAA,CACC,cAAe,CAACC,GAAWC,GAAOC,GAAiBC,EAAqB,EACxE,aAAeC,GAAQA,EACvB,WAAY,CAGV,EAAIC,GAEFC,EAAAA,KAAKD,EAAO,CACV,SAAApD,EACA,SAAA1B,EACA,cAAAO,EACA,YAAAhB,EAEA,iBAAAE,EACA,mBAAoB0D,EACpB,WAAAxB,EACA,gBAAiBb,GAAc,MAC/B,kBAAmBK,EAAqB,SAAA,CACzC,EAGH,MAAQ2D,GAAUE,EAAAA,SAASF,EAAO,CAAE,SAAA7F,EAAU,cAAAC,EAAe,EAI7D,KAAO4F,GAAUG,EAAAA,QAAQH,CAAK,EAE9B,WAAaA,GAAUI,EAAAA,cAAcJ,CAAK,EAE1C,IAAMA,GACJlB,EAAAA,kBAAAA,KAACuB,EAAAA,IAAA,CACC,SAAA,CAAAnB,EAAAA,kBAAAA,IAACoB,GAAAA,KAAA,CAAK,KAAK,MAAA,CAAO,EACjBN,EAAM,QAAA,EACT,EAGF,OAASA,2BAEJO,GAAA,CAAe,KAAMP,EAAM,GAAI,SAAA/E,EAC7B,WAAM,SACT,EAGJ,EAAI+E,GAAU,CAEZ,MAAMQ,EAAOR,EAAM,SACnB,OAAI,OAAOQ,GAAS,UAAYC,GAAAA,kBAAkBD,CAAI,EAC7CtB,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,YAAA,CAAa,EAE5BA,EAAAA,kBAAAA,IAAC,IAAA,CAAG,SAAAc,EAAM,QAAA,CAAS,CAC5B,CAAA,EAGD,SAAAzD,CAAA,CAAA,EAEL,EAGA2C,EAAAA,kBAAAA,IAACwB,GAAA,CACC,MAAA1D,EACA,UAAWA,EAAM,OAAS,EAC1B,WAAAH,EACA,YAAApC,EACA,eAAc,GACd,SAAUG,EACV,kBAAA+D,GACA,SAAU,MAAA,CAAA,CACZ,EACF,EAGD,CAACb,GACAoB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,UAAW,MAAA,EACtB,SAAAX,GACCW,EAAAA,kBAAAA,IAACyB,GAAA,CACC,UAAWpC,EACX,cAAeE,GACf,SAAA1D,EACA,SAAUiB,GAAgB,CAACR,EAAUQ,EAAa,KAAO,OACzD,gBAAiBA,GAAc,MAC/B,kBAAmBK,EAAqB,UACxC,iBAAkBA,EAAqB,OAAA,CAAA,CACzC,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,EAGF6C,EAAAA,kBAAAA,IAAC0B,GAAAA,cAAA,CACC,OAAQjF,EAAQ,QAChB,GAAIuB,EACJ,MAAM,QACN,QAAU,GAAW,CACnB,GAAG,gBAAA,EACHrB,EAAe,EAAK,CACtB,EAEA,SAAAqD,EAAAA,kBAAAA,IAAC2B,GAAA,CACC,SAAUrD,IAAanD,EAAW8D,GAAqB,OACvD,OAAQpB,GAAWU,EACnB,WAAAZ,EACA,SAAU,IAAMhB,EAAe,EAAK,EACpC,YAAApB,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAEJ"}

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

@@ -28,14 +28,11 @@ 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/components/MinMaxField.es.js";
-import "react-dom";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/EnumEditor/EnumEditor.styled.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";
@@ -138,41 +135,55 @@ import "../../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                    */
 import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                       */
-import "../Tooltips/UserTooltipItem.es.js";
-import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "react-quill-ayon";
+import "../../../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import { checkForEmptyLine as Oo } from "../CommentInput/InputMarkdownConvert.es.js";
+import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../CommentInput/modules/index.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Oo } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../context/SubtasksModulesContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import { useDetailsPanelContext as $o } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../context/PowerpackContextInstance.es.js";
+import "../../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
-import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
-import { useMenuContext as $o } from "../../../../context/MenuContext.es.js";
+import { useMenuContext as Ho } from "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
 import "../../../../context/GlobalContext.es.js";
 import "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContext.es.js";
 import "../../../../context/UriContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import "../../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                       */
+import "../Tooltips/UserTooltipItem.es.js";
+import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../FileUploadPreview/Mimes/TextMime.es.js";
-import { useBlendedCategoryColor as Ho } from "../CommentInput/hooks/useBlendedCategoryColor.es.js";
-import { CategoryTag as qo } from "../ActivityCategorySelect/CategoryTag.es.js";
-import Bo from "./ActivityCommentMenu.es.js";
-import { checkForEmptyLine as Lo } from "../CommentInput/InputMarkdownConvert.es.js";
+import { useBlendedCategoryColor as qo } from "../CommentInput/hooks/useBlendedCategoryColor.es.js";
+import { CategoryTag as Bo } from "../ActivityCategorySelect/CategoryTag.es.js";
+import Lo from "./ActivityCommentMenu.es.js";
 import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../ActivityDate.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
@@ -189,6 +200,7 @@ import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
 import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
@@ -209,17 +221,11 @@ import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../Slicer/components/Slicer.es.js";
 import "../../../Slicer/context/SlicerContext.es.js";
@@ -229,15 +235,18 @@ import "../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.style
 import "../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../../Actions/Actions.styled.es.js";
 import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../../Actions/ActionIcon.es.js";
-import "../../../Views/context/ViewsContext.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 "../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../ListTable/ListTableRow.es.js";
+import "../../../ListTable/ListTable.styled.es.js";
 import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -245,12 +254,12 @@ import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../components/Feedback/FeedbackContext.es.js";
+import "../../../../components/Feedback/FeedbackContextInstance.es.js";
 import "../../../../components/Feedback/SupportBubble.es.js";
 import "../../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../components/Powerpack/PricingLink.es.js";
+import "../../../../components/Powerpack/FreeTrialLink.es.js";
 import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../../components/Powerpack/CTAButton.es.js";
 import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
@@ -275,7 +284,8 @@ import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import { MenuContainer as _o } from "../../../../components/Menu/MenuContainer.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-const Yp = ({
+import "../../../../components/ColumnHeaderMenuUI.es.js";
+const ae = ({
   activity: m = {},
   onCheckChange: O,
   onDelete: d,
@@ -292,7 +302,7 @@ const Yp = ({
   isSlideOut: z,
   statuses: Q = []
 }) => {
-  const { userName: s, createReaction: V, deleteReaction: W, editingId: J, setEditingId: u, categories: F, isGuest: f, userTeamNames: K } = Po(), k = so(null), { toggleMenuOpen: y, menuOpen: U } = $o(), { categoryData: r, categoryNotFound: X } = S(() => {
+  const { userName: s, createReaction: V, deleteReaction: W, editingId: J, setEditingId: u, categories: F, isGuest: f, userTeamNames: K } = Po(), k = so(null), { toggleMenuOpen: y, menuOpen: U } = Ho(), { categoryData: r, categoryNotFound: X } = S(() => {
     let o = !1;
     if (m.activityData?.category) {
       const p = F.find((v) => v.name === m.activityData?.category);
@@ -308,7 +318,7 @@ const Yp = ({
         categoryData: null,
         categoryNotFound: o
       };
-  }, [m?.activityData?.category, F]), n = Ho(r?.color);
+  }, [m?.activityData?.category, F]), n = qo(r?.color);
   let {
     body: g,
     authorName: c,
@@ -323,7 +333,7 @@ const Yp = ({
     origin: C
   } = m;
   c || (c = N?.name || ""), h || (h = N?.fullName || c);
-  const j = `activity-comment-menu-${i}-${z ? "slideout" : "normal"}`, b = U === j, { onGoToFrame: E, setHighlightedActivities: oo, user: to } = Oo(), ro = l || to?.data?.isAdmin, T = () => {
+  const j = `activity-comment-menu-${i}-${z ? "slideout" : "normal"}`, b = U === j, { onGoToFrame: E, setHighlightedActivities: oo, user: to } = $o(), ro = l || to?.data?.isAdmin, T = () => {
     u(i);
   }, io = () => {
     u(null);
@@ -412,7 +422,7 @@ const Yp = ({
               )
             ] }),
             !a && !f && r && /* @__PURE__ */ t.jsx(
-              qo,
+              Bo,
               {
                 value: r.name,
                 color: r.color,
@@ -479,7 +489,7 @@ const Yp = ({
                     status: (o) => /* @__PURE__ */ t.jsx(wo, { name: o.id, statuses: Q, children: o.children }),
                     p: (o) => {
                       const p = o.children;
-                      return typeof p == "string" && Lo(p) ? /* @__PURE__ */ t.jsx("p", { className: "empty-line" }) : /* @__PURE__ */ t.jsx("p", { children: o.children });
+                      return typeof p == "string" && Oo(p) ? /* @__PURE__ */ t.jsx("p", { className: "empty-line" }) : /* @__PURE__ */ t.jsx("p", { children: o.children });
                     }
                   },
                   children: g
@@ -525,7 +535,7 @@ const Yp = ({
           o?.stopPropagation(), y(!1);
         },
         children: /* @__PURE__ */ t.jsx(
-          Bo,
+          Lo,
           {
             onDelete: ro && d ? eo : void 0,
             onEdit: l && T,
@@ -539,6 +549,6 @@ const Yp = ({
   ] });
 };
 export {
-  Yp as default
+  ae 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'\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, categories, isGuest, userTeamNames,} = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useMemo(() => {\n    let categoryNotFound = false\n    if (activity.activityData?.category) {\n      const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n      if (!foundCategory) {\n        categoryNotFound = true\n      }\n      return {\n        categoryData: foundCategory || {\n          name: activity.activityData?.category,\n          color: '#c5c5c5',\n        },\n        categoryNotFound,\n      }\n    } else {\n      return {\n        categoryData: null,\n        categoryNotFound,\n      }\n    }\n  }, [activity?.activityData?.category, categories])\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","categories","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAMA,KAAkB,CAAC;AAAA,EACvB,UAAAC,IAAW,CAAA;AAAA,EACX,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AACb,MAAa;AACX,QAAM,EAAC,UAAAC,GAAU,gBAAAC,GAAgB,gBAAAC,GAAgB,WAAAC,GAAW,cAAAC,GAAc,YAAAC,GAAY,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,GAAA,GAE3GC,IAAUC,GAA0B,IAAI,GACxC,EAAE,gBAAAC,GAAgB,UAAAC,EAAA,IAAaC,GAAA,GAE/B,EAAE,cAAAC,GAAc,kBAAAC,EAAA,IAAqBC,EAAQ,MAAM;AACvD,QAAID,IAAmB;AACvB,QAAI9B,EAAS,cAAc,UAAU;AACnC,YAAMgC,IAAgBZ,EAAW,KAAK,CAACa,MAAQA,EAAI,SAASjC,EAAS,cAAc,QAAQ;AAC3F,aAAKgC,MACHF,IAAmB,KAEd;AAAA,QACL,cAAcE,KAAiB;AAAA,UAC7B,MAAMhC,EAAS,cAAc;AAAA,UAC7B,OAAO;AAAA,QAAA;AAAA,QAET,kBAAA8B;AAAAA,MAAA;AAAA,IAEJ;AACE,aAAO;AAAA,QACL,cAAc;AAAA,QACd,kBAAAA;AAAAA,MAAA;AAAA,EAGN,GAAG,CAAC9B,GAAU,cAAc,UAAUoB,CAAU,CAAC,GAE3Cc,IAAuBC,GAAwBN,GAAc,KAAK;AAExE,MAAI;AAAA,IACF,MAAAO;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,QAAAC;AAAA,EAAA,IACE9C;AACJ,EAAKqC,MAAYA,IAAaM,GAAQ,QAAQ,KACzCL,MAAgBA,IAAiBK,GAAQ,YAAYN;AAE1D,QAAMU,IAAS,yBAAyBL,CAAU,IAAI7B,IAAa,aAAa,QAAQ,IAClFmC,IAAarB,MAAaoB,GAE1B,EAAE,aAAAE,GAAa,0BAAAC,IAA0B,MAAAC,GAAA,IAASC,GAAA,GAClDC,KAAYT,KAAWO,IAAM,MAAM,SAEnCG,IAAoB,MAAM;AAC9B,IAAAnC,EAAauB,CAAU;AAAA,EACzB,GAEMa,KAAmB,MAAM;AAE7B,IAAApC,EAAa,IAAI;AAAA,EACnB,GAEMqC,KAAa,OAAOC,GAAYZ,GAAYa,MAAe;AAC/D,UAAMvD,IAAWsD,GAAOZ,GAAO,QAAWa,CAAI,GAC9CvC,EAAa,IAAI;AAAA,EACnB,GAEMwC,IAAYzC,MAAcwB,GAE1BkB,IAAQpB,MAAkB,YAAY9B,GAEtCmD,KAAe,YAAY;AAC/B,UAAMC,IAAOC,GAAY3B,CAAI;AAK7B,IAAIwB,KAASd,KACXgB,EAAK,KAAK,EAAE,IAAIhB,EAAO,IAAI,MAAMA,EAAO,MAAM,GAIhD5C,KAAa,MAAMA,EAASwC,GAAYD,GAAUqB,CAAI;AAAA,EACxD,GAEME,KAAqB,MAAM;AAC/B,IAAAC,GAAc;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ,YAAY;AAClB,cAAMJ,GAAA;AAAA,MACR;AAAA,IAAA,CACD;AAAA,EACH,GAEM,CAAA,EAAGK,CAAa,IAAIC,GAAA,GAEpBC,IAAkBrC;AAAA,IACtB,MAAMsC,GAAoBrE,EAAS,WAAWe,CAAQ;AAAA,IACtD,CAAC,CAAC,GAAIf,EAAS,aAAa,EAAG,CAAC;AAAA,EAAA,GAG5BsE,KAAwB,CAACC,MAAuB;AACpD,IAAIA,EAAS,WACXvD,EAAe;AAAA,MACb,aAAAV;AAAA;AAAA,MAEA,UAAAS;AAAA,MACA,YAAA2B;AAAA,MACA,qBAAqB;AAAA,QACnB,UAAU6B,EAAS;AAAA,MAAA;AAAA,IACrB,CACD,IAEDtD,EAAe;AAAA,MACb,aAAAX;AAAA;AAAA,MAEA,UAAAS;AAAA,MACA,YAAA2B;AAAA,MACA,UAAU6B,EAAS;AAAA,IAAA,CACpB;AAAA,EAEL,GAEMC,KAAoBC;AAAA,IACxB,CAACC,MAAc;AACb,MAAKA,EAAK,eAEVzB,IAAeyB,EAAK,WAAuC,MAAM,CAAC,CAAC,GACnExB,GAAyB,CAACR,CAAU,CAAC;AAAA,IACvC;AAAA,IACA,CAACO,CAAW;AAAA,EAAA;AAGd,SACE0B,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAK,WAAW;AAAA,UACzB,SAAAlC;AAAA,UACA,WAAAe;AAAA,UACA,eAAAhD;AAAA,UACA,UAAU,CAAC,CAACkB,KAAgB,CAACR;AAAA,UAC7B,UAAU2B;AAAA,QAAA,CACX;AAAA,QACD,IAAIN;AAAA,QACJ,kBAAkBb,GAAc;AAAA,QAChC,mBAAmBK,EAAqB;AAAA,QACxC,oBAAoBA,EAAqB;AAAA,QAEzC,UAAA;AAAA,UAAA6C,gBAAAA,EAAAA;AAAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAM3C;AAAA,cACN,UAAUC;AAAA,cACV,MAAMC;AAAA,cACN,OAAAqB;AAAA,cACA,UAAA5D;AAAA,cAEA,aAAAM;AAAA,cACA,YAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,oBAAoB0D;AAAA,cACpB,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZS,gBAAAA,OAACM,IAAA,EAAY,WAAWH,EAAK,gBAAgB,EAAE,WAAAnB,GAAW,GACvD,UAAA;AAAA,YAAA,CAAC/C,KACA+D,gBAAAA,EAAAA,KAACO,IAAA,EAAa,WAAW,SACtB,UAAA;AAAA,cAAAtC,KAAWU,KACVyB,gBAAAA,MAACI,GAAA,EAAkB,MAAK,eAAc,SAAS7B,GAAmB,SAAQ,OAAA,CAAO;AAAA,cAEnFyB,gBAAAA,EAAAA;AAAAA,gBAACI;AAAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,KAAK3D;AAAA,kBACL,SAAS,CAAC4D,MAAM;AACd,oBAAAA,EAAE,gBAAA,GACF1D,EAAeqB,CAAM;AAAA,kBACvB;AAAA,kBACA,WAAWC,IAAa,WAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrC,GACF;AAAA,YAGD,CAACW,KAAa,CAACtC,KAAWQ,KACzBkD,gBAAAA,EAAAA;AAAAA,cAACM;AAAA,cAAA;AAAA,gBACC,OAAOxD,EAAa;AAAA,gBACpB,OAAOA,EAAa;AAAA,gBACpB,OAAO;AAAA,kBACL,KAAK;AAAA,kBACL,MAAM;AAAA,gBAAA;AAAA,gBAER,WAAS;AAAA,gBACT,gBACEC,IAAmB,kDAAkD;AAAA,gBAEvE,sBAAoB;AAAA,cAAA;AAAA,YAAA;AAAA,YAIvB6B,IACCoB,gBAAAA,EAAAA;AAAAA,cAACO;AAAA,cAAA;AAAA,gBACC,WAAWlD;AAAA,gBACX,WAAWS;AAAA,gBACX,cAAchB,GAAc;AAAA,gBAC5B,MAAM7B,EAAS;AAAA,gBACf,WAAS;AAAA,gBACT,SAASuD;AAAA,gBACT,UAAUC;AAAA,gBACV,QAAQ;AAAA,gBACP,GAAGnD;AAAA,cAAA;AAAA,YAAA,IAGNsE,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,cAAAG,gBAAAA,MAACQ,IAAA,EACC,UAAAR,gBAAAA,EAAAA;AAAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,eAAe,CAACC,IAAWC,IAAOC,IAAiBC,EAAqB;AAAA,kBACxE,cAAc,CAACC,MAAQA;AAAA,kBACvB,YAAY;AAAA;AAAA;AAAA,oBAGV,GAAG,CAACC;AAAA;AAAA,sBAEFC,GAAKD,GAAO;AAAA,wBACV,UAAArD;AAAA,wBACA,UAAA1B;AAAA,wBACA,eAAAO;AAAA,wBACA,aAAAhB;AAAA,wBAEA,kBAAAE;AAAA,wBACA,oBAAoB0D;AAAA,wBACpB,YAAAxB;AAAA,wBACA,iBAAiBb,GAAc;AAAA,wBAC/B,mBAAmBK,EAAqB;AAAA,sBAAA,CACzC;AAAA;AAAA;AAAA;AAAA,oBAGH,OAAO,CAAC4D,MAAUE,GAASF,GAAO,EAAE,UAAA9F,GAAU,eAAAC,GAAe;AAAA;AAAA;AAAA;AAAA,oBAI7D,MAAM,CAAC6F,MAAUG,GAAQH,CAAK;AAAA;AAAA,oBAE9B,YAAY,CAACA,MAAUI,GAAcJ,CAAK;AAAA;AAAA,oBAE1C,KAAK,CAACA,MACJnB,gBAAAA,EAAAA,KAACwB,IAAA,EACC,UAAA;AAAA,sBAAApB,gBAAAA,EAAAA,IAACqB,IAAA,EAAK,MAAK,OAAA,CAAO;AAAA,sBACjBN,EAAM;AAAA,oBAAA,GACT;AAAA;AAAA,oBAGF,QAAQ,CAACA,4BAEJO,IAAA,EAAe,MAAMP,EAAM,IAAI,UAAAhF,GAC7B,YAAM,UACT;AAAA,oBAGJ,GAAG,CAACgF,MAAU;AAEZ,4BAAMQ,IAAOR,EAAM;AACnB,6BAAI,OAAOQ,KAAS,YAAYC,GAAkBD,CAAI,IAC7CvB,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,aAAA,CAAa,IAE5BA,gBAAAA,EAAAA,IAAC,KAAA,EAAG,UAAAe,EAAM,SAAA,CAAS;AAAA,oBAC5B;AAAA,kBAAA;AAAA,kBAGD,UAAA1D;AAAA,gBAAA;AAAA,cAAA,GAEL;AAAA,cAGA2C,gBAAAA,EAAAA;AAAAA,gBAACyB;AAAA,gBAAA;AAAA,kBACC,OAAA3D;AAAA,kBACA,WAAWA,EAAM,SAAS;AAAA,kBAC1B,YAAAH;AAAA,kBACA,aAAApC;AAAA,kBACA,gBAAc;AAAA,kBACd,UAAUG;AAAA,kBACV,mBAAA+D;AAAA,kBACA,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACZ,GACF;AAAA,YAGD,CAACb,KACAoB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,WAAW,OAAA,GACtB,UAAAX,KACCW,gBAAAA,EAAAA;AAAAA,cAAC0B;AAAA,cAAA;AAAA,gBACC,WAAWrC;AAAA,gBACX,eAAeE;AAAA,gBACf,UAAA1D;AAAA,gBACA,UAAUiB,KAAgB,CAACR,IAAUQ,EAAa,OAAO;AAAA,gBACzD,iBAAiBA,GAAc;AAAA,gBAC/B,mBAAmBK,EAAqB;AAAA,gBACxC,kBAAkBA,EAAqB;AAAA,cAAA;AAAA,YAAA,EACzC,CAEJ;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF6C,gBAAAA,EAAAA;AAAAA,MAAC2B;AAAA,MAAA;AAAA,QACC,QAAQlF,EAAQ;AAAA,QAChB,IAAIuB;AAAA,QACJ,OAAM;AAAA,QACN,SAAS,CAACqC,MAAW;AACnB,UAAAA,GAAG,gBAAA,GACH1D,EAAe,EAAK;AAAA,QACtB;AAAA,QAEA,UAAAqD,gBAAAA,EAAAA;AAAAA,UAAC4B;AAAA,UAAA;AAAA,YACC,UAAUtD,MAAanD,IAAW8D,KAAqB;AAAA,YACvD,QAAQpB,KAAWU;AAAA,YACnB,YAAAZ;AAAA,YACA,UAAU,MAAMhB,EAAe,EAAK;AAAA,YACpC,aAAApB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"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'\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, categories, isGuest, userTeamNames,} = useFeedContext()\n\n  const moreRef = useRef<HTMLButtonElement>(null)\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n  const { categoryData, categoryNotFound } = useMemo(() => {\n    let categoryNotFound = false\n    if (activity.activityData?.category) {\n      const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n      if (!foundCategory) {\n        categoryNotFound = true\n      }\n      return {\n        categoryData: foundCategory || {\n          name: activity.activityData?.category,\n          color: '#c5c5c5',\n        },\n        categoryNotFound,\n      }\n    } else {\n      return {\n        categoryData: null,\n        categoryNotFound,\n      }\n    }\n  }, [activity?.activityData?.category, categories])\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","categories","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","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","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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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ynput/ayon-react-components"),o=require("styled-components"),t=require("../CommentInput/CommentInput.styled.cjs.js");o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ynput/ayon-react-components"),o=require("styled-components"),i=require("../CommentInput/CommentInput.styled.cjs.js");o.div`
   border-radius: var(--border-radius-m);
 `;const s=o.li`
   /* VARS */
@@ -9,7 +9,7 @@
   /* only apply category colours if category classname is present */
   &.category {
     /* CATEGORY */
-    ${({$categoryPrimary:a,$categorySecondary:n,$categoryTertiary:i})=>t.categoryColorCss(a,n,i)}
+    ${({$categoryPrimary:a,$categorySecondary:n,$categoryTertiary:t})=>i.categoryColorCss(a,n,t)}
   }
 
   /* reset default */
@@ -79,6 +79,7 @@
     .reference {
       margin-right: -2px;
       top: 5px;
+      user-select: all;
     }
 
     /* target empty lines with   or br */

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityComment.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\nimport { categoryColorCss, CommentProps } from '../CommentInput/CommentInput.styled'\n\nexport const CommentWrapper = styled.div`\n  border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color-secondary: var(--md-sys-color-surface-container-high);\n  --border-color: transparent;\n\n  /* only apply category colours if category classname is present */\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n  }\n\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: var(--padding-m);\n  border-radius: var(--border-radius-m);\n\n  /* by default hide menu */\n\n  .isEditing {\n    z-index: 1000;\n  }\n\n  :not(.isEditing) {\n    /* on hover show menu and hide date */\n    &:hover {\n      .tools {\n        opacity: 1;\n      }\n    }\n  }\n\n  /* keep tools visible when menu is open */\n  &.menuOpen {\n    .tools {\n      opacity: 1;\n    }\n  }\n\n  &.isHighlighted {\n    background-color: var(--md-sys-color-secondary-container);\n  }\n`\n\nexport const Body = styled.div`\n  background-color: var(--background-color);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  padding: 12px 10px;\n  position: relative;\n  min-width: 0;\n\n  p {\n    margin: 0;\n  }\n\n  & > *:not(.tools):not(h1) {\n    margin-bottom: 0;\n  }\n\n  a {\n    color: var(--md-sys-color-primary);\n  }\n\n  img {\n    width: 100%;\n  }\n\n  p {\n    word-break: break-word;\n    .reference {\n      margin-right: -2px;\n      top: 5px;\n    }\n\n    /* target empty lines with &nbsp; or br */\n    &.empty-line {\n      height: 20px;\n      margin: 0;\n    }\n  }\n\n  h1 {\n    ${theme.titleLarge}\n    font-size: 24px;\n  }\n\n  h2 {\n    ${theme.titleMedium}\n    font-size: 20px;\n  }\n\n  h3 {\n    ${theme.titleSmall}\n    font-size: 16px;\n  }\n\n  h1,\n  h2,\n  h3 {\n    margin-top: 16px;\n  }\n\n  ul,\n  ol {\n    .reference {\n      top: 6px;\n    }\n  }\n\n  .contains-task-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-large);\n    padding-left: 8px;\n    margin: 16px 0;\n\n    li {\n      align-items: center;\n    }\n\n    & > * {\n      padding-left: 1.5rem;\n    }\n\n    p {\n      margin: 0;\n\n      .reference {\n        top: 0px;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0;\n    padding-left: 16px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: var(--md-sys-color-outline-variant);\n      border-radius: 2px;\n    }\n  }\n\n  /* Inline code elements (not in pre blocks) */\n  code:not(pre code) {\n    font-family: monospace;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    padding: 2px 4px;\n    border-radius: 2px;\n  }\n\n  &.isEditing {\n    padding: 0;\n    border-radius: var(--border-radius-l);\n  }\n`\n\nexport const QuoteLine = styled.p`\n  margin: 0;\n\n  &:first-child {\n    margin-top: 14px;\n  }\n\n  &:last-child {\n    margin-bottom: 14px;\n  }\n`\n\nexport const Attachments = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n  height: 100px;\n  width: 100px;\n  object-fit: contain;\n  padding: 4px;\n  cursor: pointer;\n  position: relative;\n\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n`\n\nexport const AttachmentImg = styled.img`\n  ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n  ${attachmentBase}\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .icon {\n    margin-bottom: 20px;\n    font-size: 32px;\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const Name = styled.span`\n  position: absolute;\n  bottom: 4px;\n  left: 0;\n  right: 0;\n  text-align: center;\n  /* break text */\n  overflow-wrap: break-word;\n  color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n  padding: var(--padding-m);\n  border-radius: var(--padding-s);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  font-family: monospace;\n  font-size: var(--md-sys-typescale-body-small-font-size);\n\n  line-break: anywhere;\n  word-break: break-word;\n  overflow: hidden;\n\n  /* Ensure all child elements use monospace font */\n  * {\n    font-family: monospace !important;\n  }\n`\n\nexport const Tools = styled.div`\n  display: flex;\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  background-color: var(--button-color-secondary);\n  border-radius: var(--border-radius-m);\n  z-index: 50;\n  padding: 2px;\n  gap: var(--base-gap-small);\n\n  /* by default hidden */\n  opacity: 0;\n`\n\nexport const ToolButton = styled(Button)`\n  &.hasIcon {\n    padding: 4px;\n  }\n  background-color: unset;\n\n  &:hover {\n    background-color: var(--button-color-secondary);\n    filter: brightness(1.2);\n  }\n\n  [icon='edit_square'] {\n    position: relative;\n    top: -1px;\n  }\n`\n\nexport const Tip = styled.span`\n  background-color: var(--md-sys-color-secondary-container);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  margin: 16px 0 !important;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n`\n"],"names":["styled","Comment","$categoryPrimary","$categorySecondary","$categoryTertiary","categoryColorCss","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":"uNAI8BA,EAAO;AAAA;AAAA,EAI9B,MAAMC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASxB,CAAC,CAAE,iBAAAE,EAAkB,mBAAAC,EAAoB,kBAAAC,CAAA,IACzCC,mBAAiBH,EAAkBC,EAAoBC,CAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2ClEE,EAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAuCrBO,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAAA,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0ETC,EAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYLA,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlC,MAAMS,EAAiBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAoBMV,EAAO;AAAA,IAChCS,CAAc;AAAA,EAGYT,EAAO;AAAA,IACjCS,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaET,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,MAAMW,EAAYX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBY,EAAQZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAefa,EAAab,EAAOc,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiB1BC,EAAMf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ActivityComment.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\nimport { categoryColorCss, CommentProps } from '../CommentInput/CommentInput.styled'\n\nexport const CommentWrapper = styled.div`\n  border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color-secondary: var(--md-sys-color-surface-container-high);\n  --border-color: transparent;\n\n  /* only apply category colours if category classname is present */\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n  }\n\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: var(--padding-m);\n  border-radius: var(--border-radius-m);\n\n  /* by default hide menu */\n\n  .isEditing {\n    z-index: 1000;\n  }\n\n  :not(.isEditing) {\n    /* on hover show menu and hide date */\n    &:hover {\n      .tools {\n        opacity: 1;\n      }\n    }\n  }\n\n  /* keep tools visible when menu is open */\n  &.menuOpen {\n    .tools {\n      opacity: 1;\n    }\n  }\n\n  &.isHighlighted {\n    background-color: var(--md-sys-color-secondary-container);\n  }\n`\n\nexport const Body = styled.div`\n  background-color: var(--background-color);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  padding: 12px 10px;\n  position: relative;\n  min-width: 0;\n\n  p {\n    margin: 0;\n  }\n\n  & > *:not(.tools):not(h1) {\n    margin-bottom: 0;\n  }\n\n  a {\n    color: var(--md-sys-color-primary);\n  }\n\n  img {\n    width: 100%;\n  }\n\n  p {\n    word-break: break-word;\n    .reference {\n      margin-right: -2px;\n      top: 5px;\n      user-select: all;\n    }\n\n    /* target empty lines with &nbsp; or br */\n    &.empty-line {\n      height: 20px;\n      margin: 0;\n    }\n  }\n\n  h1 {\n    ${theme.titleLarge}\n    font-size: 24px;\n  }\n\n  h2 {\n    ${theme.titleMedium}\n    font-size: 20px;\n  }\n\n  h3 {\n    ${theme.titleSmall}\n    font-size: 16px;\n  }\n\n  h1,\n  h2,\n  h3 {\n    margin-top: 16px;\n  }\n\n  ul,\n  ol {\n    .reference {\n      top: 6px;\n    }\n  }\n\n  .contains-task-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-large);\n    padding-left: 8px;\n    margin: 16px 0;\n\n    li {\n      align-items: center;\n    }\n\n    & > * {\n      padding-left: 1.5rem;\n    }\n\n    p {\n      margin: 0;\n\n      .reference {\n        top: 0px;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0;\n    padding-left: 16px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: var(--md-sys-color-outline-variant);\n      border-radius: 2px;\n    }\n  }\n\n  /* Inline code elements (not in pre blocks) */\n  code:not(pre code) {\n    font-family: monospace;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    padding: 2px 4px;\n    border-radius: 2px;\n  }\n\n  &.isEditing {\n    padding: 0;\n    border-radius: var(--border-radius-l);\n  }\n`\n\nexport const QuoteLine = styled.p`\n  margin: 0;\n\n  &:first-child {\n    margin-top: 14px;\n  }\n\n  &:last-child {\n    margin-bottom: 14px;\n  }\n`\n\nexport const Attachments = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n  height: 100px;\n  width: 100px;\n  object-fit: contain;\n  padding: 4px;\n  cursor: pointer;\n  position: relative;\n\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n`\n\nexport const AttachmentImg = styled.img`\n  ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n  ${attachmentBase}\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .icon {\n    margin-bottom: 20px;\n    font-size: 32px;\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const Name = styled.span`\n  position: absolute;\n  bottom: 4px;\n  left: 0;\n  right: 0;\n  text-align: center;\n  /* break text */\n  overflow-wrap: break-word;\n  color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n  padding: var(--padding-m);\n  border-radius: var(--padding-s);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  font-family: monospace;\n  font-size: var(--md-sys-typescale-body-small-font-size);\n\n  line-break: anywhere;\n  word-break: break-word;\n  overflow: hidden;\n\n  /* Ensure all child elements use monospace font */\n  * {\n    font-family: monospace !important;\n  }\n`\n\nexport const Tools = styled.div`\n  display: flex;\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  background-color: var(--button-color-secondary);\n  border-radius: var(--border-radius-m);\n  z-index: 50;\n  padding: 2px;\n  gap: var(--base-gap-small);\n\n  /* by default hidden */\n  opacity: 0;\n`\n\nexport const ToolButton = styled(Button)`\n  &.hasIcon {\n    padding: 4px;\n  }\n  background-color: unset;\n\n  &:hover {\n    background-color: var(--button-color-secondary);\n    filter: brightness(1.2);\n  }\n\n  [icon='edit_square'] {\n    position: relative;\n    top: -1px;\n  }\n`\n\nexport const Tip = styled.span`\n  background-color: var(--md-sys-color-secondary-container);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  margin: 16px 0 !important;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n`\n"],"names":["styled","Comment","$categoryPrimary","$categorySecondary","$categoryTertiary","categoryColorCss","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":"uNAI8BA,EAAO;AAAA;AAAA,EAI9B,MAAMC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASxB,CAAC,CAAE,iBAAAE,EAAkB,mBAAAC,EAAoB,kBAAAC,CAAA,IACzCC,mBAAiBH,EAAkBC,EAAoBC,CAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2ClEE,EAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAwCrBO,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAAA,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0ETC,EAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYLA,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlC,MAAMS,EAAiBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAoBMV,EAAO;AAAA,IAChCS,CAAc;AAAA,EAGYT,EAAO;AAAA,IACjCS,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaET,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,MAAMW,EAAYX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBY,EAAQZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAefa,EAAab,EAAOc,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiB1BC,EAAMf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -83,6 +83,7 @@ const m = o.li`
     .reference {
       margin-right: -2px;
       top: 5px;
+      user-select: all;
     }
 
     /* target empty lines with   or br */

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityComment.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\nimport { categoryColorCss, CommentProps } from '../CommentInput/CommentInput.styled'\n\nexport const CommentWrapper = styled.div`\n  border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color-secondary: var(--md-sys-color-surface-container-high);\n  --border-color: transparent;\n\n  /* only apply category colours if category classname is present */\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n  }\n\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: var(--padding-m);\n  border-radius: var(--border-radius-m);\n\n  /* by default hide menu */\n\n  .isEditing {\n    z-index: 1000;\n  }\n\n  :not(.isEditing) {\n    /* on hover show menu and hide date */\n    &:hover {\n      .tools {\n        opacity: 1;\n      }\n    }\n  }\n\n  /* keep tools visible when menu is open */\n  &.menuOpen {\n    .tools {\n      opacity: 1;\n    }\n  }\n\n  &.isHighlighted {\n    background-color: var(--md-sys-color-secondary-container);\n  }\n`\n\nexport const Body = styled.div`\n  background-color: var(--background-color);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  padding: 12px 10px;\n  position: relative;\n  min-width: 0;\n\n  p {\n    margin: 0;\n  }\n\n  & > *:not(.tools):not(h1) {\n    margin-bottom: 0;\n  }\n\n  a {\n    color: var(--md-sys-color-primary);\n  }\n\n  img {\n    width: 100%;\n  }\n\n  p {\n    word-break: break-word;\n    .reference {\n      margin-right: -2px;\n      top: 5px;\n    }\n\n    /* target empty lines with &nbsp; or br */\n    &.empty-line {\n      height: 20px;\n      margin: 0;\n    }\n  }\n\n  h1 {\n    ${theme.titleLarge}\n    font-size: 24px;\n  }\n\n  h2 {\n    ${theme.titleMedium}\n    font-size: 20px;\n  }\n\n  h3 {\n    ${theme.titleSmall}\n    font-size: 16px;\n  }\n\n  h1,\n  h2,\n  h3 {\n    margin-top: 16px;\n  }\n\n  ul,\n  ol {\n    .reference {\n      top: 6px;\n    }\n  }\n\n  .contains-task-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-large);\n    padding-left: 8px;\n    margin: 16px 0;\n\n    li {\n      align-items: center;\n    }\n\n    & > * {\n      padding-left: 1.5rem;\n    }\n\n    p {\n      margin: 0;\n\n      .reference {\n        top: 0px;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0;\n    padding-left: 16px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: var(--md-sys-color-outline-variant);\n      border-radius: 2px;\n    }\n  }\n\n  /* Inline code elements (not in pre blocks) */\n  code:not(pre code) {\n    font-family: monospace;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    padding: 2px 4px;\n    border-radius: 2px;\n  }\n\n  &.isEditing {\n    padding: 0;\n    border-radius: var(--border-radius-l);\n  }\n`\n\nexport const QuoteLine = styled.p`\n  margin: 0;\n\n  &:first-child {\n    margin-top: 14px;\n  }\n\n  &:last-child {\n    margin-bottom: 14px;\n  }\n`\n\nexport const Attachments = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n  height: 100px;\n  width: 100px;\n  object-fit: contain;\n  padding: 4px;\n  cursor: pointer;\n  position: relative;\n\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n`\n\nexport const AttachmentImg = styled.img`\n  ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n  ${attachmentBase}\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .icon {\n    margin-bottom: 20px;\n    font-size: 32px;\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const Name = styled.span`\n  position: absolute;\n  bottom: 4px;\n  left: 0;\n  right: 0;\n  text-align: center;\n  /* break text */\n  overflow-wrap: break-word;\n  color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n  padding: var(--padding-m);\n  border-radius: var(--padding-s);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  font-family: monospace;\n  font-size: var(--md-sys-typescale-body-small-font-size);\n\n  line-break: anywhere;\n  word-break: break-word;\n  overflow: hidden;\n\n  /* Ensure all child elements use monospace font */\n  * {\n    font-family: monospace !important;\n  }\n`\n\nexport const Tools = styled.div`\n  display: flex;\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  background-color: var(--button-color-secondary);\n  border-radius: var(--border-radius-m);\n  z-index: 50;\n  padding: 2px;\n  gap: var(--base-gap-small);\n\n  /* by default hidden */\n  opacity: 0;\n`\n\nexport const ToolButton = styled(Button)`\n  &.hasIcon {\n    padding: 4px;\n  }\n  background-color: unset;\n\n  &:hover {\n    background-color: var(--button-color-secondary);\n    filter: brightness(1.2);\n  }\n\n  [icon='edit_square'] {\n    position: relative;\n    top: -1px;\n  }\n`\n\nexport const Tip = styled.span`\n  background-color: var(--md-sys-color-secondary-container);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  margin: 16px 0 !important;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n`\n"],"names":["styled","Comment","$categoryPrimary","$categorySecondary","$categoryTertiary","categoryColorCss","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":";;;AAI8BA,EAAO;AAAA;AAAA;AAI9B,MAAMC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASxB,CAAC,EAAE,kBAAAE,GAAkB,oBAAAC,GAAoB,mBAAAC,EAAA,MACzCC,EAAiBH,GAAkBC,GAAoBC,CAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2ClEE,IAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAuCrBO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0ETC,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAMS,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBMV,EAAO;AAAA,IAChCS,CAAc;AAAA;AAGYT,EAAO;AAAA,IACjCS,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaET,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAMW,IAAYX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBY,IAAQZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAefa,IAAab,EAAOc,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB1BC,IAAMf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActivityComment.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\nimport { categoryColorCss, CommentProps } from '../CommentInput/CommentInput.styled'\n\nexport const CommentWrapper = styled.div`\n  border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color-secondary: var(--md-sys-color-surface-container-high);\n  --border-color: transparent;\n\n  /* only apply category colours if category classname is present */\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n  }\n\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: var(--padding-m);\n  border-radius: var(--border-radius-m);\n\n  /* by default hide menu */\n\n  .isEditing {\n    z-index: 1000;\n  }\n\n  :not(.isEditing) {\n    /* on hover show menu and hide date */\n    &:hover {\n      .tools {\n        opacity: 1;\n      }\n    }\n  }\n\n  /* keep tools visible when menu is open */\n  &.menuOpen {\n    .tools {\n      opacity: 1;\n    }\n  }\n\n  &.isHighlighted {\n    background-color: var(--md-sys-color-secondary-container);\n  }\n`\n\nexport const Body = styled.div`\n  background-color: var(--background-color);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  padding: 12px 10px;\n  position: relative;\n  min-width: 0;\n\n  p {\n    margin: 0;\n  }\n\n  & > *:not(.tools):not(h1) {\n    margin-bottom: 0;\n  }\n\n  a {\n    color: var(--md-sys-color-primary);\n  }\n\n  img {\n    width: 100%;\n  }\n\n  p {\n    word-break: break-word;\n    .reference {\n      margin-right: -2px;\n      top: 5px;\n      user-select: all;\n    }\n\n    /* target empty lines with &nbsp; or br */\n    &.empty-line {\n      height: 20px;\n      margin: 0;\n    }\n  }\n\n  h1 {\n    ${theme.titleLarge}\n    font-size: 24px;\n  }\n\n  h2 {\n    ${theme.titleMedium}\n    font-size: 20px;\n  }\n\n  h3 {\n    ${theme.titleSmall}\n    font-size: 16px;\n  }\n\n  h1,\n  h2,\n  h3 {\n    margin-top: 16px;\n  }\n\n  ul,\n  ol {\n    .reference {\n      top: 6px;\n    }\n  }\n\n  .contains-task-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-large);\n    padding-left: 8px;\n    margin: 16px 0;\n\n    li {\n      align-items: center;\n    }\n\n    & > * {\n      padding-left: 1.5rem;\n    }\n\n    p {\n      margin: 0;\n\n      .reference {\n        top: 0px;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0;\n    padding-left: 16px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: var(--md-sys-color-outline-variant);\n      border-radius: 2px;\n    }\n  }\n\n  /* Inline code elements (not in pre blocks) */\n  code:not(pre code) {\n    font-family: monospace;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    padding: 2px 4px;\n    border-radius: 2px;\n  }\n\n  &.isEditing {\n    padding: 0;\n    border-radius: var(--border-radius-l);\n  }\n`\n\nexport const QuoteLine = styled.p`\n  margin: 0;\n\n  &:first-child {\n    margin-top: 14px;\n  }\n\n  &:last-child {\n    margin-bottom: 14px;\n  }\n`\n\nexport const Attachments = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n  height: 100px;\n  width: 100px;\n  object-fit: contain;\n  padding: 4px;\n  cursor: pointer;\n  position: relative;\n\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n`\n\nexport const AttachmentImg = styled.img`\n  ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n  ${attachmentBase}\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .icon {\n    margin-bottom: 20px;\n    font-size: 32px;\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const Name = styled.span`\n  position: absolute;\n  bottom: 4px;\n  left: 0;\n  right: 0;\n  text-align: center;\n  /* break text */\n  overflow-wrap: break-word;\n  color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n  padding: var(--padding-m);\n  border-radius: var(--padding-s);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  font-family: monospace;\n  font-size: var(--md-sys-typescale-body-small-font-size);\n\n  line-break: anywhere;\n  word-break: break-word;\n  overflow: hidden;\n\n  /* Ensure all child elements use monospace font */\n  * {\n    font-family: monospace !important;\n  }\n`\n\nexport const Tools = styled.div`\n  display: flex;\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  background-color: var(--button-color-secondary);\n  border-radius: var(--border-radius-m);\n  z-index: 50;\n  padding: 2px;\n  gap: var(--base-gap-small);\n\n  /* by default hidden */\n  opacity: 0;\n`\n\nexport const ToolButton = styled(Button)`\n  &.hasIcon {\n    padding: 4px;\n  }\n  background-color: unset;\n\n  &:hover {\n    background-color: var(--button-color-secondary);\n    filter: brightness(1.2);\n  }\n\n  [icon='edit_square'] {\n    position: relative;\n    top: -1px;\n  }\n`\n\nexport const Tip = styled.span`\n  background-color: var(--md-sys-color-secondary-container);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  margin: 16px 0 !important;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n`\n"],"names":["styled","Comment","$categoryPrimary","$categorySecondary","$categoryTertiary","categoryColorCss","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":";;;AAI8BA,EAAO;AAAA;AAAA;AAI9B,MAAMC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASxB,CAAC,EAAE,kBAAAE,GAAkB,oBAAAC,GAAoB,mBAAAC,EAAA,MACzCC,EAAiBH,GAAkBC,GAAoBC,CAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2ClEE,IAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAwCrBO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0ETC,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAMS,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBMV,EAAO;AAAA,IAChCS,CAAc;AAAA;AAGYT,EAAO;AAAA,IACjCS,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaET,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAMW,IAAYX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBY,IAAQZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAefa,IAAab,EAAOc,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB1BC,IAAMf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}