@ynput/ayon-frontend-shared 0.2.34 → 0.2.35

package/dist/shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),h=require("lodash"),x=require("clsx");require("@ynput/ayon-react-components");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");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");const ee=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");const re=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/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/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */const ie=require("../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const ue=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../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");const se=require("../../../components/Thumbnail/StackedThumbnails.cjs.js"),qe=require("../../../components/EntityPanelUploader/EntityPanelUploader.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/RequiredPowerpackVersion.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/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/LinksManager/LinksManager.styled.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");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("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.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");const te=require("../../../hooks/useScopedStatuses.cjs.js"),ae=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");const oe=require("../../../hooks/useTagStyling.cjs.js");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");const le=require("../FeedFilters/FeedFilters.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),ne=require("../helpers/getThumbnails.cjs.js"),ce=require("../helpers/buildDetailsPanelTitles.cjs.js"),de=require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const me=require("../../Actions/Actions.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("../../EntityPickerDialog/EntityPickerDialog.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");const pe=({entityType:q,entitySubTypes:O,entities:s=[],disabledAssignees:w=[],users:j=[],disabledStatuses:V,tagsOptions:b=[],isFetching:R,isCompact:m=!1,currentTab:H,onTabChange:G,entityTypeIcons:v,onOpenViewer:L,onEntityFocus:g})=>{const{useSearchParams:Q,useNavigate:_,isDeveloperMode:$}=ue.useDetailsPanelContext(),K=_(),[W,z]=Q(),N=l.useRef(null),B=te.useScopedStatuses(s.map(e=>e.projectName),[q]),c=l.useMemo(()=>h.union(...s.flatMap(e=>{var i,t;return[((i=e.task)==null?void 0:i.assignees)||[],((t=e.version)==null?void 0:t.author)||[]]})),[s]);let r=s[0];const a=s.length===0||!r||R;r||(r={id:"placeholder",name:"loading...",label:"loading...",entityType:q,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const S=s.length>1||r==null?void 0:r.projectName,P=s.filter(e=>e.projectName===(r==null?void 0:r.projectName)&&e.id).map(e=>e.id),{data:n}=ee.useGetEntitiesChecklistsQuery({projectName:r==null?void 0:r.projectName,entityIds:P},{skip:!(r!=null&&r.projectName)||!P.length});let k;n!=null&&n.total&&n.total>0&&(k=`${n.checked}/${n.total}`);const{data:J}=re.useGetAttributeConfigQuery({attributeName:"priority"}),E=ie.getPriorityOptions(J,q),f=l.useMemo(()=>ne(s,q,v),[s,q,v]),X=l.useMemo(()=>s.map(e=>e.status),[s]),Y=l.useMemo(()=>s.map(e=>{var i;return(i=e.attrib)==null?void 0:i.priority}),[s]),A=l.useMemo(()=>s.map(e=>e.tags),[s]),D=l.useMemo(()=>b.reduce((e,i)=>(e[i.name]=i,e),{}),[b]);oe.useTagStyling({tagsValues:A,tagsOptionsObject:D,tagsSelectRef:N});const M=s.length>1,{updateEntity:Z}=ae.useEntityUpdate({entities:s.map(e=>{var i,t,d;return{id:e.id,projectName:e.projectName,users:((i=e.task)==null?void 0:i.assignees)||[],folderId:(t=e.folder)==null?void 0:t.id,productId:(d=e.product)==null?void 0:d.id}}),entityType:q}),p=(e,i)=>i==null?console.error("value is null or undefined"):Z(e,i),F=()=>{var d,U;let e,i=r.id,t=q+"Id";q==="version"&&((d=r.product)!=null&&d.id)&&(e=[r.id],i=(U=r.product)==null?void 0:U.id,t="productId"),i&&L({[t]:i,projectName:S,versionIds:e})},C=["task","version","representation"].includes(q)&&(c.length>0||q==="task"),I=j.map(e=>e);if(C){const e=j.map(t=>t.name),i=c.filter(t=>!e.includes(t));i.length&&I.push(...i.map(t=>({name:t,fullName:t})))}const{title:T,subTitle:y}=ce.buildDetailsPanelTitles(s,q);return u.jsxRuntimeExports.jsx(o.HeaderContainer,{children:u.jsxRuntimeExports.jsx(qe.EntityPanelUploader,{entities:s,entityType:q,projectName:S,onVersionCreated:e=>g==null?void 0:g(e,"version"),children:u.jsxRuntimeExports.jsxs(o.Grid,{className:x("details-panel-header",{isCompact:m}),children:[u.jsxRuntimeExports.jsxs(o.Header,{className:x("titles",{isCompact:m,loading:a},"no-shimmer"),children:[u.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[u.jsxRuntimeExports.jsx(se.StackedThumbnails,{isLoading:a,shimmer:a,thumbnails:f,onClick:f.length===1?F:void 0,hoverIcon:"play_circle"}),!M&&(r==null?void 0:r.hasReviewables)&&u.jsxRuntimeExports.jsx(de.PlayableIcon,{})]}),u.jsxRuntimeExports.jsxs(o.Content,{className:x({loading:a}),children:[u.jsxRuntimeExports.jsxs(o.Title,{children:[u.jsxRuntimeExports.jsx("h2",{children:T}),u.jsxRuntimeExports.jsx(o.TagsSelect,{ref:N,value:h.union(...A),tags:D,options:[],editable:!0,editor:!0,onChange:e=>p("tags",e),align:"right",styleDropdown:{display:a?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),u.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[u.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[h.upperFirst(q)," - "]}),u.jsxRuntimeExports.jsx("h3",{children:y})]})]})]}),u.jsxRuntimeExports.jsx(o.StatusSelect,{value:X,options:B||[],disabledValues:V,invert:!0,style:{maxWidth:"unset"},onChange:e=>p("status",e),className:x("status-select",{loading:a}),align:m?"right":"left"}),!m&&(!C||a?u.jsxRuntimeExports.jsx("div",{}):u.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:c,options:I,disabledValues:w.map(e=>e.name),isMultiple:M&&c.length>1&&q==="task",readOnly:q!=="task",emptyMessage:q==="task"?"Assign user":"",align:"right",onChange:e=>p("assignees",e),className:"assignee-select","data-tooltip":c.length?q==="task"?"Assigned users":"Author":""})),u.jsxRuntimeExports.jsx(me.Actions,{entities:s,entityType:q,entitySubTypes:O,isLoadingEntity:!!R||!!a,searchParams:W,isDeveloperMode:$,onSetSearchParams:z,onNavigate:K}),E?u.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:E,placeholder:"No priority",value:Y,onChange:e=>p("attrib",{priority:e[0]}),align:"right"}):u.jsxRuntimeExports.jsx("div",{style:{height:32}}),u.jsxRuntimeExports.jsx(le,{isLoading:a,entityType:q,className:"filters",overrides:{checklists:{label:k}},currentTab:H,onTabChange:G})]})})})};module.exports=pe;
+"use strict";const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),h=require("lodash"),x=require("clsx");require("@ynput/ayon-react-components");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");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");const ee=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");const re=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/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/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */const ie=require("../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const ue=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");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");const se=require("../../../components/Thumbnail/StackedThumbnails.cjs.js"),qe=require("../../../components/EntityPanelUploader/EntityPanelUploader.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/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/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/LinksManager/LinksManager.styled.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");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("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.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");const te=require("../../../hooks/useScopedStatuses.cjs.js"),ae=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");const oe=require("../../../hooks/useTagStyling.cjs.js");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");const le=require("../FeedFilters/FeedFilters.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),ne=require("../helpers/getThumbnails.cjs.js"),ce=require("../helpers/buildDetailsPanelTitles.cjs.js"),de=require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const me=require("../../Actions/Actions.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("../../EntityPickerDialog/EntityPickerDialog.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");const pe=({entityType:q,entitySubTypes:O,entities:s=[],disabledAssignees:w=[],users:j=[],disabledStatuses:V,tagsOptions:b=[],isFetching:R,isCompact:m=!1,currentTab:H,onTabChange:G,entityTypeIcons:v,onOpenViewer:L,onEntityFocus:g})=>{const{useSearchParams:Q,useNavigate:_,isDeveloperMode:$}=ue.useDetailsPanelContext(),K=_(),[W,z]=Q(),N=l.useRef(null),B=te.useScopedStatuses(s.map(e=>e.projectName),[q]),c=l.useMemo(()=>h.union(...s.flatMap(e=>{var i,t;return[((i=e.task)==null?void 0:i.assignees)||[],((t=e.version)==null?void 0:t.author)||[]]})),[s]);let r=s[0];const a=s.length===0||!r||R;r||(r={id:"placeholder",name:"loading...",label:"loading...",entityType:q,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const S=s.length>1||r==null?void 0:r.projectName,P=s.filter(e=>e.projectName===(r==null?void 0:r.projectName)&&e.id).map(e=>e.id),{data:n}=ee.useGetEntitiesChecklistsQuery({projectName:r==null?void 0:r.projectName,entityIds:P},{skip:!(r!=null&&r.projectName)||!P.length});let k;n!=null&&n.total&&n.total>0&&(k=`${n.checked}/${n.total}`);const{data:J}=re.useGetAttributeConfigQuery({attributeName:"priority"}),E=ie.getPriorityOptions(J,q),f=l.useMemo(()=>ne(s,q,v),[s,q,v]),X=l.useMemo(()=>s.map(e=>e.status),[s]),Y=l.useMemo(()=>s.map(e=>{var i;return(i=e.attrib)==null?void 0:i.priority}),[s]),A=l.useMemo(()=>s.map(e=>e.tags),[s]),D=l.useMemo(()=>b.reduce((e,i)=>(e[i.name]=i,e),{}),[b]);oe.useTagStyling({tagsValues:A,tagsOptionsObject:D,tagsSelectRef:N});const M=s.length>1,{updateEntity:Z}=ae.useEntityUpdate({entities:s.map(e=>{var i,t,d;return{id:e.id,projectName:e.projectName,users:((i=e.task)==null?void 0:i.assignees)||[],folderId:(t=e.folder)==null?void 0:t.id,productId:(d=e.product)==null?void 0:d.id}}),entityType:q}),p=(e,i)=>i==null?console.error("value is null or undefined"):Z(e,i),F=()=>{var d,U;let e,i=r.id,t=q+"Id";q==="version"&&((d=r.product)!=null&&d.id)&&(e=[r.id],i=(U=r.product)==null?void 0:U.id,t="productId"),i&&L({[t]:i,projectName:S,versionIds:e})},C=["task","version","representation"].includes(q)&&(c.length>0||q==="task"),I=j.map(e=>e);if(C){const e=j.map(t=>t.name),i=c.filter(t=>!e.includes(t));i.length&&I.push(...i.map(t=>({name:t,fullName:t})))}const{title:T,subTitle:y}=ce.buildDetailsPanelTitles(s,q);return u.jsxRuntimeExports.jsx(o.HeaderContainer,{children:u.jsxRuntimeExports.jsx(qe.EntityPanelUploader,{entities:s,entityType:q,projectName:S,onVersionCreated:e=>g==null?void 0:g(e,"version"),children:u.jsxRuntimeExports.jsxs(o.Grid,{className:x("details-panel-header",{isCompact:m}),children:[u.jsxRuntimeExports.jsxs(o.Header,{className:x("titles",{isCompact:m,loading:a},"no-shimmer"),children:[u.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[u.jsxRuntimeExports.jsx(se.StackedThumbnails,{isLoading:a,shimmer:a,thumbnails:f,onClick:f.length===1?F:void 0,hoverIcon:"play_circle"}),!M&&(r==null?void 0:r.hasReviewables)&&u.jsxRuntimeExports.jsx(de.PlayableIcon,{})]}),u.jsxRuntimeExports.jsxs(o.Content,{className:x({loading:a}),children:[u.jsxRuntimeExports.jsxs(o.Title,{children:[u.jsxRuntimeExports.jsx("h2",{children:T}),u.jsxRuntimeExports.jsx(o.TagsSelect,{ref:N,value:h.union(...A),tags:D,options:[],editable:!0,editor:!0,onChange:e=>p("tags",e),align:"right",styleDropdown:{display:a?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),u.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[u.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[h.upperFirst(q)," - "]}),u.jsxRuntimeExports.jsx("h3",{children:y})]})]})]}),u.jsxRuntimeExports.jsx(o.StatusSelect,{value:X,options:B||[],disabledValues:V,invert:!0,style:{maxWidth:"unset"},onChange:e=>p("status",e),className:x("status-select",{loading:a}),align:m?"right":"left"}),!m&&(!C||a?u.jsxRuntimeExports.jsx("div",{}):u.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:c,options:I,disabledValues:w.map(e=>e.name),isMultiple:M&&c.length>1&&q==="task",readOnly:q!=="task",emptyMessage:q==="task"?"Assign user":"",align:"right",onChange:e=>p("assignees",e),className:"assignee-select","data-tooltip":c.length?q==="task"?"Assigned users":"Author":""})),u.jsxRuntimeExports.jsx(me.Actions,{entities:s,entityType:q,entitySubTypes:O,isLoadingEntity:!!R||!!a,searchParams:W,isDeveloperMode:$,onSetSearchParams:z,onNavigate:K}),E?u.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:E,placeholder:"No priority",value:Y,onChange:e=>p("attrib",{priority:e[0]}),align:"right"}):u.jsxRuntimeExports.jsx("div",{style:{height:32}}),u.jsxRuntimeExports.jsx(le,{isLoading:a,entityType:q,className:"filters",overrides:{checklists:{label:k}},currentTab:H,onTabChange:G})]})})})};module.exports=pe;
 //# sourceMappingURL=DetailsPanelHeader.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate, useTagStyling } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  useTagStyling({\n    tagsValues,\n    tagsOptionsObject,\n    tagsSelectRef,\n  })\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            isDeveloperMode={isDeveloperMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","useTagStyling","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate, useTagStyling } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  useTagStyling({\n    tagsValues,\n    tagsOptionsObject,\n    tagsSelectRef,\n  })\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            isDeveloperMode={isDeveloperMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","useTagStyling","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.es.js

