npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.45 → 0.3.0 - Mend

@ynput/ayon-frontend-shared 0.2.45 → 0.3.0

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 (385) 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"),B=require("clsx"),m=require("react"),qe=require("react-markdown"),se=require("remark-emoji"),ae=require("remark-gfm"),ce=require("remark-directive"),le=require("remark-directive-rehype"),me=require("../CommentInput/CommentInput.cjs.js"),de=require("../ReactionContainer/Reactions.cjs.js"),xe=require("../../hooks/useReferenceTooltip.cjs.js"),ye=require("../FilesGrid/FilesGrid.cjs.js"),pe=require("../CommentInput/quillToMarkdown.cjs.js"),n=require("./ActivityComment.styled.cjs.js"),ge=require("./CommentWrapper.cjs.js"),d=require("./ActivityMarkdownComponents.cjs.js"),Re=require("./mappers.cjs.js"),je=require("@ynput/ayon-react-components"),Ce=require("../ActivityStatus/ActivityStatus.cjs.js"),fe=require("../../context/FeedContext.cjs.js"),he=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../util/pubsub.cjs.js");const Ee=require("../ActivityHeader/ActivityHeader.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.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/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/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/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/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/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.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/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../../context/RemoteModulesContext.cjs.js");const Te=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");const ve=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("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");const De=require("../CommentInput/hooks/useBlendedCategoryColor.cjs.js"),Me=require("../ActivityCategorySelect/CategoryTag.cjs.js"),ke=require("./ActivityCommentMenu.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("../../Feed.styled.cjs.js");require("date-fns");require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.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/TextWidget.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("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");const Fe=require("../../../../components/Menu/MenuContainer.cjs.js"),Ae=({activity:t={},onCheckChange:G,onDelete:x,onUpdate:O,projectInfo:be,editProps:$,projectName:o,entityType:H,onReferenceClick:D,onFileExpand:_,showOrigin:z,isHighlighted:L,readOnly:M,isSlideOut:Q,statuses:V=[]})=>{const{userName:y,createReaction:W,deleteReaction:J,editingId:K,setEditingId:p,categories:k,isGuest:g}=fe.useFeedContext(),F=m.useRef(null),{toggleMenuOpen:R,menuOpen:U}=ve.useMenuContext(),{categoryData:i,categoryNotFound:X}=m.useMemo(()=>{let e=!1;if(t.activityData?.category){const l=k.find(v=>v.name===t.activityData?.category);return l||(e=!0),{categoryData:l||{name:t.activityData?.category,color:"#c5c5c5"},categoryNotFound:e}}else return{categoryData:null,categoryNotFound:e}},[t?.activityData?.category,k]),q=De.useBlendedCategoryColor(i?.color);let{body:j,authorName:a,authorFullName:C,createdAt:Y,referenceType:Z,entityId:A,activityId:u,author:b,isOwner:c,files:f=[],origin:h}=t;a||(a=b?.name||""),C||(C=b?.fullName||a);const E=`activity-comment-menu-${u}-${Q?"slideout":"normal"}`,w=U===E,{onGoToFrame:I,setHighlightedActivities:ee}=Te.useDetailsPanelContext(),T=()=>{p(u)},re=()=>{p(null)},ie=async(e,l,v)=>{await O?.(e,l,void 0,v),p(null)},s=K===u,N=Z!=="origin"||z,ue=async()=>{const e=pe.getTextRefs(j);N&&h&&e.push({id:h.id,type:h.type}),x&&await x(u,A,e)},te=()=>{he.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await ue()}})},[,P]=xe(),S=m.useMemo(()=>Re.mapGraphQLReactions(t.reactions,y),[[...t.reactions||[]]]),oe=e=>{e.isActive?W({projectName:o,userName:y,activityId:u,createReactionModel:{reaction:e.type}}):J({projectName:o,userName:y,activityId:u,reaction:e.type})},ne=m.useCallback(e=>{e.annotation&&(I?.(e.annotation.range[0]),ee([u]))},[I]);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(n.Comment,{className:B("comment",{isOwner:c,isEditing:s,isHighlighted:L,category:!!i&&!g,menuOpen:w}),id:u,$categoryPrimary:i?.color,$categoryTertiary:q.primary,$categorySecondary:q.secondary,children:[r.jsxRuntimeExports.jsx(Ee,{name:a,fullName:C,date:Y,isRef:N,activity:t,projectName:o,entityType:H,onReferenceClick:D,onReferenceTooltip:P,children:void 0}),r.jsxRuntimeExports.jsxs(n.Body,{className:B("comment-body",{isEditing:s}),children:[!M&&r.jsxRuntimeExports.jsxs(n.Tools,{className:"tools",children:[c&&T&&r.jsxRuntimeExports.jsx(n.ToolButton,{icon:"edit_square",onClick:T,variant:"text"}),r.jsxRuntimeExports.jsx(n.ToolButton,{icon:"more_horiz",ref:F,onClick:e=>{e.stopPropagation(),R(E)},className:w?"active":""})]}),!s&&!g&&i&&r.jsxRuntimeExports.jsx(Me.CategoryTag,{value:i.name,color:i.color,style:{top:-4,left:-4},isCompact:!0,"data-tooltip":X?"Category not found. It may have been deleted.":void 0,"data-tooltip-delay":0}),s?r.jsxRuntimeExports.jsx(me.default,{initValue:j,initFiles:f,initCategory:i?.name,data:t.activityData,isEditing:!0,onClose:re,onSubmit:ie,isOpen:!0,...$}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(ge,{children:r.jsxRuntimeExports.jsx(qe,{remarkPlugins:[ae,se,ce,le],urlTransform:e=>e,components:{a:e=>d.aTag(e,{entityId:A,projectName:o,onReferenceClick:D,onReferenceTooltip:P,activityId:u,categoryPrimary:i?.color,categorySecondary:q.secondary}),input:e=>d.inputTag(e,{activity:t,onCheckChange:G}),code:e=>d.codeTag(e),blockquote:e=>d.blockquoteTag(e),tip:e=>r.jsxRuntimeExports.jsxs(n.Tip,{children:[r.jsxRuntimeExports.jsx(je.Icon,{icon:"info"}),e.children]}),status:e=>r.jsxRuntimeExports.jsx(Ce,{name:e.id,statuses:V,children:e.children})},children:j})}),r.jsxRuntimeExports.jsx(ye,{files:f,isCompact:f.length>6,activityId:u,projectName:o,isDownloadable:!0,onExpand:_,onAnnotationClick:ne,onRemove:void 0})]}),!s&&r.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:S&&r.jsxRuntimeExports.jsx(de,{reactions:S,changeHandler:oe,readOnly:M,category:i&&!g?i.name:void 0,categoryPrimary:i?.color,categorySecondary:q.secondary,categoryTertiary:q.primary})})]})]}),r.jsxRuntimeExports.jsx(Fe.MenuContainer,{target:F.current,id:E,align:"right",onClose:e=>{e?.stopPropagation(),R(!1)},children:r.jsxRuntimeExports.jsx(ke,{onDelete:c&&x?te:void 0,onEdit:c&&T,activityId:u,onSelect:()=>R(!1),projectName:o})})]})};module.exports=Ae;
+"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),B=require("clsx"),m=require("react"),ne=require("react-markdown"),se=require("remark-emoji"),ae=require("remark-gfm"),ce=require("remark-directive"),le=require("remark-directive-rehype"),me=require("../CommentInput/CommentInput.cjs.js"),de=require("../ReactionContainer/Reactions.cjs.js"),xe=require("../../hooks/useReferenceTooltip.cjs.js"),ye=require("../FilesGrid/FilesGrid.cjs.js"),pe=require("../CommentInput/quillToMarkdown.cjs.js"),q=require("./ActivityComment.styled.cjs.js"),ge=require("./CommentWrapper.cjs.js"),d=require("./ActivityMarkdownComponents.cjs.js"),Re=require("./mappers.cjs.js"),je=require("@ynput/ayon-react-components"),Ce=require("../ActivityStatus/ActivityStatus.cjs.js"),fe=require("../../context/FeedContext.cjs.js"),he=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../util/pubsub.cjs.js");const Ee=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/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.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/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/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/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/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/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.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/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("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const Te=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");const ve=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("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");const De=require("../CommentInput/hooks/useBlendedCategoryColor.cjs.js"),Me=require("../ActivityCategorySelect/CategoryTag.cjs.js"),ke=require("./ActivityCommentMenu.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("../../Feed.styled.cjs.js");require("date-fns");require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.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/TextWidget.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("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../Slicer/components/SlicerSearch.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.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/FeedbackContext.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/PricingLink.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/filterDates.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/SortingSetting/SortingSetting.styled.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 Fe=require("../../../../components/Menu/MenuContainer.cjs.js"),Ae=({activity:t={},onCheckChange:G,onDelete:x,onUpdate:O,projectInfo:be,editProps:$,projectName:o,entityType:H,onReferenceClick:D,onFileExpand:_,showOrigin:z,isHighlighted:L,readOnly:M,isSlideOut:Q,statuses:V=[]})=>{const{userName:y,createReaction:W,deleteReaction:J,editingId:K,setEditingId:p,categories:k,isGuest:g}=fe.useFeedContext(),F=m.useRef(null),{toggleMenuOpen:R,menuOpen:U}=ve.useMenuContext(),{categoryData:i,categoryNotFound:X}=m.useMemo(()=>{let e=!1;if(t.activityData?.category){const l=k.find(v=>v.name===t.activityData?.category);return l||(e=!0),{categoryData:l||{name:t.activityData?.category,color:"#c5c5c5"},categoryNotFound:e}}else return{categoryData:null,categoryNotFound:e}},[t?.activityData?.category,k]),n=De.useBlendedCategoryColor(i?.color);let{body:j,authorName:a,authorFullName:C,createdAt:Y,referenceType:Z,entityId:A,activityId:u,author:b,isOwner:c,files:f=[],origin:h}=t;a||(a=b?.name||""),C||(C=b?.fullName||a);const E=`activity-comment-menu-${u}-${Q?"slideout":"normal"}`,w=U===E,{onGoToFrame:I,setHighlightedActivities:ee}=Te.useDetailsPanelContext(),T=()=>{p(u)},re=()=>{p(null)},ie=async(e,l,v)=>{await O?.(e,l,void 0,v),p(null)},s=K===u,N=Z!=="origin"||z,ue=async()=>{const e=pe.getTextRefs(j);N&&h&&e.push({id:h.id,type:h.type}),x&&await x(u,A,e)},te=()=>{he.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await ue()}})},[,P]=xe(),S=m.useMemo(()=>Re.mapGraphQLReactions(t.reactions,y),[[...t.reactions||[]]]),oe=e=>{e.isActive?W({projectName:o,userName:y,activityId:u,createReactionModel:{reaction:e.type}}):J({projectName:o,userName:y,activityId:u,reaction:e.type})},qe=m.useCallback(e=>{e.annotation&&(I?.(e.annotation.range[0]),ee([u]))},[I]);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(q.Comment,{className:B("comment",{isOwner:c,isEditing:s,isHighlighted:L,category:!!i&&!g,menuOpen:w}),id:u,$categoryPrimary:i?.color,$categoryTertiary:n.primary,$categorySecondary:n.secondary,children:[r.jsxRuntimeExports.jsx(Ee,{name:a,fullName:C,date:Y,isRef:N,activity:t,projectName:o,entityType:H,onReferenceClick:D,onReferenceTooltip:P,children:void 0}),r.jsxRuntimeExports.jsxs(q.Body,{className:B("comment-body",{isEditing:s}),children:[!M&&r.jsxRuntimeExports.jsxs(q.Tools,{className:"tools",children:[c&&T&&r.jsxRuntimeExports.jsx(q.ToolButton,{icon:"edit_square",onClick:T,variant:"text"}),r.jsxRuntimeExports.jsx(q.ToolButton,{icon:"more_horiz",ref:F,onClick:e=>{e.stopPropagation(),R(E)},className:w?"active":""})]}),!s&&!g&&i&&r.jsxRuntimeExports.jsx(Me.CategoryTag,{value:i.name,color:i.color,style:{top:-4,left:-4},isCompact:!0,"data-tooltip":X?"Category not found. It may have been deleted.":void 0,"data-tooltip-delay":0}),s?r.jsxRuntimeExports.jsx(me.default,{initValue:j,initFiles:f,initCategory:i?.name,data:t.activityData,isEditing:!0,onClose:re,onSubmit:ie,isOpen:!0,...$}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(ge,{children:r.jsxRuntimeExports.jsx(ne,{remarkPlugins:[ae,se,ce,le],urlTransform:e=>e,components:{a:e=>d.aTag(e,{entityId:A,projectName:o,onReferenceClick:D,onReferenceTooltip:P,activityId:u,categoryPrimary:i?.color,categorySecondary:n.secondary}),input:e=>d.inputTag(e,{activity:t,onCheckChange:G}),code:e=>d.codeTag(e),blockquote:e=>d.blockquoteTag(e),tip:e=>r.jsxRuntimeExports.jsxs(q.Tip,{children:[r.jsxRuntimeExports.jsx(je.Icon,{icon:"info"}),e.children]}),status:e=>r.jsxRuntimeExports.jsx(Ce,{name:e.id,statuses:V,children:e.children})},children:j})}),r.jsxRuntimeExports.jsx(ye,{files:f,isCompact:f.length>6,activityId:u,projectName:o,isDownloadable:!0,onExpand:_,onAnnotationClick:qe,onRemove:void 0})]}),!s&&r.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:S&&r.jsxRuntimeExports.jsx(de,{reactions:S,changeHandler:oe,readOnly:M,category:i&&!g?i.name:void 0,categoryPrimary:i?.color,categorySecondary:n.secondary,categoryTertiary:n.primary})})]})]}),r.jsxRuntimeExports.jsx(Fe.MenuContainer,{target:F.current,id:E,align:"right",onClose:e=>{e?.stopPropagation(),R(!1)},children:r.jsxRuntimeExports.jsx(ke,{onDelete:c&&x?te:void 0,onEdit:c&&T,activityId:u,onSelect:()=>R(!1),projectName:o})})]})};module.exports=Ae;
 //# 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'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const { userName, createReaction, deleteReaction, editingId, setEditingId, categories, isGuest } =\n useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useMemo(() => {\n let categoryNotFound = false\n if (activity.activityData?.category) {\n const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n if (!foundCategory) {\n categoryNotFound = true\n }\n return {\n categoryData: foundCategory \|\| {\n name: activity.activityData?.category,\n color: '#c5c5c5',\n },\n categoryNotFound,\n }\n } else {\n return {\n categoryData: null,\n categoryNotFound,\n }\n }\n }, [activity?.activityData?.category, categories])\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities } = 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 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 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 <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={isOwner && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","categories","isGuest","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","useDetailsPanelContext","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}
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'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const { userName, createReaction, deleteReaction, editingId, setEditingId, categories, isGuest } =\n useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useMemo(() => {\n let categoryNotFound = false\n if (activity.activityData?.category) {\n const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n if (!foundCategory) {\n categoryNotFound = true\n }\n return {\n categoryData: foundCategory \|\| {\n name: activity.activityData?.category,\n color: '#c5c5c5',\n },\n categoryNotFound,\n }\n } else {\n return {\n categoryData: null,\n categoryNotFound,\n }\n }\n }, [activity?.activityData?.category, categories])\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities } = 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 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 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 <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={isOwner && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","categories","isGuest","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","useDetailsPanelContext","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}

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

