@ynput/ayon-frontend-shared 0.2.31 → 0.2.33

package/dist/shared/src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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");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");const E=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");const M=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");const f=require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");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("react-redux");require("custom-protocol-check");const F=require("../../../hooks/useHierarchyTable.cjs.js"),i=require("../util/entityHierarchies.cjs.js"),p=require("../util/buildEntityPickerTableData.cjs.js"),G=require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js"),L=require("../../../util/productTypes.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");const S=({projectName:u,entityType:h,search:r,selection:g})=>{const q=i.entityHierarchies[h]||[],{data:e}=M.useGetProjectQuery({projectName:u}),{data:n,folders:o,isFetching:k}=F.useHierarchyTable({projectName:u,folderTypes:(e==null?void 0:e.folderTypes)||[]}),s=f.useMemo(()=>r.folder?G.matchSorter(o,r.folder,{keys:["name","label","path"]}):o,[o,r.folder]),b=f.useMemo(()=>r.folder?p.buildFolderPickerTableData(s,(e==null?void 0:e.folderTypes)||[]):n,[s,n,r.folder,e]),l={data:s,table:b,isLoading:k},t=(D,T=[])=>{const y=g[D];return(y==null?void 0:y.length)>0?y:T?T.map(w=>w.id):void 0},c=a(u,"task",r.task,!q.includes("task"),t(i.entityHierarchies.task[i.entityHierarchies.task.length-2],s),e==null?void 0:e.taskTypes),d=a(u,"product",r.product,!q.includes("product"),t(i.entityHierarchies.product[i.entityHierarchies.product.length-2],l.data),Object.values(L)),H=a(u,"version",r.version,!q.includes("version"),t(i.entityHierarchies.version[i.entityHierarchies.version.length-2],d.data)),P=a(u,"representation",r.representation,!q.includes("representation"),t(i.entityHierarchies.representation[i.entityHierarchies.representation.length-2],H.data)),v=a(u,"workfile",r.workfile,!q.includes("workfile"),t(i.entityHierarchies.workfile[i.entityHierarchies.workfile.length-2],c.data));return{folder:l,task:c,product:d,version:H,representation:P,workfile:v}},a=(u,h,r,g,q,e)=>{const{data:n,isFetching:o,hasNextPage:k,fetchNextPage:s,isFetchingNextPage:b,error:l}=E.useGetSearchedEntitiesLinksInfiniteQuery({projectName:u,entityType:h,search:r,parentIds:q},{skip:g}),t=f.useMemo(()=>(n==null?void 0:n.pages.flatMap(d=>d.entities))||[],[n]),c=f.useMemo(()=>p.buildEntityPickerTableData(t,e),[t,e]);return{data:t,table:c,isLoading:o,isFetchingNextPage:b,hasNextPage:k,fetchNextPage:s,error:l}};exports.useGetEntityPickerData=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");const E=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");const M=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");const f=require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");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("react-redux");require("custom-protocol-check");const F=require("../../../hooks/useHierarchyTable.cjs.js"),i=require("../util/entityHierarchies.cjs.js"),p=require("../util/buildEntityPickerTableData.cjs.js"),G=require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js"),L=require("../../../util/productTypes.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");const S=({projectName:u,entityType:h,search:r,selection:g})=>{const q=i.entityHierarchies[h]||[],{data:e}=M.useGetProjectQuery({projectName:u}),{data:n,folders:o,isFetching:k}=F.useHierarchyTable({projectName:u,folderTypes:(e==null?void 0:e.folderTypes)||[]}),s=f.useMemo(()=>r.folder?G.matchSorter(o,r.folder,{keys:["name","label","path"]}):o,[o,r.folder]),b=f.useMemo(()=>r.folder?p.buildFolderPickerTableData(s,(e==null?void 0:e.folderTypes)||[]):n,[s,n,r.folder,e]),l={data:s,table:b,isLoading:k},t=(D,T=[])=>{const y=g[D];return(y==null?void 0:y.length)>0?y:T?T.map(w=>w.id):void 0},c=a(u,"task",r.task,!q.includes("task"),t(i.entityHierarchies.task[i.entityHierarchies.task.length-2],s),e==null?void 0:e.taskTypes),d=a(u,"product",r.product,!q.includes("product"),t(i.entityHierarchies.product[i.entityHierarchies.product.length-2],l.data),Object.values(L)),H=a(u,"version",r.version,!q.includes("version"),t(i.entityHierarchies.version[i.entityHierarchies.version.length-2],d.data)),P=a(u,"representation",r.representation,!q.includes("representation"),t(i.entityHierarchies.representation[i.entityHierarchies.representation.length-2],H.data)),v=a(u,"workfile",r.workfile,!q.includes("workfile"),t(i.entityHierarchies.workfile[i.entityHierarchies.workfile.length-2],c.data));return{folder:l,task:c,product:d,version:H,representation:P,workfile:v}},a=(u,h,r,g,q,e)=>{const{data:n,isFetching:o,hasNextPage:k,fetchNextPage:s,isFetchingNextPage:b,error:l}=E.useGetSearchedEntitiesLinksInfiniteQuery({projectName:u,entityType:h,search:r,parentIds:q},{skip:g}),t=f.useMemo(()=>(n==null?void 0:n.pages.flatMap(d=>d.entities))||[],[n]),c=f.useMemo(()=>p.buildEntityPickerTableData(t,e),[t,e]);return{data:t,table:c,isLoading:o,isFetchingNextPage:b,hasNextPage:k,fetchNextPage:s,error:l}};exports.useGetEntityPickerData=S;
 //# sourceMappingURL=useGetEntityPickerData.cjs.js.map

