npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.34 → 0.2.36 - Mend

@ynput/ayon-frontend-shared 0.2.34 → 0.2.36

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 (1111) hide show

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 } 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 type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\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 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 statuses = [],\n}: Props) => {\n const { userName, createReaction, deleteReaction, editingId, setEditingId, categories, isGuest } =\n useFeedContext()\n\n const categoryData = useMemo(() => {\n return categories.find((cat) => cat.name === activity.activityData?.category) \|\| null\n }, [activity?.activityData?.category, categories])\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const { onGoToFrame, setHighlightedActivities } = useDetailsPanelContext()\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 })}\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 && isOwner ? (\n <Styled.Tools className={'tools'}>\n {onDelete && (\n <Styled.ToolButton\n icon=\"delete\"\n onClick={deleteConfirmation}\n tooltip=\"Delete comment\"\n variant=\"text\"\n />\n )}\n {handleEditComment && (\n <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n )}\n </Styled.Tools>\n ) : (\n <div className=\"tools\"></div>\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 />\n )}\n\n {isEditing ? (\n <CommentInput\n initValue={body}\n initFiles={files}\n initCategory={categoryData?.name}\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 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 }}\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 )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","categories","isGuest","useFeedContext","categoryData","useMemo","cat","_a","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","onGoToFrame","setHighlightedActivities","useDetailsPanelContext","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsx","Fragment","jsxs","Styled.Comment","clsx","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","FilesGrid","Reactions"],"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 } 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 type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\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 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 statuses = [],\n}: Props) => {\n const { userName, createReaction, deleteReaction, editingId, setEditingId, categories, isGuest } =\n useFeedContext()\n\n const categoryData = useMemo(() => {\n return categories.find((cat) => cat.name === activity.activityData?.category) \|\| null\n }, [activity?.activityData?.category, categories])\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const { onGoToFrame, setHighlightedActivities } = useDetailsPanelContext()\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 })}\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 && isOwner ? (\n <Styled.Tools className={'tools'}>\n {onDelete && (\n <Styled.ToolButton\n icon=\"delete\"\n onClick={deleteConfirmation}\n tooltip=\"Delete comment\"\n variant=\"text\"\n />\n )}\n {handleEditComment && (\n <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n )}\n </Styled.Tools>\n ) : (\n <div className=\"tools\"></div>\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 />\n )}\n\n {isEditing ? (\n <CommentInput\n initValue={body}\n initFiles={files}\n initCategory={categoryData?.name}\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 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 }}\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 )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","categories","isGuest","useFeedContext","categoryData","useMemo","cat","_a","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","onGoToFrame","setHighlightedActivities","useDetailsPanelContext","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsx","Fragment","jsxs","Styled.Comment","clsx","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","FilesGrid","Reactions"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),e=require("@ynput/ayon-react-components"),i=require("styled-components"),a=i.div`
+"use strict";const n=require("../../../../../../_virtual/jsx-runtime.cjs.js"),e=require("@ynput/ayon-react-components"),i=require("styled-components"),a=i.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -12,12 +12,12 @@
   &,
   .icon {
-    color: black;
+    color: $color;
   }
   .icon {
     font-size: 16px;
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`,l=({name:s,statuses:n,children:o})=>{const t=d(s,n);return r.jsxRuntimeExports.jsxs(a,{children:[o,r.jsxRuntimeExports.jsxs(c,{style:{backgroundColor:t.color},children:[t.icon&&r.jsxRuntimeExports.jsx(e.Icon,{icon:t.icon}),s]})]})},d=(s,n)=>{const o={name:s,color:"var(--md-sys-color-primary)",icon:void 0};return n.find(t=>t.name===s)||o};module.exports=l;
+`,l=({name:t,statuses:s,children:r})=>{const o=d(t,s);return n.jsxRuntimeExports.jsxs(a,{children:[r,n.jsxRuntimeExports.jsxs(c,{$color:e.getTextColor(o.color),style:{backgroundColor:o.color},children:[o.icon&&n.jsxRuntimeExports.jsx(e.Icon,{icon:o.icon}),t]})]})},d=(t,s)=>{const r={name:t,color:"var(--md-sys-color-primary)",icon:void 0};return s.find(o=>o.name===t)||r};module.exports=l;
 //# sourceMappingURL=ActivityStatus.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityStatus.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityStatus/ActivityStatus.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { Status } from '../../../ProjectTreeTable/types/project'\n\nconst StyledContainer = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nconst StyledStatus = styled.span`\n border-radius: var(--border-radius-m);\n padding: 2px 6px;\n margin: 0 2px;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n &,\n .icon {\n color: ~~black~~;\n }\n\n .icon {\n font-size: 16px;\n font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n }\n`\n\ninterface ActivityStatusProps {\n name: string\n statuses: Status[]\n children?: React.ReactNode\n}\n\nconst ActivityStatus: FC<ActivityStatusProps> = ({ name, statuses, children }) => {\n // find status by name or use fallback\n const foundStatus = findStatus(name, statuses)\n\n return (\n <StyledContainer>\n {children}\n <StyledStatus style={{ backgroundColor: foundStatus.color }}>\n {foundStatus.icon && <Icon icon={foundStatus.icon} />}\n {name}\n </StyledStatus>\n </StyledContainer>\n )\n}\n\nexport default ActivityStatus\n\nconst findStatus = (name: string, statuses: Status[]) => {\n const fallback: Status = { name: name, color: 'var(--md-sys-color-primary)', icon: undefined }\n return statuses.find((s) => s.name === name) \|\| fallback\n}\n"],"names":["StyledContainer","styled","StyledStatus","ActivityStatus","name","statuses","children","foundStatus","findStatus","jsx","Icon","fallback","s"],"mappings":"uJAKMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMzBC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBtBE,EAA0C,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,SAAAC,KAAe,CAE1E,MAAAC,EAAcC,EAAWJ,EAAMC,CAAQ,EAE7C,gCACGL,EACE,CAAA,SAAA,CAAAM,~~2BACAJ~~,~~EAAa~~,~~CAAA~~,MAAO,CAAE,~~gBAAiBK~~,EAAY,~~KACjD~~,~~EAAA~~,SAAA,CAAAA,EAAY,~~MAAQE~~,wBAACC,EAAAA,KAAK,CAAA,~~KAAMH~~,EAAY,KAAM,EAClDH,CAAA,CACH,CAAA,CAAA,EACF,CAEJ,EAIMI,EAAa,CAACJ,EAAcC,IAAuB,CACvD,~~MAAMM~~,EAAmB,CAAE,~~KAAAP~~,EAAY,MAAO,8BAA+B,KAAM,MAAU,EAC7F,OAAOC,EAAS,~~KAAMO~~,GAAMA,EAAE,~~OAASR~~,CAAI,~~GAAKO~~,CAClD"}
1	+ {"version":3,"file":"ActivityStatus.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityStatus/ActivityStatus.tsx"],"sourcesContent":["import { getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { Status } from '../../../ProjectTreeTable/types/project'\n\nconst StyledContainer = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nconst StyledStatus = styled.span<{ $color: string }>`\n border-radius: var(--border-radius-m);\n padding: 2px 6px;\n margin: 0 2px;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n &,\n .icon {\n color: $color;\n }\n\n .icon {\n font-size: 16px;\n font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n }\n`\n\ninterface ActivityStatusProps {\n name: string\n statuses: Status[]\n children?: React.ReactNode\n}\n\nconst ActivityStatus: FC<ActivityStatusProps> = ({ name, statuses, children }) => {\n // find status by name or use fallback\n const foundStatus = findStatus(name, statuses)\n\n return (\n <StyledContainer>\n {children}\n <StyledStatus $color={getTextColor(foundStatus.color)} style={{ backgroundColor: foundStatus.color }}>\n {foundStatus.icon && <Icon icon={foundStatus.icon} />}\n {name}\n </StyledStatus>\n </StyledContainer>\n )\n}\n\nexport default ActivityStatus\n\nconst findStatus = (name: string, statuses: Status[]) => {\n const fallback: Status = { name: name, color: 'var(--md-sys-color-primary)', icon: undefined }\n return statuses.find((s) => s.name === name) \|\| fallback\n}\n"],"names":["StyledContainer","styled","StyledStatus","ActivityStatus","name","statuses","children","foundStatus","findStatus","jsxs","getTextColor","jsx","Icon","fallback","s"],"mappings":"uJAKMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMzBC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBtBE,EAA0C,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,SAAAC,KAAe,CAE1E,MAAAC,EAAcC,EAAWJ,EAAMC,CAAQ,EAE7C,gCACGL,EACE,CAAA,SAAA,CAAAM,EACAG,EAAAA,kBAAAA,KAAAP,EAAA,CAAa,OAAQQ,EAAAA,aAAaH,EAAY,KAAK,EAAG,MAAO,CAAE,gBAAiBA,EAAY,KAAA,EAC1F,SAAA,CAAAA,EAAY,MAAQI,wBAACC,EAAAA,KAAK,CAAA,KAAML,EAAY,KAAM,EAClDH,CAAA,CACH,CAAA,CAAA,EACF,CAEJ,EAIMI,EAAa,CAACJ,EAAcC,IAAuB,CACvD,MAAMQ,EAAmB,CAAE,KAAAT,EAAY,MAAO,8BAA+B,KAAM,MAAU,EAC7F,OAAOC,EAAS,KAAMS,GAAMA,EAAE,OAASV,CAAI,GAAKS,CAClD"}

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

@@ -1,5 +1,5 @@
 import { j as a } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { Icon as n } from "@ynput/ayon-react-components";
+import { getTextColor as n, Icon as l } from "@ynput/ayon-react-components";
 import i from "styled-components";
 const c = i.div`
   display: flex;
@@ -15,25 +15,25 @@ const c = i.div`
   &,
   .icon {
-    color: black;
+    color: $color;
   }
   .icon {
     font-size: 16px;
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, f = ({ name: o, statuses: s, children: r }) => {
-  const t = l(o, s);
+`, f = ({ name: t, statuses: r, children: s }) => {
+  const o = d(t, r);
   return /* @__PURE__ */ a.jsxs(c, { children: [
-    r,
-    /* @__PURE__ */ a.jsxs(e, { style: { backgroundColor: t.color }, children: [
-      t.icon && /* @__PURE__ */ a.jsx(n, { icon: t.icon }),
-      o
+    s,
+    /* @__PURE__ */ a.jsxs(e, { $color: n(o.color), style: { backgroundColor: o.color }, children: [
+      o.icon && /* @__PURE__ */ a.jsx(l, { icon: o.icon }),
+      t
     ] })
   ] });
-}, l = (o, s) => {
-  const r = { name: o, color: "var(--md-sys-color-primary)", icon: void 0 };
-  return s.find((t) => t.name === o) || r;
+}, d = (t, r) => {
+  const s = { name: t, color: "var(--md-sys-color-primary)", icon: void 0 };
+  return r.find((o) => o.name === t) || s;
 };
 export {
   f as default

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityStatus.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityStatus/ActivityStatus.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { Status } from '../../../ProjectTreeTable/types/project'\n\nconst StyledContainer = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nconst StyledStatus = styled.span`\n border-radius: var(--border-radius-m);\n padding: 2px 6px;\n margin: 0 2px;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n &,\n .icon {\n color: ~~black~~;\n }\n\n .icon {\n font-size: 16px;\n font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n }\n`\n\ninterface ActivityStatusProps {\n name: string\n statuses: Status[]\n children?: React.ReactNode\n}\n\nconst ActivityStatus: FC<ActivityStatusProps> = ({ name, statuses, children }) => {\n // find status by name or use fallback\n const foundStatus = findStatus(name, statuses)\n\n return (\n <StyledContainer>\n {children}\n <StyledStatus style={{ backgroundColor: foundStatus.color }}>\n {foundStatus.icon && <Icon icon={foundStatus.icon} />}\n {name}\n </StyledStatus>\n </StyledContainer>\n )\n}\n\nexport default ActivityStatus\n\nconst findStatus = (name: string, statuses: Status[]) => {\n const fallback: Status = { name: name, color: 'var(--md-sys-color-primary)', icon: undefined }\n return statuses.find((s) => s.name === name) \|\| fallback\n}\n"],"names":["StyledContainer","styled","StyledStatus","ActivityStatus","name","statuses","children","foundStatus","findStatus","jsx","Icon","fallback","s"],"mappings":";;;AAKA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBtBE,IAA0C,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,QAAe;AAE1E,QAAAC,IAAcC,EAAWJ,GAAMC,CAAQ;AAE7C,gCACGL,GACE,EAAA,UAAA;AAAA,IAAAM;AAAA,~~2BACAJ~~,~~GAAa~~,~~EAAA~~,OAAO,EAAE,~~iBAAiBK~~,EAAY,~~MACjD~~,~~GAAA~~,UAAA;AAAA,MAAAA,EAAY,~~QAAQE~~,gBAAAA,MAACC,GAAK,EAAA,~~MAAMH~~,EAAY,MAAM;AAAA,MAClDH;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ,GAIMI,IAAa,CAACJ,GAAcC,MAAuB;AACvD,~~QAAMM~~,IAAmB,EAAE,~~MAAAP~~,GAAY,OAAO,+BAA+B,MAAM,OAAU;AAC7F,SAAOC,EAAS,KAAK,~~CAACO~~,MAAMA,EAAE,~~SAASR~~,CAAI,~~KAAKO~~;AAClD;"}
1	+ {"version":3,"file":"ActivityStatus.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityStatus/ActivityStatus.tsx"],"sourcesContent":["import { getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { Status } from '../../../ProjectTreeTable/types/project'\n\nconst StyledContainer = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nconst StyledStatus = styled.span<{ $color: string }>`\n border-radius: var(--border-radius-m);\n padding: 2px 6px;\n margin: 0 2px;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n &,\n .icon {\n color: $color;\n }\n\n .icon {\n font-size: 16px;\n font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n }\n`\n\ninterface ActivityStatusProps {\n name: string\n statuses: Status[]\n children?: React.ReactNode\n}\n\nconst ActivityStatus: FC<ActivityStatusProps> = ({ name, statuses, children }) => {\n // find status by name or use fallback\n const foundStatus = findStatus(name, statuses)\n\n return (\n <StyledContainer>\n {children}\n <StyledStatus $color={getTextColor(foundStatus.color)} style={{ backgroundColor: foundStatus.color }}>\n {foundStatus.icon && <Icon icon={foundStatus.icon} />}\n {name}\n </StyledStatus>\n </StyledContainer>\n )\n}\n\nexport default ActivityStatus\n\nconst findStatus = (name: string, statuses: Status[]) => {\n const fallback: Status = { name: name, color: 'var(--md-sys-color-primary)', icon: undefined }\n return statuses.find((s) => s.name === name) \|\| fallback\n}\n"],"names":["StyledContainer","styled","StyledStatus","ActivityStatus","name","statuses","children","foundStatus","findStatus","jsxs","getTextColor","jsx","Icon","fallback","s"],"mappings":";;;AAKA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBtBE,IAA0C,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,QAAe;AAE1E,QAAAC,IAAcC,EAAWJ,GAAMC,CAAQ;AAE7C,gCACGL,GACE,EAAA,UAAA;AAAA,IAAAM;AAAA,IACAG,gBAAAA,EAAAA,KAAAP,GAAA,EAAa,QAAQQ,EAAaH,EAAY,KAAK,GAAG,OAAO,EAAE,iBAAiBA,EAAY,MAAA,GAC1F,UAAA;AAAA,MAAAA,EAAY,QAAQI,gBAAAA,MAACC,GAAK,EAAA,MAAML,EAAY,MAAM;AAAA,MAClDH;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ,GAIMI,IAAa,CAACJ,GAAcC,MAAuB;AACvD,QAAMQ,IAAmB,EAAE,MAAAT,GAAY,OAAO,+BAA+B,MAAM,OAAU;AAC7F,SAAOC,EAAS,KAAK,CAACS,MAAMA,EAAE,SAASV,CAAI,KAAKS;AAClD;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),T=require("@ynput/ayon-react-components"),b=require("../ActivityHeader/ActivityHeader.cjs.js"),t=require("./ActivityVersions.styled.cjs.js"),f=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),k=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const w=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");const D=({activity:l,projectName:s,entityType:h,onReferenceClick:q,filter:a})=>{const{onOpenViewer:r}=w.useDetailsPanelContext();let{authorName:m,authorFullName:E,createdAt:d,versions:n=[]}=l;const[i,R]=p.useState(a==="versions"),o=2,[y,v]=p.useState(!1),A=(u,x)=>r==null?void 0:r({versionIds:[u],productId:x,projectName:s});return e.jsxRuntimeExports.jsxs(t.Container,{children:[e.jsxRuntimeExports.jsx(b,{name:m,fullName:E||m,date:d,activity:l,projectName:s,entityType:h,onReferenceClick:q}),n.flatMap((u,x)=>{const{name:C,id:c,productId:S,productName:I,updatedAt:N,comment:j}=u;return(x<o||i)&&e.jsxRuntimeExports.jsxs(t.Card,{onClick:()=>A(c,S),children:[e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:I}),e.jsxRuntimeExports.jsx(k.default,{date:d,isExact:!0})]}),e.jsxRuntimeExports.jsx(t.VersionName,{className:"version",children:C})]}),e.jsxRuntimeExports.jsx(t.Thumbnail,{projectName:s,entityId:c,entityType:"version",onError:()=>v(!0),iconOnly:y,entityUpdatedAt:N,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(t.Comment,{children:j})]},c)}),a!=="versions"&&n.length>o&&e.jsxRuntimeExports.jsxs(f.More,{onClick:()=>R(!i),children:[e.jsxRuntimeExports.jsx(T.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:i?"Show less":`Show ${n.length-o} more versions`})]})]})};module.exports=D;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),T=require("@ynput/ayon-react-components"),b=require("../ActivityHeader/ActivityHeader.cjs.js"),t=require("./ActivityVersions.styled.cjs.js"),f=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),k=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const w=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");const D=({activity:l,projectName:s,entityType:h,onReferenceClick:q,filter:a})=>{const{onOpenViewer:r}=w.useDetailsPanelContext();let{authorName:m,authorFullName:E,createdAt:d,versions:i=[]}=l;const[n,R]=p.useState(a==="versions"),o=2,[y,v]=p.useState(!1),A=(u,x)=>r==null?void 0:r({versionIds:[u],productId:x,projectName:s});return e.jsxRuntimeExports.jsxs(t.Container,{children:[e.jsxRuntimeExports.jsx(b,{name:m,fullName:E||m,date:d,activity:l,projectName:s,entityType:h,onReferenceClick:q}),i.flatMap((u,x)=>{const{name:C,id:c,productId:S,productName:I,updatedAt:N,comment:j}=u;return(x<o||n)&&e.jsxRuntimeExports.jsxs(t.Card,{onClick:()=>A(c,S),children:[e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:I}),e.jsxRuntimeExports.jsx(k.default,{date:d,isExact:!0})]}),e.jsxRuntimeExports.jsx(t.VersionName,{className:"version",children:C})]}),e.jsxRuntimeExports.jsx(t.Thumbnail,{projectName:s,entityId:c,entityType:"version",onError:()=>v(!0),iconOnly:y,entityUpdatedAt:N,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(t.Comment,{children:j})]},c)}),a!=="versions"&&i.length>o&&e.jsxRuntimeExports.jsxs(f.More,{onClick:()=>R(!n),children:[e.jsxRuntimeExports.jsx(T.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:n?"Show less":`Show ${i.length-o} more versions`})]})]})};module.exports=D;
 //# sourceMappingURL=ActivityVersions.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"~~i9BA~~+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACE,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAChD,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,IAAOV,EAE/D,KAAM,CAACW,EAASC,CAAU,EAAIC,EAAAA,SAAST,IAAW,UAAU,EACtDU,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtCd,GAAA,YAAAA,EAAe,CAAE,WAAY,CAACa,CAAS,EAAG,UAAAC,EAAW,YAAAlB,CAAA,GAGrD,OAAAmB,EAAA,kBAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,CACC,KAAMhB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CACF,EACCO,EAAS,QAAQ,CAACc,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAA,kBAAA,KAACW,EAAO,KAAP,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAACC,yBAAAY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MACC,CAAA,SAAA,CAACA,yBAAAa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAYM,CAAA,CAAA,EAClBN,EAAA,kBAAA,IAAAY,EAAA,QAAA,CAAa,KAAMzB,EAAW,QAAO,EAAC,CAAA,CAAA,EACzC,0BACC0B,EAAO,YAAP,CAAmB,UAAU,UAAW,SAAKT,CAAA,CAAA,CAAA,EAChD,EACAJ,EAAA,kBAAA,IAACc,EAAO,UAAP,CACO,YAAAnC,EACN,SAAU0B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAQP,CAAA,CAAA,CAAA,CAAA,EAnBsBH,CAoB7D,CAAA,CAGL,EACAvB,IAAW,YAAcM,EAAS,OAASI,GAC1CM,EAAA,kBAAA,KAACkB,OAAK,CAAA,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAACW,EAAAA,kBAAAA,IAAAiB,EAAA,KAAA,CAAK,KAAK,MAAO,CAAA,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAUX,EAAA,YAAc,QAAQD,EAAS,OAASI,CAAK,gBAAiB,CAAA,CAAA,CACjF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"wgCA+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACE,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAChD,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,IAAOV,EAE/D,KAAM,CAACW,EAASC,CAAU,EAAIC,EAAAA,SAAST,IAAW,UAAU,EACtDU,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtCd,GAAA,YAAAA,EAAe,CAAE,WAAY,CAACa,CAAS,EAAG,UAAAC,EAAW,YAAAlB,CAAA,GAGrD,OAAAmB,EAAA,kBAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,CACC,KAAMhB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CACF,EACCO,EAAS,QAAQ,CAACc,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAA,kBAAA,KAACW,EAAO,KAAP,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAACC,yBAAAY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MACC,CAAA,SAAA,CAACA,yBAAAa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAYM,CAAA,CAAA,EAClBN,EAAA,kBAAA,IAAAY,EAAA,QAAA,CAAa,KAAMzB,EAAW,QAAO,EAAC,CAAA,CAAA,EACzC,0BACC0B,EAAO,YAAP,CAAmB,UAAU,UAAW,SAAKT,CAAA,CAAA,CAAA,EAChD,EACAJ,EAAA,kBAAA,IAACc,EAAO,UAAP,CACO,YAAAnC,EACN,SAAU0B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAQP,CAAA,CAAA,CAAA,CAAA,EAnBsBH,CAoB7D,CAAA,CAGL,EACAvB,IAAW,YAAcM,EAAS,OAASI,GAC1CM,EAAA,kBAAA,KAACkB,OAAK,CAAA,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAACW,EAAAA,kBAAAA,IAAAiB,EAAA,KAAA,CAAK,KAAK,MAAO,CAAA,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAUX,EAAA,YAAc,QAAQD,EAAS,OAASI,CAAK,gBAAiB,CAAA,CAAA,CACjF,CAAA,CAAA,EAEJ,CAEJ"}

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