@@ -25,9 +25,16 @@ import "lodash";
 import "../../../../util/pubsub.es.js";
 import wo from "../ActivityHeader/ActivityHeader.es.js";
 import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../../components/AccessUser/AccessUser.es.js";
+import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../../components/Badge/Badge.es.js";
+import "../../../../components/Chips/Chips.es.js";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
 import "../../../../api/generated/graphqlLinks.es.js";
@@ -113,19 +120,22 @@ import "../../../../api/queries/views/getViews.es.js";
 import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                       */
-import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
+import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as Po } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
@@ -137,13 +147,6 @@ import "../../../../context/GlobalContext.es.js";
 import "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContext.es.js";
 import "../../../../context/UriContext.es.js";
-import "../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../FileUploadPreview/Mimes/TextMime.es.js";
 import { useBlendedCategoryColor as Go } from "../CommentInput/hooks/useBlendedCategoryColor.es.js";
@@ -195,6 +198,13 @@ import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../SimpleTable/SimpleTable.styled.es.js";
+import "@tanstack/match-sorter-utils";
+import "../../../SimpleTable/context/SimpleTableContext.es.js";
+import "../../../SimpleTable/SimpleTableRowTemplate.es.js";
+import "../../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../../Slicer/components/SlicerSearch.es.js";
+import "../../../Slicer/context/SlicerContext.es.js";
 import "../../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -210,46 +220,44 @@ import "../../../Views/Views.styled.es.js";
 import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "axios";