package/dist/shared/src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityPickerData.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.tsx"],"sourcesContent":["import {\n  FolderListItem,\n  SearchEntityLink,\n  useGetProjectQuery,\n  useGetSearchedEntitiesLinksInfiniteQuery,\n} from '@shared/api'\nimport { useHierarchyTable } from '@shared/hooks'\nimport { FC, useMemo } from 'react'\nimport { PickerEntityType, PickerSearch, PickerSelection } from '../EntityPickerDialog'\nimport {\n  buildEntityPickerTableData,\n  buildFolderPickerTableData,\n  EntityAnatomy,\n  entityHierarchies,\n} from '../util'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { matchSorter } from 'match-sorter'\nimport { productTypes } from '@shared/util'\n\nexport type EntityQueryResult = {\n  data: (SearchEntityLink | FolderListItem)[]\n  table: SimpleTableRow[]\n  isLoading: boolean\n  isFetchingNextPage?: boolean\n  hasNextPage?: boolean\n  fetchNextPage?: () => void\n  error?: string\n}\n\ntype EntityPickerDataReturn = {\n  folder: EntityQueryResult\n  task: EntityQueryResult\n  product: EntityQueryResult\n  version: EntityQueryResult\n  representation: EntityQueryResult\n  workfile: EntityQueryResult\n}\n\ninterface useGetEntityPickerDataProps {\n  projectName: string\n  entityType: PickerEntityType // which entity type we are picking for\n  search: PickerSearch\n  selection: Record<PickerEntityType, string[]>\n}\n\nexport const useGetEntityPickerData = ({\n  projectName,\n  entityType,\n  search,\n  selection,\n}: useGetEntityPickerDataProps): EntityPickerDataReturn => {\n  const entityDependencies = entityHierarchies[entityType] || []\n\n  // Get project data\n  const { data: project } = useGetProjectQuery({ projectName })\n  // convert flat list to table rows for the table\n  const {\n    data: hierarchTable,\n    folders: foldersDataRaw,\n    isFetching: isLoadingFolders,\n  } = useHierarchyTable({\n    projectName,\n    folderTypes: project?.folderTypes || [],\n  })\n\n  const foldersData = useMemo(() => {\n    if (!search.folder) return foldersDataRaw\n    return matchSorter(foldersDataRaw, search.folder, {\n      keys: ['name', 'label', 'path'],\n    })\n  }, [foldersDataRaw, search.folder])\n\n  //   create flat filtered data when searching on folders\n  const foldersTable = useMemo(\n    () =>\n      search.folder\n        ? buildFolderPickerTableData(foldersData, project?.folderTypes || [])\n        : hierarchTable,\n\n    [foldersData, hierarchTable, search.folder, project],\n  )\n\n  const folder: EntityQueryResult = {\n    data: foldersData,\n    table: foldersTable,\n    isLoading: isLoadingFolders,\n  }\n\n  //   if there is a selection on the parent we user that, otherwise we use all parent ids of parent data\n  const getParentIds = (parentType: PickerEntityType, parentData: { id: string }[] = []) => {\n    const parentSelection = selection[parentType]\n    if (parentSelection?.length > 0) {\n      return parentSelection\n    } else if (parentData) {\n      return parentData.map((entity) => entity.id)\n    } else {\n      return undefined\n    }\n  }\n\n  const task = useGetEntityTypeData(\n    projectName,\n    'task',\n    search.task,\n    !entityDependencies.includes('task'),\n    getParentIds(entityHierarchies['task'][entityHierarchies['task'].length - 2], foldersData),\n    project?.taskTypes,\n  )\n  const product = useGetEntityTypeData(\n    projectName,\n    'product',\n    search.product,\n    !entityDependencies.includes('product'),\n    getParentIds(\n      entityHierarchies['product'][entityHierarchies['product'].length - 2],\n      folder.data,\n    ),\n    Object.values(productTypes),\n  )\n  const version = useGetEntityTypeData(\n    projectName,\n    'version',\n    search.version,\n    !entityDependencies.includes('version'),\n    getParentIds(\n      entityHierarchies['version'][entityHierarchies['version'].length - 2],\n      product.data,\n    ),\n  )\n  const representation = useGetEntityTypeData(\n    projectName,\n    'representation',\n    search.representation,\n    !entityDependencies.includes('representation'),\n    getParentIds(\n      entityHierarchies['representation'][entityHierarchies['representation'].length - 2],\n      version.data,\n    ),\n  )\n  const workfile = useGetEntityTypeData(\n    projectName,\n    'workfile',\n    search.workfile,\n    !entityDependencies.includes('workfile'),\n    getParentIds(\n      entityHierarchies['workfile'][entityHierarchies['workfile'].length - 2],\n      task.data,\n    ),\n  )\n\n  return {\n    folder,\n    task,\n    product,\n    version,\n    representation,\n    workfile,\n  }\n}\n\nconst useGetEntityTypeData = (\n  projectName: string,\n  entityType: PickerEntityType,\n  search: string | undefined,\n  skip: boolean,\n  parentIds?: string[],\n  anatomies?: EntityAnatomy[],\n) => {\n  const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage, error } =\n    useGetSearchedEntitiesLinksInfiniteQuery(\n      {\n        projectName,\n        entityType,\n        search,\n        parentIds,\n      },\n      // skip if this is folder hierarchy (we already have the folders) or if we're waiting for parent selection\n      {\n        skip: skip,\n      },\n    )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return data?.pages.flatMap((page) => page.entities) || []\n  }, [data])\n\n  //   convert to table rows\n  const table = useMemo(\n    () => buildEntityPickerTableData(entities, anatomies),\n    [entities, anatomies],\n  )\n\n  return {\n    data: entities,\n    table: table,\n    isLoading: isFetching,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    error: error as string,\n  }\n}\n"],"names":["useGetEntityPickerData","projectName","entityType","search","selection","entityDependencies","entityHierarchies","project","useGetProjectQuery","hierarchTable","foldersDataRaw","isLoadingFolders","useHierarchyTable","foldersData","useMemo","matchSorter","foldersTable","buildFolderPickerTableData","folder","getParentIds","parentType","parentData","parentSelection","entity","task","useGetEntityTypeData","product","productTypes","version","representation","workfile","skip","parentIds","anatomies","data","isFetching","hasNextPage","fetchNextPage","isFetchingNextPage","error","useGetSearchedEntitiesLinksInfiniteQuery","entities","page","table","buildEntityPickerTableData"],"mappings":"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"}
+{"version":3,"file":"useGetEntityPickerData.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.tsx"],"sourcesContent":["import {\n  FolderListItem,\n  SearchEntityLink,\n  useGetProjectQuery,\n  useGetSearchedEntitiesLinksInfiniteQuery,\n} from '@shared/api'\nimport { useHierarchyTable } from '@shared/hooks'\nimport { FC, useMemo } from 'react'\nimport { PickerEntityType, PickerSearch, PickerSelection } from '../EntityPickerDialog'\nimport {\n  buildEntityPickerTableData,\n  buildFolderPickerTableData,\n  EntityAnatomy,\n  entityHierarchies,\n} from '../util'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { matchSorter } from 'match-sorter'\nimport { productTypes } from '@shared/util'\n\nexport type EntityQueryResult = {\n  data: (SearchEntityLink | FolderListItem)[]\n  table: SimpleTableRow[]\n  isLoading: boolean\n  isFetchingNextPage?: boolean\n  hasNextPage?: boolean\n  fetchNextPage?: () => void\n  error?: string\n}\n\ntype EntityPickerDataReturn = {\n  folder: EntityQueryResult\n  task: EntityQueryResult\n  product: EntityQueryResult\n  version: EntityQueryResult\n  representation: EntityQueryResult\n  workfile: EntityQueryResult\n}\n\ninterface useGetEntityPickerDataProps {\n  projectName: string\n  entityType: PickerEntityType // which entity type we are picking for\n  search: PickerSearch\n  selection: Record<PickerEntityType, string[]>\n}\n\nexport const useGetEntityPickerData = ({\n  projectName,\n  entityType,\n  search,\n  selection,\n}: useGetEntityPickerDataProps): EntityPickerDataReturn => {\n  const entityDependencies = entityHierarchies[entityType] || []\n\n  // Get project data\n  const { data: project } = useGetProjectQuery({ projectName })\n  // convert flat list to table rows for the table\n  const {\n    data: hierarchTable,\n    folders: foldersDataRaw,\n    isFetching: isLoadingFolders,\n  } = useHierarchyTable({\n    projectName,\n    folderTypes: project?.folderTypes || [],\n  })\n\n  const foldersData = useMemo(() => {\n    if (!search.folder) return foldersDataRaw\n    return matchSorter(foldersDataRaw, search.folder, {\n      keys: ['name', 'label', 'path'],\n    })\n  }, [foldersDataRaw, search.folder])\n\n  //   create flat filtered data when searching on folders\n  const foldersTable = useMemo(\n    () =>\n      search.folder\n        ? buildFolderPickerTableData(foldersData, project?.folderTypes || [])\n        : hierarchTable,\n\n    [foldersData, hierarchTable, search.folder, project],\n  )\n\n  const folder: EntityQueryResult = {\n    data: foldersData,\n    table: foldersTable,\n    isLoading: isLoadingFolders,\n  }\n\n  //   if there is a selection on the parent we user that, otherwise we use all parent ids of parent data\n  const getParentIds = (parentType: PickerEntityType, parentData: { id: string }[] = []) => {\n    const parentSelection = selection[parentType]\n    if (parentSelection?.length > 0) {\n      return parentSelection\n    } else if (parentData) {\n      return parentData.map((entity) => entity.id)\n    } else {\n      return undefined\n    }\n  }\n\n  const task = useGetEntityTypeData(\n    projectName,\n    'task',\n    search.task,\n    !entityDependencies.includes('task'),\n    getParentIds(entityHierarchies['task'][entityHierarchies['task'].length - 2], foldersData),\n    project?.taskTypes,\n  )\n  const product = useGetEntityTypeData(\n    projectName,\n    'product',\n    search.product,\n    !entityDependencies.includes('product'),\n    getParentIds(\n      entityHierarchies['product'][entityHierarchies['product'].length - 2],\n      folder.data,\n    ),\n    Object.values(productTypes),\n  )\n  const version = useGetEntityTypeData(\n    projectName,\n    'version',\n    search.version,\n    !entityDependencies.includes('version'),\n    getParentIds(\n      entityHierarchies['version'][entityHierarchies['version'].length - 2],\n      product.data,\n    ),\n  )\n  const representation = useGetEntityTypeData(\n    projectName,\n    'representation',\n    search.representation,\n    !entityDependencies.includes('representation'),\n    getParentIds(\n      entityHierarchies['representation'][entityHierarchies['representation'].length - 2],\n      version.data,\n    ),\n  )\n  const workfile = useGetEntityTypeData(\n    projectName,\n    'workfile',\n    search.workfile,\n    !entityDependencies.includes('workfile'),\n    getParentIds(\n      entityHierarchies['workfile'][entityHierarchies['workfile'].length - 2],\n      task.data,\n    ),\n  )\n\n  return {\n    folder,\n    task,\n    product,\n    version,\n    representation,\n    workfile,\n  }\n}\n\nconst useGetEntityTypeData = (\n  projectName: string,\n  entityType: PickerEntityType,\n  search: string | undefined,\n  skip: boolean,\n  parentIds?: string[],\n  anatomies?: EntityAnatomy[],\n) => {\n  const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage, error } =\n    useGetSearchedEntitiesLinksInfiniteQuery(\n      {\n        projectName,\n        entityType,\n        search,\n        parentIds,\n      },\n      // skip if this is folder hierarchy (we already have the folders) or if we're waiting for parent selection\n      {\n        skip: skip,\n      },\n    )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return data?.pages.flatMap((page) => page.entities) || []\n  }, [data])\n\n  //   convert to table rows\n  const table = useMemo(\n    () => buildEntityPickerTableData(entities, anatomies),\n    [entities, anatomies],\n  )\n\n  return {\n    data: entities,\n    table: table,\n    isLoading: isFetching,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    error: error as string,\n  }\n}\n"],"names":["useGetEntityPickerData","projectName","entityType","search","selection","entityDependencies","entityHierarchies","project","useGetProjectQuery","hierarchTable","foldersDataRaw","isLoadingFolders","useHierarchyTable","foldersData","useMemo","matchSorter","foldersTable","buildFolderPickerTableData","folder","getParentIds","parentType","parentData","parentSelection","entity","task","useGetEntityTypeData","product","productTypes","version","representation","workfile","skip","parentIds","anatomies","data","isFetching","hasNextPage","fetchNextPage","isFetchingNextPage","error","useGetSearchedEntitiesLinksInfiniteQuery","entities","page","table","buildEntityPickerTableData"],"mappings":"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"}