@@ -17,6 +17,7 @@ import "../../../../context/AddonContext.es.js";
 import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
+import "../../../../context/WebsocketContext.es.js";
 const et = ({
   activity: a,
   projectName: r,
@@ -25,8 +26,8 @@ const et = ({
   filter: c
 }) => {
   const { onOpenViewer: o } = U();
-  let { authorName: d, authorFullName: f, createdAt: p, versions: e = [] } = a;
-  const [i, v] = x(c === "versions"), s = 2, [y, A] = x(!1), C = (n, m) => o == null ? void 0 : o({ versionIds: [n], productId: m, projectName: r });
+  let { authorName: d, authorFullName: f, createdAt: p, versions: i = [] } = a;
+  const [e, v] = x(c === "versions"), s = 2, [y, A] = x(!1), C = (n, m) => o == null ? void 0 : o({ versionIds: [n], productId: m, projectName: r });
   return /* @__PURE__ */ t.jsxs(k, { children: [
     /* @__PURE__ */ t.jsx(
       b,
@@ -40,9 +41,9 @@ const et = ({
         onReferenceClick: j
       }
     ),
-    e.flatMap((n, m) => {
+    i.flatMap((n, m) => {
       const { name: E, id: l, productId: I, productName: N, updatedAt: S, comment: h } = n;
-      return (m < s || i) && /* @__PURE__ */ t.jsxs(w, { onClick: () => C(l, I), children: [
+      return (m < s || e) && /* @__PURE__ */ t.jsxs(w, { onClick: () => C(l, I), children: [
         /* @__PURE__ */ t.jsxs(g, { children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsxs(D, { children: [
@@ -67,9 +68,9 @@ const et = ({
         h && /* @__PURE__ */ t.jsx(H, { children: h })
       ] }, l);
     }),
-    c !== "versions" && e.length > s && /* @__PURE__ */ t.jsxs(P, { onClick: () => v(!i), children: [
+    c !== "versions" && i.length > s && /* @__PURE__ */ t.jsxs(P, { onClick: () => v(!e), children: [
       /* @__PURE__ */ t.jsx(T, { icon: "more" }),
-      /* @__PURE__ */ t.jsx("span", { children: i ? "Show less" : `Show ${e.length - s} more versions` })
+      /* @__PURE__ */ t.jsx("span", { children: e ? "Show less" : `Show ${i.length - s} more versions` })
     ] })
   ] });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,kCACC0B,GAAA,EAAmB,WAAU,WAAW,UAAKT,EAAA,CAAA;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAAnC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAQP,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACkB,GAAK,EAAA,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,kCACC0B,GAAA,EAAmB,WAAU,WAAW,UAAKT,EAAA,CAAA;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAAnC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAQP,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACkB,GAAK,EAAA,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),Y=require("clsx"),Xe=require("react-toastify"),Se=require("react-quill-ayon"),I=require("@ynput/ayon-react-components"),Ze=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),et=require("./InputMarkdownConvert.cjs.js"),tt=require("../FilesGrid/FilesGrid.cjs.js"),C=require("./CommentInput.styled.cjs.js"),nt=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),rt=require("../../mentionHelpers/getMentionOptions.cjs.js"),ot=require("../../mentionHelpers/getMentionUsers.cjs.js"),st=require("../../mentionHelpers/getMentionTasks.cjs.js"),it=require("../../mentionHelpers/getMentionVersions.cjs.js"),lt=require("./quillToMarkdown.cjs.js"),J=require("./helpers.cjs.js"),ke=require("./modules/index.cjs.js"),at=require("./hooks/useInitialValue.cjs.js"),ct=require("./hooks/useSetCursorEnd.cjs.js"),ut=require("./hooks/useMentionLink.cjs.js"),dt=require("./hooks/useAnnotationsSync.cjs.js"),pt=require("./hooks/useBlendedCategoryColor.cjs.js"),xt=require("./hooks/useAnnotationsUpload.cjs.js"),ht=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("uuid");require("../../../../util/pubsub.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const mt=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");require("date-fns");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const gt=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var Re=Se.Quill.import("delta");const N=["@","@@","@@@"],_={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},ft=({initValue:X,initFiles:we=[],initCategory:Me=null,onSubmit:Z,isEditing:x,disabled:F,isLoading:ee,isOpen:u,onOpen:te,onClose:ne})=>{var ve;const{projectName:k,entities:K,projectInfo:Ee,scope:qt,currentTab:Te,mentionSuggestionsData:Ie,categories:re,isGuest:q}=ht.useFeedContext(),{hasLicense:Fe,onPowerFeature:De}=mt.useDetailsPanelContext(),{users:oe,versions:se,tasks:ie}=Ie||{},[le,be]=l.useState(88),[V,b]=l.useState(""),[R,P]=l.useState(we),[$,A]=l.useState([]),[ae,L]=l.useState(!1),[Pe,ce]=l.useState(!1),{annotations:B,removeAnnotation:Q,goToAnnotation:Ae}=dt.default({entityId:(ve=K[0])==null?void 0:ve.id,filesUploading:$}),[n,j]=l.useState(null),[z,S]=l.useState(0),[U,Le]=l.useState(Me),Be=re.filter(e=>e.accessLevel>=20),w=re.find(e=>e.name===U),ue=pt.useBlendedCategoryColor(w==null?void 0:w.color),d=l.useRef(null),Ue=l.useRef(null),de=l.useRef(null);at({markdownRef:de,initValue:X,setEditorValue:b,setInitHeight:be,isOpen:u,filter:Te}),ct({initHeight:le,editorRef:d,isEditing:x}),ut({projectName:k}),l.useEffect(()=>{var e,t,r;if(u){if((t=(e=d.current)==null?void 0:e.getEditor())==null||t.enable(),B.length>0&&R.length===0)return;(r=d.current)==null||r.focus()}},[u,d]),N.sort((e,t)=>t.length-e.length);const pe=l.useMemo(()=>rt(n==null?void 0:n.type,{"@":()=>ot(oe),"@@":()=>it(se),"@@@":()=>st(ie,Ee.taskTypes)},n==null?void 0:n.search),[ie,se,oe,n==null?void 0:n.type,n==null?void 0:n.search]),D=pe.slice(0,5),[G,xe]=l.useState();l.useEffect(()=>{G&&(xe(null),d.current.getEditor().setSelection(G))},[G]);const he=e=>{const t=d.current.getEditor(),r=n.type,o=r+(n.search||""),s=r+e.label,a=_[r],h=`${a==null?void 0:a.id}:${e.id}`,v=t.getSelection(!0),M=((v==null?void 0:v.index)||0)-o.length;t.deleteText(M,o.length),t.insertText(M,s,"mention",h);const E=M+s.length;t.updateContents(new Re().retain(E).insert(" ")),t.updateContents(new Re().retain(E+1).delete(1)),xe(E+1),j(null),S(0)},He=e=>{he(e)},Ne=(e,t,r,o)=>{var M,E;let s=t.ops[0]&&t.ops[0].insert||t.ops[1]&&t.ops[1].insert;const a=s===`
-`||s==="	",h=pe[z];if(n&&a&&h&&!q){t.ops[0]&&t.ops[0].retain,he(h);return}b(e);const v=t.ops.length===2&&!!t.ops[1].delete;if(!s&&v&&(s=o.getText(t.ops[0].retain-1,1)),N.includes(s)){const m=t.ops.findIndex(f=>"insert"in f||"delete"in f),c=s;let y=m===0?0:t.ops[m-1].retain;v&&(y=y-1);let p=null;for(const f of N){let T=!0;if(f.endsWith(c))for(let g=f.length-1;g>=0;g--){if(g===0)continue;const H=f[g-1],Je=y-(f.length-g);if(o.getText(Je,1)!==H){T=!1;break}}else T=!1;if(T){p=f;break}}p?j({type:p,retain:y}):(j(null),S(0))}else if(n){const m=t.ops[0].retain;if(s===" "||!m){j(null),S(0);return}let c=m-n.retain;v||c++;const y=o.getText(n.retain,c),p=y.replace(n.type.slice(-1),"");y.includes(" ")?(j(null),S(0)):j({...n,search:p==null?void 0:p.toLowerCase()})}else{const m=d.current.getEditor(),c=m.getSelection(!1);if(m.getFormat(c==null?void 0:c.index,c==null?void 0:c.length).mention){const[p]=m.getLine(c.index-1)||[],T=(((E=(M=p==null?void 0:p.cache)==null?void 0:M.delta)==null?void 0:E.ops)||[]).reverse().find(g=>{var H;return(H=g.attributes)==null?void 0:H.mention});if(T){const g=T.insert.length;m.deleteText(c.index-g,g)}}}},_e=e=>{var a;const t=d.current.getEditor();let r=((a=t.getSelection(!0))==null?void 0:a.index)||0;const o=t.getText(r-1,1);o!==" "&&o&&(t.insertText(r," "),r++),J.typeWithDelay(t,r,e)},O=e=>{if(n){const{type:t,retain:r,search:o=""}=n,s=d.current.getEditor(),a=t.length+o.length,h=r-t.length+1;s.deleteText(h,a)}_e(e)},Ke=()=>{u||F||te&&te()},me=()=>{(d.current.getEditor().getText().length<2||x)&&b(""),ne&&ne()},W=({file:e,data:t})=>{const r={id:t.id,name:e.name,mime:e.type,size:e.size,order:R.length};return P(o=>[...o,r]),A(o=>o.filter(s=>s.name!==e.name)),r},Ve=(e,t,r)=>{r?Q==null||Q(e):(P(o=>o.filter(s=>s.id!==e)),A(o=>o.filter(s=>s.name!==t)))},ge=(e,t)=>{const r=Math.round(e.loaded*100/e.total);if(r!==100){const o={name:t.name,progress:r,type:t.type,order:R.length+$.length};A(s=>[...s.filter(h=>h.name!==t.name),o])}},$e=e=>{L(!1),J.handleFileDrop(e,k,ge,W)},Qe=e=>{e.preventDefault(),e.stopPropagation(),L(!0)},ze=xt({projectName:k,onSuccess:W}),fe=async()=>{try{ce(!0);let e=[],t=[];if(B.length){const{files:a,metadata:h}=await ze(B);e=a,t=h}const[r]=lt.convertToMarkdown(V),o=J.parseImages(r),s=[...R,...e];if((o||s.length)&&Z)try{await Z(o,s,{annotations:t,category:q?null:U}),b(""),P([])}catch{return}}catch(e){console.error(e),Xe.toast.error("Something went wrong")}finally{ce(!1)}},Ge=e=>{if(n){if(e.key==="Escape"){j(null),S(0);return}n&&e.key;const t=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(t){e.preventDefault();let r=z+t;r<0&&(r=D.length-1),r>=D.length&&(r=0),S(r)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&fe(),e.key==="Escape"&&me()};let qe=u?le+41:44;x&&(qe=void 0);const Oe=l.useMemo(()=>ke.getModules({imageUploader:{projectName:k,onUpload:W,onUploadProgress:ge}}),[k,P,A]),ye=[...B,...R||[],...$].sort((e,t)=>e.order-t.order),We=ye.length>6;let Ce=null;K.length&&K[0].entityType==="folder"&&(n==null?void 0:n.type)==="@@"&&(Ce="Version mentions are disabled for folders");const je=e=>F?q?"You do not have permission to comment.":"Commenting is disabled across multiple projects.":q||!e?"Leave a comment":"Comment or mention with @user, @@version, @@@task...";return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsxs(C.AutoHeight,{className:Y("comment-container",{isOpen:u,isEditing:x}),onDragOver:Qe,onDragLeave:()=>L(!1),onDrop:$e,onClick:()=>L(!1),onKeyDown:e=>e.stopPropagation(),children:[i.jsxRuntimeExports.jsxs(C.Comment,{className:Y("block-shortcuts",{isOpen:u,isClosed:!u||F,isEditing:x,isDropping:ae,disabled:F,isLoading:ee,isSubmitting:Pe,category:!!U&&!q}),onKeyDown:Ge,onClick:Ke,$categoryPrimary:w==null?void 0:w.color,$categoryTertiary:ue.primary,$categorySecondary:ue.secondary,children:[i.jsxRuntimeExports.jsx(C.Markdown,{ref:de,children:i.jsxRuntimeExports.jsx(et,{typeOptions:_,initValue:X})}),u&&i.jsxRuntimeExports.jsx(tt,{files:ye,isCompact:We,onRemove:Ve,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)"},projectName:k,onAnnotationClick:Ae}),u&&!F?i.jsxRuntimeExports.jsxs(nt.QuillListStyles,{ref:Ue,children:[!q&&i.jsxRuntimeExports.jsx(gt.ActivityCategorySelect,{value:U,categories:Be,onChange:e=>Le(e),isCompact:x,hasPowerpack:Fe,onPowerFeature:De,style:{position:x?"relative":"absolute",left:4,top:x?0:4}}),i.jsxRuntimeExports.jsx(Se,{theme:"snow",style:{minHeight:qe,maxHeight:300},ref:d,value:V,onChange:Ne,readOnly:!u,placeholder:je(!0),modules:Oe,formats:ke.quillFormats})]}):i.jsxRuntimeExports.jsx(C.Placeholder,{children:je()}),i.jsxRuntimeExports.jsxs(C.Footer,{children:[!q&&i.jsxRuntimeExports.jsxs(C.Buttons,{children:[i.jsxRuntimeExports.jsx(I.Button,{icon:"person",variant:"text",onClick:()=>O("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),i.jsxRuntimeExports.jsx(I.Button,{icon:"layers",variant:"text",onClick:()=>O("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),i.jsxRuntimeExports.jsx(I.Button,{icon:"check_circle",variant:"text",onClick:()=>O("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),i.jsxRuntimeExports.jsxs(C.Buttons,{style:{marginLeft:"auto"},children:[x&&i.jsxRuntimeExports.jsx(I.Button,{variant:"text",onClick:me,children:"Cancel"}),i.jsxRuntimeExports.jsx(I.SaveButton,{label:x?"Save":"Comment",className:"comment",active:!!V||!!R.length,onClick:fe,disabled:ee})]})]}),i.jsxRuntimeExports.jsx(C.Dropzone,{className:Y({show:ae&&u}),children:i.jsxRuntimeExports.jsx(I.Icon,{icon:"cloud_upload"})})]}),i.jsxRuntimeExports.jsx(Ze,{mention:n,options:D,onChange:He,types:N,config:_[n==null?void 0:n.type],noneFound:!D.length&&(n==null?void 0:n.search),noneFoundAtAll:!D.length&&!(n!=null&&n.search),selectedIndex:z,error:Ce,isGuest:q})]})})};exports.default=ft;exports.mentionTypeOptions=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),J=require("clsx"),rt=require("react-toastify"),Ie=require("react-quill-ayon"),F=require("@ynput/ayon-react-components"),ot=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),st=require("./InputMarkdownConvert.cjs.js"),it=require("../FilesGrid/FilesGrid.cjs.js"),C=require("./CommentInput.styled.cjs.js"),lt=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),at=require("../../mentionHelpers/getMentionOptions.cjs.js"),ct=require("../../mentionHelpers/getMentionUsers.cjs.js"),ut=require("../../mentionHelpers/getMentionTasks.cjs.js"),dt=require("../../mentionHelpers/getMentionVersions.cjs.js"),pt=require("./quillToMarkdown.cjs.js"),X=require("./helpers.cjs.js"),Me=require("./modules/index.cjs.js"),xt=require("./hooks/useInitialValue.cjs.js"),ht=require("./hooks/useSetCursorEnd.cjs.js"),mt=require("./hooks/useMentionLink.cjs.js"),gt=require("./hooks/useAnnotationsSync.cjs.js"),ft=require("./hooks/useBlendedCategoryColor.cjs.js"),qt=require("./hooks/useAnnotationsUpload.cjs.js"),yt=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("uuid");require("../../../../util/pubsub.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const Ct=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");require("date-fns");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const Ee=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var Te=Ie.Quill.import("delta");const _=["@","@@","@@@"],K={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},jt=({initValue:Z,initFiles:Fe=[],initCategory:De=null,onSubmit:ee,isEditing:u,disabled:D,isLoading:te,isOpen:d,onOpen:ne,onClose:re})=>{var Re,Se,we;const{projectName:k,entities:V,projectInfo:be,scope:vt,currentTab:Pe,mentionSuggestionsData:Ae,categories:oe,isGuest:f}=yt.useFeedContext(),{hasLicense:Le,onPowerFeature:Ue,user:R}=Ct.useDetailsPanelContext(),Be=!((Re=R==null?void 0:R.data)!=null&&Re.isAdmin)&&!((Se=R==null?void 0:R.data)!=null&&Se.isManager),{users:se,versions:ie,tasks:le}=Ae||{},[ae,He]=l.useState(88),[$,P]=l.useState(""),[S,A]=l.useState(Fe),[Q,L]=l.useState([]),[ce,U]=l.useState(!1),[Ne,ue]=l.useState(!1),{annotations:B,removeAnnotation:z,goToAnnotation:_e}=gt.default({entityId:(we=V[0])==null?void 0:we.id,filesUploading:Q}),[n,j]=l.useState(null),[G,w]=l.useState(0),[H,Ke]=l.useState(De),de=oe.filter(e=>e.accessLevel>=20),M=oe.find(e=>e.name===H),pe=ft.useBlendedCategoryColor(M==null?void 0:M.color),p=l.useRef(null),Ve=l.useRef(null),xe=l.useRef(null);xt({markdownRef:xe,initValue:Z,setEditorValue:P,setInitHeight:He,isOpen:d,filter:Pe}),ht({initHeight:ae,editorRef:p,isEditing:u}),mt({projectName:k}),l.useEffect(()=>{var e,t,r;if(d){if((t=(e=p.current)==null?void 0:e.getEditor())==null||t.enable(),B.length>0&&S.length===0)return;(r=p.current)==null||r.focus()}},[d,p]),_.sort((e,t)=>t.length-e.length);const he=l.useMemo(()=>at(n==null?void 0:n.type,{"@":()=>ct(se),"@@":()=>dt(ie),"@@@":()=>ut(le,be.taskTypes)},n==null?void 0:n.search),[le,ie,se,n==null?void 0:n.type,n==null?void 0:n.search]),b=he.slice(0,5),[O,me]=l.useState();l.useEffect(()=>{O&&(me(null),p.current.getEditor().setSelection(O))},[O]);const ge=e=>{const t=p.current.getEditor(),r=n.type,o=r+(n.search||""),s=r+e.label,a=K[r],h=`${a==null?void 0:a.id}:${e.id}`,v=t.getSelection(!0),E=((v==null?void 0:v.index)||0)-o.length;t.deleteText(E,o.length),t.insertText(E,s,"mention",h);const T=E+s.length;t.updateContents(new Te().retain(T).insert(" ")),t.updateContents(new Te().retain(T+1).delete(1)),me(T+1),j(null),w(0)},$e=e=>{ge(e)},Qe=(e,t,r,o)=>{var E,T;let s=t.ops[0]&&t.ops[0].insert||t.ops[1]&&t.ops[1].insert;const a=s===`
+`||s==="	",h=he[G];if(n&&a&&h&&!f){t.ops[0]&&t.ops[0].retain,ge(h);return}P(e);const v=t.ops.length===2&&!!t.ops[1].delete;if(!s&&v&&(s=o.getText(t.ops[0].retain-1,1)),_.includes(s)){const m=t.ops.findIndex(q=>"insert"in q||"delete"in q),c=s;let y=m===0?0:t.ops[m-1].retain;v&&(y=y-1);let x=null;for(const q of _){let I=!0;if(q.endsWith(c))for(let g=q.length-1;g>=0;g--){if(g===0)continue;const N=q[g-1],nt=y-(q.length-g);if(o.getText(nt,1)!==N){I=!1;break}}else I=!1;if(I){x=q;break}}x?j({type:x,retain:y}):(j(null),w(0))}else if(n){const m=t.ops[0].retain;if(s===" "||!m){j(null),w(0);return}let c=m-n.retain;v||c++;const y=o.getText(n.retain,c),x=y.replace(n.type.slice(-1),"");y.includes(" ")?(j(null),w(0)):j({...n,search:x==null?void 0:x.toLowerCase()})}else{const m=p.current.getEditor(),c=m.getSelection(!1);if(m.getFormat(c==null?void 0:c.index,c==null?void 0:c.length).mention){const[x]=m.getLine(c.index-1)||[],I=(((T=(E=x==null?void 0:x.cache)==null?void 0:E.delta)==null?void 0:T.ops)||[]).reverse().find(g=>{var N;return(N=g.attributes)==null?void 0:N.mention});if(I){const g=I.insert.length;m.deleteText(c.index-g,g)}}}},ze=e=>{var a;const t=p.current.getEditor();let r=((a=t.getSelection(!0))==null?void 0:a.index)||0;const o=t.getText(r-1,1);o!==" "&&o&&(t.insertText(r," "),r++),X.typeWithDelay(t,r,e)},W=e=>{if(n){const{type:t,retain:r,search:o=""}=n,s=p.current.getEditor(),a=t.length+o.length,h=r-t.length+1;s.deleteText(h,a)}ze(e)},Ge=()=>{d||D||ne&&ne()},fe=()=>{(p.current.getEditor().getText().length<2||u)&&P(""),re&&re()},Y=({file:e,data:t})=>{const r={id:t.id,name:e.name,mime:e.type,size:e.size,order:S.length};return A(o=>[...o,r]),L(o=>o.filter(s=>s.name!==e.name)),r},Oe=(e,t,r)=>{r?z==null||z(e):(A(o=>o.filter(s=>s.id!==e)),L(o=>o.filter(s=>s.name!==t)))},qe=(e,t)=>{const r=Math.round(e.loaded*100/e.total);if(r!==100){const o={name:t.name,progress:r,type:t.type,order:S.length+Q.length};L(s=>[...s.filter(h=>h.name!==t.name),o])}},We=e=>{U(!1),X.handleFileDrop(e,k,qe,Y)},Ye=e=>{e.preventDefault(),e.stopPropagation(),U(!0)},Je=qt({projectName:k,onSuccess:Y}),ye=async()=>{try{ue(!0);let e=[],t=[];if(B.length){const{files:a,metadata:h}=await Je(B);e=a,t=h}const[r]=pt.convertToMarkdown($),o=X.parseImages(r),s=[...S,...e];if((o||s.length)&&ee)try{await ee(o,s,{annotations:t,category:f?null:H}),P(""),A([])}catch{return}}catch(e){console.error(e),rt.toast.error("Something went wrong")}finally{ue(!1)}},Xe=e=>{if(n){if(e.key==="Escape"){j(null),w(0);return}n&&e.key;const t=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(t){e.preventDefault();let r=G+t;r<0&&(r=b.length-1),r>=b.length&&(r=0),w(r)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&ye(),e.key==="Escape"&&fe()};let Ce=d?ae+41:44;u&&(Ce=void 0);const Ze=l.useMemo(()=>Me.getModules({imageUploader:{projectName:k,onUpload:Y,onUploadProgress:qe}}),[k,A,L]),je=[...B,...S||[],...Q].sort((e,t)=>e.order-t.order),et=je.length>3;let ve=null;V.length&&V[0].entityType==="folder"&&(n==null?void 0:n.type)==="@@"&&(ve="Version mentions are disabled for folders");const ke=e=>D?f?"You do not have permission to comment.":"Commenting is disabled across multiple projects.":f||!e?"Leave a comment":"Comment or mention with @user, @@version, @@@task...";return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsxs(C.AutoHeight,{className:J("comment-container",{isOpen:d,isEditing:u}),onDragOver:Ye,onDragLeave:()=>U(!1),onDrop:We,onClick:()=>U(!1),onKeyDown:e=>e.stopPropagation(),children:[i.jsxRuntimeExports.jsxs(C.Comment,{className:J("block-shortcuts",{isOpen:d,isClosed:!d||D,isEditing:u,isDropping:ce,disabled:D,isLoading:te,isSubmitting:Ne,category:!!H&&!f}),onKeyDown:Xe,onClick:Ge,$categoryPrimary:M==null?void 0:M.color,$categoryTertiary:pe.primary,$categorySecondary:pe.secondary,children:[i.jsxRuntimeExports.jsx(C.Markdown,{ref:xe,children:i.jsxRuntimeExports.jsx(st,{typeOptions:K,initValue:Z})}),d&&i.jsxRuntimeExports.jsx(it,{files:je,isCompact:et||u,onRemove:Oe,projectName:k,onAnnotationClick:_e,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)",height:"100%"},isEditing:!0,pt:{file:{style:{height:u?70:void 0}}}}),d&&!D?i.jsxRuntimeExports.jsxs(lt.QuillListStyles,{ref:Ve,children:[!f&&i.jsxRuntimeExports.jsx(Ee.ActivityCategorySelect,{value:H,categories:de,onChange:e=>Ke(e),isCompact:u,hasPowerpack:Le,onPowerFeature:Ue,isHidden:Ee.isCategoryHidden(de,{isGuest:f,isUser:Be}),style:{position:u?"relative":"absolute",left:4,top:u?0:4}}),i.jsxRuntimeExports.jsx(Ie,{theme:"snow",style:{minHeight:Ce,maxHeight:300},ref:p,value:$,onChange:Qe,readOnly:!d,placeholder:ke(!0),modules:Ze,formats:Me.quillFormats})]}):i.jsxRuntimeExports.jsx(C.Placeholder,{children:ke()}),i.jsxRuntimeExports.jsxs(C.Footer,{children:[!f&&i.jsxRuntimeExports.jsxs(C.Buttons,{children:[i.jsxRuntimeExports.jsx(F.Button,{icon:"person",variant:"text",onClick:()=>W("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),i.jsxRuntimeExports.jsx(F.Button,{icon:"layers",variant:"text",onClick:()=>W("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),i.jsxRuntimeExports.jsx(F.Button,{icon:"check_circle",variant:"text",onClick:()=>W("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),i.jsxRuntimeExports.jsxs(C.Buttons,{style:{marginLeft:"auto"},children:[u&&i.jsxRuntimeExports.jsx(F.Button,{variant:"text",onClick:fe,children:"Cancel"}),i.jsxRuntimeExports.jsx(F.SaveButton,{label:u?"Save":"Comment",className:"comment",active:!!$||!!S.length,onClick:ye,disabled:te})]})]}),i.jsxRuntimeExports.jsx(C.Dropzone,{className:J({show:ce&&d}),children:i.jsxRuntimeExports.jsx(F.Icon,{icon:"cloud_upload"})})]}),i.jsxRuntimeExports.jsx(ot,{mention:n,options:b,onChange:$e,types:_,config:K[n==null?void 0:n.type],noneFound:!b.length&&(n==null?void 0:n.search),noneFoundAtAll:!b.length&&!(n!=null&&n.search),selectedIndex:G,error:ve,isGuest:f})]})})};exports.default=jt;exports.mentionTypeOptions=K;
 //# sourceMappingURL=CommentInput.cjs.js.map