+import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../components/Watchers/Watchers.es.js";
-import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../../components/Feedback/FeedbackContext.es.js";
+import "../../../../components/Feedback/SupportBubble.es.js";
+import "../../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../../components/Powerpack/PricingLink.es.js";
 import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../../components/Powerpack/CTAButton.es.js";
 import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../../components/SizeSlider/SizeSlider.es.js";
+import "react-router-dom";
+import "../../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../../components/SearchFilter/filterDates.es.js";
 import "../../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../components/SearchFilter/filterDates.es.js";
-import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../components/Badge/Badge.es.js";
-import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../../components/VersionUploader/context/VersionUploadContext.es.js";
-import "../../../../components/Feedback/FeedbackContext.es.js";
-import "../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../components/Chips/Chips.es.js";
-import "../../../../components/StyledLink/StyledLink.es.js";
 import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../../components/SortingSetting/SortingSetting.styled.es.js";
-import "../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../../components/StyledLink/StyledLink.es.js";
+import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../../components/Watchers/Watchers.es.js";
 import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import { MenuContainer as Ho } from "../../../../components/Menu/MenuContainer.es.js";
-const Tp = ({
+const Ep = ({
   activity: m = {},
   onCheckChange: O,
   onDelete: l,
@@ -507,6 +515,6 @@ const Tp = ({
   ] });
 };
 export {
-  Tp as default
+  Ep as default
 };
 //# sourceMappingURL=ActivityComment.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityComment.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport emoji from 'remark-emoji'\nimport remarkGfm from 'remark-gfm'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\n\nimport CommentInput from '../CommentInput/CommentInput'\nimport Reactions from '../ReactionContainer/Reactions'\nimport { Reaction } from '../ReactionContainer/types'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport FilesGrid, { FilesGridProps } from '../FilesGrid/FilesGrid'\n\nimport { getTextRefs } from '../CommentInput/quillToMarkdown'\nimport * as Styled from './ActivityComment.styled'\nimport CommentWrapper from './CommentWrapper'\nimport { aTag, blockquoteTag, codeTag, inputTag } from './ActivityMarkdownComponents'\nimport { mapGraphQLReactions } from './mappers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityStatus from '../ActivityStatus/ActivityStatus'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { confirmDelete } from '../../../../util'\nimport ActivityHeader, { ActivityHeaderProps } from '../ActivityHeader/ActivityHeader'\nimport { MenuContainer } from '@shared/components'\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'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const { userName, createReaction, deleteReaction, editingId, setEditingId, categories, isGuest } =\n useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useMemo(() => {\n let categoryNotFound = false\n if (activity.activityData?.category) {\n const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n if (!foundCategory) {\n categoryNotFound = true\n }\n return {\n categoryData: foundCategory \|\| {\n name: activity.activityData?.category,\n color: '#c5c5c5',\n },\n categoryNotFound,\n }\n } else {\n return {\n categoryData: null,\n categoryNotFound,\n }\n }\n }, [activity?.activityData?.category, categories])\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities } = 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 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 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 <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={isOwner && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","categories","isGuest","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","useDetailsPanelContext","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","e","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}
1	+ {"version":3,"file":"ActivityComment.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport emoji from 'remark-emoji'\nimport remarkGfm from 'remark-gfm'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\n\nimport CommentInput from '../CommentInput/CommentInput'\nimport Reactions from '../ReactionContainer/Reactions'\nimport { Reaction } from '../ReactionContainer/types'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport FilesGrid, { FilesGridProps } from '../FilesGrid/FilesGrid'\n\nimport { getTextRefs } from '../CommentInput/quillToMarkdown'\nimport * as Styled from './ActivityComment.styled'\nimport CommentWrapper from './CommentWrapper'\nimport { aTag, blockquoteTag, codeTag, inputTag } from './ActivityMarkdownComponents'\nimport { mapGraphQLReactions } from './mappers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityStatus from '../ActivityStatus/ActivityStatus'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { confirmDelete } from '../../../../util'\nimport ActivityHeader, { ActivityHeaderProps } from '../ActivityHeader/ActivityHeader'\nimport { MenuContainer } from '@shared/components'\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'\n\ntype Props = {\n activity: any\n onCheckChange?: Function\n onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n projectInfo: any\n editProps?: {\n disabled: boolean\n isLoading: boolean\n }\n projectName: string\n entityType: string\n onReferenceClick?: ActivityHeaderProps['onReferenceClick']\n onFileExpand?: FilesGridProps['onExpand']\n showOrigin?: boolean\n isHighlighted?: boolean\n readOnly?: boolean\n isSlideOut?: boolean\n statuses: Status[]\n}\n\nconst ActivityComment = ({\n activity = {},\n onCheckChange,\n onDelete,\n onUpdate,\n projectInfo,\n editProps,\n projectName,\n entityType,\n onReferenceClick,\n onFileExpand,\n showOrigin,\n isHighlighted,\n readOnly,\n isSlideOut,\n statuses = [],\n}: Props) => {\n const { userName, createReaction, deleteReaction, editingId, setEditingId, categories, isGuest } =\n useFeedContext()\n\n const moreRef = useRef<HTMLButtonElement>(null)\n const { toggleMenuOpen, menuOpen } = useMenuContext()\n\n const { categoryData, categoryNotFound } = useMemo(() => {\n let categoryNotFound = false\n if (activity.activityData?.category) {\n const foundCategory = categories.find((cat) => cat.name === activity.activityData?.category)\n if (!foundCategory) {\n categoryNotFound = true\n }\n return {\n categoryData: foundCategory \|\| {\n name: activity.activityData?.category,\n color: '#c5c5c5',\n },\n categoryNotFound,\n }\n } else {\n return {\n categoryData: null,\n categoryNotFound,\n }\n }\n }, [activity?.activityData?.category, categories])\n // Compute blended background color for category\n const blendedCategoryColor = useBlendedCategoryColor(categoryData?.color)\n\n let {\n body,\n authorName,\n authorFullName,\n createdAt,\n referenceType,\n entityId,\n activityId,\n author,\n isOwner,\n files = [],\n origin,\n } = activity\n if (!authorName) authorName = author?.name \|\| ''\n if (!authorFullName) authorFullName = author?.fullName \|\| authorName\n\n const menuId = `activity-comment-menu-${activityId}-${isSlideOut ? 'slideout' : 'normal'}`\n const isMenuOpen = menuOpen === menuId\n\n const { onGoToFrame, setHighlightedActivities } = 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 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 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 <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={isOwner && onDelete ? deleteConfirmation : undefined}\n onEdit={isOwner && handleEditComment}\n activityId={activityId}\n onSelect={() => toggleMenuOpen(false)}\n projectName={projectName}\n />\n </MenuContainer>\n </>\n )\n}\n\nexport default ActivityComment\n"],"names":["ActivityComment","activity","onCheckChange","onDelete","onUpdate","projectInfo","editProps","projectName","entityType","onReferenceClick","onFileExpand","showOrigin","isHighlighted","readOnly","isSlideOut","statuses","userName","createReaction","deleteReaction","editingId","setEditingId","categories","isGuest","useFeedContext","moreRef","useRef","toggleMenuOpen","menuOpen","useMenuContext","categoryData","categoryNotFound","useMemo","foundCategory","cat","blendedCategoryColor","useBlendedCategoryColor","body","authorName","authorFullName","createdAt","referenceType","entityId","activityId","author","isOwner","files","origin","menuId","isMenuOpen","onGoToFrame","setHighlightedActivities","useDetailsPanelContext","handleEditComment","handleEditCancel","handleSave","value","data","isEditing","isRef","handleDelete","refs","getTextRefs","deleteConfirmation","confirmDelete","setRefTooltip","useReferenceTooltip","mappedReactions","mapGraphQLReactions","reactionChangeHandler","reaction","onAnnotationClick","useCallback","file","jsxs","Fragment","Styled.Comment","clsx","jsx","ActivityHeader","Styled.Body","Styled.Tools","Styled.ToolButton","e","CategoryTag","CommentInput","CommentWrapper","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","props","aTag","inputTag","codeTag","blockquoteTag","Styled.Tip","Icon","ActivityStatus","FilesGrid","Reactions","MenuContainer","ActivityCommentMenu"],"mappings":"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"}