package/dist/shared/src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.es.js

@@ -41,6 +41,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";
@@ -103,7 +104,7 @@ import { matchSorter as H } from "../../../../../node_modules/match-sorter/dist/
 import I from "../../../util/productTypes.es.js";
 import "uuid";
 import "../../../util/pubsub.es.js";
-const Lr = ({
+const Hr = ({
   projectName: o,
   entityType: k,
   search: r,
@@ -208,6 +209,6 @@ const Lr = ({
   };
 };
 export {
-  Lr as useGetEntityPickerData
+  Hr as useGetEntityPickerData
 };
 //# sourceMappingURL=useGetEntityPickerData.es.js.map

package/dist/shared/src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityPickerData.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.tsx"],"sourcesContent":["import {\n  FolderListItem,\n  SearchEntityLink,\n  useGetProjectQuery,\n  useGetSearchedEntitiesLinksInfiniteQuery,\n} from '@shared/api'\nimport { useHierarchyTable } from '@shared/hooks'\nimport { FC, useMemo } from 'react'\nimport { PickerEntityType, PickerSearch, PickerSelection } from '../EntityPickerDialog'\nimport {\n  buildEntityPickerTableData,\n  buildFolderPickerTableData,\n  EntityAnatomy,\n  entityHierarchies,\n} from '../util'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { matchSorter } from 'match-sorter'\nimport { productTypes } from '@shared/util'\n\nexport type EntityQueryResult = {\n  data: (SearchEntityLink | FolderListItem)[]\n  table: SimpleTableRow[]\n  isLoading: boolean\n  isFetchingNextPage?: boolean\n  hasNextPage?: boolean\n  fetchNextPage?: () => void\n  error?: string\n}\n\ntype EntityPickerDataReturn = {\n  folder: EntityQueryResult\n  task: EntityQueryResult\n  product: EntityQueryResult\n  version: EntityQueryResult\n  representation: EntityQueryResult\n  workfile: EntityQueryResult\n}\n\ninterface useGetEntityPickerDataProps {\n  projectName: string\n  entityType: PickerEntityType // which entity type we are picking for\n  search: PickerSearch\n  selection: Record<PickerEntityType, string[]>\n}\n\nexport const useGetEntityPickerData = ({\n  projectName,\n  entityType,\n  search,\n  selection,\n}: useGetEntityPickerDataProps): EntityPickerDataReturn => {\n  const entityDependencies = entityHierarchies[entityType] || []\n\n  // Get project data\n  const { data: project } = useGetProjectQuery({ projectName })\n  // convert flat list to table rows for the table\n  const {\n    data: hierarchTable,\n    folders: foldersDataRaw,\n    isFetching: isLoadingFolders,\n  } = useHierarchyTable({\n    projectName,\n    folderTypes: project?.folderTypes || [],\n  })\n\n  const foldersData = useMemo(() => {\n    if (!search.folder) return foldersDataRaw\n    return matchSorter(foldersDataRaw, search.folder, {\n      keys: ['name', 'label', 'path'],\n    })\n  }, [foldersDataRaw, search.folder])\n\n  //   create flat filtered data when searching on folders\n  const foldersTable = useMemo(\n    () =>\n      search.folder\n        ? buildFolderPickerTableData(foldersData, project?.folderTypes || [])\n        : hierarchTable,\n\n    [foldersData, hierarchTable, search.folder, project],\n  )\n\n  const folder: EntityQueryResult = {\n    data: foldersData,\n    table: foldersTable,\n    isLoading: isLoadingFolders,\n  }\n\n  //   if there is a selection on the parent we user that, otherwise we use all parent ids of parent data\n  const getParentIds = (parentType: PickerEntityType, parentData: { id: string }[] = []) => {\n    const parentSelection = selection[parentType]\n    if (parentSelection?.length > 0) {\n      return parentSelection\n    } else if (parentData) {\n      return parentData.map((entity) => entity.id)\n    } else {\n      return undefined\n    }\n  }\n\n  const task = useGetEntityTypeData(\n    projectName,\n    'task',\n    search.task,\n    !entityDependencies.includes('task'),\n    getParentIds(entityHierarchies['task'][entityHierarchies['task'].length - 2], foldersData),\n    project?.taskTypes,\n  )\n  const product = useGetEntityTypeData(\n    projectName,\n    'product',\n    search.product,\n    !entityDependencies.includes('product'),\n    getParentIds(\n      entityHierarchies['product'][entityHierarchies['product'].length - 2],\n      folder.data,\n    ),\n    Object.values(productTypes),\n  )\n  const version = useGetEntityTypeData(\n    projectName,\n    'version',\n    search.version,\n    !entityDependencies.includes('version'),\n    getParentIds(\n      entityHierarchies['version'][entityHierarchies['version'].length - 2],\n      product.data,\n    ),\n  )\n  const representation = useGetEntityTypeData(\n    projectName,\n    'representation',\n    search.representation,\n    !entityDependencies.includes('representation'),\n    getParentIds(\n      entityHierarchies['representation'][entityHierarchies['representation'].length - 2],\n      version.data,\n    ),\n  )\n  const workfile = useGetEntityTypeData(\n    projectName,\n    'workfile',\n    search.workfile,\n    !entityDependencies.includes('workfile'),\n    getParentIds(\n      entityHierarchies['workfile'][entityHierarchies['workfile'].length - 2],\n      task.data,\n    ),\n  )\n\n  return {\n    folder,\n    task,\n    product,\n    version,\n    representation,\n    workfile,\n  }\n}\n\nconst useGetEntityTypeData = (\n  projectName: string,\n  entityType: PickerEntityType,\n  search: string | undefined,\n  skip: boolean,\n  parentIds?: string[],\n  anatomies?: EntityAnatomy[],\n) => {\n  const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage, error } =\n    useGetSearchedEntitiesLinksInfiniteQuery(\n      {\n        projectName,\n        entityType,\n        search,\n        parentIds,\n      },\n      // skip if this is folder hierarchy (we already have the folders) or if we're waiting for parent selection\n      {\n        skip: skip,\n      },\n    )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return data?.pages.flatMap((page) => page.entities) || []\n  }, [data])\n\n  //   convert to table rows\n  const table = useMemo(\n    () => buildEntityPickerTableData(entities, anatomies),\n    [entities, anatomies],\n  )\n\n  return {\n    data: entities,\n    table: table,\n    isLoading: isFetching,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    error: error as string,\n  }\n}\n"],"names":["useGetEntityPickerData","projectName","entityType","search","selection","entityDependencies","entityHierarchies","project","useGetProjectQuery","hierarchTable","foldersDataRaw","isLoadingFolders","useHierarchyTable","foldersData","useMemo","matchSorter","foldersTable","buildFolderPickerTableData","folder","getParentIds","parentType","parentData","parentSelection","entity","task","useGetEntityTypeData","product","productTypes","version","representation","workfile","skip","parentIds","anatomies","data","isFetching","hasNextPage","fetchNextPage","isFetchingNextPage","error","useGetSearchedEntitiesLinksInfiniteQuery","entities","page","table","buildEntityPickerTableData"],"mappings":"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"}
+{"version":3,"file":"useGetEntityPickerData.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/hooks/useGetEntityPickerData.tsx"],"sourcesContent":["import {\n  FolderListItem,\n  SearchEntityLink,\n  useGetProjectQuery,\n  useGetSearchedEntitiesLinksInfiniteQuery,\n} from '@shared/api'\nimport { useHierarchyTable } from '@shared/hooks'\nimport { FC, useMemo } from 'react'\nimport { PickerEntityType, PickerSearch, PickerSelection } from '../EntityPickerDialog'\nimport {\n  buildEntityPickerTableData,\n  buildFolderPickerTableData,\n  EntityAnatomy,\n  entityHierarchies,\n} from '../util'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { matchSorter } from 'match-sorter'\nimport { productTypes } from '@shared/util'\n\nexport type EntityQueryResult = {\n  data: (SearchEntityLink | FolderListItem)[]\n  table: SimpleTableRow[]\n  isLoading: boolean\n  isFetchingNextPage?: boolean\n  hasNextPage?: boolean\n  fetchNextPage?: () => void\n  error?: string\n}\n\ntype EntityPickerDataReturn = {\n  folder: EntityQueryResult\n  task: EntityQueryResult\n  product: EntityQueryResult\n  version: EntityQueryResult\n  representation: EntityQueryResult\n  workfile: EntityQueryResult\n}\n\ninterface useGetEntityPickerDataProps {\n  projectName: string\n  entityType: PickerEntityType // which entity type we are picking for\n  search: PickerSearch\n  selection: Record<PickerEntityType, string[]>\n}\n\nexport const useGetEntityPickerData = ({\n  projectName,\n  entityType,\n  search,\n  selection,\n}: useGetEntityPickerDataProps): EntityPickerDataReturn => {\n  const entityDependencies = entityHierarchies[entityType] || []\n\n  // Get project data\n  const { data: project } = useGetProjectQuery({ projectName })\n  // convert flat list to table rows for the table\n  const {\n    data: hierarchTable,\n    folders: foldersDataRaw,\n    isFetching: isLoadingFolders,\n  } = useHierarchyTable({\n    projectName,\n    folderTypes: project?.folderTypes || [],\n  })\n\n  const foldersData = useMemo(() => {\n    if (!search.folder) return foldersDataRaw\n    return matchSorter(foldersDataRaw, search.folder, {\n      keys: ['name', 'label', 'path'],\n    })\n  }, [foldersDataRaw, search.folder])\n\n  //   create flat filtered data when searching on folders\n  const foldersTable = useMemo(\n    () =>\n      search.folder\n        ? buildFolderPickerTableData(foldersData, project?.folderTypes || [])\n        : hierarchTable,\n\n    [foldersData, hierarchTable, search.folder, project],\n  )\n\n  const folder: EntityQueryResult = {\n    data: foldersData,\n    table: foldersTable,\n    isLoading: isLoadingFolders,\n  }\n\n  //   if there is a selection on the parent we user that, otherwise we use all parent ids of parent data\n  const getParentIds = (parentType: PickerEntityType, parentData: { id: string }[] = []) => {\n    const parentSelection = selection[parentType]\n    if (parentSelection?.length > 0) {\n      return parentSelection\n    } else if (parentData) {\n      return parentData.map((entity) => entity.id)\n    } else {\n      return undefined\n    }\n  }\n\n  const task = useGetEntityTypeData(\n    projectName,\n    'task',\n    search.task,\n    !entityDependencies.includes('task'),\n    getParentIds(entityHierarchies['task'][entityHierarchies['task'].length - 2], foldersData),\n    project?.taskTypes,\n  )\n  const product = useGetEntityTypeData(\n    projectName,\n    'product',\n    search.product,\n    !entityDependencies.includes('product'),\n    getParentIds(\n      entityHierarchies['product'][entityHierarchies['product'].length - 2],\n      folder.data,\n    ),\n    Object.values(productTypes),\n  )\n  const version = useGetEntityTypeData(\n    projectName,\n    'version',\n    search.version,\n    !entityDependencies.includes('version'),\n    getParentIds(\n      entityHierarchies['version'][entityHierarchies['version'].length - 2],\n      product.data,\n    ),\n  )\n  const representation = useGetEntityTypeData(\n    projectName,\n    'representation',\n    search.representation,\n    !entityDependencies.includes('representation'),\n    getParentIds(\n      entityHierarchies['representation'][entityHierarchies['representation'].length - 2],\n      version.data,\n    ),\n  )\n  const workfile = useGetEntityTypeData(\n    projectName,\n    'workfile',\n    search.workfile,\n    !entityDependencies.includes('workfile'),\n    getParentIds(\n      entityHierarchies['workfile'][entityHierarchies['workfile'].length - 2],\n      task.data,\n    ),\n  )\n\n  return {\n    folder,\n    task,\n    product,\n    version,\n    representation,\n    workfile,\n  }\n}\n\nconst useGetEntityTypeData = (\n  projectName: string,\n  entityType: PickerEntityType,\n  search: string | undefined,\n  skip: boolean,\n  parentIds?: string[],\n  anatomies?: EntityAnatomy[],\n) => {\n  const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage, error } =\n    useGetSearchedEntitiesLinksInfiniteQuery(\n      {\n        projectName,\n        entityType,\n        search,\n        parentIds,\n      },\n      // skip if this is folder hierarchy (we already have the folders) or if we're waiting for parent selection\n      {\n        skip: skip,\n      },\n    )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return data?.pages.flatMap((page) => page.entities) || []\n  }, [data])\n\n  //   convert to table rows\n  const table = useMemo(\n    () => buildEntityPickerTableData(entities, anatomies),\n    [entities, anatomies],\n  )\n\n  return {\n    data: entities,\n    table: table,\n    isLoading: isFetching,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    error: error as string,\n  }\n}\n"],"names":["useGetEntityPickerData","projectName","entityType","search","selection","entityDependencies","entityHierarchies","project","useGetProjectQuery","hierarchTable","foldersDataRaw","isLoadingFolders","useHierarchyTable","foldersData","useMemo","matchSorter","foldersTable","buildFolderPickerTableData","folder","getParentIds","parentType","parentData","parentSelection","entity","task","useGetEntityTypeData","product","productTypes","version","representation","workfile","skip","parentIds","anatomies","data","isFetching","hasNextPage","fetchNextPage","isFetchingNextPage","error","useGetSearchedEntitiesLinksInfiniteQuery","entities","page","table","buildEntityPickerTableData"],"mappings":"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"}

package/dist/shared/src/containers/Feed/Feed.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),g=require("react"),ne=require("./components/ActivityItem.cjs.js"),ie=require("./components/CommentInput/CommentInput.cjs.js"),h=require("./Feed.styled.cjs.js"),se=require("./hooks/useCommentMutations.cjs.js"),oe=require("./hooks/useTransformActivities.cjs.js"),re=require("../../../../node_modules/react-intersection-observer/dist/index.cjs.js"),le=require("./hooks/useSaveScrollPos.cjs.js"),ae=require("./hooks/useScrollOnInputOpen.cjs.js"),ce=require("./feedHelpers.cjs.js"),de=require("@ynput/ayon-react-components"),ue=require("clsx"),me=require("./hooks/useScrollToHighlighted.cjs.js"),pe=require("./components/FileUploadPreview/FileUploadPreview.cjs.js"),xe=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const f=require("./context/FeedContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const ge=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");const he=require("./helpers/mergeAnnotationAttachments.cjs.js"),fe=30,ye=({isMultiProjects:R,readOnly:S,statuses:D=[]})=>{const{projectName:r,entities:l,entityType:m,editingId:M,projectInfo:w,setEditingId:F,userName:_,activitiesData:N,isLoadingNew:a,isLoadingNextPage:W,loadNextPage:c,hasNextPage:B,users:H,currentTab:d}=f.useFeedContext(),{openSlideOut:U,highlightedActivities:y,setHighlightedActivities:V,onOpenImage:q,setFeedAnnotations:k}=ge.useDetailsPanelContext(),Y=["versions"].includes(d),p=g.useMemo(()=>he(N),[N]);g.useEffect(()=>{p.length||k([]);const e=p.map(t=>{var n,i;return(i=(n=t.activityData)==null?void 0:n.annotations)==null?void 0:i.map(o=>({...o,activityId:t.activityId}))}).filter(Boolean).flat();k(e)},[p]);const E=oe.default(p,H,w,m,_),u=g.useRef(null);ae({feedRef:u,isInputOpen:M===f.FEED_NEW_COMMENT,height:93}),le({entities:l,feedRef:u,filter:d,disabled:!!y.length,isLoading:a}),me({feedRef:u,highlighted:y,isLoading:a,loadNextPage:c,hasNextPage:!!c});const{submitComment:$,updateComment:T,deleteComment:z,isSaving:G}=se({projectName:r,entityType:m,entities:l,filter:d}),J=(e,t)=>{var L;const n=e==null?void 0:e.target;if(!n||!t)return console.log("no target or activity");const i=n.checked,o=i?"[ ]":"[x]",Z=i?"[x]":"[ ]",{body:x}=t,P=Array.from(((L=n.closest(".comment-body"))==null?void 0:L.querySelectorAll(".task-list-item"))||[]).findIndex(I=>I===n.closest("li"));let b=P;(x.match(/\[.\]/g)||[]).forEach((I,te)=>{I!==o&&te<P&&b--});const A=[];let j=-1;for(;(j=x.indexOf(o,j+1))>-1;)A.push(j);const v=A[b];if(v===void 0)return;const ee=v+o.length,O=x.slice(0,v)+Z+x.slice(ee);O&&T(t,O,t.files)},K=e=>{const{entityId:t,entityType:n,activityId:i}=e;if(!n||!["version","task","folder"].includes(n))return console.log("Entity type not supported yet");if(!t||!n||!r)return console.log("No entity id or type found");U({entityId:t,entityType:n,projectName:r}),V([i])},Q=({index:e,activityId:t})=>{const n=Object.values(E).reverse().filter(i=>i.activityType=="comment").map(i=>({id:i.activityId,files:i.files.filter(o=>pe.isFilePreviewable(o.mime,o.ext))})).filter(i=>i.files.length>0);q==null||q({files:n,activityId:t,index:e,projectName:r})},X=g.useMemo(()=>ce.getLoadingPlaceholders(10),[]);let C;return R&&(C=`You are only viewing activities from one project: ${r}.`),s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(h.FeedContainer,{className:"feed",children:[C&&s.jsxRuntimeExports.jsxs(h.Warning,{children:[s.jsxRuntimeExports.jsx(de.Icon,{icon:"info"}),C]}),s.jsxRuntimeExports.jsxs(h.FeedContent,{ref:u,className:ue({loading:a},"no-shimmer"),children:[a?X:E.map(e=>s.jsxRuntimeExports.jsx(ne,{activity:e,onCheckChange:J,onDelete:z,onUpdate:async(t,n,i)=>await T(e,t,n),projectInfo:w,projectName:r,entityType:m,onReferenceClick:K,createdAts:l.map(t=>t.createdAt),onFileExpand:Q,showOrigin:l.length>1,filter:d,editProps:{projectName:r,entities:l,entityType:m},isHighlighted:y.includes(e.activityId),readOnly:S,statuses:D},e.activityId)),E.length===1&&d==="versions"&&!a&&s.jsxRuntimeExports.jsx(xe.EmptyPlaceholder,{message:"No versions published yet",icon:"layers"}),B&&c&&s.jsxRuntimeExports.jsx(re.InView,{root:u.current,onChange:e=>e&&c(),rootMargin:"400px 0px 0px 0px",children:s.jsxRuntimeExports.jsx(h.LoadMore,{style:{height:0},onClick:()=>c(),children:W?"Loading more...":"Click to load more"})})]}),!Y&&s.jsxRuntimeExports.jsx(ie.default,{initValue:null,onSubmit:$,isOpen:M===f.FEED_NEW_COMMENT,onClose:()=>F(null),onOpen:()=>F(f.FEED_NEW_COMMENT),disabled:R,isLoading:a||!l.length||G})]})})};exports.Feed=ye;exports.activitiesLast=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js"),g=require("react"),ie=require("./components/ActivityItem.cjs.js"),se=require("./components/CommentInput/CommentInput.cjs.js"),h=require("./Feed.styled.cjs.js"),oe=require("./hooks/useCommentMutations.cjs.js"),re=require("./hooks/useTransformActivities.cjs.js"),le=require("../../../../node_modules/react-intersection-observer/dist/index.cjs.js"),ae=require("./hooks/useSaveScrollPos.cjs.js"),ce=require("./hooks/useScrollOnInputOpen.cjs.js"),de=require("./feedHelpers.cjs.js"),ue=require("@ynput/ayon-react-components"),me=require("clsx"),pe=require("./hooks/useScrollToHighlighted.cjs.js"),xe=require("./components/FileUploadPreview/FileUploadPreview.cjs.js"),ge=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const f=require("./context/FeedContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const he=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");const fe=require("./helpers/mergeAnnotationAttachments.cjs.js"),ye=30,qe=({isMultiProjects:R,readOnly:S,statuses:D=[],entityListId:_})=>{const{projectName:r,entities:l,entityType:m,editingId:M,projectInfo:w,setEditingId:F,userName:W,activitiesData:N,isLoadingNew:a,isLoadingNextPage:B,loadNextPage:c,hasNextPage:H,users:U,currentTab:d}=f.useFeedContext(),{openSlideOut:V,highlightedActivities:y,setHighlightedActivities:Y,onOpenImage:q,setFeedAnnotations:k}=he.useDetailsPanelContext(),$=["versions"].includes(d),p=g.useMemo(()=>fe(N),[N]);g.useEffect(()=>{p.length||k([]);const e=p.map(t=>{var n,i;return(i=(n=t.activityData)==null?void 0:n.annotations)==null?void 0:i.map(s=>({...s,activityId:t.activityId}))}).filter(Boolean).flat();k(e)},[p]);const E=re.default(p,U,w,m,W),u=g.useRef(null);ce({feedRef:u,isInputOpen:M===f.FEED_NEW_COMMENT,height:93}),ae({entities:l,feedRef:u,filter:d,disabled:!!y.length,isLoading:a}),pe({feedRef:u,highlighted:y,isLoading:a,loadNextPage:c,hasNextPage:!!c});const{submitComment:z,updateComment:T,deleteComment:G,isSaving:J}=oe({projectName:r,entityType:m,entities:l,filter:d,entityListId:_}),K=(e,t)=>{var L;const n=e==null?void 0:e.target;if(!n||!t)return console.log("no target or activity");const i=n.checked,s=i?"[ ]":"[x]",ee=i?"[x]":"[ ]",{body:x}=t,P=Array.from(((L=n.closest(".comment-body"))==null?void 0:L.querySelectorAll(".task-list-item"))||[]).findIndex(I=>I===n.closest("li"));let b=P;(x.match(/\[.\]/g)||[]).forEach((I,ne)=>{I!==s&&ne<P&&b--});const A=[];let j=-1;for(;(j=x.indexOf(s,j+1))>-1;)A.push(j);const v=A[b];if(v===void 0)return;const te=v+s.length,O=x.slice(0,v)+ee+x.slice(te);O&&T(t,O,t.files)},Q=e=>{const{entityId:t,entityType:n,activityId:i}=e;if(!n||!["version","task","folder"].includes(n))return console.log("Entity type not supported yet");if(!t||!n||!r)return console.log("No entity id or type found");V({entityId:t,entityType:n,projectName:r}),Y([i])},X=({index:e,activityId:t})=>{const n=Object.values(E).reverse().filter(i=>i.activityType=="comment").map(i=>({id:i.activityId,files:i.files.filter(s=>xe.isFilePreviewable(s.mime,s.ext))})).filter(i=>i.files.length>0);q==null||q({files:n,activityId:t,index:e,projectName:r})},Z=g.useMemo(()=>de.getLoadingPlaceholders(10),[]);let C;return R&&(C=`You are only viewing activities from one project: ${r}.`),o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(h.FeedContainer,{className:"feed",children:[C&&o.jsxRuntimeExports.jsxs(h.Warning,{children:[o.jsxRuntimeExports.jsx(ue.Icon,{icon:"info"}),C]}),o.jsxRuntimeExports.jsxs(h.FeedContent,{ref:u,className:me({loading:a},"no-shimmer"),children:[a?Z:E.map(e=>o.jsxRuntimeExports.jsx(ie,{activity:e,onCheckChange:K,onDelete:G,onUpdate:async(t,n,i,s)=>await T(e,t,n,s),projectInfo:w,projectName:r,entityType:m,onReferenceClick:Q,createdAts:l.map(t=>t.createdAt),onFileExpand:X,showOrigin:l.length>1,filter:d,editProps:{projectName:r,entities:l,entityType:m},isHighlighted:y.includes(e.activityId),readOnly:S,statuses:D},e.activityId)),E.length===1&&d==="versions"&&!a&&o.jsxRuntimeExports.jsx(ge.EmptyPlaceholder,{message:"No versions published yet",icon:"layers"}),H&&c&&o.jsxRuntimeExports.jsx(le.InView,{root:u.current,onChange:e=>e&&c(),rootMargin:"400px 0px 0px 0px",children:o.jsxRuntimeExports.jsx(h.LoadMore,{style:{height:0},onClick:()=>c(),children:B?"Loading more...":"Click to load more"})})]}),!$&&o.jsxRuntimeExports.jsx(se.default,{initValue:null,onSubmit:z,isOpen:M===f.FEED_NEW_COMMENT,onClose:()=>F(null),onOpen:()=>F(f.FEED_NEW_COMMENT),disabled:R,isLoading:a||!l.length||J})]})})};exports.Feed=qe;exports.activitiesLast=ye;
 //# sourceMappingURL=Feed.cjs.js.map

package/dist/shared/src/containers/Feed/Feed.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.cjs.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nexport type FeedProps = {\n  isMultiProjects: boolean\n  readOnly: boolean\n  statuses: Status[]\n}\n\nexport const Feed = ({ isMultiProjects, readOnly, statuses = [] }: FeedProps) => {\n  const {\n    projectName,\n    entities,\n    entityType,\n    editingId,\n    projectInfo,\n    setEditingId,\n    userName,\n    activitiesData,\n    isLoadingNew,\n    isLoadingNextPage,\n    loadNextPage,\n    hasNextPage,\n    users,\n    currentTab,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n  } = useDetailsPanelContext()\n\n  // hide comment input for specific filters\n  const hideCommentInput = ['versions'].includes(currentTab)\n\n  const activitiesWithMergedAnnotations = useMemo(\n    () => mergeAnnotationAttachments(activitiesData),\n    [activitiesData],\n  )\n\n  useEffect(() => {\n    if (!activitiesWithMergedAnnotations.length) {\n      setFeedAnnotations([])\n    }\n\n    const annotations = activitiesWithMergedAnnotations\n      .map((activity) =>\n        activity.activityData?.annotations?.map((a: SavedAnnotationMetadata) => ({\n          ...a,\n          activityId: activity.activityId,\n        })),\n      )\n      .filter(Boolean)\n      .flat()\n\n    setFeedAnnotations(annotations)\n  }, [activitiesWithMergedAnnotations])\n\n  // do any transformation on activities data\n  // 1. status change activities, attach status data based on projectName\n  // 2. reverse the order\n  // 3. is this activity from the current user?\n  const transformedActivitiesData = useTransformActivities(\n    // @ts-ignore\n    activitiesWithMergedAnnotations,\n    users,\n    projectInfo,\n    entityType,\n    userName,\n  ) as any[]\n\n  // REFS\n  const feedRef = useRef(null)\n  // const commentInputRef = useRef(null)\n\n  // scroll by height of comment input when it opens or closes\n  useScrollOnInputOpen({ feedRef, isInputOpen: editingId === FEED_NEW_COMMENT, height: 93 })\n\n  // save scroll position of a feed\n  useSaveScrollPos({\n    entities,\n    feedRef,\n    filter: currentTab,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n  })\n\n  // comment mutations here!\n  const { submitComment, updateComment, deleteComment, isSaving } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: currentTab,\n  })\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  // only viewing activities from one project\n  if (isMultiProjects)\n    warningMessage = `You are only viewing activities from one project: ${projectName}.`\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs) =>\n                    await updateComment(activity, value, files)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={currentTab}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 1 && currentTab === 'versions' && !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={isMultiProjects}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","isMultiProjects","readOnly","statuses","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","currentTab","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","useDetailsPanelContext","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","_b","_a","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitComment","updateComment","deleteComment","isSaving","useCommentMutations","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","warningMessage","jsxs","Styled.FeedContainer","Styled.Warning","jsx","Icon","Styled.FeedContent","clsx","ActivityItem","value","files","_refs","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}
+{"version":3,"file":"Feed.cjs.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nexport type FeedProps = {\n  isMultiProjects: boolean\n  readOnly: boolean\n  statuses: Status[]\n  entityListId?: string | undefined\n}\n\nexport const Feed = ({ isMultiProjects, readOnly, statuses = [], entityListId }: FeedProps) => {\n  const {\n    projectName,\n    entities,\n    entityType,\n    editingId,\n    projectInfo,\n    setEditingId,\n    userName,\n    activitiesData,\n    isLoadingNew,\n    isLoadingNextPage,\n    loadNextPage,\n    hasNextPage,\n    users,\n    currentTab,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n  } = useDetailsPanelContext()\n\n  // hide comment input for specific filters\n  const hideCommentInput = ['versions'].includes(currentTab)\n\n  const activitiesWithMergedAnnotations = useMemo(\n    () => mergeAnnotationAttachments(activitiesData),\n    [activitiesData],\n  )\n\n  useEffect(() => {\n    if (!activitiesWithMergedAnnotations.length) {\n      setFeedAnnotations([])\n    }\n\n    const annotations = activitiesWithMergedAnnotations\n      .map((activity) =>\n        activity.activityData?.annotations?.map((a: SavedAnnotationMetadata) => ({\n          ...a,\n          activityId: activity.activityId,\n        })),\n      )\n      .filter(Boolean)\n      .flat()\n\n    setFeedAnnotations(annotations)\n  }, [activitiesWithMergedAnnotations])\n\n  // do any transformation on activities data\n  // 1. status change activities, attach status data based on projectName\n  // 2. reverse the order\n  // 3. is this activity from the current user?\n  const transformedActivitiesData = useTransformActivities(\n    // @ts-ignore\n    activitiesWithMergedAnnotations,\n    users,\n    projectInfo,\n    entityType,\n    userName,\n  ) as any[]\n\n  // REFS\n  const feedRef = useRef(null)\n  // const commentInputRef = useRef(null)\n\n  // scroll by height of comment input when it opens or closes\n  useScrollOnInputOpen({ feedRef, isInputOpen: editingId === FEED_NEW_COMMENT, height: 93 })\n\n  // save scroll position of a feed\n  useSaveScrollPos({\n    entities,\n    feedRef,\n    filter: currentTab,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n  })\n\n  // comment mutations here!\n  const { submitComment, updateComment, deleteComment, isSaving } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: currentTab,\n    entityListId,\n  })\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  // only viewing activities from one project\n  if (isMultiProjects)\n    warningMessage = `You are only viewing activities from one project: ${projectName}.`\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs, data) =>\n                    await updateComment(activity, value, files, data)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={currentTab}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 1 && currentTab === 'versions' && !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={isMultiProjects}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","isMultiProjects","readOnly","statuses","entityListId","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","currentTab","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","useDetailsPanelContext","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","_b","_a","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitComment","updateComment","deleteComment","isSaving","useCommentMutations","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","warningMessage","jsxs","Styled.FeedContainer","Styled.Warning","jsx","Icon","Styled.FeedContent","clsx","ActivityItem","value","files","_refs","data","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}

package/dist/shared/src/containers/Feed/Feed.es.js

@@ -1,23 +1,23 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as S, useEffect as te, useRef as oe } from "react";
-import ie from "./components/ActivityItem.es.js";
-import ne from "./components/CommentInput/CommentInput.es.js";
-import { FeedContainer as se, Warning as re, FeedContent as le, LoadMore as ae } from "./Feed.styled.es.js";
-import de from "./hooks/useCommentMutations.es.js";
-import me from "./hooks/useTransformActivities.es.js";
-import { InView as ce } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
-import pe from "./hooks/useSaveScrollPos.es.js";
-import fe from "./hooks/useScrollOnInputOpen.es.js";
-import { getLoadingPlaceholders as ge } from "./feedHelpers.es.js";
-import { Icon as he } from "@ynput/ayon-react-components";
-import ue from "clsx";
-import xe from "./hooks/useScrollToHighlighted.es.js";
-import { isFilePreviewable as ye } from "./components/FileUploadPreview/FileUploadPreview.es.js";
-import { EmptyPlaceholder as ve } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { useMemo as S, useEffect as oe, useRef as ie } from "react";
+import ne from "./components/ActivityItem.es.js";
+import se from "./components/CommentInput/CommentInput.es.js";
+import { FeedContainer as re, Warning as le, FeedContent as ae, LoadMore as de } from "./Feed.styled.es.js";
+import me from "./hooks/useCommentMutations.es.js";
+import ce from "./hooks/useTransformActivities.es.js";
+import { InView as pe } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
+import fe from "./hooks/useSaveScrollPos.es.js";
+import ge from "./hooks/useScrollOnInputOpen.es.js";
+import { getLoadingPlaceholders as he } from "./feedHelpers.es.js";
+import { Icon as ue } from "@ynput/ayon-react-components";
+import xe from "clsx";
+import ye from "./hooks/useScrollToHighlighted.es.js";
+import { isFilePreviewable as ve } from "./components/FileUploadPreview/FileUploadPreview.es.js";
+import { EmptyPlaceholder as Ce } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useFeedContext as Ce, FEED_NEW_COMMENT as k } from "./context/FeedContext.es.js";
+import { useFeedContext as Ie, FEED_NEW_COMMENT as k } from "./context/FeedContext.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Ie } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as ke } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -28,8 +28,8 @@ import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
-import ke from "./helpers/mergeAnnotationAttachments.es.js";
-const tt = 30, ot = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
+import we from "./helpers/mergeAnnotationAttachments.es.js";
+const ot = 30, it = ({ isMultiProjects: w, readOnly: R, statuses: D = [], entityListId: B }) => {
   const {
     projectName: r,
     entities: l,
@@ -37,115 +37,116 @@ const tt = 30, ot = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
     editingId: j,
     projectInfo: A,
     setEditingId: N,
-    userName: B,
+    userName: H,
     activitiesData: E,
     isLoadingNew: a,
-    isLoadingNextPage: H,
+    isLoadingNextPage: W,
     loadNextPage: d,
-    hasNextPage: W,
-    users: _,
+    hasNextPage: _,
+    users: V,
     currentTab: m
-  } = Ce(), {
-    openSlideOut: V,
+  } = Ie(), {
+    openSlideOut: q,
     highlightedActivities: h,
-    setHighlightedActivities: q,
+    setHighlightedActivities: U,
     onOpenImage: u,
     setFeedAnnotations: M
-  } = Ie(), U = ["versions"].includes(m), f = S(
-    () => ke(E),
+  } = ke(), Y = ["versions"].includes(m), f = S(
+    () => we(E),
     [E]
   );
-  te(() => {
+  oe(() => {
     f.length || M([]);
     const e = f.map(
       (t) => {
         var o, i;
-        return (i = (o = t.activityData) == null ? void 0 : o.annotations) == null ? void 0 : i.map((s) => ({
-          ...s,
+        return (i = (o = t.activityData) == null ? void 0 : o.annotations) == null ? void 0 : i.map((n) => ({
+          ...n,
           activityId: t.activityId
         }));
       }
     ).filter(Boolean).flat();
     M(e);
   }, [f]);
-  const x = me(
+  const x = ce(
     // @ts-ignore
     f,
-    _,
+    V,
     A,
     p,
-    B
-  ), c = oe(null);
-  fe({ feedRef: c, isInputOpen: j === k, height: 93 }), pe({
+    H
+  ), c = ie(null);
+  ge({ feedRef: c, isInputOpen: j === k, height: 93 }), fe({
     entities: l,
     feedRef: c,
     filter: m,
     disabled: !!h.length,
     isLoading: a
-  }), xe({
+  }), ye({
     feedRef: c,
     highlighted: h,
     isLoading: a,
     loadNextPage: d,
     hasNextPage: !!d
   });
-  const { submitComment: Y, updateComment: T, deleteComment: $, isSaving: z } = de({
+  const { submitComment: $, updateComment: T, deleteComment: z, isSaving: G } = me({
     projectName: r,
     entityType: p,
     entities: l,
-    filter: m
-  }), G = (e, t) => {
+    filter: m,
+    entityListId: B
+  }), J = (e, t) => {
     var L;
     const o = e == null ? void 0 : e.target;
     if (!o || !t) return console.log("no target or activity");
-    const i = o.checked, s = i ? "[ ]" : "[x]", X = i ? "[x]" : "[ ]", { body: g } = t, b = Array.from(
+    const i = o.checked, n = i ? "[ ]" : "[x]", Z = i ? "[x]" : "[ ]", { body: g } = t, b = Array.from(
       ((L = o.closest(".comment-body")) == null ? void 0 : L.querySelectorAll(".task-list-item")) || []
     ).findIndex((I) => I === o.closest("li"));
     let F = b;
-    (g.match(/\[.\]/g) || []).forEach((I, ee) => {
-      I !== s && ee < b && F--;
+    (g.match(/\[.\]/g) || []).forEach((I, te) => {
+      I !== n && te < b && F--;
     });
     const O = [];
     let v = -1;
-    for (; (v = g.indexOf(s, v + 1)) > -1; )
+    for (; (v = g.indexOf(n, v + 1)) > -1; )
       O.push(v);
     const C = O[F];
     if (C === void 0) return;
-    const Z = C + s.length, P = g.slice(0, C) + X + g.slice(Z);
+    const ee = C + n.length, P = g.slice(0, C) + Z + g.slice(ee);
     P && T(t, P, t.files);
-  }, J = (e) => {
+  }, K = (e) => {
     const { entityId: t, entityType: o, activityId: i } = e;
     if (!o || !["version", "task", "folder"].includes(o))
       return console.log("Entity type not supported yet");
     if (!t || !o || !r) return console.log("No entity id or type found");
-    V({ entityId: t, entityType: o, projectName: r }), q([i]);
-  }, K = ({ index: e, activityId: t }) => {
+    q({ entityId: t, entityType: o, projectName: r }), U([i]);
+  }, Q = ({ index: e, activityId: t }) => {
     const o = Object.values(x).reverse().filter((i) => i.activityType == "comment").map((i) => ({
       id: i.activityId,
-      files: i.files.filter((s) => ye(s.mime, s.ext))
+      files: i.files.filter((n) => ve(n.mime, n.ext))
     })).filter((i) => i.files.length > 0);
     u == null || u({ files: o, activityId: t, index: e, projectName: r });
-  }, Q = S(() => ge(10), []);
+  }, X = S(() => he(10), []);
   let y;
-  return w && (y = `You are only viewing activities from one project: ${r}.`), /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(se, { className: "feed", children: [
-    y && /* @__PURE__ */ n.jsxs(re, { children: [
-      /* @__PURE__ */ n.jsx(he, { icon: "info" }),
+  return w && (y = `You are only viewing activities from one project: ${r}.`), /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(re, { className: "feed", children: [
+    y && /* @__PURE__ */ s.jsxs(le, { children: [
+      /* @__PURE__ */ s.jsx(ue, { icon: "info" }),
       y
     ] }),
-    /* @__PURE__ */ n.jsxs(le, { ref: c, className: ue({ loading: a }, "no-shimmer"), children: [
-      a ? Q : x.map((e) => /* @__PURE__ */ n.jsx(
-        ie,
+    /* @__PURE__ */ s.jsxs(ae, { ref: c, className: xe({ loading: a }, "no-shimmer"), children: [
+      a ? X : x.map((e) => /* @__PURE__ */ s.jsx(
+        ne,
         {
           activity: e,
-          onCheckChange: G,
-          onDelete: $,
-          onUpdate: async (t, o, i) => await T(e, t, o),
+          onCheckChange: J,
+          onDelete: z,
+          onUpdate: async (t, o, i, n) => await T(e, t, o, n),
           projectInfo: A,
           projectName: r,
           entityType: p,
-          onReferenceClick: J,
+          onReferenceClick: K,
           createdAts: l.map((t) => t.createdAt),
-          onFileExpand: K,
+          onFileExpand: Q,
           showOrigin: l.length > 1,
           filter: m,
           editProps: {
@@ -159,33 +160,33 @@ const tt = 30, ot = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
         },
         e.activityId
       )),
-      x.length === 1 && m === "versions" && !a && /* @__PURE__ */ n.jsx(ve, { message: "No versions published yet", icon: "layers" }),
-      W && d && /* @__PURE__ */ n.jsx(
-        ce,
+      x.length === 1 && m === "versions" && !a && /* @__PURE__ */ s.jsx(Ce, { message: "No versions published yet", icon: "layers" }),
+      _ && d && /* @__PURE__ */ s.jsx(
+        pe,
         {
           root: c.current,
           onChange: (e) => e && d(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ n.jsx(ae, { style: { height: 0 }, onClick: () => d(), children: H ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ s.jsx(de, { style: { height: 0 }, onClick: () => d(), children: W ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
-    !U && /* @__PURE__ */ n.jsx(
-      ne,
+    !Y && /* @__PURE__ */ s.jsx(
+      se,
       {
         initValue: null,
-        onSubmit: Y,
+        onSubmit: $,
         isOpen: j === k,
         onClose: () => N(null),
         onOpen: () => N(k),
         disabled: w,
-        isLoading: a || !l.length || z
+        isLoading: a || !l.length || G
       }
     )
   ] }) });
 };
 export {
-  ot as Feed,
-  tt as activitiesLast
+  it as Feed,
+  ot as activitiesLast
 };
 //# sourceMappingURL=Feed.es.js.map