npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.2 → 0.4.4 - Mend

@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2133) hide show

package/dist/shared/src/containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { j as s } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { Icon as l, getTextColor as x } from "@ynput/ayon-react-components";
+import { getTextColor as l, Icon as x } from "@ynput/ayon-react-components";
 import d from "clsx";
 import { forwardRef as g } from "react";
 import u from "styled-components";
@@ -39,12 +39,12 @@ const y = u.span`
     {
       ...m,
       className: d(c, { selected: o }),
-      style: { backgroundColor: o && t ? t : "", color: x(o && t ? t : ""), ...i },
+      style: { backgroundColor: o && t ? t : "", color: l(o && t ? t : ""), ...i },
       ref: f,
       children: [
         n,
         /* @__PURE__ */ s.jsx(
-          l,
+          x,
           {
             icon: r || (p ? "clear" : "crop_square"),
             style: { color: t || "" }

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),N=require("clsx"),v=require("react"),ue=require("react-markdown"),le=require("remark-emoji"),me=require("remark-gfm"),de=require("remark-directive"),xe=require("remark-directive-rehype"),pe=require("../CommentInput/CommentInput.cjs.js"),ye=require("../ReactionContainer/Reactions.cjs.js"),ge=require("../../hooks/useReferenceTooltip.cjs.js"),je=require("../FilesGrid/FilesGrid.cjs.js"),Re=require("../CommentInput/quillToMarkdown.cjs.js"),i=require("./ActivityComment.styled.cjs.js"),qe=require("./CommentWrapper.cjs.js"),x=require("./ActivityMarkdownComponents.cjs.js"),Ce=require("./mappers.cjs.js"),he=require("@ynput/ayon-react-components"),Ee=require("../ActivityStatus/ActivityStatus.cjs.js"),fe=require("../../context/FeedContext.cjs.js"),ve=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../util/pubsub.cjs.js");const Te=require("../ActivityHeader/ActivityHeader.cjs.js"),ke=require("../../../../components/Menu/MenuContainer.cjs.js"),Ae=require("../../../../context/MenuContext.cjs.js"),De=require("../../../../context/DetailsPanelContext.cjs.js"),Me=require("../CommentInput/hooks/useBlendedCategoryColor.cjs.js"),be=require("../ActivityCategorySelect/CategoryTag.cjs.js"),we=require("./ActivityCommentMenu.cjs.js"),Fe=require("../CommentInput/InputMarkdownConvert.cjs.js"),Ie=require("../../hooks/useCategoryData.cjs.js"),Ne=require("../../helpers/getActivityUserName.cjs.js"),Pe=({activity:r={},onCheckChange:P,onDelete:p,onUpdate:S,projectInfo:Se,editProps:B,projectName:s,entityType:G,onReferenceClick:T,onFileExpand:O,showOrigin:$,isHighlighted:H,readOnly:k,isSlideOut:_,statuses:L=[]})=>{const{userName:u,createReaction:U,deleteReaction:z,editingId:Q,setEditingId:y,isGuest:g,userTeamNames:V}=fe.useFeedContext(),A=v.useRef(null),{toggleMenuOpen:j,menuOpen:W}=Ae.useMenuContext(),{categoryData:n,categoryNotFound:J}=Ie.useCategoryData(r?.activityData?.category),a=Me.useBlendedCategoryColor(n?.color);let{body:R,authorName:l,authorFullName:q,createdAt:K,referenceType:X,entityId:D,activityId:o,author:Y,isOwner:m,files:C=[],origin:h}=r;l||(l=Y?.name||""),q=Ne.getActivityUserName({name:l,label:q});const E=`activity-comment-menu-${o}-${_?"slideout":"normal"}`,M=W===E,{onGoToFrame:b,setHighlightedActivities:Z,user:ee}=De.useDetailsPanelContext(),te=m||ee?.data?.isAdmin,f=()=>{y(o)},ne=()=>{y(null)},oe=async(e,d,ce)=>{await S?.(e,d,void 0,ce),y(null)},c=Q===o,w=X!=="origin"||$,re=async()=>{const e=Re.getTextRefs(R);w&&h&&e.push({id:h.id,type:h.type}),p&&await p(o,D,e)},se=()=>{ve.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await re()}})},[,F]=ge(),I=v.useMemo(()=>Ce.mapGraphQLReactions(r.reactions,u),[[...r.reactions||[]]]),ie=e=>{e.isActive?U({projectName:s,userName:u,activityId:o,createReactionModel:{reaction:e.type}}):z({projectName:s,userName:u,activityId:o,reaction:e.type})},ae=v.useCallback(e=>{e.annotation&&(b?.(e.annotation.range[0]),Z([o]))},[b]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(i.Comment,{className:N("comment",{isOwner:m,isEditing:c,isHighlighted:H,category:!!n&&!g,menuOpen:M}),id:o,$categoryPrimary:n?.color,$categoryTertiary:a.primary,$categorySecondary:a.secondary,children:[t.jsxRuntimeExports.jsx(Te,{name:l,fullName:q,date:K,isRef:w,activity:r,projectName:s,entityType:G,onReferenceClick:T,onReferenceTooltip:F,children:void 0}),t.jsxRuntimeExports.jsxs(i.Body,{className:N("comment-body",{isEditing:c}),children:[!k&&t.jsxRuntimeExports.jsxs(i.Tools,{className:"tools",children:[m&&f&&t.jsxRuntimeExports.jsx(i.ToolButton,{icon:"edit_square",onClick:f,variant:"text"}),t.jsxRuntimeExports.jsx(i.ToolButton,{icon:"more_horiz",ref:A,onClick:e=>{e.stopPropagation(),j(E)},className:M?"active":""})]}),!c&&!g&&n&&t.jsxRuntimeExports.jsx(be.CategoryTag,{value:n.name,color:n.color,style:{top:-4,left:-4},isCompact:!0,"data-tooltip":J?"Category not found. It may have been deleted.":void 0,"data-tooltip-delay":0}),c?t.jsxRuntimeExports.jsx(pe,{initValue:R,initFiles:C,initCategory:n?.name,data:r.activityData,isEditing:!0,onClose:ne,onSubmit:oe,isOpen:!0,...B}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(qe,{children:t.jsxRuntimeExports.jsx(ue,{remarkPlugins:[me,le,de,xe],urlTransform:e=>e,components:{a:e=>x.aTag(e,{entityId:D,userName:u,userTeamNames:V,projectName:s,onReferenceClick:T,onReferenceTooltip:F,activityId:o,categoryPrimary:n?.color,categorySecondary:a.secondary}),input:e=>x.inputTag(e,{activity:r,onCheckChange:P}),code:e=>x.codeTag(e),blockquote:e=>x.blockquoteTag(e),tip:e=>t.jsxRuntimeExports.jsxs(i.Tip,{children:[t.jsxRuntimeExports.jsx(he.Icon,{icon:"info"}),e.children]}),status:e=>t.jsxRuntimeExports.jsx(Ee,{name:e.id,statuses:L,children:e.children}),p:e=>{const d=e.children;return typeof d=="string"&&Fe.checkForEmptyLine(d)?t.jsxRuntimeExports.jsx("p",{className:"empty-line"}):t.jsxRuntimeExports.jsx("p",{children:e.children})}},children:R})}),t.jsxRuntimeExports.jsx(je,{files:C,isCompact:C.length>6,activityId:o,projectName:s,isDownloadable:!0,onExpand:O,onAnnotationClick:ae,onRemove:void 0})]}),!c&&t.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:I&&t.jsxRuntimeExports.jsx(ye,{reactions:I,changeHandler:ie,readOnly:k,category:n&&!g?n.name:void 0,categoryPrimary:n?.color,categorySecondary:a.secondary,categoryTertiary:a.primary})})]})]}),t.jsxRuntimeExports.jsx(ke.MenuContainer,{target:A.current,id:E,align:"right",onClose:e=>{e?.stopPropagation(),j(!1)},children:t.jsxRuntimeExports.jsx(we,{onDelete:te&&p?se:void 0,onEdit:m&&f,activityId:o,onSelect:()=>j(!1),projectName:s})})]})};module.exports=Pe;
+"use strict";const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),N=require("clsx"),v=require("react"),ue=require("react-markdown"),le=require("remark-emoji"),me=require("remark-gfm"),de=require("remark-directive"),xe=require("remark-directive-rehype"),pe=require("../CommentInput/CommentInput.cjs.js"),ye=require("../ReactionContainer/Reactions.cjs.js"),ge=require("../../hooks/useReferenceTooltip.cjs.js"),je=require("../FilesGrid/FilesGrid.cjs.js"),Re=require("../CommentInput/quillToMarkdown.cjs.js"),i=require("./ActivityComment.styled.cjs.js"),qe=require("./CommentWrapper.cjs.js"),x=require("./ActivityMarkdownComponents.cjs.js"),Ce=require("./mappers.cjs.js"),he=require("@ynput/ayon-react-components"),Ee=require("../ActivityStatus/ActivityStatus.cjs.js"),fe=require("../../context/FeedContext.cjs.js"),ve=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../util/searchTerms.cjs.js");require("../../../../util/pubsub.cjs.js");const Te=require("../ActivityHeader/ActivityHeader.cjs.js"),ke=require("../../../../components/Menu/MenuContainer.cjs.js"),Ae=require("../../../../context/MenuContext.cjs.js"),De=require("../../../../context/DetailsPanelContext.cjs.js"),Me=require("../CommentInput/hooks/useBlendedCategoryColor.cjs.js"),be=require("../ActivityCategorySelect/CategoryTag.cjs.js"),we=require("./ActivityCommentMenu.cjs.js"),Fe=require("../CommentInput/InputMarkdownConvert.cjs.js"),Ie=require("../../hooks/useCategoryData.cjs.js"),Ne=require("../../helpers/getActivityUserName.cjs.js"),Pe=({activity:r={},onCheckChange:P,onDelete:p,onUpdate:S,projectInfo:Se,editProps:B,projectName:s,entityType:G,onReferenceClick:T,onFileExpand:O,showOrigin:$,isHighlighted:H,readOnly:k,isSlideOut:_,statuses:L=[]})=>{const{userName:u,createReaction:U,deleteReaction:z,editingId:Q,setEditingId:y,isGuest:g,userTeamNames:V}=fe.useFeedContext(),A=v.useRef(null),{toggleMenuOpen:j,menuOpen:W}=Ae.useMenuContext(),{categoryData:n,categoryNotFound:J}=Ie.useCategoryData(r?.activityData?.category),a=Me.useBlendedCategoryColor(n?.color);let{body:R,authorName:l,authorFullName:q,createdAt:K,referenceType:X,entityId:D,activityId:o,author:Y,isOwner:m,files:C=[],origin:h}=r;l||(l=Y?.name||""),q=Ne.getActivityUserName({name:l,label:q});const E=`activity-comment-menu-${o}-${_?"slideout":"normal"}`,M=W===E,{onGoToFrame:b,setHighlightedActivities:Z,user:ee}=De.useDetailsPanelContext(),te=m||ee?.data?.isAdmin,f=()=>{y(o)},ne=()=>{y(null)},oe=async(e,d,ce)=>{await S?.(e,d,void 0,ce),y(null)},c=Q===o,w=X!=="origin"||$,re=async()=>{const e=Re.getTextRefs(R);w&&h&&e.push({id:h.id,type:h.type}),p&&await p(o,D,e)},se=()=>{ve.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await re()}})},[,F]=ge(),I=v.useMemo(()=>Ce.mapGraphQLReactions(r.reactions,u),[[...r.reactions||[]]]),ie=e=>{e.isActive?U({projectName:s,userName:u,activityId:o,createReactionModel:{reaction:e.type}}):z({projectName:s,userName:u,activityId:o,reaction:e.type})},ae=v.useCallback(e=>{e.annotation&&(b?.(e.annotation.range[0]),Z([o]))},[b]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(i.Comment,{className:N("comment",{isOwner:m,isEditing:c,isHighlighted:H,category:!!n&&!g,menuOpen:M}),id:o,$categoryPrimary:n?.color,$categoryTertiary:a.primary,$categorySecondary:a.secondary,children:[t.jsxRuntimeExports.jsx(Te,{name:l,fullName:q,date:K,isRef:w,activity:r,projectName:s,entityType:G,onReferenceClick:T,onReferenceTooltip:F,children:void 0}),t.jsxRuntimeExports.jsxs(i.Body,{className:N("comment-body",{isEditing:c}),children:[!k&&t.jsxRuntimeExports.jsxs(i.Tools,{className:"tools",children:[m&&f&&t.jsxRuntimeExports.jsx(i.ToolButton,{icon:"edit_square",onClick:f,variant:"text"}),t.jsxRuntimeExports.jsx(i.ToolButton,{icon:"more_horiz",ref:A,onClick:e=>{e.stopPropagation(),j(E)},className:M?"active":""})]}),!c&&!g&&n&&t.jsxRuntimeExports.jsx(be.CategoryTag,{value:n.name,color:n.color,style:{top:-4,left:-4},isCompact:!0,"data-tooltip":J?"Category not found. It may have been deleted.":void 0,"data-tooltip-delay":0}),c?t.jsxRuntimeExports.jsx(pe,{initValue:R,initFiles:C,initCategory:n?.name,data:r.activityData,isEditing:!0,onClose:ne,onSubmit:oe,isOpen:!0,...B}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(qe,{children:t.jsxRuntimeExports.jsx(ue,{remarkPlugins:[me,le,de,xe],urlTransform:e=>e,components:{a:e=>x.aTag(e,{entityId:D,userName:u,userTeamNames:V,projectName:s,onReferenceClick:T,onReferenceTooltip:F,activityId:o,categoryPrimary:n?.color,categorySecondary:a.secondary}),input:e=>x.inputTag(e,{activity:r,onCheckChange:P}),code:e=>x.codeTag(e),blockquote:e=>x.blockquoteTag(e),tip:e=>t.jsxRuntimeExports.jsxs(i.Tip,{children:[t.jsxRuntimeExports.jsx(he.Icon,{icon:"info"}),e.children]}),status:e=>t.jsxRuntimeExports.jsx(Ee,{name:e.id,statuses:L,children:e.children}),p:e=>{const d=e.children;return typeof d=="string"&&Fe.checkForEmptyLine(d)?t.jsxRuntimeExports.jsx("p",{className:"empty-line"}):t.jsxRuntimeExports.jsx("p",{children:e.children})}},children:R})}),t.jsxRuntimeExports.jsx(je,{files:C,isCompact:C.length>6,activityId:o,projectName:s,isDownloadable:!0,onExpand:O,onAnnotationClick:ae,onRemove:void 0})]}),!c&&t.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:I&&t.jsxRuntimeExports.jsx(ye,{reactions:I,changeHandler:ie,readOnly:k,category:n&&!g?n.name:void 0,categoryPrimary:n?.color,categorySecondary:a.secondary,categoryTertiary:a.primary})})]})]}),t.jsxRuntimeExports.jsx(ke.MenuContainer,{target:A.current,id:E,align:"right",onClose:e=>{e?.stopPropagation(),j(!1)},children:t.jsxRuntimeExports.jsx(we,{onDelete:te&&p?se:void 0,onEdit:m&&f,activityId:o,onSelect:()=>j(!1),projectName:s})})]})};module.exports=Pe;
 //# sourceMappingURL=ActivityComment.cjs.js.map

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

	@@ -1 +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/Menu/MenuContainer'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\nimport { getActivityUserName } from '../../helpers/getActivityUserName'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const {\n userName,\n createReaction,\n deleteReaction,\n editingId,\n setEditingId,\n isGuest,\n userTeamNames,\n } = useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n authorFullName = getActivityUserName({ name: authorName, label: authorFullName })\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n const canDelete = isOwner \|\| user?.data?.isAdmin\n\n const handleEditComment = () => {\n setEditingId(activityId)\n }\n\n const handleEditCancel = () => {\n // close the edit comment\n setEditingId(null)\n }\n\n const handleSave = async (value: any, files: any, data?: any) => {\n await onUpdate?.(value, files, undefined, data)\n setEditingId(null)\n }\n\n const isEditing = editingId === activityId\n\n const isRef = referenceType !== 'origin' \|\| showOrigin\n\n const handleDelete = async () => {\n const refs = getTextRefs(body)\n\n // if the comment is a reference, (it's origin is not the entity)\n // we need to delete the reference from the origin as well\n // add it to the refs to delete\n if (isRef && origin) {\n refs.push({ id: origin.id, type: origin.type })\n }\n\n // note: body is used to match other refs to delete\n onDelete && (await onDelete(activityId, entityId, refs))\n }\n\n const deleteConfirmation = () => {\n confirmDelete({\n title: 'Delete comment',\n message: 'Are you sure you want to delete this comment?',\n accept: async () => {\n await handleDelete()\n },\n })\n }\n\n const [, setRefTooltip] = useReferenceTooltip()\n\n const mappedReactions = useMemo(\n () => mapGraphQLReactions(activity.reactions, userName),\n [[...(activity.reactions \|\| [])]],\n )\n\n const reactionChangeHandler = (reaction: Reaction) => {\n if (reaction.isActive) {\n createReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n createReactionModel: {\n reaction: reaction.type,\n },\n })\n } else {\n deleteReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n reaction: reaction.type,\n })\n }\n }\n\n const onAnnotationClick = useCallback(\n (file: any) => {\n if (!file.annotation) return\n // annotation frame numbers are 1-based\n onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n setHighlightedActivities([activityId])\n },\n [onGoToFrame],\n )\n\n return (\n <>\n <Styled.Comment\n className={clsx('comment', {\n isOwner,\n isEditing,\n isHighlighted,\n category: !!categoryData && !isGuest,\n menuOpen: isMenuOpen,\n })}\n id={activityId}\n $categoryPrimary={categoryData?.color}\n $categoryTertiary={blendedCategoryColor.primary}\n $categorySecondary={blendedCategoryColor.secondary}\n >\n <ActivityHeader\n name={authorName}\n fullName={authorFullName}\n date={createdAt}\n isRef={isRef}\n activity={activity}\n // projectInfo={projectInfo}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n onReferenceTooltip={setRefTooltip}\n children={undefined}\n />\n <Styled.Body className={clsx('comment-body', { isEditing })}>\n {!readOnly && (\n <Styled.Tools className={'tools'}>\n {isOwner && handleEditComment && (\n <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n )}\n <Styled.ToolButton\n icon=\"more_horiz\"\n ref={moreRef}\n onClick={(e) => {\n e.stopPropagation()\n toggleMenuOpen(menuId)\n }}\n className={isMenuOpen ? 'active' : ''}\n />\n </Styled.Tools>\n )}\n\n {!isEditing && !isGuest && categoryData && (\n <CategoryTag\n value={categoryData.name}\n color={categoryData.color}\n style={{\n top: -4,\n left: -4,\n }}\n isCompact\n data-tooltip={\n categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n }\n data-tooltip-delay={0}\n />\n )}\n\n {isEditing ? (\n <CommentInput\n initValue={body}\n initFiles={files}\n initCategory={categoryData?.name}\n data={activity.activityData}\n isEditing\n onClose={handleEditCancel}\n onSubmit={handleSave}\n isOpen={true}\n {...editProps}\n />\n ) : (\n <>\n <CommentWrapper>\n <ReactMarkdown\n remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n urlTransform={(url) => url}\n components={{\n // a links\n // @ts-ignore\n a: (props) =>\n // @ts-ignore\n aTag(props, {\n entityId,\n userName,\n userTeamNames,\n projectName,\n projectInfo,\n onReferenceClick,\n onReferenceTooltip: setRefTooltip,\n activityId,\n categoryPrimary: categoryData?.color,\n categorySecondary: blendedCategoryColor.secondary,\n }),\n // checkbox inputs\n // @ts-ignore\n input: (props) => inputTag(props, { activity, onCheckChange }),\n // code syntax highlighting\n // eslint-disable-next-line\n // @ts-ignore\n code: (props) => codeTag(props),\n // @ts-ignore\n blockquote: (props) => blockquoteTag(props),\n // @ts-ignore\n tip: (props) => (\n <Styled.Tip>\n <Icon icon=\"info\" />\n {props.children}\n </Styled.Tip>\n ),\n // @ts-ignore\n status: (props) => {\n return (\n <ActivityStatus name={props.id} statuses={statuses}>\n {props.children}\n </ActivityStatus>\n )\n },\n p: (props) => {\n // check for empty paragraphs\n const text = props.children\n if (typeof text === 'string' && checkForEmptyLine(text)) {\n return <p className=\"empty-line\"></p>\n }\n return <p>{props.children}</p>\n },\n }}\n >\n {body}\n </ReactMarkdown>\n </CommentWrapper>\n {/* file uploads /}\n {/ @ts-ignore */}\n <FilesGrid\n files={files}\n isCompact={files.length > 6}\n activityId={activityId}\n projectName={projectName}\n isDownloadable\n onExpand={onFileExpand}\n onAnnotationClick={onAnnotationClick}\n onRemove={undefined}\n />\n </>\n )}\n\n {!isEditing && (\n <div style={{ marginTop: '16px' }}>\n {mappedReactions && (\n <Reactions\n reactions={mappedReactions}\n changeHandler={reactionChangeHandler}\n readOnly={readOnly}\n category={categoryData && !isGuest ? categoryData.name : undefined}\n categoryPrimary={categoryData?.color}\n categorySecondary={blendedCategoryColor.secondary}\n categoryTertiary={blendedCategoryColor.primary}\n />\n )}\n </div>\n )}\n </Styled.Body>\n </Styled.Comment>\n\n <MenuContainer\n target={moreRef.current}\n id={menuId}\n align=\"right\"\n onClose={(e: any) => {\n e?.stopPropagation()\n toggleMenuOpen(false)\n }}\n >\n <ActivityCommentMenu\n onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","getActivityUserName","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"skDAyDMA,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,CACJ,SAAAC,EACA,eAAAC,EACA,eAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAAC,EACA,cAAAC,CAAA,EACEC,kBAAA,EAEEC,EAAUC,EAAAA,OAA0B,IAAI,EACxC,CAAE,eAAAC,EAAgB,SAAAC,CAAA,EAAaC,kBAAA,EAE/B,CAAE,aAAAC,EAAc,iBAAAC,CAAA,EAAqBC,GAAAA,gBAAgB9B,GAAU,cAAc,QAAQ,EAErF+B,EAAuBC,GAAAA,wBAAwBJ,GAAc,KAAK,EAExE,GAAI,CACF,KAAAK,EACA,WAAAC,EACA,eAAAC,EACA,UAAAC,EACA,cAAAC,EACA,SAAAC,EACA,WAAAC,EACA,OAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,OAAAC,CAAA,EACE3C,EACCkC,IAAYA,EAAaM,GAAQ,MAAQ,IAC9CL,EAAiBS,GAAAA,oBAAoB,CAAE,KAAMV,EAAY,MAAOC,EAAgB,EAEhF,MAAMU,EAAS,yBAAyBN,CAAU,IAAI1B,EAAa,WAAa,QAAQ,GAClFiC,EAAapB,IAAamB,EAE1B,CAAE,YAAAE,EAAa,yBAAAC,EAA0B,KAAAC,EAAA,EAASC,GAAAA,uBAAA,EAClDC,GAAYV,GAAWQ,IAAM,MAAM,QAEnCG,EAAoB,IAAM,CAC9BjC,EAAaoB,CAAU,CACzB,EAEMc,GAAmB,IAAM,CAE7BlC,EAAa,IAAI,CACnB,EAEMmC,GAAa,MAAOC,EAAYb,EAAYc,KAAe,CAC/D,MAAMrD,IAAWoD,EAAOb,EAAO,OAAWc,EAAI,EAC9CrC,EAAa,IAAI,CACnB,EAEMsC,EAAYvC,IAAcqB,EAE1BmB,EAAQrB,IAAkB,UAAY3B,EAEtCiD,GAAe,SAAY,CAC/B,MAAMC,EAAOC,GAAAA,YAAY5B,CAAI,EAKzByB,GAASf,GACXiB,EAAK,KAAK,CAAE,GAAIjB,EAAO,GAAI,KAAMA,EAAO,KAAM,EAIhDzC,GAAa,MAAMA,EAASqC,EAAYD,EAAUsB,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,EAAkBC,EAAAA,QACtB,IAAMC,uBAAoBpE,EAAS,UAAWe,CAAQ,EACtD,CAAC,CAAC,GAAIf,EAAS,WAAa,EAAG,CAAC,CAAA,EAG5BqE,GAAyBC,GAAuB,CAChDA,EAAS,SACXtD,EAAe,CACb,YAAAV,EAEA,SAAAS,EACA,WAAAwB,EACA,oBAAqB,CACnB,SAAU+B,EAAS,IAAA,CACrB,CACD,EAEDrD,EAAe,CACb,YAAAX,EAEA,SAAAS,EACA,WAAAwB,EACA,SAAU+B,EAAS,IAAA,CACpB,CAEL,EAEMC,GAAoBC,EAAAA,YACvBC,GAAc,CACRA,EAAK,aAEV1B,IAAe0B,EAAK,WAAuC,MAAM,CAAC,CAAC,EACnEzB,EAAyB,CAACT,CAAU,CAAC,EACvC,EACA,CAACQ,CAAW,CAAA,EAGd,OACE2B,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAACE,EAAAA,QAAA,CACC,UAAWC,EAAK,UAAW,CACzB,QAAApC,EACA,UAAAgB,EACA,cAAA9C,EACA,SAAU,CAAC,CAACiB,GAAgB,CAACR,EAC7B,SAAU0B,CAAA,CACX,EACD,GAAIP,EACJ,iBAAkBX,GAAc,MAChC,kBAAmBG,EAAqB,QACxC,mBAAoBA,EAAqB,UAEzC,SAAA,CAAA+C,EAAAA,kBAAAA,IAACC,GAAA,CACC,KAAM7C,EACN,SAAUC,EACV,KAAMC,EACN,MAAAsB,EACA,SAAA1D,EAEA,YAAAM,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAoBwD,EACpB,SAAU,MAAA,CAAA,EAEZU,yBAACM,EAAAA,KAAA,CAAY,UAAWH,EAAK,eAAgB,CAAE,UAAApB,EAAW,EACvD,SAAA,CAAA,CAAC7C,GACA8D,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAa,UAAW,QACtB,SAAA,CAAAxC,GAAWW,GACV0B,wBAACI,EAAAA,WAAA,CAAkB,KAAK,cAAc,QAAS9B,EAAmB,QAAQ,MAAA,CAAO,EAEnF0B,EAAAA,kBAAAA,IAACI,EAAAA,WAAA,CACC,KAAK,aACL,IAAK3D,EACL,QAAU,GAAM,CACd,EAAE,gBAAA,EACFE,EAAeoB,CAAM,CACvB,EACA,UAAWC,EAAa,SAAW,EAAA,CAAA,CACrC,EACF,EAGD,CAACW,GAAa,CAACrC,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,EAIvB4B,EACCqB,EAAAA,kBAAAA,IAACM,GAAA,CACC,UAAWnD,EACX,UAAWS,EACX,aAAcd,GAAc,KAC5B,KAAM5B,EAAS,aACf,UAAS,GACT,QAASqD,GACT,SAAUC,GACV,OAAQ,GACP,GAAGjD,CAAA,CAAA,EAGNqE,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,SAAAtD,EACA,SAAAvB,EACA,cAAAM,EACA,YAAAf,EAEA,iBAAAE,EACA,mBAAoBwD,EACpB,WAAAzB,EACA,gBAAiBX,GAAc,MAC/B,kBAAmBG,EAAqB,SAAA,CACzC,EAGH,MAAQ6D,GAAUE,EAAAA,SAASF,EAAO,CAAE,SAAA5F,EAAU,cAAAC,EAAe,EAI7D,KAAO2F,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,SAAA9E,EAC7B,WAAM,SACT,EAGJ,EAAI8E,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,SAAA3D,CAAA,CAAA,EAEL,EAGA6C,EAAAA,kBAAAA,IAACwB,GAAA,CACC,MAAA5D,EACA,UAAWA,EAAM,OAAS,EAC1B,WAAAH,EACA,YAAAjC,EACA,eAAc,GACd,SAAUG,EACV,kBAAA8D,GACA,SAAU,MAAA,CAAA,CACZ,EACF,EAGD,CAACd,GACAqB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,UAAW,MAAA,EACtB,SAAAZ,GACCY,EAAAA,kBAAAA,IAACyB,GAAA,CACC,UAAWrC,EACX,cAAeG,GACf,SAAAzD,EACA,SAAUgB,GAAgB,CAACR,EAAUQ,EAAa,KAAO,OACzD,gBAAiBA,GAAc,MAC/B,kBAAmBG,EAAqB,UACxC,iBAAkBA,EAAqB,OAAA,CAAA,CACzC,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,EAGF+C,EAAAA,kBAAAA,IAAC0B,GAAAA,cAAA,CACC,OAAQjF,EAAQ,QAChB,GAAIsB,EACJ,MAAM,QACN,QAAU,GAAW,CACnB,GAAG,gBAAA,EACHpB,EAAe,EAAK,CACtB,EAEA,SAAAqD,EAAAA,kBAAAA,IAAC2B,GAAA,CACC,SAAUtD,IAAajD,EAAW4D,GAAqB,OACvD,OAAQrB,GAAWW,EACnB,WAAAb,EACA,SAAU,IAAMd,EAAe,EAAK,EACpC,YAAAnB,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAEJ"}
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/Menu/MenuContainer'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\nimport { getActivityUserName } from '../../helpers/getActivityUserName'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const {\n userName,\n createReaction,\n deleteReaction,\n editingId,\n setEditingId,\n isGuest,\n userTeamNames,\n } = useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n authorFullName = getActivityUserName({ name: authorName, label: authorFullName })\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n const canDelete = isOwner \|\| user?.data?.isAdmin\n\n const handleEditComment = () => {\n setEditingId(activityId)\n }\n\n const handleEditCancel = () => {\n // close the edit comment\n setEditingId(null)\n }\n\n const handleSave = async (value: any, files: any, data?: any) => {\n await onUpdate?.(value, files, undefined, data)\n setEditingId(null)\n }\n\n const isEditing = editingId === activityId\n\n const isRef = referenceType !== 'origin' \|\| showOrigin\n\n const handleDelete = async () => {\n const refs = getTextRefs(body)\n\n // if the comment is a reference, (it's origin is not the entity)\n // we need to delete the reference from the origin as well\n // add it to the refs to delete\n if (isRef && origin) {\n refs.push({ id: origin.id, type: origin.type })\n }\n\n // note: body is used to match other refs to delete\n onDelete && (await onDelete(activityId, entityId, refs))\n }\n\n const deleteConfirmation = () => {\n confirmDelete({\n title: 'Delete comment',\n message: 'Are you sure you want to delete this comment?',\n accept: async () => {\n await handleDelete()\n },\n })\n }\n\n const [, setRefTooltip] = useReferenceTooltip()\n\n const mappedReactions = useMemo(\n () => mapGraphQLReactions(activity.reactions, userName),\n [[...(activity.reactions \|\| [])]],\n )\n\n const reactionChangeHandler = (reaction: Reaction) => {\n if (reaction.isActive) {\n createReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n createReactionModel: {\n reaction: reaction.type,\n },\n })\n } else {\n deleteReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n reaction: reaction.type,\n })\n }\n }\n\n const onAnnotationClick = useCallback(\n (file: any) => {\n if (!file.annotation) return\n // annotation frame numbers are 1-based\n onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n setHighlightedActivities([activityId])\n },\n [onGoToFrame],\n )\n\n return (\n <>\n <Styled.Comment\n className={clsx('comment', {\n isOwner,\n isEditing,\n isHighlighted,\n category: !!categoryData && !isGuest,\n menuOpen: isMenuOpen,\n })}\n id={activityId}\n $categoryPrimary={categoryData?.color}\n $categoryTertiary={blendedCategoryColor.primary}\n $categorySecondary={blendedCategoryColor.secondary}\n >\n <ActivityHeader\n name={authorName}\n fullName={authorFullName}\n date={createdAt}\n isRef={isRef}\n activity={activity}\n // projectInfo={projectInfo}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n onReferenceTooltip={setRefTooltip}\n children={undefined}\n />\n <Styled.Body className={clsx('comment-body', { isEditing })}>\n {!readOnly && (\n <Styled.Tools className={'tools'}>\n {isOwner && handleEditComment && (\n <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n )}\n <Styled.ToolButton\n icon=\"more_horiz\"\n ref={moreRef}\n onClick={(e) => {\n e.stopPropagation()\n toggleMenuOpen(menuId)\n }}\n className={isMenuOpen ? 'active' : ''}\n />\n </Styled.Tools>\n )}\n\n {!isEditing && !isGuest && categoryData && (\n <CategoryTag\n value={categoryData.name}\n color={categoryData.color}\n style={{\n top: -4,\n left: -4,\n }}\n isCompact\n data-tooltip={\n categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n }\n data-tooltip-delay={0}\n />\n )}\n\n {isEditing ? (\n <CommentInput\n initValue={body}\n initFiles={files}\n initCategory={categoryData?.name}\n data={activity.activityData}\n isEditing\n onClose={handleEditCancel}\n onSubmit={handleSave}\n isOpen={true}\n {...editProps}\n />\n ) : (\n <>\n <CommentWrapper>\n <ReactMarkdown\n remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n urlTransform={(url) => url}\n components={{\n // a links\n // @ts-ignore\n a: (props) =>\n // @ts-ignore\n aTag(props, {\n entityId,\n userName,\n userTeamNames,\n projectName,\n projectInfo,\n onReferenceClick,\n onReferenceTooltip: setRefTooltip,\n activityId,\n categoryPrimary: categoryData?.color,\n categorySecondary: blendedCategoryColor.secondary,\n }),\n // checkbox inputs\n // @ts-ignore\n input: (props) => inputTag(props, { activity, onCheckChange }),\n // code syntax highlighting\n // eslint-disable-next-line\n // @ts-ignore\n code: (props) => codeTag(props),\n // @ts-ignore\n blockquote: (props) => blockquoteTag(props),\n // @ts-ignore\n tip: (props) => (\n <Styled.Tip>\n <Icon icon=\"info\" />\n {props.children}\n </Styled.Tip>\n ),\n // @ts-ignore\n status: (props) => {\n return (\n <ActivityStatus name={props.id} statuses={statuses}>\n {props.children}\n </ActivityStatus>\n )\n },\n p: (props) => {\n // check for empty paragraphs\n const text = props.children\n if (typeof text === 'string' && checkForEmptyLine(text)) {\n return <p className=\"empty-line\"></p>\n }\n return <p>{props.children}</p>\n },\n }}\n >\n {body}\n </ReactMarkdown>\n </CommentWrapper>\n {/* file uploads /}\n {/ @ts-ignore */}\n <FilesGrid\n files={files}\n isCompact={files.length > 6}\n activityId={activityId}\n projectName={projectName}\n isDownloadable\n onExpand={onFileExpand}\n onAnnotationClick={onAnnotationClick}\n onRemove={undefined}\n />\n </>\n )}\n\n {!isEditing && (\n <div style={{ marginTop: '16px' }}>\n {mappedReactions && (\n <Reactions\n reactions={mappedReactions}\n changeHandler={reactionChangeHandler}\n readOnly={readOnly}\n category={categoryData && !isGuest ? categoryData.name : undefined}\n categoryPrimary={categoryData?.color}\n categorySecondary={blendedCategoryColor.secondary}\n categoryTertiary={blendedCategoryColor.primary}\n />\n )}\n </div>\n )}\n </Styled.Body>\n </Styled.Comment>\n\n <MenuContainer\n target={moreRef.current}\n id={menuId}\n align=\"right\"\n onClose={(e: any) => {\n e?.stopPropagation()\n toggleMenuOpen(false)\n }}\n >\n <ActivityCommentMenu\n onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","getActivityUserName","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}

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

@@ -23,6 +23,7 @@ import "react-toastify";
 import "uuid";
 import "lodash";
 import "../../../../api/queries/users/updateUsers.es.js";
+import "../../../../util/searchTerms.es.js";
 import "../../../../util/pubsub.es.js";
 import Pe from "../ActivityHeader/ActivityHeader.es.js";
 import { MenuContainer as Se } from "../../../../components/Menu/MenuContainer.es.js";
@@ -34,7 +35,7 @@ import qe from "./ActivityCommentMenu.es.js";
 import { checkForEmptyLine as Be } from "../CommentInput/InputMarkdownConvert.es.js";
 import { useCategoryData as Le } from "../../hooks/useCategoryData.es.js";
 import { getActivityUserName as _e } from "../../helpers/getActivityUserName.es.js";
-const Eo = ({
+const Fo = ({
   activity: n = {},
   onCheckChange: N,
   onDelete: p,
@@ -290,6 +291,6 @@ const Eo = ({
   ] });
 };
 export {
-  Eo as default
+  Fo as default
 };
 //# sourceMappingURL=ActivityComment.es.js.map

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

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

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityCommentMenu.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const d=require("../../../../../../_virtual/jsx-runtime.cjs.js"),h=require("../../../../components/Menu/Menu.cjs.js");require("lodash");require("react-toastify");const m=require("../../../../util/copyToClipboard.cjs.js");require("uuid");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../util/pubsub.cjs.js");const y=({onDelete:t,onEdit:r,onSelect:i,activityId:c,projectName:a})=>{const e=[],u=()=>{const n=new URLSearchParams(window.location.search),l=n.get("type")==="version"?"products":"overview",p=`/projects/${a}/${l}`,o=new URLSearchParams(n.toString());o.set("activity",c);const s=new URL(window.location.origin+p);s.search=o.toString(),m.copyToClipboard(s.toString())};return e.push({id:"copy-link",label:"Copy link",icon:"link",onClick:()=>{i?.(),u()}}),r&&e.push({id:"edit",label:"Edit",icon:"edit_square",onClick:()=>{i?.(),r()}}),t&&e.push({id:"delete",label:"Delete",icon:"delete",onClick:()=>{i?.(),t()},danger:!0}),d.jsxRuntimeExports.jsx(h.Menu,{menu:e})};module.exports=y;
+"use strict";const d=require("../../../../../../_virtual/jsx-runtime.cjs.js"),h=require("../../../../components/Menu/Menu.cjs.js");require("lodash");require("react-toastify");const m=require("../../../../util/copyToClipboard.cjs.js");require("uuid");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../util/searchTerms.cjs.js");require("../../../../util/pubsub.cjs.js");const y=({onDelete:r,onEdit:t,onSelect:i,activityId:c,projectName:a})=>{const e=[],u=()=>{const n=new URLSearchParams(window.location.search),l=n.get("type")==="version"?"products":"overview",p=`/projects/${a}/${l}`,o=new URLSearchParams(n.toString());o.set("activity",c);const s=new URL(window.location.origin+p);s.search=o.toString(),m.copyToClipboard(s.toString())};return e.push({id:"copy-link",label:"Copy link",icon:"link",onClick:()=>{i?.(),u()}}),t&&e.push({id:"edit",label:"Edit",icon:"edit_square",onClick:()=>{i?.(),t()}}),r&&e.push({id:"delete",label:"Delete",icon:"delete",onClick:()=>{i?.(),r()},danger:!0}),d.jsxRuntimeExports.jsx(h.Menu,{menu:e})};module.exports=y;
 //# sourceMappingURL=ActivityCommentMenu.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityCommentMenu.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityCommentMenu.tsx"],"sourcesContent":["import { Menu } from '@shared/components/Menu/Menu'\nimport { copyToClipboard } from '@shared/util'\n\ninterface ActivityCommentMenuProps {\n onDelete?: () => void\n onEdit?: () => void\n onSelect?: () => void\n activityId: string\n projectName: string\n}\n\nconst ActivityCommentMenu = ({\n onDelete,\n onEdit,\n onSelect,\n activityId,\n projectName,\n}: ActivityCommentMenuProps) => {\n const items = []\n\n const handleCopyActivityLink = () => {\n const searchParams = new URLSearchParams(window.location.search)\n // get type\n const type = searchParams.get('type')\n const tab = type === 'version' ? 'products' : 'overview'\n const pathname = `/projects/${projectName}/${tab}`\n const newSearchParams = new URLSearchParams(searchParams.toString())\n newSearchParams.set('activity', activityId)\n const url = new URL(window.location.origin + pathname)\n url.search = newSearchParams.toString()\n\n copyToClipboard(url.toString())\n }\n\n items.push({\n id: 'copy-link',\n label: 'Copy link',\n icon: 'link',\n onClick: () => {\n onSelect?.()\n handleCopyActivityLink()\n },\n })\n\n if (onEdit) {\n items.push({\n id: 'edit',\n label: 'Edit',\n icon: 'edit_square',\n onClick: () => {\n onSelect?.()\n onEdit()\n },\n })\n }\n\n if (onDelete) {\n items.push({\n id: 'delete',\n label: 'Delete',\n icon: 'delete',\n onClick: () => {\n onSelect?.()\n onDelete()\n },\n danger: true,\n })\n }\n\n return <Menu menu={items} />\n}\n\nexport default ActivityCommentMenu\n"],"names":["ActivityCommentMenu","onDelete","onEdit","onSelect","activityId","projectName","items","handleCopyActivityLink","searchParams","tab","pathname","newSearchParams","url","copyToClipboard","jsx","Menu"],"mappings":"~~gWAWA~~,MAAMA,EAAsB,CAAC,CAC3B,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAQ,CAAA,EAERC,EAAyB,IAAM,CACnC,MAAMC,EAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAGzDC,EADOD,EAAa,IAAI,MAAM,IACf,UAAY,WAAa,WACxCE,EAAW,aAAaL,CAAW,IAAII,CAAG,GAC1CE,EAAkB,IAAI,gBAAgBH,EAAa,UAAU,EACnEG,EAAgB,IAAI,WAAYP,CAAU,EAC1C,MAAMQ,EAAM,IAAI,IAAI,OAAO,SAAS,OAASF,CAAQ,EACrDE,EAAI,OAASD,EAAgB,SAAA,EAE7BE,kBAAgBD,EAAI,UAAU,CAChC,EAEA,OAAAN,EAAM,KAAK,CACT,GAAI,YACJ,MAAO,YACP,KAAM,OACN,QAAS,IAAM,CACbH,IAAA,EACAI,EAAA,CACF,CAAA,CACD,EAEGL,GACFI,EAAM,KAAK,CACT,GAAI,OACJ,MAAO,OACP,KAAM,cACN,QAAS,IAAM,CACbH,IAAA,EACAD,EAAA,CACF,CAAA,CACD,EAGCD,GACFK,EAAM,KAAK,CACT,GAAI,SACJ,MAAO,SACP,KAAM,SACN,QAAS,IAAM,CACbH,IAAA,EACAF,EAAA,CACF,EACA,OAAQ,EAAA,CACT,EAGIa,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMT,CAAA,CAAO,CAC5B"}
1	+ {"version":3,"file":"ActivityCommentMenu.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityCommentMenu.tsx"],"sourcesContent":["import { Menu } from '@shared/components/Menu/Menu'\nimport { copyToClipboard } from '@shared/util'\n\ninterface ActivityCommentMenuProps {\n onDelete?: () => void\n onEdit?: () => void\n onSelect?: () => void\n activityId: string\n projectName: string\n}\n\nconst ActivityCommentMenu = ({\n onDelete,\n onEdit,\n onSelect,\n activityId,\n projectName,\n}: ActivityCommentMenuProps) => {\n const items = []\n\n const handleCopyActivityLink = () => {\n const searchParams = new URLSearchParams(window.location.search)\n // get type\n const type = searchParams.get('type')\n const tab = type === 'version' ? 'products' : 'overview'\n const pathname = `/projects/${projectName}/${tab}`\n const newSearchParams = new URLSearchParams(searchParams.toString())\n newSearchParams.set('activity', activityId)\n const url = new URL(window.location.origin + pathname)\n url.search = newSearchParams.toString()\n\n copyToClipboard(url.toString())\n }\n\n items.push({\n id: 'copy-link',\n label: 'Copy link',\n icon: 'link',\n onClick: () => {\n onSelect?.()\n handleCopyActivityLink()\n },\n })\n\n if (onEdit) {\n items.push({\n id: 'edit',\n label: 'Edit',\n icon: 'edit_square',\n onClick: () => {\n onSelect?.()\n onEdit()\n },\n })\n }\n\n if (onDelete) {\n items.push({\n id: 'delete',\n label: 'Delete',\n icon: 'delete',\n onClick: () => {\n onSelect?.()\n onDelete()\n },\n danger: true,\n })\n }\n\n return <Menu menu={items} />\n}\n\nexport default ActivityCommentMenu\n"],"names":["ActivityCommentMenu","onDelete","onEdit","onSelect","activityId","projectName","items","handleCopyActivityLink","searchParams","tab","pathname","newSearchParams","url","copyToClipboard","jsx","Menu"],"mappings":"+YAWA,MAAMA,EAAsB,CAAC,CAC3B,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAQ,CAAA,EAERC,EAAyB,IAAM,CACnC,MAAMC,EAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAGzDC,EADOD,EAAa,IAAI,MAAM,IACf,UAAY,WAAa,WACxCE,EAAW,aAAaL,CAAW,IAAII,CAAG,GAC1CE,EAAkB,IAAI,gBAAgBH,EAAa,UAAU,EACnEG,EAAgB,IAAI,WAAYP,CAAU,EAC1C,MAAMQ,EAAM,IAAI,IAAI,OAAO,SAAS,OAASF,CAAQ,EACrDE,EAAI,OAASD,EAAgB,SAAA,EAE7BE,kBAAgBD,EAAI,UAAU,CAChC,EAEA,OAAAN,EAAM,KAAK,CACT,GAAI,YACJ,MAAO,YACP,KAAM,OACN,QAAS,IAAM,CACbH,IAAA,EACAI,EAAA,CACF,CAAA,CACD,EAEGL,GACFI,EAAM,KAAK,CACT,GAAI,OACJ,MAAO,OACP,KAAM,cACN,QAAS,IAAM,CACbH,IAAA,EACAD,EAAA,CACF,CAAA,CACD,EAGCD,GACFK,EAAM,KAAK,CACT,GAAI,SACJ,MAAO,SACP,KAAM,SACN,QAAS,IAAM,CACbH,IAAA,EACAF,EAAA,CACF,EACA,OAAQ,EAAA,CACT,EAGIa,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMT,CAAA,CAAO,CAC5B"}

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

@@ -5,8 +5,9 @@ import "react-toastify";
 import { copyToClipboard as h } from "../../../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../../../api/queries/users/updateUsers.es.js";
+import "../../../../util/searchTerms.es.js";
 import "../../../../util/pubsub.es.js";
-const x = ({
+const L = ({
   onDelete: o,
   onEdit: e,
   onSelect: i,
@@ -44,6 +45,6 @@ const x = ({
   }), /* @__PURE__ */ d.jsx(u, { menu: t });
 };
 export {
-  x as default
+  L as default
 };
 //# sourceMappingURL=ActivityCommentMenu.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityCommentMenu.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityCommentMenu.tsx"],"sourcesContent":["import { Menu } from '@shared/components/Menu/Menu'\nimport { copyToClipboard } from '@shared/util'\n\ninterface ActivityCommentMenuProps {\n onDelete?: () => void\n onEdit?: () => void\n onSelect?: () => void\n activityId: string\n projectName: string\n}\n\nconst ActivityCommentMenu = ({\n onDelete,\n onEdit,\n onSelect,\n activityId,\n projectName,\n}: ActivityCommentMenuProps) => {\n const items = []\n\n const handleCopyActivityLink = () => {\n const searchParams = new URLSearchParams(window.location.search)\n // get type\n const type = searchParams.get('type')\n const tab = type === 'version' ? 'products' : 'overview'\n const pathname = `/projects/${projectName}/${tab}`\n const newSearchParams = new URLSearchParams(searchParams.toString())\n newSearchParams.set('activity', activityId)\n const url = new URL(window.location.origin + pathname)\n url.search = newSearchParams.toString()\n\n copyToClipboard(url.toString())\n }\n\n items.push({\n id: 'copy-link',\n label: 'Copy link',\n icon: 'link',\n onClick: () => {\n onSelect?.()\n handleCopyActivityLink()\n },\n })\n\n if (onEdit) {\n items.push({\n id: 'edit',\n label: 'Edit',\n icon: 'edit_square',\n onClick: () => {\n onSelect?.()\n onEdit()\n },\n })\n }\n\n if (onDelete) {\n items.push({\n id: 'delete',\n label: 'Delete',\n icon: 'delete',\n onClick: () => {\n onSelect?.()\n onDelete()\n },\n danger: true,\n })\n }\n\n return <Menu menu={items} />\n}\n\nexport default ActivityCommentMenu\n"],"names":["ActivityCommentMenu","onDelete","onEdit","onSelect","activityId","projectName","items","handleCopyActivityLink","searchParams","tab","pathname","newSearchParams","url","copyToClipboard","jsx","Menu"],"mappings":"~~;;;;;;;;~~AAWA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAQ,CAAA,GAERC,IAAyB,MAAM;AACnC,UAAMC,IAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM,GAGzDC,IADOD,EAAa,IAAI,MAAM,MACf,YAAY,aAAa,YACxCE,IAAW,aAAaL,CAAW,IAAII,CAAG,IAC1CE,IAAkB,IAAI,gBAAgBH,EAAa,UAAU;AACnE,IAAAG,EAAgB,IAAI,YAAYP,CAAU;AAC1C,UAAMQ,IAAM,IAAI,IAAI,OAAO,SAAS,SAASF,CAAQ;AACrD,IAAAE,EAAI,SAASD,EAAgB,SAAA,GAE7BE,EAAgBD,EAAI,UAAU;AAAA,EAChC;AAEA,SAAAN,EAAM,KAAK;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AACb,MAAAH,IAAA,GACAI,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAEGL,KACFI,EAAM,KAAK;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AACb,MAAAH,IAAA,GACAD,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAGCD,KACFK,EAAM,KAAK;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AACb,MAAAH,IAAA,GACAF,EAAA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,EAAA,CACT,GAGIa,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMT,EAAA,CAAO;AAC5B;"}
1	+ {"version":3,"file":"ActivityCommentMenu.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityCommentMenu.tsx"],"sourcesContent":["import { Menu } from '@shared/components/Menu/Menu'\nimport { copyToClipboard } from '@shared/util'\n\ninterface ActivityCommentMenuProps {\n onDelete?: () => void\n onEdit?: () => void\n onSelect?: () => void\n activityId: string\n projectName: string\n}\n\nconst ActivityCommentMenu = ({\n onDelete,\n onEdit,\n onSelect,\n activityId,\n projectName,\n}: ActivityCommentMenuProps) => {\n const items = []\n\n const handleCopyActivityLink = () => {\n const searchParams = new URLSearchParams(window.location.search)\n // get type\n const type = searchParams.get('type')\n const tab = type === 'version' ? 'products' : 'overview'\n const pathname = `/projects/${projectName}/${tab}`\n const newSearchParams = new URLSearchParams(searchParams.toString())\n newSearchParams.set('activity', activityId)\n const url = new URL(window.location.origin + pathname)\n url.search = newSearchParams.toString()\n\n copyToClipboard(url.toString())\n }\n\n items.push({\n id: 'copy-link',\n label: 'Copy link',\n icon: 'link',\n onClick: () => {\n onSelect?.()\n handleCopyActivityLink()\n },\n })\n\n if (onEdit) {\n items.push({\n id: 'edit',\n label: 'Edit',\n icon: 'edit_square',\n onClick: () => {\n onSelect?.()\n onEdit()\n },\n })\n }\n\n if (onDelete) {\n items.push({\n id: 'delete',\n label: 'Delete',\n icon: 'delete',\n onClick: () => {\n onSelect?.()\n onDelete()\n },\n danger: true,\n })\n }\n\n return <Menu menu={items} />\n}\n\nexport default ActivityCommentMenu\n"],"names":["ActivityCommentMenu","onDelete","onEdit","onSelect","activityId","projectName","items","handleCopyActivityLink","searchParams","tab","pathname","newSearchParams","url","copyToClipboard","jsx","Menu"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAQ,CAAA,GAERC,IAAyB,MAAM;AACnC,UAAMC,IAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM,GAGzDC,IADOD,EAAa,IAAI,MAAM,MACf,YAAY,aAAa,YACxCE,IAAW,aAAaL,CAAW,IAAII,CAAG,IAC1CE,IAAkB,IAAI,gBAAgBH,EAAa,UAAU;AACnE,IAAAG,EAAgB,IAAI,YAAYP,CAAU;AAC1C,UAAMQ,IAAM,IAAI,IAAI,OAAO,SAAS,SAASF,CAAQ;AACrD,IAAAE,EAAI,SAASD,EAAgB,SAAA,GAE7BE,EAAgBD,EAAI,UAAU;AAAA,EAChC;AAEA,SAAAN,EAAM,KAAK;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AACb,MAAAH,IAAA,GACAI,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAEGL,KACFI,EAAM,KAAK;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AACb,MAAAH,IAAA,GACAD,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAGCD,KACFK,EAAM,KAAK;AAAA,IACT,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AACb,MAAAH,IAAA,GACAF,EAAA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,EAAA,CACT,GAGIa,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMT,EAAA,CAAO;AAC5B;"}

package/dist/shared/src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../../../_virtual/jsx-runtime.cjs.js"),L=require("react"),o=require("./ActivityFieldChange.styled.cjs.js"),M=require("../ActivityDate.cjs.js"),U=require("@ynput/ayon-react-components"),I=require("./hooks/getContextParents.cjs.js"),j=require("./FieldValue.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");const _=require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");const B=require("../../../../util/formatUTCDate.cjs.js"),G=e=>{const t=typeof e.icon=="string"?e.icon:e.icon?.name,n=e.color??(typeof e.icon=="object"?e.icon?.color:void 0);return{name:e.label,icon:t,color:n}},P=(e,t)=>{const n=t?.data.enum?.find(r=>r.value===e)?.label;if(n)return n;if(t?.data.type==="datetime"){const r=new Date(String(e));if(!isNaN(r.getTime()))return B.formatUTCDate(r,"dd-MM-yyyy")}return String(e)},Q=(e,t)=>{if(e==null||e===""||Array.isArray(e)&&!e.length)return{name:"none"};if(t?.data.type==="boolean")return{name:e?"Checked":"Unchecked"};const r=Array.isArray(e)?e:[e];if(r.length===1){const s=t?.data.enum?.find(a=>a.value===r[0]);if(s)return G(s)}return{name:r.map(s=>P(s,t)).join(", ")}},z=({entityType:e,projectInfo:t,activity:n={}})=>{const{activityType:r,authorName:s,authorFullName:a,createdAt:f,oldStatus:h,newStatus:A,activityData:E={}}=n,{key:c,oldValue:R,newValue:T}=E,D=I(n,e),l=r==="attrib.change",d=r==="tags.change",b=r==="subtype.change",{data:m=[]}=_.useGetAttributeListQuery(void 0,{skip:!l}),x=L.useMemo(()=>m.find(i=>i.name===c),[m,c]),y=l?x?.data.title||c:d?"Tags":b?"Type":void 0,C=i=>({name:i?.name||"",icon:i?.icon,color:i?.color}),F=i=>{const q=Array.isArray(i)?i.map(String):[];if(!q.length)return{name:"none"};const w=q.map(g=>({label:g,color:t?.tags?.find(N=>N.name===g)?.color}));return{name:q.join(", "),items:w}},S=r==="status.change",p=(i,q)=>S?C(q):d?F(i):Q(i,x),V=p(R,h),k=p(T,A);return u.jsxRuntimeExports.jsxs(o.FieldChange,{children:[u.jsxRuntimeExports.jsxs(o.Body,{children:[u.jsxRuntimeExports.jsx(o.Text,{children:a||s}),u.jsxRuntimeExports.jsxs(o.Text,{children:["- ",D.join(" / ")," -"]}),y&&u.jsxRuntimeExports.jsx(o.Text,{children:u.jsxRuntimeExports.jsx("strong",{children:y})}),u.jsxRuntimeExports.jsx(j.FieldValue,{...V}),u.jsxRuntimeExports.jsx(U.Icon,{icon:"trending_flat"}),u.jsxRuntimeExports.jsx(j.FieldValue,{...k})]}),u.jsxRuntimeExports.jsx(M.default,{date:f})]})};module.exports=z;
+"use strict";const u=require("../../../../../../_virtual/jsx-runtime.cjs.js"),L=require("react"),o=require("./ActivityFieldChange.styled.cjs.js"),M=require("../ActivityDate.cjs.js"),U=require("@ynput/ayon-react-components"),I=require("./hooks/getContextParents.cjs.js"),j=require("./FieldValue.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/enums.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");const _=require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/enums/getEnums.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");const B=require("../../../../util/formatUTCDate.cjs.js"),G=e=>{const t=typeof e.icon=="string"?e.icon:e.icon?.name,n=e.color??(typeof e.icon=="object"?e.icon?.color:void 0);return{name:e.label,icon:t,color:n}},P=(e,t)=>{const n=t?.data.enum?.find(r=>r.value===e)?.label;if(n)return n;if(t?.data.type==="datetime"){const r=new Date(String(e));if(!isNaN(r.getTime()))return B.formatUTCDate(r,"dd-MM-yyyy")}return String(e)},Q=(e,t)=>{if(e==null||e===""||Array.isArray(e)&&!e.length)return{name:"none"};if(t?.data.type==="boolean")return{name:e?"Checked":"Unchecked"};const r=Array.isArray(e)?e:[e];if(r.length===1){const s=t?.data.enum?.find(a=>a.value===r[0]);if(s)return G(s)}return{name:r.map(s=>P(s,t)).join(", ")}},z=({entityType:e,projectInfo:t,activity:n={}})=>{const{activityType:r,authorName:s,authorFullName:a,createdAt:f,oldStatus:h,newStatus:A,activityData:E={}}=n,{key:c,oldValue:R,newValue:T}=E,D=I(n,e),l=r==="attrib.change",d=r==="tags.change",b=r==="subtype.change",{data:m=[]}=_.useGetAttributeListQuery(void 0,{skip:!l}),x=L.useMemo(()=>m.find(i=>i.name===c),[m,c]),y=l?x?.data.title||c:d?"Tags":b?"Type":void 0,C=i=>({name:i?.name||"",icon:i?.icon,color:i?.color}),F=i=>{const q=Array.isArray(i)?i.map(String):[];if(!q.length)return{name:"none"};const w=q.map(g=>({label:g,color:t?.tags?.find(N=>N.name===g)?.color}));return{name:q.join(", "),items:w}},S=r==="status.change",p=(i,q)=>S?C(q):d?F(i):Q(i,x),V=p(R,h),k=p(T,A);return u.jsxRuntimeExports.jsxs(o.FieldChange,{children:[u.jsxRuntimeExports.jsxs(o.Body,{children:[u.jsxRuntimeExports.jsx(o.Text,{children:a||s}),u.jsxRuntimeExports.jsxs(o.Text,{children:["- ",D.join(" / ")," -"]}),y&&u.jsxRuntimeExports.jsx(o.Text,{children:u.jsxRuntimeExports.jsx("strong",{children:y})}),u.jsxRuntimeExports.jsx(j.FieldValue,{...V}),u.jsxRuntimeExports.jsx(U.Icon,{icon:"trending_flat"}),u.jsxRuntimeExports.jsx(j.FieldValue,{...k})]}),u.jsxRuntimeExports.jsx(M.default,{date:f})]})};module.exports=z;
 //# sourceMappingURL=ActivityFieldChange.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityFieldChange.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport * as Styled from './ActivityFieldChange.styled'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport useGetContextParents from './hooks/getContextParents'\nimport { FieldValue } from './FieldValue'\nimport { useGetAttributeListQuery } from '@shared/api'\nimport type { AttributeModel, EnumItem } from '@shared/api'\nimport { formatUTCDate } from '@shared/util/formatUTCDate'\n\ntype FieldDisplayValue = {\n name: string\n icon?: string\n color?: string\n items?: { label: string; color?: string }[]\n}\n\nconst getEnumDisplay = (item: EnumItem): FieldDisplayValue => {\n const icon = typeof item.icon === 'string' ? item.icon : item.icon?.name\n const color = item.color ?? (typeof item.icon === 'object' ? item.icon?.color : undefined)\n return { name: item.label, icon, color }\n}\n\nconst formatSingleValue = (value: unknown, attribute?: AttributeModel): string => {\n const enumLabel = attribute?.data.enum?.find((e) => e.value === value)?.label\n if (enumLabel) return enumLabel\n if (attribute?.data.type === 'datetime') {\n const date = new Date(String(value))\n if (!isNaN(date.getTime())) return formatUTCDate(date, 'dd-MM-yyyy')\n }\n return String(value)\n}\n\nconst formatValue = (value: unknown, attribute?: AttributeModel): FieldDisplayValue => {\n const isEmpty =\n value === null \|\| value === undefined \|\| value === '' \|\| (Array.isArray(value) && !value.length)\n if (isEmpty) return { name: 'none' }\n\n if (attribute?.data.type === 'boolean') return { name: value ? 'Checked' : 'Unchecked' }\n\n const values = Array.isArray(value) ? value : [value]\n if (values.length === 1) {\n const enumItem = attribute?.data.enum?.find((e) => e.value === values[0])\n if (enumItem) return getEnumDisplay(enumItem)\n }\n\n return { name: values.map((v) => formatSingleValue(v, attribute)).join(', ') }\n}\n\ninterface ActivityFieldChangeProps {\n entityType?: string\n projectInfo?: {\n tags?: { name: string; color?: string }[]\n [key: string]: any\n }\n activity: {\n activityType?: string\n authorName?: string\n authorFullName?: string\n createdAt?: string\n oldStatus?: FieldDisplayValue\n newStatus?: FieldDisplayValue\n activityData?: {\n key?: string\n oldValue?: unknown\n newValue?: unknown\n }\n [key: string]: any\n }\n}\n\nconst ActivityFieldChange: React.FC<ActivityFieldChangeProps> = ({\n entityType,\n projectInfo,\n activity = {},\n}) => {\n const {\n activityType,\n authorName,\n authorFullName,\n createdAt,\n oldStatus,\n newStatus,\n activityData = {},\n } = activity\n const { key, oldValue, newValue } = activityData\n const tagList = useGetContextParents(activity, entityType)\n\n const isAttrib = activityType === 'attrib.change'\n const isTags = activityType === 'tags.change'\n const isTypeChange = activityType === 'subtype.change'\n\n const { data: attributes = [] } = useGetAttributeListQuery(undefined, { skip: !isAttrib })\n const attribute = useMemo(() => attributes.find((a) => a.name === key), [attributes, key])\n\n const fieldTitle = isAttrib ? attribute?.data.title \|\| key : isTags ? 'Tags' : isTypeChange ? 'Type' : undefined\n\n const statusDisplay = (status?: FieldDisplayValue): FieldDisplayValue => ({\n name: status?.name \|\| '',\n icon: status?.icon,\n color: status?.color,\n })\n\n const tagsDisplay = (value: unknown): FieldDisplayValue => {\n const tags = Array.isArray(value) ? value.map(String) : []\n if (!tags.length) return { name: 'none' }\n const items = tags.map((tag) => ({\n label: tag,\n color: projectInfo?.tags?.find((t) => t.name === tag)?.color,\n }))\n return { name: tags.join(', '), items }\n }\n\n const isStatus = activityType === 'status.change'\n const getDisplay = (value: unknown, status?: FieldDisplayValue): FieldDisplayValue => {\n if (isStatus) return statusDisplay(status)\n if (isTags) return tagsDisplay(value)\n return formatValue(value, attribute)\n }\n\n const oldDisplay = getDisplay(oldValue, oldStatus)\n const newDisplay = getDisplay(newValue, newStatus)\n\n return (\n <Styled.FieldChange>\n <Styled.Body>\n <Styled.Text>{authorFullName \|\| authorName}</Styled.Text>\n <Styled.Text>- {tagList.join(' / ')} -</Styled.Text>\n {fieldTitle && (\n <Styled.Text>\n <strong>{fieldTitle}</strong>\n </Styled.Text>\n )}\n <FieldValue {...oldDisplay} />\n <Icon icon=\"trending_flat\" />\n <FieldValue {...newDisplay} />\n </Styled.Body>\n <ActivityDate date={createdAt} />\n </Styled.FieldChange>\n )\n}\n\nexport default ActivityFieldChange\n"],"names":["getEnumDisplay","item","icon","color","formatSingleValue","value","attribute","enumLabel","e","date","formatUTCDate","formatValue","values","enumItem","v","ActivityFieldChange","entityType","projectInfo","activity","activityType","authorName","authorFullName","createdAt","oldStatus","newStatus","activityData","key","oldValue","newValue","tagList","useGetContextParents","isAttrib","isTags","isTypeChange","attributes","useGetAttributeListQuery","useMemo","a","fieldTitle","statusDisplay","status","tagsDisplay","tags","items","tag","t","isStatus","getDisplay","oldDisplay","newDisplay","jsxs","Styled.FieldChange","Styled.Body","jsx","Styled.Text","FieldValue","Icon","ActivityDate"],"mappings":"~~6+LAiBMA~~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"}
1	+ {"version":3,"file":"ActivityFieldChange.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport * as Styled from './ActivityFieldChange.styled'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport useGetContextParents from './hooks/getContextParents'\nimport { FieldValue } from './FieldValue'\nimport { useGetAttributeListQuery } from '@shared/api'\nimport type { AttributeModel, EnumItem } from '@shared/api'\nimport { formatUTCDate } from '@shared/util/formatUTCDate'\n\ntype FieldDisplayValue = {\n name: string\n icon?: string\n color?: string\n items?: { label: string; color?: string }[]\n}\n\nconst getEnumDisplay = (item: EnumItem): FieldDisplayValue => {\n const icon = typeof item.icon === 'string' ? item.icon : item.icon?.name\n const color = item.color ?? (typeof item.icon === 'object' ? item.icon?.color : undefined)\n return { name: item.label, icon, color }\n}\n\nconst formatSingleValue = (value: unknown, attribute?: AttributeModel): string => {\n const enumLabel = attribute?.data.enum?.find((e) => e.value === value)?.label\n if (enumLabel) return enumLabel\n if (attribute?.data.type === 'datetime') {\n const date = new Date(String(value))\n if (!isNaN(date.getTime())) return formatUTCDate(date, 'dd-MM-yyyy')\n }\n return String(value)\n}\n\nconst formatValue = (value: unknown, attribute?: AttributeModel): FieldDisplayValue => {\n const isEmpty =\n value === null \|\| value === undefined \|\| value === '' \|\| (Array.isArray(value) && !value.length)\n if (isEmpty) return { name: 'none' }\n\n if (attribute?.data.type === 'boolean') return { name: value ? 'Checked' : 'Unchecked' }\n\n const values = Array.isArray(value) ? value : [value]\n if (values.length === 1) {\n const enumItem = attribute?.data.enum?.find((e) => e.value === values[0])\n if (enumItem) return getEnumDisplay(enumItem)\n }\n\n return { name: values.map((v) => formatSingleValue(v, attribute)).join(', ') }\n}\n\ninterface ActivityFieldChangeProps {\n entityType?: string\n projectInfo?: {\n tags?: { name: string; color?: string }[]\n [key: string]: any\n }\n activity: {\n activityType?: string\n authorName?: string\n authorFullName?: string\n createdAt?: string\n oldStatus?: FieldDisplayValue\n newStatus?: FieldDisplayValue\n activityData?: {\n key?: string\n oldValue?: unknown\n newValue?: unknown\n }\n [key: string]: any\n }\n}\n\nconst ActivityFieldChange: React.FC<ActivityFieldChangeProps> = ({\n entityType,\n projectInfo,\n activity = {},\n}) => {\n const {\n activityType,\n authorName,\n authorFullName,\n createdAt,\n oldStatus,\n newStatus,\n activityData = {},\n } = activity\n const { key, oldValue, newValue } = activityData\n const tagList = useGetContextParents(activity, entityType)\n\n const isAttrib = activityType === 'attrib.change'\n const isTags = activityType === 'tags.change'\n const isTypeChange = activityType === 'subtype.change'\n\n const { data: attributes = [] } = useGetAttributeListQuery(undefined, { skip: !isAttrib })\n const attribute = useMemo(() => attributes.find((a) => a.name === key), [attributes, key])\n\n const fieldTitle = isAttrib ? attribute?.data.title \|\| key : isTags ? 'Tags' : isTypeChange ? 'Type' : undefined\n\n const statusDisplay = (status?: FieldDisplayValue): FieldDisplayValue => ({\n name: status?.name \|\| '',\n icon: status?.icon,\n color: status?.color,\n })\n\n const tagsDisplay = (value: unknown): FieldDisplayValue => {\n const tags = Array.isArray(value) ? value.map(String) : []\n if (!tags.length) return { name: 'none' }\n const items = tags.map((tag) => ({\n label: tag,\n color: projectInfo?.tags?.find((t) => t.name === tag)?.color,\n }))\n return { name: tags.join(', '), items }\n }\n\n const isStatus = activityType === 'status.change'\n const getDisplay = (value: unknown, status?: FieldDisplayValue): FieldDisplayValue => {\n if (isStatus) return statusDisplay(status)\n if (isTags) return tagsDisplay(value)\n return formatValue(value, attribute)\n }\n\n const oldDisplay = getDisplay(oldValue, oldStatus)\n const newDisplay = getDisplay(newValue, newStatus)\n\n return (\n <Styled.FieldChange>\n <Styled.Body>\n <Styled.Text>{authorFullName \|\| authorName}</Styled.Text>\n <Styled.Text>- {tagList.join(' / ')} -</Styled.Text>\n {fieldTitle && (\n <Styled.Text>\n <strong>{fieldTitle}</strong>\n </Styled.Text>\n )}\n <FieldValue {...oldDisplay} />\n <Icon icon=\"trending_flat\" />\n <FieldValue {...newDisplay} />\n </Styled.Body>\n <ActivityDate date={createdAt} />\n </Styled.FieldChange>\n )\n}\n\nexport default ActivityFieldChange\n"],"names":["getEnumDisplay","item","icon","color","formatSingleValue","value","attribute","enumLabel","e","date","formatUTCDate","formatValue","values","enumItem","v","ActivityFieldChange","entityType","projectInfo","activity","activityType","authorName","authorFullName","createdAt","oldStatus","newStatus","activityData","key","oldValue","newValue","tagList","useGetContextParents","isAttrib","isTags","isTypeChange","attributes","useGetAttributeListQuery","useMemo","a","fieldTitle","statusDisplay","status","tagsDisplay","tags","items","tag","t","isStatus","getDisplay","oldDisplay","newDisplay","jsxs","Styled.FieldChange","Styled.Body","jsx","Styled.Text","FieldValue","Icon","ActivityDate"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.es.js CHANGED Viewed

@@ -20,6 +20,7 @@ import "../../../../api/generated/configuration.es.js";
 import "../../../../api/generated/dataImport.es.js";
 import "../../../../api/generated/desktop.es.js";
 import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/enums.es.js";
 import "../../../../api/generated/events.es.js";
 import "../../../../api/generated/files.es.js";
 import "../../../../api/generated/folders.es.js";
@@ -45,6 +46,8 @@ import "../../../../api/generated/workfiles.es.js";
 import "../../../../api/generated/ynputCloud.es.js";
 import "../../../../api/generated/grouping.es.js";
 import "../../../../api/generated/views.es.js";
+import "../../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../../api/queries/actions/getActions.es.js";
 import "../../../../api/queries/activities/getActivities.es.js";
 import "../../../../api/queries/activities/updateReaction.es.js";
@@ -75,6 +78,7 @@ import "../../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/enums/getEnums.es.js";
 import "../../../../api/queries/folders/getFolders.es.js";
 import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../../api/queries/grouping/getGrouping.es.js";
@@ -123,7 +127,7 @@ const q = (t) => {
     if (n) return q(n);
   }
   return { name: o.map((n) => z(n, i)).join(", ") };
-}, zo = ({
+}, Oo = ({
   entityType: t,
   projectInfo: i,
   activity: p = {}
@@ -166,6 +170,6 @@ const q = (t) => {
   ] });
 };
 export {
-  zo as default
+  Oo as default
 };
 //# sourceMappingURL=ActivityFieldChange.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityFieldChange.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport * as Styled from './ActivityFieldChange.styled'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport useGetContextParents from './hooks/getContextParents'\nimport { FieldValue } from './FieldValue'\nimport { useGetAttributeListQuery } from '@shared/api'\nimport type { AttributeModel, EnumItem } from '@shared/api'\nimport { formatUTCDate } from '@shared/util/formatUTCDate'\n\ntype FieldDisplayValue = {\n name: string\n icon?: string\n color?: string\n items?: { label: string; color?: string }[]\n}\n\nconst getEnumDisplay = (item: EnumItem): FieldDisplayValue => {\n const icon = typeof item.icon === 'string' ? item.icon : item.icon?.name\n const color = item.color ?? (typeof item.icon === 'object' ? item.icon?.color : undefined)\n return { name: item.label, icon, color }\n}\n\nconst formatSingleValue = (value: unknown, attribute?: AttributeModel): string => {\n const enumLabel = attribute?.data.enum?.find((e) => e.value === value)?.label\n if (enumLabel) return enumLabel\n if (attribute?.data.type === 'datetime') {\n const date = new Date(String(value))\n if (!isNaN(date.getTime())) return formatUTCDate(date, 'dd-MM-yyyy')\n }\n return String(value)\n}\n\nconst formatValue = (value: unknown, attribute?: AttributeModel): FieldDisplayValue => {\n const isEmpty =\n value === null \|\| value === undefined \|\| value === '' \|\| (Array.isArray(value) && !value.length)\n if (isEmpty) return { name: 'none' }\n\n if (attribute?.data.type === 'boolean') return { name: value ? 'Checked' : 'Unchecked' }\n\n const values = Array.isArray(value) ? value : [value]\n if (values.length === 1) {\n const enumItem = attribute?.data.enum?.find((e) => e.value === values[0])\n if (enumItem) return getEnumDisplay(enumItem)\n }\n\n return { name: values.map((v) => formatSingleValue(v, attribute)).join(', ') }\n}\n\ninterface ActivityFieldChangeProps {\n entityType?: string\n projectInfo?: {\n tags?: { name: string; color?: string }[]\n [key: string]: any\n }\n activity: {\n activityType?: string\n authorName?: string\n authorFullName?: string\n createdAt?: string\n oldStatus?: FieldDisplayValue\n newStatus?: FieldDisplayValue\n activityData?: {\n key?: string\n oldValue?: unknown\n newValue?: unknown\n }\n [key: string]: any\n }\n}\n\nconst ActivityFieldChange: React.FC<ActivityFieldChangeProps> = ({\n entityType,\n projectInfo,\n activity = {},\n}) => {\n const {\n activityType,\n authorName,\n authorFullName,\n createdAt,\n oldStatus,\n newStatus,\n activityData = {},\n } = activity\n const { key, oldValue, newValue } = activityData\n const tagList = useGetContextParents(activity, entityType)\n\n const isAttrib = activityType === 'attrib.change'\n const isTags = activityType === 'tags.change'\n const isTypeChange = activityType === 'subtype.change'\n\n const { data: attributes = [] } = useGetAttributeListQuery(undefined, { skip: !isAttrib })\n const attribute = useMemo(() => attributes.find((a) => a.name === key), [attributes, key])\n\n const fieldTitle = isAttrib ? attribute?.data.title \|\| key : isTags ? 'Tags' : isTypeChange ? 'Type' : undefined\n\n const statusDisplay = (status?: FieldDisplayValue): FieldDisplayValue => ({\n name: status?.name \|\| '',\n icon: status?.icon,\n color: status?.color,\n })\n\n const tagsDisplay = (value: unknown): FieldDisplayValue => {\n const tags = Array.isArray(value) ? value.map(String) : []\n if (!tags.length) return { name: 'none' }\n const items = tags.map((tag) => ({\n label: tag,\n color: projectInfo?.tags?.find((t) => t.name === tag)?.color,\n }))\n return { name: tags.join(', '), items }\n }\n\n const isStatus = activityType === 'status.change'\n const getDisplay = (value: unknown, status?: FieldDisplayValue): FieldDisplayValue => {\n if (isStatus) return statusDisplay(status)\n if (isTags) return tagsDisplay(value)\n return formatValue(value, attribute)\n }\n\n const oldDisplay = getDisplay(oldValue, oldStatus)\n const newDisplay = getDisplay(newValue, newStatus)\n\n return (\n <Styled.FieldChange>\n <Styled.Body>\n <Styled.Text>{authorFullName \|\| authorName}</Styled.Text>\n <Styled.Text>- {tagList.join(' / ')} -</Styled.Text>\n {fieldTitle && (\n <Styled.Text>\n <strong>{fieldTitle}</strong>\n </Styled.Text>\n )}\n <FieldValue {...oldDisplay} />\n <Icon icon=\"trending_flat\" />\n <FieldValue {...newDisplay} />\n </Styled.Body>\n <ActivityDate date={createdAt} />\n </Styled.FieldChange>\n )\n}\n\nexport default ActivityFieldChange\n"],"names":["getEnumDisplay","item","icon","color","formatSingleValue","value","attribute","enumLabel","e","date","formatUTCDate","formatValue","values","enumItem","v","ActivityFieldChange","entityType","projectInfo","activity","activityType","authorName","authorFullName","createdAt","oldStatus","newStatus","activityData","key","oldValue","newValue","tagList","useGetContextParents","isAttrib","isTags","isTypeChange","attributes","useGetAttributeListQuery","useMemo","a","fieldTitle","statusDisplay","status","tagsDisplay","tags","items","tag","t","isStatus","getDisplay","oldDisplay","newDisplay","jsxs","Styled.FieldChange","Styled.Body","jsx","Styled.Text","FieldValue","Icon","ActivityDate"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"ActivityFieldChange.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityFieldChange/ActivityFieldChange.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport * as Styled from './ActivityFieldChange.styled'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport useGetContextParents from './hooks/getContextParents'\nimport { FieldValue } from './FieldValue'\nimport { useGetAttributeListQuery } from '@shared/api'\nimport type { AttributeModel, EnumItem } from '@shared/api'\nimport { formatUTCDate } from '@shared/util/formatUTCDate'\n\ntype FieldDisplayValue = {\n name: string\n icon?: string\n color?: string\n items?: { label: string; color?: string }[]\n}\n\nconst getEnumDisplay = (item: EnumItem): FieldDisplayValue => {\n const icon = typeof item.icon === 'string' ? item.icon : item.icon?.name\n const color = item.color ?? (typeof item.icon === 'object' ? item.icon?.color : undefined)\n return { name: item.label, icon, color }\n}\n\nconst formatSingleValue = (value: unknown, attribute?: AttributeModel): string => {\n const enumLabel = attribute?.data.enum?.find((e) => e.value === value)?.label\n if (enumLabel) return enumLabel\n if (attribute?.data.type === 'datetime') {\n const date = new Date(String(value))\n if (!isNaN(date.getTime())) return formatUTCDate(date, 'dd-MM-yyyy')\n }\n return String(value)\n}\n\nconst formatValue = (value: unknown, attribute?: AttributeModel): FieldDisplayValue => {\n const isEmpty =\n value === null \|\| value === undefined \|\| value === '' \|\| (Array.isArray(value) && !value.length)\n if (isEmpty) return { name: 'none' }\n\n if (attribute?.data.type === 'boolean') return { name: value ? 'Checked' : 'Unchecked' }\n\n const values = Array.isArray(value) ? value : [value]\n if (values.length === 1) {\n const enumItem = attribute?.data.enum?.find((e) => e.value === values[0])\n if (enumItem) return getEnumDisplay(enumItem)\n }\n\n return { name: values.map((v) => formatSingleValue(v, attribute)).join(', ') }\n}\n\ninterface ActivityFieldChangeProps {\n entityType?: string\n projectInfo?: {\n tags?: { name: string; color?: string }[]\n [key: string]: any\n }\n activity: {\n activityType?: string\n authorName?: string\n authorFullName?: string\n createdAt?: string\n oldStatus?: FieldDisplayValue\n newStatus?: FieldDisplayValue\n activityData?: {\n key?: string\n oldValue?: unknown\n newValue?: unknown\n }\n [key: string]: any\n }\n}\n\nconst ActivityFieldChange: React.FC<ActivityFieldChangeProps> = ({\n entityType,\n projectInfo,\n activity = {},\n}) => {\n const {\n activityType,\n authorName,\n authorFullName,\n createdAt,\n oldStatus,\n newStatus,\n activityData = {},\n } = activity\n const { key, oldValue, newValue } = activityData\n const tagList = useGetContextParents(activity, entityType)\n\n const isAttrib = activityType === 'attrib.change'\n const isTags = activityType === 'tags.change'\n const isTypeChange = activityType === 'subtype.change'\n\n const { data: attributes = [] } = useGetAttributeListQuery(undefined, { skip: !isAttrib })\n const attribute = useMemo(() => attributes.find((a) => a.name === key), [attributes, key])\n\n const fieldTitle = isAttrib ? attribute?.data.title \|\| key : isTags ? 'Tags' : isTypeChange ? 'Type' : undefined\n\n const statusDisplay = (status?: FieldDisplayValue): FieldDisplayValue => ({\n name: status?.name \|\| '',\n icon: status?.icon,\n color: status?.color,\n })\n\n const tagsDisplay = (value: unknown): FieldDisplayValue => {\n const tags = Array.isArray(value) ? value.map(String) : []\n if (!tags.length) return { name: 'none' }\n const items = tags.map((tag) => ({\n label: tag,\n color: projectInfo?.tags?.find((t) => t.name === tag)?.color,\n }))\n return { name: tags.join(', '), items }\n }\n\n const isStatus = activityType === 'status.change'\n const getDisplay = (value: unknown, status?: FieldDisplayValue): FieldDisplayValue => {\n if (isStatus) return statusDisplay(status)\n if (isTags) return tagsDisplay(value)\n return formatValue(value, attribute)\n }\n\n const oldDisplay = getDisplay(oldValue, oldStatus)\n const newDisplay = getDisplay(newValue, newStatus)\n\n return (\n <Styled.FieldChange>\n <Styled.Body>\n <Styled.Text>{authorFullName \|\| authorName}</Styled.Text>\n <Styled.Text>- {tagList.join(' / ')} -</Styled.Text>\n {fieldTitle && (\n <Styled.Text>\n <strong>{fieldTitle}</strong>\n </Styled.Text>\n )}\n <FieldValue {...oldDisplay} />\n <Icon icon=\"trending_flat\" />\n <FieldValue {...newDisplay} />\n </Styled.Body>\n <ActivityDate date={createdAt} />\n </Styled.FieldChange>\n )\n}\n\nexport default ActivityFieldChange\n"],"names":["getEnumDisplay","item","icon","color","formatSingleValue","value","attribute","enumLabel","e","date","formatUTCDate","formatValue","values","enumItem","v","ActivityFieldChange","entityType","projectInfo","activity","activityType","authorName","authorFullName","createdAt","oldStatus","newStatus","activityData","key","oldValue","newValue","tagList","useGetContextParents","isAttrib","isTags","isTypeChange","attributes","useGetAttributeListQuery","useMemo","a","fieldTitle","statusDisplay","status","tagsDisplay","tags","items","tag","t","isStatus","getDisplay","oldDisplay","newDisplay","jsxs","Styled.FieldChange","Styled.Body","jsx","Styled.Text","FieldValue","Icon","ActivityDate"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),g=require("./ActivityReference.styled.cjs.js"),p=require("@ynput/ayon-react-components"),E=require("clsx");require("lodash");require("react-toastify");const j=require("../../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../util/pubsub.cjs.js");const $=({id:c,type:r,variant:s="surface",isEntity:i,disabled:o,onMouseEnter:u,categoryPrimary:a,categorySecondary:l,children:q,...y})=>{const f=r==="user"?"alternate_email":r==="team"?"group":j.getEntityTypeIcon(r,"link"),t=d.useRef(null),x=R=>{const e=t.current?.getBoundingClientRect();if(!e)return;const m={left:e.x+e.width/2,top:e.y};u?.(R,m)};return n.jsxRuntimeExports.jsxs(g.Reference,{...y,$variant:s,$categoryPrimary:a,$categorySecondary:l,ref:t,onMouseEnter:x,className:E({disabled:o,isEntity:i},"reference"),id:`ref-${c}`,children:[n.jsxRuntimeExports.jsx(p.Icon,{icon:f}),q]})};module.exports=$;
+"use strict";const n=require("../../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),g=require("./ActivityReference.styled.cjs.js"),p=require("@ynput/ayon-react-components"),E=require("clsx");require("lodash");require("react-toastify");const j=require("../../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../util/searchTerms.cjs.js");require("../../../../util/pubsub.cjs.js");const $=({id:c,type:r,variant:s="surface",isEntity:i,disabled:o,onMouseEnter:u,categoryPrimary:a,categorySecondary:l,children:q,...y})=>{const f=r==="user"?"alternate_email":r==="team"?"group":j.getEntityTypeIcon(r,"link"),t=d.useRef(null),x=R=>{const e=t.current?.getBoundingClientRect();if(!e)return;const m={left:e.x+e.width/2,top:e.y};u?.(R,m)};return n.jsxRuntimeExports.jsxs(g.Reference,{...y,$variant:s,$categoryPrimary:a,$categorySecondary:l,ref:t,onMouseEnter:x,className:E({disabled:o,isEntity:i},"reference"),id:`ref-${c}`,children:[n.jsxRuntimeExports.jsx(p.Icon,{icon:f}),q]})};module.exports=$;
 //# sourceMappingURL=ActivityReference.cjs.js.map