@ynput/ayon-frontend-shared 0.2.32 → 0.2.33

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),c=require("./DetailsPanelFloating.styled.cjs.js"),M=require("../helpers/getThumbnails.cjs.js"),P=require("@ynput/ayon-react-components");require("clsx");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");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/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");const I=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");const E=require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.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 C=require("../../../util/productTypes.cjs.js"),N=require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const U=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");const _=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 O=require("../../../components/Thumbnail/StackedThumbnails.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/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("../../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("../../../components/LinksManager/LinksManager.styled.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");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");require("../FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");const G=require("../helpers/buildDetailsPanelTitles.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");const Q=require("../helpers/getAllProjectsStatuses.cjs.js"),W=require("../FeedWrapper.cjs.js"),w=require("../helpers/mergeProjectInfo.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/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("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");const b=()=>{const{pip:q}=U.useDetailsPanelContext(),s=q==null?void 0:q.entityType,x=(q==null?void 0:q.entities)||[],f=(q==null?void 0:q.scope)||"",d=x.length>0&&!!s,o=x.map(e=>e.projectName),{data:p=[]}=E.useGetKanbanProjectUsersQuery({projects:o},{skip:!d}),{data:a={},isFetching:T}=E.useGetProjectsInfoQuery({projects:o},{skip:!d}),h=l.useMemo(()=>Q(a,o),[a,o]),{data:t=[],isFetching:y}=I.useGetEntitiesDetailsPanelQuery({entityType:s,entities:x},{skip:!d||T}),j=l.useMemo(()=>w(a,o),[a,o]),D=l.useMemo(()=>({task:j.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:j.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:Object.entries(C).reduce((e,[i,m])=>({...e,[i]:m.icon}),{})}),[j]),F=l.useMemo(()=>s?M(t,s,D):[],[t,s]),k=l.useMemo(()=>p.filter(e=>t.some(i=>{var m,R;return(R=(m=i==null?void 0:i.task)==null?void 0:m.assignees)==null?void 0:R.includes(e.name)})).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[p,x]),u=t[0];if(!t.length||!u)return null;if(y)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const g=u==null?void 0:u.projectName,n=t.some(e=>(e==null?void 0:e.status)!==(u==null?void 0:u.status))?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:h.find(e=>e.name===(u==null?void 0:u.status))||{icon:"",color:"",name:"None"};if(!s)return null;const{title:S,subTitle:v}=G.buildDetailsPanelTitles(t,s);return r.jsxRuntimeExports.jsx(_.PiPWrapper,{children:r.jsxRuntimeExports.jsxs(c.Container,{children:[r.jsxRuntimeExports.jsxs(c.Header,{children:[r.jsxRuntimeExports.jsx(O.StackedThumbnails,{thumbnails:F}),r.jsxRuntimeExports.jsxs(c.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:S}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[N.upperFirst(s)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:v})]})]})]}),r.jsxRuntimeExports.jsxs(c.Row,{children:[r.jsxRuntimeExports.jsxs(c.Status,{style:{backgroundColor:n==null?void 0:n.color},children:[r.jsxRuntimeExports.jsx(P.Icon,{icon:n.icon||"question_mark"}),r.jsxRuntimeExports.jsx("span",{className:"label",children:n==null?void 0:n.name})]}),r.jsxRuntimeExports.jsx(P.AssigneeField,{users:k,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(c.FeedContainer,{children:r.jsxRuntimeExports.jsx(W,{entityType:s,entities:t,activeUsers:[],projectInfo:a[g],projectName:g,isMultiProjects:!1,scope:f,readOnly:!0,statuses:h})})]})})};exports.DetailsPanelFloating=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),c=require("./DetailsPanelFloating.styled.cjs.js"),C=require("../helpers/getThumbnails.cjs.js"),R=require("@ynput/ayon-react-components");require("clsx");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");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");const I=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");const E=require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.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 N=require("../../../util/productTypes.cjs.js"),U=require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const _=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");const w=require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");const O=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 G=require("../../../components/Thumbnail/StackedThumbnails.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("../../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("../../../components/LinksManager/LinksManager.styled.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");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");require("../FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");const Q=require("../helpers/buildDetailsPanelTitles.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");const W=require("../helpers/getAllProjectsStatuses.cjs.js"),L=require("../FeedWrapper.cjs.js"),H=require("../helpers/mergeProjectInfo.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/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("../../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 b=()=>{const{powerLicense:f}=O.usePowerpack(),{pip:q}=_.useDetailsPanelContext(),s=q==null?void 0:q.entityType,x=(q==null?void 0:q.entities)||[],T=(q==null?void 0:q.scope)||"",d=x.length>0&&!!s,o=x.map(e=>e.projectName),{data:p=[]}=E.useGetKanbanProjectUsersQuery({projects:o},{skip:!d}),{data:a={},isFetching:k}=E.useGetProjectsInfoQuery({projects:o},{skip:!d}),h=l.useMemo(()=>W(a,o),[a,o]),{data:t=[],isFetching:y}=I.useGetEntitiesDetailsPanelQuery({entityType:s,entities:x},{skip:!d||k}),j=l.useMemo(()=>H(a,o),[a,o]),D=l.useMemo(()=>({task:j.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:j.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:Object.entries(N).reduce((e,[i,m])=>({...e,[i]:m.icon}),{})}),[j]),F=l.useMemo(()=>s?C(t,s,D):[],[t,s]),S=l.useMemo(()=>p.filter(e=>t.some(i=>{var m,P;return(P=(m=i==null?void 0:i.task)==null?void 0:m.assignees)==null?void 0:P.includes(e.name)})).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[p,x]),u=t[0];if(!t.length||!u)return null;if(y)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const g=u==null?void 0:u.projectName,n=t.some(e=>(e==null?void 0:e.status)!==(u==null?void 0:u.status))?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:h.find(e=>e.name===(u==null?void 0:u.status))||{icon:"",color:"",name:"None"};if(!s)return null;const{title:v,subTitle:M}=Q.buildDetailsPanelTitles(t,s);return r.jsxRuntimeExports.jsx(w.PiPWrapper,{children:r.jsxRuntimeExports.jsxs(c.Container,{children:[r.jsxRuntimeExports.jsxs(c.Header,{children:[r.jsxRuntimeExports.jsx(G.StackedThumbnails,{thumbnails:F}),r.jsxRuntimeExports.jsxs(c.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:v}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[U.upperFirst(s)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:M})]})]})]}),r.jsxRuntimeExports.jsxs(c.Row,{children:[r.jsxRuntimeExports.jsxs(c.Status,{style:{backgroundColor:n==null?void 0:n.color},children:[r.jsxRuntimeExports.jsx(R.Icon,{icon:n.icon||"question_mark"}),r.jsxRuntimeExports.jsx("span",{className:"label",children:n==null?void 0:n.name})]}),r.jsxRuntimeExports.jsx(R.AssigneeField,{users:S,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(c.FeedContainer,{children:r.jsxRuntimeExports.jsx(L,{entityType:s,entities:t,activeUsers:[],projectInfo:a[g],projectName:g,isMultiProjects:!1,scope:T,readOnly:!0,statuses:h,license:f})})]})})};exports.DetailsPanelFloating=b;exports.default=b;
 //# sourceMappingURL=DetailsPanelFloating.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","thumbnails","getThumbnails","users","u","e","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, usePowerpack } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\n  const { powerLicense } = usePowerpack()\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n            license={powerLicense}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","powerLicense","usePowerpack","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","thumbnails","getThumbnails","users","u","e","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"+taAkBO,MAAMA,EAAsD,IAAM,CAEjE,KAAA,CAAE,aAAAC,CAAa,EAAIC,eAAa,EAChC,CAAE,IAAAC,CAAI,EAAIC,yBAAuB,EACjCC,EAAaF,GAAA,YAAAA,EAAK,WAClBG,GAAWH,GAAA,YAAAA,EAAK,WAAY,CAAC,EAC7BI,GAAQJ,GAAA,YAAAA,EAAK,QAAS,GACtBK,EAASF,EAAS,OAAS,GAAK,CAAC,CAACD,EAElCI,EAAqBH,EAAS,IAAK,GAAW,EAAE,WAAW,EAE3D,CAAE,KAAMI,EAAW,CAAA,GAAOC,EAAAA,8BAA8B,CAAE,SAAAF,GAAY,CAAE,KAAM,CAACD,EAAQ,EAEvF,CAAE,KAAMI,EAAe,CAAI,EAAA,WAAYC,GAAmBC,EAAA,wBAC9D,CACE,SAAAL,CACF,EACA,CAAE,KAAM,CAACD,CAAO,CAClB,EAGMO,EAAWC,EAAA,QACf,IAAMC,EAAsBL,EAAcH,CAAQ,EAClD,CAACG,EAAcH,CAAQ,CACzB,EAEM,CAAE,KAAMS,EAAe,CAAI,EAAA,WAAYC,GAC3CC,EAAA,gCAEE,CAAE,WAAAf,EAAwB,SAAAC,CAAmB,EAC7C,CACE,KAAM,CAACE,GAAUK,CAAA,CAErB,EAGIQ,EAAcL,EAAA,QAClB,IAAMM,EAAiBV,EAAcH,CAAQ,EAC7C,CAACG,EAAcH,CAAQ,CACzB,EAGMc,EAAkBP,EAAA,QACtB,KAAO,CACL,KAAMK,EAAY,UACf,OAAQG,GAAS,CAAC,CAACA,EAAK,IAAI,EAC5B,OAAO,CAACC,EAAKD,KAAU,CAAE,GAAGC,EAAK,CAACD,EAAK,IAAI,EAAGA,EAAK,OAAS,EAAE,EACjE,OAAQH,EAAY,YACjB,OAAQK,GAAW,CAAC,CAACA,EAAO,IAAI,EAChC,OAAO,CAACD,EAAKC,KAAY,CAAE,GAAGD,EAAK,CAACC,EAAO,IAAI,EAAGA,EAAO,OAAS,EAAE,EACvE,QAAS,OAAO,QAAQC,CAAY,EAAE,OACpC,CAACF,EAAK,CAACG,EAAKC,CAAO,KAAO,CAAE,GAAGJ,EAAK,CAACG,CAAG,EAAGC,EAAQ,OACnD,CAAA,CAAC,CACH,GAEF,CAACR,CAAW,CACd,EAEMS,EAAad,EAAA,QACjB,IAAOX,EAAa0B,EAAcb,EAAcb,EAAYkB,CAAe,EAAI,CAAC,EAChF,CAACL,EAAcb,CAAU,CAC3B,EAGM2B,EAAQhB,EAAAA,QAAQ,IACbN,EACJ,OAAQuB,GAAMf,EAAa,KAAMgB,GAAA,SAAM,OAAAC,GAAAC,EAAAF,GAAA,YAAAA,EAAG,OAAH,YAAAE,EAAS,YAAT,YAAAD,EAAoB,SAASF,EAAE,MAAK,CAAC,EAC5E,IAAKA,IAAO,CAAE,GAAGA,EAAG,UAAW,cAAcA,EAAE,IAAI,SAAY,EAAA,EACjE,CAACvB,EAAUJ,CAAQ,CAAC,EAEjB+B,EAAcnB,EAAa,CAAC,EAClC,GAAI,CAACA,EAAa,QAAU,CAACmB,EAAoB,OAAA,KAEjD,GAAIlB,EAA2B,OAAQmB,EAAA,kBAAA,IAAA,MAAA,CAAI,SAAU,aAAA,EAErD,MAAMC,EAAcF,GAAA,YAAAA,EAAa,YAU3BG,EAPgBtB,EAAa,KAAM,IAAM,iBAAG,WAAWmB,GAAA,YAAAA,EAAa,OAAM,EAC5D,CAClB,KAAM,gBACN,MAAO,gDACP,KAAM,gBACR,EAIItB,EAAS,KAAM0B,GAAMA,EAAE,QAASJ,GAAA,YAAAA,EAAa,OAAM,GAAK,CACtD,KAAM,GACN,MAAO,GACP,KAAM,MACR,EAEA,GAAA,CAAChC,EAAmB,OAAA,KAGxB,KAAM,CAAE,MAAAqC,EAAO,SAAAC,CAAA,EAAaC,EAAAA,wBAAwB1B,EAAcb,CAAU,EAE5E,OACGiC,EAAAA,kBAAAA,IAAAO,EAAAA,WAAA,CACC,SAACC,EAAAA,kBAAAA,KAAAC,EAAAA,UAAA,CACC,SAAA,CAACD,yBAAAE,EAAAA,OAAA,CACC,SAAA,CAAAV,wBAACW,EAAAA,mBAAkB,WAAAnB,EAAwB,EAC3CgB,yBAACI,EAAAA,QAAA,CACC,SAAA,CAAAZ,EAAAA,kBAAAA,IAAC,MAAI,SAAMI,CAAA,CAAA,EACXI,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAM,CAAA,SAAA,CAAAK,EAAAA,WAAW9C,CAAU,EAAE,KAAA,EAAG,EACjCiC,EAAAA,kBAAAA,IAAC,MAAI,SAASK,CAAA,CAAA,CAAA,CAChB,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EACAG,yBAACM,EAAAA,IAAA,CACC,SAAA,CAACN,yBAAAO,EAAAA,OAAA,CAAc,MAAO,CAAE,gBAAiBb,GAAA,YAAAA,EAAe,KACrD,EAAA,SAAA,CAAAF,EAAA,kBAAA,IAACgB,EAAK,KAAA,CAAA,KAAMd,EAAc,MAAQ,gBAAiB,EACnDF,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,0BAAe,IAAK,CAAA,CAAA,EAC/C,0BACCiB,EAAc,cAAA,CAAA,MAAAvB,EAAc,MAAO,CAAE,cAAe,OAAU,CAAA,CAAA,EACjE,EACAM,wBAACkB,EAAAA,cAAA,CACC,SAAAlB,EAAA,kBAAA,IAACmB,EAAA,CACC,WAAApD,EAEA,SAAUa,EACV,YAAa,CAAC,EAEd,YAAaN,EAAa2B,CAAW,EACrC,YAAAA,EACA,gBAAiB,GACjB,MAAAhC,EACA,SAAQ,GAER,SAAAQ,EACA,QAASd,CAAA,CAAA,CAEb,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ"}

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

