npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.40 → 0.3.42 - Mend

@ynput/ayon-frontend-shared 0.3.40 → 0.3.42

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

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),N=require("clsx"),T=require("react"),ae=require("react-markdown"),ce=require("remark-emoji"),le=require("remark-gfm"),me=require("remark-directive"),de=require("remark-directive-rehype"),xe=require("../CommentInput/CommentInput.cjs.js"),pe=require("../ReactionContainer/Reactions.cjs.js"),ye=require("../../hooks/useReferenceTooltip.cjs.js"),ge=require("../FilesGrid/FilesGrid.cjs.js"),je=require("../CommentInput/quillToMarkdown.cjs.js"),n=require("./ActivityComment.styled.cjs.js"),Re=require("./CommentWrapper.cjs.js"),d=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"),Te=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../util/pubsub.cjs.js");const ve=require("../ActivityHeader/ActivityHeader.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.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/updateActivities.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");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.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");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");const ke=require("../CommentInput/InputMarkdownConvert.cjs.js");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../CommentInput/modules/index.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const De=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.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/MoveEntityContext.cjs.js");const Me=require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");const Ae=require("../CommentInput/hooks/useBlendedCategoryColor.cjs.js"),we=require("../ActivityCategorySelect/CategoryTag.cjs.js"),Fe=require("./ActivityCommentMenu.cjs.js"),Ie=require("../../hooks/useCategoryData.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed.styled.cjs.js");require("../FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");const be=require("../../../../components/Menu/MenuContainer.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const Pe=({activity:t={},onCheckChange:S,onDelete:x,onUpdate:B,projectInfo:Ne,editProps:G,projectName:q,entityType:O,onReferenceClick:v,onFileExpand:$,showOrigin:H,isHighlighted:_,readOnly:k,isSlideOut:L,statuses:z=[]})=>{const{userName:a,createReaction:Q,deleteReaction:V,editingId:W,setEditingId:p,isGuest:y,userTeamNames:J}=fe.useFeedContext(),D=T.useRef(null),{toggleMenuOpen:g,menuOpen:K}=Me.useMenuContext(),{categoryData:i,categoryNotFound:U}=Ie.useCategoryData(t?.activityData?.category),o=Ae.useBlendedCategoryColor(i?.color);let{body:j,authorName:c,authorFullName:R,createdAt:X,referenceType:Y,entityId:M,activityId:u,author:A,isOwner:l,files:C=[],origin:h}=t;c||(c=A?.name||""),R||(R=A?.fullName||c);const E=`activity-comment-menu-${u}-${L?"slideout":"normal"}`,w=K===E,{onGoToFrame:F,setHighlightedActivities:Z,user:ee}=De.useDetailsPanelContext(),re=l||ee?.data?.isAdmin,f=()=>{p(u)},ie=()=>{p(null)},ue=async(e,m,se)=>{await B?.(e,m,void 0,se),p(null)},s=W===u,I=Y!=="origin"||H,te=async()=>{const e=je.getTextRefs(j);I&&h&&e.push({id:h.id,type:h.type}),x&&await x(u,M,e)},qe=()=>{Te.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await te()}})},[,b]=ye(),P=T.useMemo(()=>Ce.mapGraphQLReactions(t.reactions,a),[[...t.reactions||[]]]),ne=e=>{e.isActive?Q({projectName:q,userName:a,activityId:u,createReactionModel:{reaction:e.type}}):V({projectName:q,userName:a,activityId:u,reaction:e.type})},oe=T.useCallback(e=>{e.annotation&&(F?.(e.annotation.range[0]),Z([u]))},[F]);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(n.Comment,{className:N("comment",{isOwner:l,isEditing:s,isHighlighted:_,category:!!i&&!y,menuOpen:w}),id:u,$categoryPrimary:i?.color,$categoryTertiary:o.primary,$categorySecondary:o.secondary,children:[r.jsxRuntimeExports.jsx(ve,{name:c,fullName:R,date:X,isRef:I,activity:t,projectName:q,entityType:O,onReferenceClick:v,onReferenceTooltip:b,children:void 0}),r.jsxRuntimeExports.jsxs(n.Body,{className:N("comment-body",{isEditing:s}),children:[!k&&r.jsxRuntimeExports.jsxs(n.Tools,{className:"tools",children:[l&&f&&r.jsxRuntimeExports.jsx(n.ToolButton,{icon:"edit_square",onClick:f,variant:"text"}),r.jsxRuntimeExports.jsx(n.ToolButton,{icon:"more_horiz",ref:D,onClick:e=>{e.stopPropagation(),g(E)},className:w?"active":""})]}),!s&&!y&&i&&r.jsxRuntimeExports.jsx(we.CategoryTag,{value:i.name,color:i.color,style:{top:-4,left:-4},isCompact:!0,"data-tooltip":U?"Category not found. It may have been deleted.":void 0,"data-tooltip-delay":0}),s?r.jsxRuntimeExports.jsx(xe,{initValue:j,initFiles:C,initCategory:i?.name,data:t.activityData,isEditing:!0,onClose:ie,onSubmit:ue,isOpen:!0,...G}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(Re,{children:r.jsxRuntimeExports.jsx(ae,{remarkPlugins:[le,ce,me,de],urlTransform:e=>e,components:{a:e=>d.aTag(e,{entityId:M,userName:a,userTeamNames:J,projectName:q,onReferenceClick:v,onReferenceTooltip:b,activityId:u,categoryPrimary:i?.color,categorySecondary:o.secondary}),input:e=>d.inputTag(e,{activity:t,onCheckChange:S}),code:e=>d.codeTag(e),blockquote:e=>d.blockquoteTag(e),tip:e=>r.jsxRuntimeExports.jsxs(n.Tip,{children:[r.jsxRuntimeExports.jsx(he.Icon,{icon:"info"}),e.children]}),status:e=>r.jsxRuntimeExports.jsx(Ee,{name:e.id,statuses:z,children:e.children}),p:e=>{const m=e.children;return typeof m=="string"&&ke.checkForEmptyLine(m)?r.jsxRuntimeExports.jsx("p",{className:"empty-line"}):r.jsxRuntimeExports.jsx("p",{children:e.children})}},children:j})}),r.jsxRuntimeExports.jsx(ge,{files:C,isCompact:C.length>6,activityId:u,projectName:q,isDownloadable:!0,onExpand:$,onAnnotationClick:oe,onRemove:void 0})]}),!s&&r.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:P&&r.jsxRuntimeExports.jsx(pe,{reactions:P,changeHandler:ne,readOnly:k,category:i&&!y?i.name:void 0,categoryPrimary:i?.color,categorySecondary:o.secondary,categoryTertiary:o.primary})})]})]}),r.jsxRuntimeExports.jsx(be.MenuContainer,{target:D.current,id:E,align:"right",onClose:e=>{e?.stopPropagation(),g(!1)},children:r.jsxRuntimeExports.jsx(Fe,{onDelete:re&&x?qe:void 0,onEdit:l&&f,activityId:u,onSelect:()=>g(!1),projectName:q})})]})};module.exports=Pe;
+"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),N=require("clsx"),v=require("react"),ae=require("react-markdown"),ce=require("remark-emoji"),le=require("remark-gfm"),me=require("remark-directive"),de=require("remark-directive-rehype"),xe=require("../CommentInput/CommentInput.cjs.js"),pe=require("../ReactionContainer/Reactions.cjs.js"),ye=require("../../hooks/useReferenceTooltip.cjs.js"),ge=require("../FilesGrid/FilesGrid.cjs.js"),je=require("../CommentInput/quillToMarkdown.cjs.js"),n=require("./ActivityComment.styled.cjs.js"),Re=require("./CommentWrapper.cjs.js"),d=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/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/updateActivities.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");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.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");require("../../../../util/pubsub.cjs.js");const Te=require("../ActivityHeader/ActivityHeader.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");const ke=require("../CommentInput/InputMarkdownConvert.cjs.js");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../CommentInput/modules/index.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const Ae=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.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/MoveEntityContext.cjs.js");const De=require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");const Me=require("../CommentInput/hooks/useBlendedCategoryColor.cjs.js"),be=require("../ActivityCategorySelect/CategoryTag.cjs.js"),we=require("./ActivityCommentMenu.cjs.js"),Fe=require("../../hooks/useCategoryData.cjs.js"),Ie=require("../../helpers/getActivityUserName.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed.styled.cjs.js");require("../FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");const Ne=require("../../../../components/Menu/MenuContainer.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const Pe=({activity:t={},onCheckChange:P,onDelete:x,onUpdate:S,projectInfo:Se,editProps:B,projectName:q,entityType:G,onReferenceClick:T,onFileExpand:O,showOrigin:$,isHighlighted:H,readOnly:k,isSlideOut:_,statuses:L=[]})=>{const{userName:a,createReaction:U,deleteReaction:z,editingId:Q,setEditingId:p,isGuest:y,userTeamNames:V}=fe.useFeedContext(),A=v.useRef(null),{toggleMenuOpen:g,menuOpen:W}=De.useMenuContext(),{categoryData:i,categoryNotFound:J}=Fe.useCategoryData(t?.activityData?.category),o=Me.useBlendedCategoryColor(i?.color);let{body:j,authorName:c,authorFullName:R,createdAt:K,referenceType:X,entityId:D,activityId:u,author:Y,isOwner:l,files:C=[],origin:h}=t;c||(c=Y?.name||""),R=Ie.getActivityUserName({name:c,label:R});const E=`activity-comment-menu-${u}-${_?"slideout":"normal"}`,M=W===E,{onGoToFrame:b,setHighlightedActivities:Z,user:ee}=Ae.useDetailsPanelContext(),re=l||ee?.data?.isAdmin,f=()=>{p(u)},ie=()=>{p(null)},ue=async(e,m,se)=>{await S?.(e,m,void 0,se),p(null)},s=Q===u,w=X!=="origin"||$,te=async()=>{const e=je.getTextRefs(j);w&&h&&e.push({id:h.id,type:h.type}),x&&await x(u,D,e)},qe=()=>{ve.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await te()}})},[,F]=ye(),I=v.useMemo(()=>Ce.mapGraphQLReactions(t.reactions,a),[[...t.reactions||[]]]),ne=e=>{e.isActive?U({projectName:q,userName:a,activityId:u,createReactionModel:{reaction:e.type}}):z({projectName:q,userName:a,activityId:u,reaction:e.type})},oe=v.useCallback(e=>{e.annotation&&(b?.(e.annotation.range[0]),Z([u]))},[b]);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(n.Comment,{className:N("comment",{isOwner:l,isEditing:s,isHighlighted:H,category:!!i&&!y,menuOpen:M}),id:u,$categoryPrimary:i?.color,$categoryTertiary:o.primary,$categorySecondary:o.secondary,children:[r.jsxRuntimeExports.jsx(Te,{name:c,fullName:R,date:K,isRef:w,activity:t,projectName:q,entityType:G,onReferenceClick:T,onReferenceTooltip:F,children:void 0}),r.jsxRuntimeExports.jsxs(n.Body,{className:N("comment-body",{isEditing:s}),children:[!k&&r.jsxRuntimeExports.jsxs(n.Tools,{className:"tools",children:[l&&f&&r.jsxRuntimeExports.jsx(n.ToolButton,{icon:"edit_square",onClick:f,variant:"text"}),r.jsxRuntimeExports.jsx(n.ToolButton,{icon:"more_horiz",ref:A,onClick:e=>{e.stopPropagation(),g(E)},className:M?"active":""})]}),!s&&!y&&i&&r.jsxRuntimeExports.jsx(be.CategoryTag,{value:i.name,color:i.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}),s?r.jsxRuntimeExports.jsx(xe,{initValue:j,initFiles:C,initCategory:i?.name,data:t.activityData,isEditing:!0,onClose:ie,onSubmit:ue,isOpen:!0,...B}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(Re,{children:r.jsxRuntimeExports.jsx(ae,{remarkPlugins:[le,ce,me,de],urlTransform:e=>e,components:{a:e=>d.aTag(e,{entityId:D,userName:a,userTeamNames:V,projectName:q,onReferenceClick:T,onReferenceTooltip:F,activityId:u,categoryPrimary:i?.color,categorySecondary:o.secondary}),input:e=>d.inputTag(e,{activity:t,onCheckChange:P}),code:e=>d.codeTag(e),blockquote:e=>d.blockquoteTag(e),tip:e=>r.jsxRuntimeExports.jsxs(n.Tip,{children:[r.jsxRuntimeExports.jsx(he.Icon,{icon:"info"}),e.children]}),status:e=>r.jsxRuntimeExports.jsx(Ee,{name:e.id,statuses:L,children:e.children}),p:e=>{const m=e.children;return typeof m=="string"&&ke.checkForEmptyLine(m)?r.jsxRuntimeExports.jsx("p",{className:"empty-line"}):r.jsxRuntimeExports.jsx("p",{children:e.children})}},children:j})}),r.jsxRuntimeExports.jsx(ge,{files:C,isCompact:C.length>6,activityId:u,projectName:q,isDownloadable:!0,onExpand:O,onAnnotationClick:oe,onRemove:void 0})]}),!s&&r.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:I&&r.jsxRuntimeExports.jsx(pe,{reactions:I,changeHandler:ne,readOnly:k,category:i&&!y?i.name:void 0,categoryPrimary:i?.color,categorySecondary:o.secondary,categoryTertiary:o.primary})})]})]}),r.jsxRuntimeExports.jsx(Ne.MenuContainer,{target:A.current,id:E,align:"right",onClose:e=>{e?.stopPropagation(),g(!1)},children:r.jsxRuntimeExports.jsx(we,{onDelete:re&&x?qe:void 0,onEdit:l&&f,activityId:u,onSelect:()=>g(!1),projectName:q})})]})};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'\nimport { useMenuContext } from '@shared/context'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const {userName, createReaction, deleteReaction, editingId, setEditingId, isGuest, userTeamNames,} = useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n const canDelete = isOwner \|\| user?.data?.isAdmin\n\n const handleEditComment = () => {\n setEditingId(activityId)\n }\n\n const handleEditCancel = () => {\n // close the edit comment\n setEditingId(null)\n }\n\n const handleSave = async (value: any, files: any, data?: any) => {\n await onUpdate?.(value, files, undefined, data)\n setEditingId(null)\n }\n\n const isEditing = editingId === activityId\n\n const isRef = referenceType !== 'origin' \|\| showOrigin\n\n const handleDelete = async () => {\n const refs = getTextRefs(body)\n\n // if the comment is a reference, (it's origin is not the entity)\n // we need to delete the reference from the origin as well\n // add it to the refs to delete\n if (isRef && origin) {\n refs.push({ id: origin.id, type: origin.type })\n }\n\n // note: body is used to match other refs to delete\n onDelete && (await onDelete(activityId, entityId, refs))\n }\n\n const deleteConfirmation = () => {\n confirmDelete({\n title: 'Delete comment',\n message: 'Are you sure you want to delete this comment?',\n accept: async () => {\n await handleDelete()\n },\n })\n }\n\n const [, setRefTooltip] = useReferenceTooltip()\n\n const mappedReactions = useMemo(\n () => mapGraphQLReactions(activity.reactions, userName),\n [[...(activity.reactions \|\| [])]],\n )\n\n const reactionChangeHandler = (reaction: Reaction) => {\n if (reaction.isActive) {\n createReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n createReactionModel: {\n reaction: reaction.type,\n },\n })\n } else {\n deleteReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n reaction: reaction.type,\n })\n }\n }\n\n const onAnnotationClick = useCallback(\n (file: any) => {\n if (!file.annotation) return\n // annotation frame numbers are 1-based\n onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n setHighlightedActivities([activityId])\n },\n [onGoToFrame],\n )\n\n return (\n <>\n <Styled.Comment\n className={clsx('comment', {\n isOwner,\n isEditing,\n isHighlighted,\n category: !!categoryData && !isGuest,\n menuOpen: isMenuOpen,\n })}\n id={activityId}\n $categoryPrimary={categoryData?.color}\n $categoryTertiary={blendedCategoryColor.primary}\n $categorySecondary={blendedCategoryColor.secondary}\n >\n <ActivityHeader\n name={authorName}\n fullName={authorFullName}\n date={createdAt}\n isRef={isRef}\n activity={activity}\n // projectInfo={projectInfo}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n onReferenceTooltip={setRefTooltip}\n children={undefined}\n />\n <Styled.Body className={clsx('comment-body', { isEditing })}>\n {!readOnly && (\n <Styled.Tools className={'tools'}>\n {isOwner && handleEditComment && (\n <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n )}\n <Styled.ToolButton\n icon=\"more_horiz\"\n ref={moreRef}\n onClick={(e) => {\n e.stopPropagation()\n toggleMenuOpen(menuId)\n }}\n className={isMenuOpen ? 'active' : ''}\n />\n </Styled.Tools>\n )}\n\n {!isEditing && !isGuest && categoryData && (\n <CategoryTag\n value={categoryData.name}\n color={categoryData.color}\n style={{\n top: -4,\n left: -4,\n }}\n isCompact\n data-tooltip={\n categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n }\n data-tooltip-delay={0}\n />\n )}\n\n {isEditing ? (\n <CommentInput\n initValue={body}\n initFiles={files}\n initCategory={categoryData?.name}\n data={activity.activityData}\n isEditing\n onClose={handleEditCancel}\n onSubmit={handleSave}\n isOpen={true}\n {...editProps}\n />\n ) : (\n <>\n <CommentWrapper>\n <ReactMarkdown\n remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n urlTransform={(url) => url}\n components={{\n // a links\n // @ts-ignore\n a: (props) =>\n // @ts-ignore\n aTag(props, {\n entityId,\n userName,\n userTeamNames,\n projectName,\n projectInfo,\n onReferenceClick,\n onReferenceTooltip: setRefTooltip,\n activityId,\n categoryPrimary: categoryData?.color,\n categorySecondary: blendedCategoryColor.secondary,\n }),\n // checkbox inputs\n // @ts-ignore\n input: (props) => inputTag(props, { activity, onCheckChange }),\n // code syntax highlighting\n // eslint-disable-next-line\n // @ts-ignore\n code: (props) => codeTag(props),\n // @ts-ignore\n blockquote: (props) => blockquoteTag(props),\n // @ts-ignore\n tip: (props) => (\n <Styled.Tip>\n <Icon icon=\"info\" />\n {props.children}\n </Styled.Tip>\n ),\n // @ts-ignore\n status: (props) => {\n return (\n <ActivityStatus name={props.id} statuses={statuses}>\n {props.children}\n </ActivityStatus>\n )\n },\n p: (props) => {\n // check for empty paragraphs\n const text = props.children\n if (typeof text === 'string' && checkForEmptyLine(text)) {\n return <p className=\"empty-line\"></p>\n }\n return <p>{props.children}</p>\n },\n }}\n >\n {body}\n </ReactMarkdown>\n </CommentWrapper>\n {/* file uploads /}\n {/ @ts-ignore */}\n <FilesGrid\n files={files}\n isCompact={files.length > 6}\n activityId={activityId}\n projectName={projectName}\n isDownloadable\n onExpand={onFileExpand}\n onAnnotationClick={onAnnotationClick}\n onRemove={undefined}\n />\n </>\n )}\n\n {!isEditing && (\n <div style={{ marginTop: '16px' }}>\n {mappedReactions && (\n <Reactions\n reactions={mappedReactions}\n changeHandler={reactionChangeHandler}\n readOnly={readOnly}\n category={categoryData && !isGuest ? categoryData.name : undefined}\n categoryPrimary={categoryData?.color}\n categorySecondary={blendedCategoryColor.secondary}\n categoryTertiary={blendedCategoryColor.primary}\n />\n )}\n </div>\n )}\n </Styled.Body>\n </Styled.Comment>\n\n <MenuContainer\n target={moreRef.current}\n id={menuId}\n align=\"right\"\n onClose={(e: any) => {\n e?.stopPropagation()\n toggleMenuOpen(false)\n }}\n >\n <ActivityCommentMenu\n onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"0njBAwDA,MAAMA,GAAkB,CAAC,CACvB,SAAAC,EAAW,CAAA,EACX,cAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,GACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,CAAA,CACb,IAAa,CACX,KAAM,CAAC,SAAAC,EAAU,eAAAC,EAAgB,eAAAC,EAAgB,UAAAC,EAAW,aAAAC,EAAc,QAAAC,EAAS,cAAAC,CAAA,EAAkBC,kBAAA,EAE/FC,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,IACzCL,IAAgBA,EAAiBK,GAAQ,UAAYN,GAE1D,MAAMU,EAAS,yBAAyBL,CAAU,IAAI1B,EAAa,WAAa,QAAQ,GAClFgC,EAAanB,IAAakB,EAE1B,CAAE,YAAAE,EAAa,yBAAAC,EAA0B,KAAAC,EAAA,EAASC,GAAAA,uBAAA,EAClDC,GAAYT,GAAWO,IAAM,MAAM,QAEnCG,EAAoB,IAAM,CAC9BhC,EAAaoB,CAAU,CACzB,EAEMa,GAAmB,IAAM,CAE7BjC,EAAa,IAAI,CACnB,EAEMkC,GAAa,MAAOC,EAAYZ,EAAYa,KAAe,CAC/D,MAAMpD,IAAWmD,EAAOZ,EAAO,OAAWa,EAAI,EAC9CpC,EAAa,IAAI,CACnB,EAEMqC,EAAYtC,IAAcqB,EAE1BkB,EAAQpB,IAAkB,UAAY3B,EAEtCgD,GAAe,SAAY,CAC/B,MAAMC,EAAOC,GAAAA,YAAY3B,CAAI,EAKzBwB,GAASd,GACXgB,EAAK,KAAK,CAAE,GAAIhB,EAAO,GAAI,KAAMA,EAAO,KAAM,EAIhDzC,GAAa,MAAMA,EAASqC,EAAYD,EAAUqB,CAAI,CACxD,EAEME,GAAqB,IAAM,CAC/BC,iBAAc,CACZ,MAAO,iBACP,QAAS,gDACT,OAAQ,SAAY,CAClB,MAAMJ,GAAA,CACR,CAAA,CACD,CACH,EAEM,CAAA,CAAGK,CAAa,EAAIC,GAAA,EAEpBC,EAAkBC,EAAAA,QACtB,IAAMC,uBAAoBnE,EAAS,UAAWe,CAAQ,EACtD,CAAC,CAAC,GAAIf,EAAS,WAAa,EAAG,CAAC,CAAA,EAG5BoE,GAAyBC,GAAuB,CAChDA,EAAS,SACXrD,EAAe,CACb,YAAAV,EAEA,SAAAS,EACA,WAAAwB,EACA,oBAAqB,CACnB,SAAU8B,EAAS,IAAA,CACrB,CACD,EAEDpD,EAAe,CACb,YAAAX,EAEA,SAAAS,EACA,WAAAwB,EACA,SAAU8B,EAAS,IAAA,CACpB,CAEL,EAEMC,GAAoBC,EAAAA,YACvBC,GAAc,CACRA,EAAK,aAEV1B,IAAe0B,EAAK,WAAuC,MAAM,CAAC,CAAC,EACnEzB,EAAyB,CAACR,CAAU,CAAC,EACvC,EACA,CAACO,CAAW,CAAA,EAGd,OACE2B,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAACE,EAAAA,QAAA,CACC,UAAWC,EAAK,UAAW,CACzB,QAAAnC,EACA,UAAAe,EACA,cAAA7C,EACA,SAAU,CAAC,CAACiB,GAAgB,CAACR,EAC7B,SAAUyB,CAAA,CACX,EACD,GAAIN,EACJ,iBAAkBX,GAAc,MAChC,kBAAmBG,EAAqB,QACxC,mBAAoBA,EAAqB,UAEzC,SAAA,CAAA8C,EAAAA,kBAAAA,IAACC,GAAA,CACC,KAAM5C,EACN,SAAUC,EACV,KAAMC,EACN,MAAAqB,EACA,SAAAzD,EAEA,YAAAM,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAoBuD,EACpB,SAAU,MAAA,CAAA,EAEZU,yBAACM,EAAAA,KAAA,CAAY,UAAWH,EAAK,eAAgB,CAAE,UAAApB,EAAW,EACvD,SAAA,CAAA,CAAC5C,GACA6D,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAa,UAAW,QACtB,SAAA,CAAAvC,GAAWU,GACV0B,wBAACI,EAAAA,WAAA,CAAkB,KAAK,cAAc,QAAS9B,EAAmB,QAAQ,MAAA,CAAO,EAEnF0B,EAAAA,kBAAAA,IAACI,EAAAA,WAAA,CACC,KAAK,aACL,IAAK1D,EACL,QAAU,GAAM,CACd,EAAE,gBAAA,EACFE,EAAemB,CAAM,CACvB,EACA,UAAWC,EAAa,SAAW,EAAA,CAAA,CACrC,EACF,EAGD,CAACW,GAAa,CAACpC,GAAWQ,GACzBiD,EAAAA,kBAAAA,IAACK,GAAAA,YAAA,CACC,MAAOtD,EAAa,KACpB,MAAOA,EAAa,MACpB,MAAO,CACL,IAAK,GACL,KAAM,EAAA,EAER,UAAS,GACT,eACEC,EAAmB,gDAAkD,OAEvE,qBAAoB,CAAA,CAAA,EAIvB2B,EACCqB,EAAAA,kBAAAA,IAACM,GAAA,CACC,UAAWlD,EACX,UAAWS,EACX,aAAcd,GAAc,KAC5B,KAAM5B,EAAS,aACf,UAAS,GACT,QAASoD,GACT,SAAUC,GACV,OAAQ,GACP,GAAGhD,CAAA,CAAA,EAGNoE,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,SAAArD,EACA,SAAAvB,EACA,cAAAM,EACA,YAAAf,EAEA,iBAAAE,EACA,mBAAoBuD,EACpB,WAAAxB,EACA,gBAAiBX,GAAc,MAC/B,kBAAmBG,EAAqB,SAAA,CACzC,EAGH,MAAQ4D,GAAUE,EAAAA,SAASF,EAAO,CAAE,SAAA3F,EAAU,cAAAC,EAAe,EAI7D,KAAO0F,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,SAAA7E,EAC7B,WAAM,SACT,EAGJ,EAAI6E,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,SAAA1D,CAAA,CAAA,EAEL,EAGA4C,EAAAA,kBAAAA,IAACwB,GAAA,CACC,MAAA3D,EACA,UAAWA,EAAM,OAAS,EAC1B,WAAAH,EACA,YAAAjC,EACA,eAAc,GACd,SAAUG,EACV,kBAAA6D,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,SAAAxD,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,EAGF8C,EAAAA,kBAAAA,IAAC0B,GAAAA,cAAA,CACC,OAAQhF,EAAQ,QAChB,GAAIqB,EACJ,MAAM,QACN,QAAU,GAAW,CACnB,GAAG,gBAAA,EACHnB,EAAe,EAAK,CACtB,EAEA,SAAAoD,EAAAA,kBAAAA,IAAC2B,GAAA,CACC,SAAUtD,IAAahD,EAAW2D,GAAqB,OACvD,OAAQpB,GAAWU,EACnB,WAAAZ,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'\nimport { useMenuContext } from '@shared/context'\nimport type { Status } from '../../../ProjectTreeTable/types/project'\nimport { SavedAnnotationMetadata } from '../../index'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { useBlendedCategoryColor } from '../CommentInput/hooks/useBlendedCategoryColor'\nimport { CategoryTag } from '../ActivityCategorySelect/CategoryTag'\nimport ActivityCommentMenu from './ActivityCommentMenu'\nimport { checkForEmptyLine } from '../CommentInput/InputMarkdownConvert'\nimport { useCategoryData } from '../../hooks/useCategoryData'\nimport { getActivityUserName } from '../../helpers/getActivityUserName'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const {\n userName,\n createReaction,\n deleteReaction,\n editingId,\n setEditingId,\n isGuest,\n userTeamNames,\n } = useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useCategoryData(activity?.activityData?.category)\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n authorFullName = getActivityUserName({ name: authorName, label: authorFullName })\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities, user } = useDetailsPanelContext()\n const canDelete = isOwner \|\| user?.data?.isAdmin\n\n const handleEditComment = () => {\n setEditingId(activityId)\n }\n\n const handleEditCancel = () => {\n // close the edit comment\n setEditingId(null)\n }\n\n const handleSave = async (value: any, files: any, data?: any) => {\n await onUpdate?.(value, files, undefined, data)\n setEditingId(null)\n }\n\n const isEditing = editingId === activityId\n\n const isRef = referenceType !== 'origin' \|\| showOrigin\n\n const handleDelete = async () => {\n const refs = getTextRefs(body)\n\n // if the comment is a reference, (it's origin is not the entity)\n // we need to delete the reference from the origin as well\n // add it to the refs to delete\n if (isRef && origin) {\n refs.push({ id: origin.id, type: origin.type })\n }\n\n // note: body is used to match other refs to delete\n onDelete && (await onDelete(activityId, entityId, refs))\n }\n\n const deleteConfirmation = () => {\n confirmDelete({\n title: 'Delete comment',\n message: 'Are you sure you want to delete this comment?',\n accept: async () => {\n await handleDelete()\n },\n })\n }\n\n const [, setRefTooltip] = useReferenceTooltip()\n\n const mappedReactions = useMemo(\n () => mapGraphQLReactions(activity.reactions, userName),\n [[...(activity.reactions \|\| [])]],\n )\n\n const reactionChangeHandler = (reaction: Reaction) => {\n if (reaction.isActive) {\n createReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n createReactionModel: {\n reaction: reaction.type,\n },\n })\n } else {\n deleteReaction({\n projectName: projectName,\n // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update\n userName: userName,\n activityId: activityId,\n reaction: reaction.type,\n })\n }\n }\n\n const onAnnotationClick = useCallback(\n (file: any) => {\n if (!file.annotation) return\n // annotation frame numbers are 1-based\n onGoToFrame?.((file.annotation as SavedAnnotationMetadata).range[0])\n setHighlightedActivities([activityId])\n },\n [onGoToFrame],\n )\n\n return (\n <>\n <Styled.Comment\n className={clsx('comment', {\n isOwner,\n isEditing,\n isHighlighted,\n category: !!categoryData && !isGuest,\n menuOpen: isMenuOpen,\n })}\n id={activityId}\n $categoryPrimary={categoryData?.color}\n $categoryTertiary={blendedCategoryColor.primary}\n $categorySecondary={blendedCategoryColor.secondary}\n >\n <ActivityHeader\n name={authorName}\n fullName={authorFullName}\n date={createdAt}\n isRef={isRef}\n activity={activity}\n // projectInfo={projectInfo}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n onReferenceTooltip={setRefTooltip}\n children={undefined}\n />\n <Styled.Body className={clsx('comment-body', { isEditing })}>\n {!readOnly && (\n <Styled.Tools className={'tools'}>\n {isOwner && handleEditComment && (\n <Styled.ToolButton icon=\"edit_square\" onClick={handleEditComment} variant=\"text\" />\n )}\n <Styled.ToolButton\n icon=\"more_horiz\"\n ref={moreRef}\n onClick={(e) => {\n e.stopPropagation()\n toggleMenuOpen(menuId)\n }}\n className={isMenuOpen ? 'active' : ''}\n />\n </Styled.Tools>\n )}\n\n {!isEditing && !isGuest && categoryData && (\n <CategoryTag\n value={categoryData.name}\n color={categoryData.color}\n style={{\n top: -4,\n left: -4,\n }}\n isCompact\n data-tooltip={\n categoryNotFound ? 'Category not found. It may have been deleted.' : undefined\n }\n data-tooltip-delay={0}\n />\n )}\n\n {isEditing ? (\n <CommentInput\n initValue={body}\n initFiles={files}\n initCategory={categoryData?.name}\n data={activity.activityData}\n isEditing\n onClose={handleEditCancel}\n onSubmit={handleSave}\n isOpen={true}\n {...editProps}\n />\n ) : (\n <>\n <CommentWrapper>\n <ReactMarkdown\n remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n urlTransform={(url) => url}\n components={{\n // a links\n // @ts-ignore\n a: (props) =>\n // @ts-ignore\n aTag(props, {\n entityId,\n userName,\n userTeamNames,\n projectName,\n projectInfo,\n onReferenceClick,\n onReferenceTooltip: setRefTooltip,\n activityId,\n categoryPrimary: categoryData?.color,\n categorySecondary: blendedCategoryColor.secondary,\n }),\n // checkbox inputs\n // @ts-ignore\n input: (props) => inputTag(props, { activity, onCheckChange }),\n // code syntax highlighting\n // eslint-disable-next-line\n // @ts-ignore\n code: (props) => codeTag(props),\n // @ts-ignore\n blockquote: (props) => blockquoteTag(props),\n // @ts-ignore\n tip: (props) => (\n <Styled.Tip>\n <Icon icon=\"info\" />\n {props.children}\n </Styled.Tip>\n ),\n // @ts-ignore\n status: (props) => {\n return (\n <ActivityStatus name={props.id} statuses={statuses}>\n {props.children}\n </ActivityStatus>\n )\n },\n p: (props) => {\n // check for empty paragraphs\n const text = props.children\n if (typeof text === 'string' && checkForEmptyLine(text)) {\n return <p className=\"empty-line\"></p>\n }\n return <p>{props.children}</p>\n },\n }}\n >\n {body}\n </ReactMarkdown>\n </CommentWrapper>\n {/* file uploads /}\n {/ @ts-ignore */}\n <FilesGrid\n files={files}\n isCompact={files.length > 6}\n activityId={activityId}\n projectName={projectName}\n isDownloadable\n onExpand={onFileExpand}\n onAnnotationClick={onAnnotationClick}\n onRemove={undefined}\n />\n </>\n )}\n\n {!isEditing && (\n <div style={{ marginTop: '16px' }}>\n {mappedReactions && (\n <Reactions\n reactions={mappedReactions}\n changeHandler={reactionChangeHandler}\n readOnly={readOnly}\n category={categoryData && !isGuest ? categoryData.name : undefined}\n categoryPrimary={categoryData?.color}\n categorySecondary={blendedCategoryColor.secondary}\n categoryTertiary={blendedCategoryColor.primary}\n />\n )}\n </div>\n )}\n </Styled.Body>\n </Styled.Comment>\n\n <MenuContainer\n target={moreRef.current}\n id={menuId}\n align=\"right\"\n onClose={(e: any) => {\n e?.stopPropagation()\n toggleMenuOpen(false)\n }}\n >\n <ActivityCommentMenu\n onDelete={canDelete && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","isGuest","userTeamNames","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useCategoryData","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","getActivityUserName","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","user","useDetailsPanelContext","canDelete","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","useMemo","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","text","checkForEmptyLine","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}