@@ -110,6 +110,7 @@ import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
@@ -129,7 +130,7 @@ 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/RequiredPowerpackVersion.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -228,7 +229,7 @@ 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";
-const $m = ({
+const Km = ({
   entityType: p,
   entitySubTypes: V,
   entities: m = [],
@@ -453,6 +454,6 @@ const $m = ({
   ) });
 };
 export {
-  $m as default
+  Km as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map

package/dist/shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate, useTagStyling } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  useTagStyling({\n    tagsValues,\n    tagsOptionsObject,\n    tagsSelectRef,\n  })\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            isDeveloperMode={isDeveloperMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","e","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","useTagStyling","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate, useTagStyling } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  useTagStyling({\n    tagsValues,\n    tagsOptionsObject,\n    tagsSelectRef,\n  })\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            isDeveloperMode={isDeveloperMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","e","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","useTagStyling","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAMA,KAAqB,CAAC;AAAA,EAC1B,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,mBAAAC,IAAoB,CAAC;AAAA,EACrB,OAAAC,IAAQ,CAAC;AAAA,EACT,kBAAAC;AAAA,EACA,aAAAC,IAAc,CAAC;AAAA,EACf,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACF,MAA+B;AAC7B,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,iBAAAC,EAAA,IAAoBC,GAAuB,GAC3EC,IAAWH,EAAY,GACvB,CAACI,GAAcC,CAAe,IAAIN,EAAgB,GAClDO,IAAgBC,EAAoB,IAAI,GAExCC,IAAWC;AAAA,IACftB,EAAS,IAAI,CAACuB,MAAWA,EAAO,WAAW;AAAA,IAC3C,CAACzB,CAAU;AAAA,EACb,GAGM0B,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACE,GAAG1B,EAAS,QAAQ,CAACuB,MAAW;;AAAA;AAAA,YAC9BI,IAAAJ,EAAO,SAAP,gBAAAI,EAAa,cAAa,CAAC;AAAA,YAC3BC,IAAAL,EAAO,YAAP,gBAAAK,EAAgB,WAAU,CAAA;AAAA,QAC3B;AAAA,OAAA;AAAA,IACH;AAAA,IACF,CAAC5B,CAAQ;AAAA,EACX;AAEI,MAAA6B,IAAc7B,EAAS,CAAC;AAE5B,QAAM8B,IAAY9B,EAAS,WAAW,KAAK,CAAC6B,KAAexB;AAE3D,EAAKwB,MACWA,IAAA;AAAA,IACZ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAA/B;AAAA,IACA,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM,CAAC;AAAA,IACP,gBAAgB;AAAA,IAChB,QAAQ,CAAC;AAAA,IACT,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,IAClC,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,IAClC,MAAM;AAAA,EACR;AAGF,QAAMiC,IAAc/B,EAAS,SAAS,KAAgB6B,KAAA,OAAZ,SAAYA,EAAa,aAE7DG,IAAYhC,EACf,OAAO,CAACiC,MAAMA,EAAE,iBAAgBJ,KAAA,gBAAAA,EAAa,gBAAeI,EAAE,EAAE,EAChE,IAAI,CAACV,MAAWA,EAAO,EAAE,GAGtB,EAAE,MAAMW,EAAA,IAAmBC;AAAA,IAC/B;AAAA,MACE,aAAaN,KAAA,gBAAAA,EAAa;AAAA,MAC1B,WAAAG;AAAA,IACF;AAAA,IACA,EAAE,MAAM,EAACH,KAAA,QAAAA,EAAa,gBAAe,CAACG,EAAU,OAAO;AAAA,EACzD;AACI,MAAAI;AACJ,EAAIF,KAAA,QAAAA,EAAgB,SAASA,EAAe,QAAQ,MAClDE,IAAkB,GAAGF,EAAe,OAAO,IAAIA,EAAe,KAAK;AAK/D,QAAA,EAAE,MAAMG,EAAe,IAAIC,GAA2B,EAAE,eAAe,YAAY,GACnFC,IAAaC,GAAmBH,GAAgBvC,CAAU,GAE1D2C,IAAahB;AAAA,IACjB,MAAMiB,GAAc1C,GAAUF,GAAYW,CAAe;AAAA,IACzD,CAACT,GAAUF,GAAYW,CAAe;AAAA,EACxC,GAKMkC,IAAgBlB,EAAQ,MAAMzB,EAAS,IAAI,CAAC4C,MAAMA,EAAE,MAAM,GAAG,CAAC5C,CAAQ,CAAC,GACvE6C,IAAiBpB,EAAQ,MAAMzB,EAAS,IAAI,CAAC4C,MAAM;;AAAA,YAAAjB,IAAAiB,EAAE,WAAF,gBAAAjB,EAAU;AAAA,GAAQ,GAAG,CAAC3B,CAAQ,CAAC,GAClF8C,IAAyBrB,EAAQ,MAAMzB,EAAS,IAAI,CAAC4C,MAAMA,EAAE,IAAI,GAAG,CAAC5C,CAAQ,CAAC,GAC9E+C,IAAoBtB;AAAA,IACxB,MACErB,EAAY,OAAO,CAAC4C,GAAKC,OACnBD,EAAAC,EAAI,IAAI,IAAIA,GACTD,IACN,EAAE;AAAA,IACP,CAAC5C,CAAW;AAAA,EACd;AAEc,EAAA8C,GAAA;AAAA,IACZ,YAAAJ;AAAA,IACA,mBAAAC;AAAA,IACA,eAAA5B;AAAA,EAAA,CACD;AAEK,QAAAgC,IAAanD,EAAS,SAAS,GAE/B,EAAE,cAAAoD,EAAa,IAAIC,GAAgB;AAAA,IACvC,UAAUrD,EAAS,IAAI,CAACiC,MAAO;;AAAA;AAAA,QAC7B,IAAIA,EAAE;AAAA,QACN,aAAaA,EAAE;AAAA,QACf,SAAON,IAAAM,EAAE,SAAF,gBAAAN,EAAQ,cAAa,CAAC;AAAA,QAC7B,WAAUC,IAAAK,EAAE,WAAF,gBAAAL,EAAU;AAAA,QACpB,YAAW0B,IAAArB,EAAE,YAAF,gBAAAqB,EAAW;AAAA,MAAA;AAAA,KACtB;AAAA,IACF,YAAAxD;AAAA,EAAA,CACD,GAEKyD,IAAe,CAACC,GAAeC,MAC/BA,KAAU,OAAoC,QAAQ,MAAM,4BAA4B,IACrFL,EAAaI,GAAOC,CAAK,GAG5BC,IAAuB,MAAM;;AACjC,QAAIC,GACFC,IAAK/B,EAAY,IACjBgC,IAAgB/D,IAAa;AAE/B,IAAIA,MAAe,eAAa6B,IAAAE,EAAY,YAAZ,QAAAF,EAAqB,QACtCgC,IAAA,CAAC9B,EAAY,EAAE,GAC5B+B,KAAKhC,IAAAC,EAAY,YAAZ,gBAAAD,EAAqB,IACViC,IAAA,cAGdD,KACWlD,EAAA;AAAA,MACX,CAACmD,CAAa,GAAGD;AAAA,MACjB,aAAA7B;AAAA,MACA,YAAA4B;AAAA,IAAA,CACD;AAAA,EAEL,GAEMG,IACJ,CAAC,QAAQ,WAAW,gBAAgB,EAAE,SAAShE,CAAU,MACxD0B,EAAY,SAAS,KAAK1B,MAAe,SAEtCiE,IAAe7D,EAAM,IAAI,CAAC8D,MAAMA,CAAC;AACvC,MAAIF,GAAS;AAEX,UAAMG,IAAW/D,EAAM,IAAI,CAAC8D,MAAMA,EAAE,IAAI,GAClCE,IAAa1C,EAAY,OAAO,CAACwC,MAAM,CAACC,EAAS,SAASD,CAAC,CAAC;AAClE,IAAIE,EAAW,UACbH,EAAa,KAAK,GAAGG,EAAW,IAAI,CAACF,OAAO,EAAE,MAAMA,GAAG,UAAUA,EAAE,EAAE,CAAC;AAAA,EACxE;AAIF,QAAM,EAAE,OAAAG,GAAO,UAAAC,EAAA,IAAaC,GAAwBrE,GAAUF,CAAU;AAGtE,SAAAwE,gBAAAA,MAACC,IAAA,EACC,UAAAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAAxE;AAAA,MACA,YAAAF;AAAA,MACA,aAAAiC;AAAA,MACA,kBAAkB,CAAC6B,MAAOjD,KAAA,gBAAAA,EAAgBiD,GAAI;AAAA,MAE9C,UAAAa,gBAAAA,EAAAA,KAACC,IAAA,EAAY,WAAWC,EAAK,wBAAwB,EAAE,WAAArE,GAAW,GAChE,UAAA;AAAA,QAAAmE,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAWD,EAAK,UAAU,EAAE,WAAArE,GAAW,SAASwB,KAAa,YAAY;AAAA,YAEzE,UAAA;AAAA,cAAA2C,gBAAAA,EAAA,KAAC,OAAI,EAAA,OAAO,EAAE,UAAU,WACtB,GAAA,UAAA;AAAA,gBAAAH,gBAAAA,EAAA;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,WAAA/C;AAAA,oBACA,SAASA;AAAA,oBACT,YAAAW;AAAA,oBACA,SAASA,EAAW,WAAW,IAAIiB,IAAuB;AAAA,oBAC1D,WAAW;AAAA,kBAAA;AAAA,gBACb;AAAA,gBACC,CAACP,MAActB,KAAA,gBAAAA,EAAa,yCAAmBiD,IAAa,CAAA,CAAA;AAAA,cAAA,GAC/D;AAAA,cACAL,gBAAAA,OAACM,IAAA,EAAe,WAAWJ,EAAK,EAAE,SAAS7C,GAAW,GACpD,UAAA;AAAA,gBAAC2C,gBAAAA,OAAAO,IAAA,EACC,UAAA;AAAA,kBAAAV,gBAAAA,EAAAA,IAAC,QAAI,UAAMH,EAAA,CAAA;AAAA,kBACXG,gBAAAA,EAAA;AAAA,oBAACW;AAAAA,oBAAA;AAAA,sBACC,KAAK9D;AAAA,sBACL,OAAOO,EAAM,GAAGoB,CAAU;AAAA,sBAC1B,MAAMC;AAAA,sBACN,SAAS,CAAC;AAAA,sBACV,UAAQ;AAAA,sBACR,QAAM;AAAA,sBACN,UAAU,CAACU,MAAUF,EAAa,QAAQE,CAAK;AAAA,sBAC/C,OAAM;AAAA,sBACN,eAAe,EAAE,SAAS3B,IAAY,SAAS,QAAQ;AAAA,sBACvD,WAAU;AAAA,sBACV,eAAc;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAChB,GACF;AAAA,gBACA2C,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,kBAACA,gBAAAA,EAAAA,KAAA,QAAA,EAAK,WAAU,eAAe,UAAA;AAAA,oBAAAS,GAAWpF,CAAU;AAAA,oBAAE;AAAA,kBAAA,GAAG;AAAA,kBACzDwE,gBAAAA,EAAAA,IAAC,QAAI,UAASF,EAAA,CAAA;AAAA,gBAAA,EAChB,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAE,gBAAAA,EAAA;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,OAAOxC;AAAA,YACP,SAAStB,KAAY,CAAC;AAAA,YACtB,gBAAgBlB;AAAA,YAChB,QAAM;AAAA,YACN,OAAO,EAAE,UAAU,QAAQ;AAAA,YAC3B,UAAU,CAACsD,MAAUF,EAAa,UAAUE,CAAK;AAAA,YACjD,WAAWkB,EAAK,iBAAiB,EAAE,SAAS7C,GAAW;AAAA,YACvD,OAAOxB,IAAY,UAAU;AAAA,UAAA;AAAA,QAC/B;AAAA,QACC,CAACA,MACC,CAACwD,KAAWhC,IACXwC,gBAAAA,EAAAA,IAAC,QAAI,CAAA,IAELA,gBAAAA,EAAA;AAAA,UAACc;AAAAA,UAAA;AAAA,YACC,OAAO5D;AAAA,YACP,SAASuC;AAAA,YACT,gBAAgB9D,EAAkB,IAAI,CAAC+D,MAAMA,EAAE,IAAI;AAAA,YACnD,YAAYb,KAAc3B,EAAY,SAAS,KAAK1B,MAAe;AAAA,YACnE,UAAUA,MAAe;AAAA,YACzB,cAAcA,MAAe,SAAS,gBAAgB;AAAA,YACtD,OAAM;AAAA,YACN,UAAU,CAAC2D,MAAUF,EAAa,aAAaE,CAAK;AAAA,YACpD,WAAU;AAAA,YACV,gBACEjC,EAAY,SAAU1B,MAAe,SAAS,mBAAmB,WAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAIrFwE,gBAAAA,EAAA;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,UAAArF;AAAA,YACA,YAAAF;AAAA,YACA,gBAAAC;AAAA,YACA,iBAAiB,CAAC,CAACM,KAAc,CAAC,CAACyB;AAAA,YACnC,cAAAb;AAAA,YACA,iBAAAH;AAAA,YACA,mBAAmBI;AAAA,YACnB,YAAYF;AAAA,UAAA;AAAA,QACd;AAAA,QACCuB,IACC+B,gBAAAA,EAAA;AAAA,UAACgB;AAAAA,UAAA;AAAA,YACC,SAAS/C;AAAA,YACT,aAAY;AAAA,YACZ,OAAOM;AAAA,YACP,UAAU,CAACY,MAAUF,EAAa,UAAU,EAAE,UAAUE,EAAM,CAAC,GAAG;AAAA,YAClE,OAAM;AAAA,UAAA;AAAA,QAAA,IAGPa,gBAAAA,EAAAA,IAAA,OAAA,EAAI,OAAO,EAAE,QAAQ,MAAM;AAAA,QAE9BA,gBAAAA,EAAA;AAAA,UAACiB;AAAA,UAAA;AAAA,YACC,WAAAzD;AAAA,YACA,YAAAhC;AAAA,YACA,WAAU;AAAA,YACV,WAAW;AAAA,cACT,YAAY;AAAA,gBACV,OAAOsC;AAAA,cAAA;AAAA,YAEX;AAAA,YACA,YAAA7B;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),P=require("./DetailsPanelSlideOut.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/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/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");const S=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");const y=require("../DetailsPanel.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const n=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");const D=({projectsInfo:o,scope:l})=>{const{slideOut:a,onOpenViewer:r}=n.useDetailsPanelContext(),{entityType:i,entityId:u,projectName:e}=a||{},c=!!i&&!!u&&!!e,{data:q}=S.useGetUsersAssigneeQuery({projectName:e},{skip:!e}),t=o[e||""]||{},{tags:d=[]}=t,{closeSlideOut:p}=n.useDetailsPanelContext(),j=()=>p(),O=x=>r==null?void 0:r(x);return c?s.jsxRuntimeExports.jsx(P.SlideOut,{children:s.jsxRuntimeExports.jsx(y.DetailsPanel,{entityType:i,entitySubTypes:[],entities:[{id:u,projectName:e}],projectsInfo:{[e]:t},projectNames:[e],tagsOptions:d,projectUsers:q,activeProjectUsers:q,isSlideOut:!0,scope:l,onClose:j,onOpenViewer:O})}):null};exports.DetailsPanelSlideOut=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),P=require("./DetailsPanelSlideOut.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/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/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");const S=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");const y=require("../DetailsPanel.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const n=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const D=({projectsInfo:o,scope:l})=>{const{slideOut:a,onOpenViewer:r}=n.useDetailsPanelContext(),{entityType:i,entityId:u,projectName:e}=a||{},c=!!i&&!!u&&!!e,{data:q}=S.useGetUsersAssigneeQuery({projectName:e},{skip:!e}),t=o[e||""]||{},{tags:d=[]}=t,{closeSlideOut:p}=n.useDetailsPanelContext(),j=()=>p(),O=x=>r==null?void 0:r(x);return c?s.jsxRuntimeExports.jsx(P.SlideOut,{children:s.jsxRuntimeExports.jsx(y.DetailsPanel,{entityType:i,entitySubTypes:[],entities:[{id:u,projectName:e}],projectsInfo:{[e]:t},projectNames:[e],tagsOptions:d,projectUsers:q,activeProjectUsers:q,isSlideOut:!0,scope:l,onClose:j,onOpenViewer:O})}):null};exports.DetailsPanelSlideOut=D;
 //# sourceMappingURL=DetailsPanelSlideOut.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"8uKAWO,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,MAAAC,KAAuC,CAC1F,KAAM,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAIC,yBAAuB,EACpD,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,CAAY,EAAIL,GAAY,CAAC,EACrDM,EAAiB,CAAC,CAACH,GAAc,CAAC,CAACC,GAAY,CAAC,CAACC,EAEjD,CAAE,KAAME,CAAM,EAAIC,EAAyB,yBAAA,CAAE,YAAAH,CAAY,EAAG,CAAE,KAAM,CAACA,EAAa,EAElFI,EAAcX,EAAaO,GAAe,EAAE,GAAK,CAAC,EAClD,CAAE,KAAAK,EAAO,CAAC,CAAA,EAAMD,EAEhB,CAAE,cAAAE,CAAc,EAAIT,yBAAuB,EAC3CU,EAAc,IAAMD,EAAc,EAClCE,EAAoBC,GAAcb,GAAA,YAAAA,EAAea,GAEnD,OAACR,EAEHS,wBAACC,EAAAA,SAAA,CACC,SAAAD,EAAA,kBAAA,IAACE,EAAA,aAAA,CACC,WAAAd,EACA,eAAgB,CAAC,EACjB,SAAU,CAAC,CAAE,GAAIC,EAAU,YAAAC,EAAa,EACxC,aAAc,CAAE,CAACA,CAAW,EAAGI,CAAY,EAC3C,aAAc,CAACJ,CAAW,EAC1B,YAAaK,EACb,aAAcH,EACd,mBAAoBA,EACpB,WAAU,GACV,MAAAR,EACA,QAASa,EACT,aAAcC,CAAA,CAAA,EAElB,EAjB0B,IAmB9B"}
+{"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"kyKAWO,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,MAAAC,KAAuC,CAC1F,KAAM,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAIC,yBAAuB,EACpD,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,CAAY,EAAIL,GAAY,CAAC,EACrDM,EAAiB,CAAC,CAACH,GAAc,CAAC,CAACC,GAAY,CAAC,CAACC,EAEjD,CAAE,KAAME,CAAM,EAAIC,EAAyB,yBAAA,CAAE,YAAAH,CAAY,EAAG,CAAE,KAAM,CAACA,EAAa,EAElFI,EAAcX,EAAaO,GAAe,EAAE,GAAK,CAAC,EAClD,CAAE,KAAAK,EAAO,CAAC,CAAA,EAAMD,EAEhB,CAAE,cAAAE,CAAc,EAAIT,yBAAuB,EAC3CU,EAAc,IAAMD,EAAc,EAClCE,EAAoBC,GAAcb,GAAA,YAAAA,EAAea,GAEnD,OAACR,EAEHS,wBAACC,EAAAA,SAAA,CACC,SAAAD,EAAA,kBAAA,IAACE,EAAA,aAAA,CACC,WAAAd,EACA,eAAgB,CAAC,EACjB,SAAU,CAAC,CAAE,GAAIC,EAAU,YAAAC,EAAa,EACxC,aAAc,CAAE,CAACA,CAAW,EAAGI,CAAY,EAC3C,aAAc,CAACJ,CAAW,EAC1B,YAAaK,EACb,aAAcH,EACd,mBAAoBA,EACpB,WAAU,GACV,MAAAR,EACA,QAASa,EACT,aAAcC,CAAA,CAAA,EAElB,EAjB0B,IAmB9B"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js

@@ -94,7 +94,8 @@ import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
-const no = ({ projectsInfo: n, scope: l }) => {
+import "../../../context/WebsocketContext.es.js";
+const lo = ({ projectsInfo: n, scope: l }) => {
   const { slideOut: c, onOpenViewer: o } = s(), { entityType: i, entityId: r, projectName: t } = c || {}, a = !!i && !!r && !!t, { data: p } = y({ projectName: t }, { skip: !t }), m = n[t || ""] || {}, { tags: u = [] } = m, { closeSlideOut: d } = s(), j = () => d(), O = (f) => o == null ? void 0 : o(f);
   return a ? /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(
     S,
@@ -115,6 +116,6 @@ const no = ({ projectsInfo: n, scope: l }) => {
   ) }) : null;
 };
 export {
-  no as DetailsPanelSlideOut
+  lo as DetailsPanelSlideOut
 };
 //# sourceMappingURL=DetailsPanelSlideOut.es.js.map

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAa,IAAIC,EAAuB,GACpD,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAY,IAAIL,KAAY,CAAC,GACrDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAM,IAAIC,EAAyB,EAAE,aAAAH,EAAY,GAAG,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAC,GAClD,EAAE,MAAAK,IAAO,CAAC,EAAA,IAAMD,GAEhB,EAAE,eAAAE,EAAc,IAAIT,EAAuB,GAC3CU,IAAc,MAAMD,EAAc,GAClCE,IAAmB,CAACC,MAAcb,KAAA,gBAAAA,EAAea;AAEnD,SAACR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAY;AAAA,MAC3C,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAjB0B;AAmB9B;"}
+{"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAa,IAAIC,EAAuB,GACpD,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAY,IAAIL,KAAY,CAAC,GACrDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAM,IAAIC,EAAyB,EAAE,aAAAH,EAAY,GAAG,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAC,GAClD,EAAE,MAAAK,IAAO,CAAC,EAAA,IAAMD,GAEhB,EAAE,eAAAE,EAAc,IAAIT,EAAuB,GAC3CU,IAAc,MAAMD,EAAc,GAClCE,IAAmB,CAACC,MAAcb,KAAA,gBAAAA,EAAea;AAEnD,SAACR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAY;AAAA,MAC3C,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAjB0B;AAmB9B;"}

package/dist/shared/src/containers/DetailsPanel/FeedContextWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const F=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("react");require("react-dom");const j=require("../Feed/context/FeedContext.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const N=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");const R=({children:i,scope:u="dashboard",entities:q,entityType:t,projectName:n,projectInfo:s,annotations:o,removeAnnotation:a,exportAnnotationComposite:c,...d})=>{var r;const l={annotations:o,removeAnnotation:a,exportAnnotationComposite:c},{user:e}=N.useDetailsPanelContext(),x=(e==null?void 0:e.name)??"",m=((r=e==null?void 0:e.attrib)==null?void 0:r.fullName)??"",[p,C]=P.useState(null);return F.jsxRuntimeExports.jsx(j.FeedProvider,{scope:u,entities:q,projectName:n,entityType:t,projectInfo:s,userName:x,userFullName:m,...l,editingId:p,setEditingId:C,...d,children:i})};module.exports=R;
+"use strict";const F=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("react");require("react-dom");const j=require("../Feed/context/FeedContext.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const N=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");const R=({children:i,scope:u="dashboard",entities:q,entityType:t,projectName:n,projectInfo:s,annotations:o,removeAnnotation:a,exportAnnotationComposite:c,...d})=>{var r;const l={annotations:o,removeAnnotation:a,exportAnnotationComposite:c},{user:e}=N.useDetailsPanelContext(),x=(e==null?void 0:e.name)??"",m=((r=e==null?void 0:e.attrib)==null?void 0:r.fullName)??"",[p,C]=P.useState(null);return F.jsxRuntimeExports.jsx(j.FeedProvider,{scope:u,entities:q,projectName:n,entityType:t,projectInfo:s,userName:x,userFullName:m,...l,editingId:p,setEditingId:C,...d,children:i})};module.exports=R;
 //# sourceMappingURL=FeedContextWrapper.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/FeedContextWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContextWrapper.cjs.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n  children: ReactNode\n  entities: any[]\n  activeUsers: any[]\n  projectInfo: any\n  projectName: string\n  entityType: string\n  disabled: boolean\n  readOnly: boolean\n  statuses: Status[]\n  scope?: string\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n  children,\n  scope = 'dashboard',\n  entities,\n  entityType,\n  projectName,\n  projectInfo,\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  ...props\n}) => {\n  const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n  const { user } = useDetailsPanelContext()\n\n  const userName = user?.name ?? ''\n  const userFullName = user?.attrib?.fullName ?? ''\n\n  const [editingId, setEditingId] = useState<EditingState>(null)\n\n  return (\n    <FeedProvider\n      {...{\n        scope,\n        entities,\n        projectName,\n        entityType,\n        projectInfo,\n        userName,\n        userFullName,\n      }}\n      {...annotationsProps}\n      {...{ editingId, setEditingId }}\n      {...props}\n    >\n      {children}\n    </FeedProvider>\n  )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":"g0FAuBA,MAAMA,EAAkD,CAAC,CACvD,SAAAC,EACA,MAAAC,EAAQ,YACR,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,OACJ,MAAMC,EAAmB,CAAE,YAAAJ,EAAa,iBAAAC,EAAkB,0BAAAC,CAA0B,EAE9E,CAAE,KAAAG,CAAK,EAAIC,yBAAuB,EAElCC,GAAWF,GAAA,YAAAA,EAAM,OAAQ,GACzBG,IAAeC,EAAAJ,GAAA,YAAAA,EAAM,SAAN,YAAAI,EAAc,WAAY,GAEzC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAuB,IAAI,EAG3D,OAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CAEG,MAAAnB,EACA,SAAAC,EACA,YAAAE,EACA,WAAAD,EACA,YAAAE,EACA,SAAAQ,EACA,aAAAC,EAED,GAAGJ,EACE,UAAAM,EAAW,aAAAC,EAChB,GAAGR,EAEH,SAAAT,CAAA,CACH,CAEJ"}
+{"version":3,"file":"FeedContextWrapper.cjs.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n  children: ReactNode\n  entities: any[]\n  activeUsers: any[]\n  projectInfo: any\n  projectName: string\n  entityType: string\n  disabled: boolean\n  readOnly: boolean\n  statuses: Status[]\n  scope?: string\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n  children,\n  scope = 'dashboard',\n  entities,\n  entityType,\n  projectName,\n  projectInfo,\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  ...props\n}) => {\n  const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n  const { user } = useDetailsPanelContext()\n\n  const userName = user?.name ?? ''\n  const userFullName = user?.attrib?.fullName ?? ''\n\n  const [editingId, setEditingId] = useState<EditingState>(null)\n\n  return (\n    <FeedProvider\n      {...{\n        scope,\n        entities,\n        projectName,\n        entityType,\n        projectInfo,\n        userName,\n        userFullName,\n      }}\n      {...annotationsProps}\n      {...{ editingId, setEditingId }}\n      {...props}\n    >\n      {children}\n    </FeedProvider>\n  )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":"i3FAuBA,MAAMA,EAAkD,CAAC,CACvD,SAAAC,EACA,MAAAC,EAAQ,YACR,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,OACJ,MAAMC,EAAmB,CAAE,YAAAJ,EAAa,iBAAAC,EAAkB,0BAAAC,CAA0B,EAE9E,CAAE,KAAAG,CAAK,EAAIC,yBAAuB,EAElCC,GAAWF,GAAA,YAAAA,EAAM,OAAQ,GACzBG,IAAeC,EAAAJ,GAAA,YAAAA,EAAM,SAAN,YAAAI,EAAc,WAAY,GAEzC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAuB,IAAI,EAG3D,OAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CAEG,MAAAnB,EACA,SAAAC,EACA,YAAAE,EACA,WAAAD,EACA,YAAAE,EACA,SAAAQ,EACA,aAAAC,EAED,GAAGJ,EACE,UAAAM,EAAW,aAAAC,EAChB,GAAGR,EAEH,SAAAT,CAAA,CACH,CAEJ"}

package/dist/shared/src/containers/DetailsPanel/FeedContextWrapper.es.js

@@ -32,6 +32,7 @@ import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -51,7 +52,7 @@ import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-const bt = ({
+const gt = ({
   children: r,
   scope: i = "dashboard",
   entities: m,
@@ -84,6 +85,6 @@ const bt = ({
   );
 };
 export {
-  bt as default
+  gt as default
 };
 //# sourceMappingURL=FeedContextWrapper.es.js.map

package/dist/shared/src/containers/DetailsPanel/FeedContextWrapper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContextWrapper.es.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n  children: ReactNode\n  entities: any[]\n  activeUsers: any[]\n  projectInfo: any\n  projectName: string\n  entityType: string\n  disabled: boolean\n  readOnly: boolean\n  statuses: Status[]\n  scope?: string\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n  children,\n  scope = 'dashboard',\n  entities,\n  entityType,\n  projectName,\n  projectInfo,\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  ...props\n}) => {\n  const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n  const { user } = useDetailsPanelContext()\n\n  const userName = user?.name ?? ''\n  const userFullName = user?.attrib?.fullName ?? ''\n\n  const [editingId, setEditingId] = useState<EditingState>(null)\n\n  return (\n    <FeedProvider\n      {...{\n        scope,\n        entities,\n        projectName,\n        entityType,\n        projectInfo,\n        userName,\n        userFullName,\n      }}\n      {...annotationsProps}\n      {...{ editingId, setEditingId }}\n      {...props}\n    >\n      {children}\n    </FeedProvider>\n  )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,KAAkD,CAAC;AAAA,EACvD,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,GAAGC;AACL,MAAM;;AACJ,QAAMC,IAAmB,EAAE,aAAAJ,GAAa,kBAAAC,GAAkB,2BAAAC,EAA0B,GAE9E,EAAE,MAAAG,EAAK,IAAIC,EAAuB,GAElCC,KAAWF,KAAA,gBAAAA,EAAM,SAAQ,IACzBG,MAAeC,IAAAJ,KAAA,gBAAAA,EAAM,WAAN,gBAAAI,EAAc,aAAY,IAEzC,CAACC,GAAWC,CAAY,IAAIC,EAAuB,IAAI;AAG3D,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,aAAAE;AAAA,MACA,YAAAD;AAAA,MACA,aAAAE;AAAA,MACA,UAAAQ;AAAA,MACA,cAAAC;AAAA,MAED,GAAGJ;AAAA,MACE,WAAAM;AAAA,MAAW,cAAAC;AAAA,MAChB,GAAGR;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"FeedContextWrapper.es.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n  children: ReactNode\n  entities: any[]\n  activeUsers: any[]\n  projectInfo: any\n  projectName: string\n  entityType: string\n  disabled: boolean\n  readOnly: boolean\n  statuses: Status[]\n  scope?: string\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n  children,\n  scope = 'dashboard',\n  entities,\n  entityType,\n  projectName,\n  projectInfo,\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  ...props\n}) => {\n  const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n  const { user } = useDetailsPanelContext()\n\n  const userName = user?.name ?? ''\n  const userFullName = user?.attrib?.fullName ?? ''\n\n  const [editingId, setEditingId] = useState<EditingState>(null)\n\n  return (\n    <FeedProvider\n      {...{\n        scope,\n        entities,\n        projectName,\n        entityType,\n        projectInfo,\n        userName,\n        userFullName,\n      }}\n      {...annotationsProps}\n      {...{ editingId, setEditingId }}\n      {...props}\n    >\n      {children}\n    </FeedProvider>\n  )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,KAAkD,CAAC;AAAA,EACvD,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,GAAGC;AACL,MAAM;;AACJ,QAAMC,IAAmB,EAAE,aAAAJ,GAAa,kBAAAC,GAAkB,2BAAAC,EAA0B,GAE9E,EAAE,MAAAG,EAAK,IAAIC,EAAuB,GAElCC,KAAWF,KAAA,gBAAAA,EAAM,SAAQ,IACzBG,MAAeC,IAAAJ,KAAA,gBAAAA,EAAM,WAAN,gBAAAI,EAAc,aAAY,IAEzC,CAACC,GAAWC,CAAY,IAAIC,EAAuB,IAAI;AAG3D,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,aAAAE;AAAA,MACA,YAAAD;AAAA,MACA,aAAAE;AAAA,MACA,UAAAQ;AAAA,MACA,cAAAC;AAAA,MAED,GAAGJ;AAAA,MACE,WAAAM;AAAA,MAAW,cAAAC;AAAA,MAChB,GAAGR;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/shared/src/containers/DetailsPanel/FeedWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),F=require("react"),R=require("../Feed/components/ActivityReferenceTooltip/ActivityReferenceTooltip.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("clsx");require("@ynput/ayon-react-components");const E=require("../Feed/Feed.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");const P=require("../Feed/context/FeedContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const C=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");const N=({scope:u="dashboard",entities:s,entityType:n,projectName:o,projectInfo:q,annotations:c,removeAnnotation:a,exportAnnotationComposite:x,...r})=>{var i;const d={annotations:c,removeAnnotation:a,exportAnnotationComposite:x},{user:t}=C.useDetailsPanelContext(),l=t.name||"",m=((i=t.attrib)==null?void 0:i.fullName)||"",[j,p]=F.useState(null);return e.jsxRuntimeExports.jsxs(P.FeedProvider,{scope:u,entities:s,projectName:o,entityType:n,projectInfo:q,userName:l,userFullName:m,...d,editingId:j,setEditingId:p,...r,children:[e.jsxRuntimeExports.jsx(E.Feed,{...r}),e.jsxRuntimeExports.jsx(R,{})]})};module.exports=N;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),F=require("react"),R=require("../Feed/components/ActivityReferenceTooltip/ActivityReferenceTooltip.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("clsx");require("@ynput/ayon-react-components");const E=require("../Feed/Feed.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");const P=require("../Feed/context/FeedContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const C=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const N=({scope:u="dashboard",entities:s,entityType:n,projectName:o,projectInfo:q,annotations:c,removeAnnotation:a,exportAnnotationComposite:x,...r})=>{var i;const d={annotations:c,removeAnnotation:a,exportAnnotationComposite:x},{user:t}=C.useDetailsPanelContext(),l=t.name||"",m=((i=t.attrib)==null?void 0:i.fullName)||"",[j,p]=F.useState(null);return e.jsxRuntimeExports.jsxs(P.FeedProvider,{scope:u,entities:s,projectName:o,entityType:n,projectInfo:q,userName:l,userFullName:m,...d,editingId:j,setEditingId:p,...r,children:[e.jsxRuntimeExports.jsx(E.Feed,{...r}),e.jsxRuntimeExports.jsx(R,{})]})};module.exports=N;
 //# sourceMappingURL=FeedWrapper.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/FeedWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedWrapper.cjs.js","sources":["../../../../../src/containers/DetailsPanel/FeedWrapper.tsx"],"sourcesContent":["import { FC, useState } from 'react'\n\nimport { Feed, ActivityReferenceTooltip, FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedWrapperProps {\n  entities: any[]\n  activeUsers: any[]\n  projectInfo: any\n  projectName: string\n  entityType: string\n  disabled: boolean\n  readOnly: boolean\n  statuses: Status[]\n  scope: string\n  entityListId?: string\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n}\n\n// forwards any props\nconst FeedWrapper: FC<FeedWrapperProps> = ({\n  scope = 'dashboard',\n  entities,\n  entityType,\n  projectName,\n  projectInfo,\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  ...props\n}) => {\n  const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n  const { user } = useDetailsPanelContext()\n\n  const userName = user.name || ''\n  const userFullName = user.attrib?.fullName || ''\n\n  const [editingId, setEditingId] = useState<EditingState>(null)\n\n  return (\n    <FeedProvider\n      {...{\n        scope,\n        entities,\n        projectName,\n        entityType,\n        projectInfo,\n        userName,\n        userFullName,\n      }}\n      {...annotationsProps}\n      {...{ editingId, setEditingId }}\n      {...props}\n    >\n      <Feed {...props} />\n      <ActivityReferenceTooltip />\n    </FeedProvider>\n  )\n}\n\nexport default FeedWrapper\n"],"names":["FeedWrapper","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsxs","FeedProvider","jsx","Feed","ActivityReferenceTooltip"],"mappings":"8wCAwBA,MAAMA,EAAoC,CAAC,CACzC,MAAAC,EAAQ,YACR,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,OACJ,MAAMC,EAAmB,CAAE,YAAAJ,EAAa,iBAAAC,EAAkB,0BAAAC,CAA0B,EAE9E,CAAE,KAAAG,CAAK,EAAIC,yBAAuB,EAElCC,EAAWF,EAAK,MAAQ,GACxBG,IAAeC,EAAAJ,EAAK,SAAL,YAAAI,EAAa,WAAY,GAExC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAuB,IAAI,EAG3D,OAAAC,EAAA,kBAAA,KAACC,EAAA,aAAA,CAEG,MAAAnB,EACA,SAAAC,EACA,YAAAE,EACA,WAAAD,EACA,YAAAE,EACA,SAAAQ,EACA,aAAAC,EAED,GAAGJ,EACE,UAAAM,EAAW,aAAAC,EAChB,GAAGR,EAEJ,SAAA,CAACY,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAM,GAAGb,EAAO,0BAChBc,EAAyB,CAAA,CAAA,CAAA,CAAA,CAC5B,CAEJ"}
+{"version":3,"file":"FeedWrapper.cjs.js","sources":["../../../../../src/containers/DetailsPanel/FeedWrapper.tsx"],"sourcesContent":["import { FC, useState } from 'react'\n\nimport { Feed, ActivityReferenceTooltip, FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedWrapperProps {\n  entities: any[]\n  activeUsers: any[]\n  projectInfo: any\n  projectName: string\n  entityType: string\n  disabled: boolean\n  readOnly: boolean\n  statuses: Status[]\n  scope: string\n  entityListId?: string\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n}\n\n// forwards any props\nconst FeedWrapper: FC<FeedWrapperProps> = ({\n  scope = 'dashboard',\n  entities,\n  entityType,\n  projectName,\n  projectInfo,\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  ...props\n}) => {\n  const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n  const { user } = useDetailsPanelContext()\n\n  const userName = user.name || ''\n  const userFullName = user.attrib?.fullName || ''\n\n  const [editingId, setEditingId] = useState<EditingState>(null)\n\n  return (\n    <FeedProvider\n      {...{\n        scope,\n        entities,\n        projectName,\n        entityType,\n        projectInfo,\n        userName,\n        userFullName,\n      }}\n      {...annotationsProps}\n      {...{ editingId, setEditingId }}\n      {...props}\n    >\n      <Feed {...props} />\n      <ActivityReferenceTooltip />\n    </FeedProvider>\n  )\n}\n\nexport default FeedWrapper\n"],"names":["FeedWrapper","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsxs","FeedProvider","jsx","Feed","ActivityReferenceTooltip"],"mappings":"+zCAwBA,MAAMA,EAAoC,CAAC,CACzC,MAAAC,EAAQ,YACR,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,OACJ,MAAMC,EAAmB,CAAE,YAAAJ,EAAa,iBAAAC,EAAkB,0BAAAC,CAA0B,EAE9E,CAAE,KAAAG,CAAK,EAAIC,yBAAuB,EAElCC,EAAWF,EAAK,MAAQ,GACxBG,IAAeC,EAAAJ,EAAK,SAAL,YAAAI,EAAa,WAAY,GAExC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAuB,IAAI,EAG3D,OAAAC,EAAA,kBAAA,KAACC,EAAA,aAAA,CAEG,MAAAnB,EACA,SAAAC,EACA,YAAAE,EACA,WAAAD,EACA,YAAAE,EACA,SAAAQ,EACA,aAAAC,EAED,GAAGJ,EACE,UAAAM,EAAW,aAAAC,EAChB,GAAGR,EAEJ,SAAA,CAACY,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAM,GAAGb,EAAO,0BAChBc,EAAyB,CAAA,CAAA,CAAA,CAAA,CAC5B,CAEJ"}