@@ -1,6 +1,6 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
 import { useMemo as a } from "react";
-import { Container as S, Header as D, Content as N, Row as C, Status as U, FeedContainer as G } from "./DetailsPanelFloating.styled.es.js";
+import { Container as D, Header as N, Content as C, Row as U, Status as w, FeedContainer as G } from "./DetailsPanelFloating.styled.es.js";
 import M from "../helpers/getThumbnails.es.js";
 import { Icon as O, AssigneeField as Q } from "@ynput/ayon-react-components";
 import "clsx";
@@ -51,6 +51,7 @@ import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
 import "../../../api/queries/addons/getAddons.es.js";
 import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
@@ -80,7 +81,7 @@ import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
 import "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
-import { useGetKanbanProjectUsersQuery as R, useGetProjectsInfoQuery as W } from "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import { useGetKanbanProjectUsersQuery as L, useGetProjectsInfoQuery as R } from "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
@@ -92,8 +93,8 @@ import "@dnd-kit/sortable";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
-import _ from "../../../util/productTypes.es.js";
-import { upperFirst as w } from "lodash";
+import W from "../../../util/productTypes.es.js";
+import { upperFirst as _ } from "lodash";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
@@ -107,14 +108,14 @@ import "react-dom";
 import { PiPWrapper as K } from "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import "../../../context/PowerpackContext.es.js";
+import { usePowerpack as $ } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import { StackedThumbnails as L } from "../../../components/Thumbnail/StackedThumbnails.es.js";
+import { StackedThumbnails as z } from "../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../Feed/context/FeedContext.es.js";
 import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
@@ -137,12 +138,14 @@ import "react-router-dom";
 import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityDate.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "date-fns";
+import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -179,12 +182,12 @@ import "../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../DetailsPanel.styled.es.js";
 import "../FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import { buildDetailsPanelTitles as $ } from "../helpers/buildDetailsPanelTitles.es.js";
+import { buildDetailsPanelTitles as B } from "../helpers/buildDetailsPanelTitles.es.js";
 import "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
-import z from "../helpers/getAllProjectsStatuses.es.js";
-import B from "../FeedWrapper.es.js";
-import J from "../helpers/mergeProjectInfo.es.js";
+import J from "../helpers/getAllProjectsStatuses.es.js";
+import V from "../FeedWrapper.es.js";
+import X from "../helpers/mergeProjectInfo.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
@@ -220,38 +223,42 @@ import "../../../components/Feedback/SupportBubble.es.js";
 import "../../../components/Chips/Chips.es.js";
 import "../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../components/StyledLink/StyledLink.es.js";
-const im = () => {
-  const { pip: m } = H(), p = m == null ? void 0 : m.entityType, l = (m == null ? void 0 : m.entities) || [], P = (m == null ? void 0 : m.scope) || "", d = l.length > 0 && !!p, n = l.map((t) => t.projectName), { data: f = [] } = R({ projects: n }, { skip: !d }), { data: c = {}, isFetching: b } = W(
+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 um = () => {
+  const { powerLicense: P } = $(), { pip: m } = H(), p = m == null ? void 0 : m.entityType, l = (m == null ? void 0 : m.entities) || [], b = (m == null ? void 0 : m.scope) || "", d = l.length > 0 && !!p, n = l.map((t) => t.projectName), { data: f = [] } = L({ projects: n }, { skip: !d }), { data: c = {}, isFetching: k } = R(
     {
       projects: n
     },
     { skip: !d }
   ), h = a(
-    () => z(c, n),
+    () => J(c, n),
     [c, n]
   ), { data: e = [], isFetching: T } = q(
     // @ts-expect-error
     { entityType: p, entities: l },
     {
-      skip: !d || b
+      skip: !d || k
     }
   ), j = a(
-    () => J(c, n),
+    () => X(c, n),
     [c, n]
-  ), k = a(
+  ), F = a(
     () => ({
       task: j.taskTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {}),
       folder: j.folderTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {}),
-      product: Object.entries(_).reduce(
+      product: Object.entries(W).reduce(
         (t, [r, u]) => ({ ...t, [r]: u.icon }),
         {}
       )
     }),
     [j]
-  ), F = a(
-    () => p ? M(e, p, k) : [],
+  ), y = a(
+    () => p ? M(e, p, F) : [],
     [e, p]
-  ), y = a(() => f.filter((t) => e.some((r) => {
+  ), I = a(() => f.filter((t) => e.some((r) => {
     var u, g;
     return (g = (u = r == null ? void 0 : r.task) == null ? void 0 : u.assignees) == null ? void 0 : g.includes(t.name);
   })).map((t) => ({ ...t, avatarUrl: `/api/users/${t.name}/avatar` })), [f, l]), i = e[0];
@@ -267,30 +274,30 @@ const im = () => {
     name: "None"
   };
   if (!p) return null;
-  const { title: I, subTitle: v } = $(e, p);
-  return /* @__PURE__ */ o.jsx(K, { children: /* @__PURE__ */ o.jsxs(S, { children: [
-    /* @__PURE__ */ o.jsxs(D, { children: [
-      /* @__PURE__ */ o.jsx(L, { thumbnails: F }),
-      /* @__PURE__ */ o.jsxs(N, { children: [
-        /* @__PURE__ */ o.jsx("h2", { children: I }),
+  const { title: v, subTitle: S } = B(e, p);
+  return /* @__PURE__ */ o.jsx(K, { children: /* @__PURE__ */ o.jsxs(D, { children: [
+    /* @__PURE__ */ o.jsxs(N, { children: [
+      /* @__PURE__ */ o.jsx(z, { thumbnails: y }),
+      /* @__PURE__ */ o.jsxs(C, { children: [
+        /* @__PURE__ */ o.jsx("h2", { children: v }),
         /* @__PURE__ */ o.jsxs("div", { className: "sub-title", children: [
           /* @__PURE__ */ o.jsxs("span", { children: [
-            w(p),
+            _(p),
             " - "
           ] }),
-          /* @__PURE__ */ o.jsx("h3", { children: v })
+          /* @__PURE__ */ o.jsx("h3", { children: S })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ o.jsxs(C, { children: [
-      /* @__PURE__ */ o.jsxs(U, { style: { backgroundColor: s == null ? void 0 : s.color }, children: [
+    /* @__PURE__ */ o.jsxs(U, { children: [
+      /* @__PURE__ */ o.jsxs(w, { style: { backgroundColor: s == null ? void 0 : s.color }, children: [
         /* @__PURE__ */ o.jsx(O, { icon: s.icon || "question_mark" }),
         /* @__PURE__ */ o.jsx("span", { className: "label", children: s == null ? void 0 : s.name })
       ] }),
-      /* @__PURE__ */ o.jsx(Q, { users: y, style: { pointerEvents: "none" } })
+      /* @__PURE__ */ o.jsx(Q, { users: I, style: { pointerEvents: "none" } })
     ] }),
     /* @__PURE__ */ o.jsx(G, { children: /* @__PURE__ */ o.jsx(
-      B,
+      V,
       {
         entityType: p,
         entities: e,
@@ -298,15 +305,16 @@ const im = () => {
         projectInfo: c[x],
         projectName: x,
         isMultiProjects: !1,
-        scope: P,
+        scope: b,
         readOnly: !0,
-        statuses: h
+        statuses: h,
+        license: P
       }
     ) })
   ] }) });
 };
 export {
-  im as DetailsPanelFloating,
-  im as default
+  um as DetailsPanelFloating,
+  um as default
 };
 //# sourceMappingURL=DetailsPanelFloating.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","thumbnails","getThumbnails","users","u","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, usePowerpack } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\n  const { powerLicense } = usePowerpack()\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n            license={powerLicense}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","powerLicense","usePowerpack","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","thumbnails","getThumbnails","users","u","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,KAAsD,MAAM;AAEjE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAa,GAChC,EAAE,KAAAC,EAAI,IAAIC,EAAuB,GACjCC,IAAaF,KAAA,gBAAAA,EAAK,YAClBG,KAAWH,KAAA,gBAAAA,EAAK,aAAY,CAAC,GAC7BI,KAAQJ,KAAA,gBAAAA,EAAK,UAAS,IACtBK,IAASF,EAAS,SAAS,KAAK,CAAC,CAACD,GAElCI,IAAqBH,EAAS,IAAI,CAACI,MAAWA,EAAE,WAAW,GAE3D,EAAE,MAAMC,IAAW,CAAA,MAAOC,EAA8B,EAAE,UAAAH,KAAY,EAAE,MAAM,CAACD,GAAQ,GAEvF,EAAE,MAAMK,IAAe,CAAI,GAAA,YAAYC,MAAmBC;AAAA,IAC9D;AAAA,MACE,UAAAN;AAAA,IACF;AAAA,IACA,EAAE,MAAM,CAACD,EAAO;AAAA,EAClB,GAGMQ,IAAWC;AAAA,IACf,MAAMC,EAAsBL,GAAcJ,CAAQ;AAAA,IAClD,CAACI,GAAcJ,CAAQ;AAAA,EACzB,GAEM,EAAE,MAAMU,IAAe,CAAI,GAAA,YAAYC,MAC3CC;AAAA;AAAA,IAEE,EAAE,YAAAhB,GAAwB,UAAAC,EAAmB;AAAA,IAC7C;AAAA,MACE,MAAM,CAACE,KAAUM;AAAA,IAAA;AAAA,EAErB,GAGIQ,IAAcL;AAAA,IAClB,MAAMM,EAAiBV,GAAcJ,CAAQ;AAAA,IAC7C,CAACI,GAAcJ,CAAQ;AAAA,EACzB,GAGMe,IAAkBP;AAAA,IACtB,OAAO;AAAA,MACL,MAAMK,EAAY,UACf,OAAO,CAACG,MAAS,CAAC,CAACA,EAAK,IAAI,EAC5B,OAAO,CAACC,GAAKD,OAAU,EAAE,GAAGC,GAAK,CAACD,EAAK,IAAI,GAAGA,EAAK,SAAS,EAAE;AAAA,MACjE,QAAQH,EAAY,YACjB,OAAO,CAACK,MAAW,CAAC,CAACA,EAAO,IAAI,EAChC,OAAO,CAACD,GAAKC,OAAY,EAAE,GAAGD,GAAK,CAACC,EAAO,IAAI,GAAGA,EAAO,SAAS,EAAE;AAAA,MACvE,SAAS,OAAO,QAAQC,CAAY,EAAE;AAAA,QACpC,CAACF,GAAK,CAACG,GAAKC,CAAO,OAAO,EAAE,GAAGJ,GAAK,CAACG,CAAG,GAAGC,EAAQ;QACnD,CAAA;AAAA,MAAC;AAAA,IACH;AAAA,IAEF,CAACR,CAAW;AAAA,EACd,GAEMS,IAAad;AAAA,IACjB,MAAOZ,IAAa2B,EAAcb,GAAcd,GAAYmB,CAAe,IAAI,CAAC;AAAA,IAChF,CAACL,GAAcd,CAAU;AAAA,EAC3B,GAGM4B,IAAQhB,EAAQ,MACbN,EACJ,OAAO,CAACuB,MAAMf,EAAa,KAAK,CAACT,MAAA;;AAAM,YAAAyB,KAAAC,IAAA1B,KAAA,gBAAAA,EAAG,SAAH,gBAAA0B,EAAS,cAAT,gBAAAD,EAAoB,SAASD,EAAE;AAAA,GAAK,CAAC,EAC5E,IAAI,CAACA,OAAO,EAAE,GAAGA,GAAG,WAAW,cAAcA,EAAE,IAAI,UAAY,EAAA,GACjE,CAACvB,GAAUL,CAAQ,CAAC,GAEjB+B,IAAclB,EAAa,CAAC;AAClC,MAAI,CAACA,EAAa,UAAU,CAACkB,EAAoB,QAAA;AAEjD,MAAIjB,EAA2B,QAAQkB,gBAAAA,EAAA,IAAA,OAAA,EAAI,UAAU,cAAA;AAErD,QAAMC,IAAcF,KAAA,gBAAAA,EAAa,aAU3BG,IAPgBrB,EAAa,KAAK,CAACT,OAAMA,KAAA,gBAAAA,EAAG,aAAW2B,KAAA,gBAAAA,EAAa,OAAM,IAC5D;AAAA,IAClB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR,IAIIrB,EAAS,KAAK,CAACyB,MAAMA,EAAE,UAASJ,KAAA,gBAAAA,EAAa,OAAM,KAAK;AAAA,IACtD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAEA,MAAA,CAAChC,EAAmB,QAAA;AAGxB,QAAM,EAAE,OAAAqC,GAAO,UAAAC,EAAA,IAAaC,EAAwBzB,GAAcd,CAAU;AAE5E,SACGiC,gBAAAA,EAAAA,IAAAO,GAAA,EACC,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EACC,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACC,UAAA;AAAA,MAAAV,gBAAAA,MAACW,KAAkB,YAAAlB,GAAwB;AAAA,MAC3Ce,gBAAAA,OAACI,GAAA,EACC,UAAA;AAAA,QAAAZ,gBAAAA,EAAAA,IAAC,QAAI,UAAMI,EAAA,CAAA;AAAA,QACXI,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,UAAAA,gBAAAA,OAAC,QAAM,EAAA,UAAA;AAAA,YAAAK,EAAW9C,CAAU;AAAA,YAAE;AAAA,UAAA,GAAG;AAAA,UACjCiC,gBAAAA,EAAAA,IAAC,QAAI,UAASK,EAAA,CAAA;AAAA,QAAA,EAChB,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,IACAG,gBAAAA,OAACM,GAAA,EACC,UAAA;AAAA,MAACN,gBAAAA,OAAAO,GAAA,EAAc,OAAO,EAAE,iBAAiBb,KAAA,gBAAAA,EAAe,MACrD,GAAA,UAAA;AAAA,QAAAF,gBAAAA,EAAA,IAACgB,GAAK,EAAA,MAAMd,EAAc,QAAQ,iBAAiB;AAAA,QACnDF,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,iCAAe,KAAK,CAAA;AAAA,MAAA,GAC/C;AAAA,4BACCiB,GAAc,EAAA,OAAAtB,GAAc,OAAO,EAAE,eAAe,SAAU,CAAA;AAAA,IAAA,GACjE;AAAA,IACAK,gBAAAA,MAACkB,GAAA,EACC,UAAAlB,gBAAAA,EAAA;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,YAAApD;AAAA,QAEA,UAAUc;AAAA,QACV,aAAa,CAAC;AAAA,QAEd,aAAaN,EAAa0B,CAAW;AAAA,QACrC,aAAAA;AAAA,QACA,iBAAiB;AAAA,QACjB,OAAAhC;AAAA,QACA,UAAQ;AAAA,QAER,UAAAS;AAAA,QACA,SAASf;AAAA,MAAA;AAAA,IAAA,EAEb,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

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/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/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("react-router-dom");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/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("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.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("../../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");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/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("react-router-dom");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/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("../../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("../../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