npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.28 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1093) hide show

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

@@ -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/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("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/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 CHANGED Viewed

	@@ -1 +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":"~~26KA6CO~~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"}
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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"}

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

@@ -54,6 +54,7 @@ import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
@@ -92,6 +93,7 @@ import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import { useHierarchyTable as E } from "../../../hooks/useHierarchyTable.es.js";
@@ -101,7 +103,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 Er = ({
+const Lr = ({
   projectName: o,
   entityType: k,
   search: r,
@@ -206,6 +208,6 @@ const Er = ({
   };
 };
 export {
-  Er as useGetEntityPickerData
+  Lr as useGetEntityPickerData
 };
 //# sourceMappingURL=useGetEntityPickerData.es.js.map

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

	@@ -1 +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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"}
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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"}

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

@@ -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");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 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;
 //# sourceMappingURL=Feed.cjs.js.map

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

	@@ -1 +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":"gkDAuBaA,GAAiB,GAQjBC,GAAO,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,EAAU,SAAAC,EAAW,MAAoB,CACzE,KAAA,CACJ,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,eAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,MAAAC,EACA,WAAAC,GACEC,iBAAe,EAEb,CACJ,aAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,YAAAC,EACA,mBAAAC,GACEC,0BAAuB,EAGrBC,EAAmB,CAAC,UAAU,EAAE,SAASR,CAAU,EAEnDS,EAAkCC,EAAA,QACtC,IAAMC,GAA2BjB,CAAc,EAC/C,CAACA,CAAc,CACjB,EAEAkB,EAAAA,UAAU,IAAM,CACTH,EAAgC,QACnCH,EAAmB,CAAA,CAAE,EAGvB,MAAMO,EAAcJ,EACjB,IAAKK,GACJ,SAAA,OAAAC,GAAAC,EAAAF,EAAS,eAAT,YAAAE,EAAuB,cAAvB,YAAAD,EAAoC,IAAKE,IAAgC,CACvE,GAAGA,EACH,WAAYH,EAAS,UAAA,IACrB,EAEH,OAAO,OAAO,EACd,KAAK,EAERR,EAAmBO,CAAW,CAAA,EAC7B,CAACJ,CAA+B,CAAC,EAMpC,MAAMS,EAA4BC,GAAA,QAEhCV,EACAV,EACAR,EACAF,EACAI,CACF,EAGM2B,EAAUC,SAAO,IAAI,EAI3BC,GAAqB,CAAE,QAAAF,EAAS,YAAa9B,IAAciC,mBAAkB,OAAQ,GAAI,EAGxEC,GAAA,CACf,SAAApC,EACA,QAAAgC,EACA,OAAQpB,EACR,SAAU,CAAC,CAACG,EAAsB,OAClC,UAAWR,CAAA,CACZ,EAGsB8B,GAAA,CACrB,QAAAL,EACA,YAAajB,EACb,UAAWR,EACX,aAAAE,EACA,YAAa,CAAC,CAACA,CAAA,CAChB,EAGD,KAAM,CAAE,cAAA6B,EAAe,cAAAC,EAAe,cAAAC,EAAe,SAAAC,CAAA,EAAaC,GAAoB,CACpF,YAAA3C,EACA,WAAAE,EACA,SAAAD,EACA,OAAQY,CAAA,CACT,EAIK+B,EAAuB,CAAC,EAAwCjB,IAAuB,OAC3F,MAAMkB,EAAS,iBAAG,OAClB,GAAI,CAACA,GAAU,CAAClB,EAAiB,OAAA,QAAQ,IAAI,uBAAuB,EAGpE,MAAMmB,EAAmBD,EAAO,QAC1BE,EAA0BD,EAAU,MAAQ,MAC5CE,EAAsBF,EAAU,MAAQ,MAExC,CAAE,KAAAG,GAAStB,EAIXuB,EAAoB,MAAM,OAC9BrB,EAAAgB,EAAO,QAAQ,eAAe,IAA9B,YAAAhB,EAAiC,iBAAiB,qBAAsB,CAAA,CAAC,EACzE,UAAWsB,GAAgBA,IAAON,EAAO,QAAQ,IAAI,CAAC,EAExD,IAAIO,EAAuBF,GAGID,EAAK,MAAM,QAAQ,GAAK,CAAC,GAE3C,QAAQ,CAACI,EAAkBC,KAAkB,CAEpDD,IAAaN,GAAmBO,GAAQJ,GAAWE,GAAA,CACxD,EAGD,MAAMG,EAA2C,CAAC,EAClD,IAAID,EAAgB,GACpB,MAAQA,EAAQL,EAAK,QAAQF,EAAiBO,EAAQ,CAAC,GAAK,IAC1DC,EAA+B,KAAKD,CAAK,EAGrC,MAAAE,EAA2CD,EAA+BH,CAAY,EAC5F,GAAII,IAAyB,OAAW,OAElC,MAAAC,GAA0BD,EAAuBT,EAAgB,OAGjEW,EACJT,EAAK,MAAM,EAAGO,CAAoB,EAAIR,EAAcC,EAAK,MAAMQ,EAAe,EAE3EC,GAESlB,EAAAb,EAAU+B,EAAS/B,EAAS,KAAK,CACjD,EAEMgC,EAAkBC,GAIlB,CACJ,KAAM,CAAE,SAAAC,EAAU,WAAA3D,EAAY,WAAA4D,CAAe,EAAAF,EAG7C,GAAI,CAAC1D,GAAc,CAFI,CAAC,UAAW,OAAQ,QAAQ,EAEhB,SAASA,CAAU,EAC7C,OAAA,QAAQ,IAAI,+BAA+B,EAEhD,GAAA,CAAC2D,GAAY,CAAC3D,GAAc,CAACF,EAAa,OAAO,QAAQ,IAAI,4BAA4B,EAG7Fe,EAAa,CAAE,SAAA8C,EAAU,WAAA3D,EAAY,YAAAF,EAAa,EAEzBiB,EAAA,CAAC6C,CAAU,CAAC,CACvC,EAEMC,EAAmB,CAAC,CAAE,MAAAT,EAAO,WAAAQ,KAAwD,CACzF,MAAME,EAAmB,OAAO,OAAOjC,CAAyB,EAC7D,UACA,OAAQD,GAAMA,EAAE,cAAgB,SAAS,EACzC,IAAKA,IAAO,CACX,GAAIA,EAAE,WACN,MAAOA,EAAE,MAAM,OAAQmC,GAAcC,GAAA,kBAAkBD,EAAK,KAAMA,EAAK,GAAG,CAAC,CAAA,EAC3E,EACD,OAAQnC,GAAMA,EAAE,MAAM,OAAS,CAAC,EAGnCZ,GAAA,MAAAA,EAAc,CAAE,MAAO8C,EAAkB,WAAAF,EAAY,MAAAR,EAAO,YAAAtD,GAC9D,EAEMmE,EAAsB5C,EAAAA,QAAQ,IAAM6C,0BAAuB,EAAE,EAAG,CAAA,CAAE,EAEpE,IAAAC,EAGA,OAAAxE,IACFwE,EAAiB,qDAAqDrE,CAAW,2DAI/E,SAACsE,EAAAA,kBAAAA,KAAAC,EAAAA,cAAA,CAAqB,UAAU,OAC7B,SAAA,CACCF,GAAAC,EAAA,kBAAA,KAACE,UAAA,CACC,SAAA,CAACC,EAAAA,kBAAAA,IAAAC,GAAA,KAAA,CAAK,KAAK,MAAO,CAAA,EACjBL,CAAA,EACH,EAEDC,EAAAA,kBAAAA,KAAAK,EAAA,YAAA,CAAmB,IAAK1C,EAAS,UAAW2C,GAAK,CAAE,QAASpE,CAAa,EAAG,YAAY,EACtF,SAAA,CAAAA,EACG2D,EACApC,EAA0B,IAAKJ,GAC7B8C,EAAA,kBAAA,IAACI,GAAA,CAEC,SAAAlD,EACA,cAAeiB,EACf,SAAUH,EACV,SAAU,MAAOqC,EAAOC,EAAOC,IAC7B,MAAMxC,EAAcb,EAAUmD,EAAOC,CAAK,EAE5C,YAAA3E,EACA,YAAAJ,EACA,WAAAE,EACA,iBAAkByD,EAClB,WAAY1D,EAAS,IAAKgF,GAAMA,EAAE,SAAS,EAC3C,aAAclB,EACd,WAAY9D,EAAS,OAAS,EAC9B,OAAQY,EACR,UAAW,CACT,YAAAb,EACA,SAAAC,EACA,WAAAC,CACF,EACA,cAAec,EAAsB,SAASW,EAAS,UAAU,EACjE,SAAA7B,EACA,SAAAC,CAAA,EAtBK4B,EAAS,UAAA,CAwBjB,EAEJI,EAA0B,SAAW,GAAKlB,IAAe,YAAc,CAACL,GACvEiE,wBAACS,GAAAA,iBAAiB,CAAA,QAAQ,4BAA4B,KAAK,QAAS,CAAA,EAErEvE,GAAeD,GACd+D,EAAA,kBAAA,IAACU,GAAA,OAAA,CACC,KAAMlD,EAAQ,QACd,SAAWmD,GAAWA,GAAU1E,EAAa,EAC7C,WAAY,oBAEZ,SAAC+D,EAAA,kBAAA,IAAAY,EAAA,SAAA,CAAgB,MAAO,CAAE,OAAQ,CAAE,EAAG,QAAS,IAAM3E,EAAA,EACnD,SAAAD,EAAoB,kBAAoB,oBAC3C,CAAA,CAAA,CAAA,CACF,EAEJ,EACC,CAACY,GACAoD,EAAA,kBAAA,IAACa,GAAA,QAAA,CACC,UAAW,KACX,SAAU/C,EACV,OAAQpC,IAAciC,EAAA,iBACtB,QAAS,IAAM/B,EAAa,IAAI,EAChC,OAAQ,IAAMA,EAAa+B,kBAAgB,EAC3C,SAAUvC,EACV,UAAWW,GAAgB,CAACP,EAAS,QAAUyC,CAAA,CAAA,CACjD,CAAA,CAEJ,CACF,CAAA,CAEJ"}
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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"}

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

@@ -4,8 +4,8 @@ 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 ce from "./hooks/useTransformActivities.es.js";
-import { InView as me } from "../../../../node_modules/react-intersection-observer/dist/index.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";
@@ -27,8 +27,9 @@ import "../../context/AddonProjectContext.es.js";
 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 et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
+const tt = 30, ot = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
   const {
     projectName: r,
     entities: l,
@@ -43,14 +44,14 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
     loadNextPage: d,
     hasNextPage: W,
     users: _,
-    currentTab: c
+    currentTab: m
   } = Ce(), {
     openSlideOut: V,
     highlightedActivities: h,
     setHighlightedActivities: q,
     onOpenImage: u,
     setFeedAnnotations: M
-  } = Ie(), U = ["versions"].includes(c), f = S(
+  } = Ie(), U = ["versions"].includes(m), f = S(
     () => ke(E),
     [E]
   );
@@ -67,22 +68,22 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
     ).filter(Boolean).flat();
     M(e);
   }, [f]);
-  const x = ce(
+  const x = me(
     // @ts-ignore
     f,
     _,
     A,
     p,
     B
-  ), m = oe(null);
-  fe({ feedRef: m, isInputOpen: j === k, height: 93 }), pe({
+  ), c = oe(null);
+  fe({ feedRef: c, isInputOpen: j === k, height: 93 }), pe({
     entities: l,
-    feedRef: m,
-    filter: c,
+    feedRef: c,
+    filter: m,
     disabled: !!h.length,
     isLoading: a
   }), xe({
-    feedRef: m,
+    feedRef: c,
     highlighted: h,
     isLoading: a,
     loadNextPage: d,
@@ -92,7 +93,7 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
     projectName: r,
     entityType: p,
     entities: l,
-    filter: c
+    filter: m
   }), G = (e, t) => {
     var L;
     const o = e == null ? void 0 : e.target;
@@ -131,7 +132,7 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
       /* @__PURE__ */ n.jsx(he, { icon: "info" }),
       y
     ] }),
-    /* @__PURE__ */ n.jsxs(le, { ref: m, className: ue({ loading: a }, "no-shimmer"), children: [
+    /* @__PURE__ */ n.jsxs(le, { ref: c, className: ue({ loading: a }, "no-shimmer"), children: [
       a ? Q : x.map((e) => /* @__PURE__ */ n.jsx(
         ie,
         {
@@ -146,7 +147,7 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
           createdAts: l.map((t) => t.createdAt),
           onFileExpand: K,
           showOrigin: l.length > 1,
-          filter: c,
+          filter: m,
           editProps: {
             projectName: r,
             entities: l,
@@ -158,11 +159,11 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
         },
         e.activityId
       )),
-      x.length === 1 && c === "versions" && !a && /* @__PURE__ */ n.jsx(ve, { message: "No versions published yet", icon: "layers" }),
+      x.length === 1 && m === "versions" && !a && /* @__PURE__ */ n.jsx(ve, { message: "No versions published yet", icon: "layers" }),
       W && d && /* @__PURE__ */ n.jsx(
-        me,
+        ce,
         {
-          root: m.current,
+          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" })
@@ -184,7 +185,7 @@ const et = 30, tt = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
   ] }) });
 };
 export {
-  tt as Feed,
-  et as activitiesLast
+  ot as Feed,
+  tt as activitiesLast
 };
 //# sourceMappingURL=Feed.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Feed.es.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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"}
1	+ {"version":3,"file":"Feed.es.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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"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),A=require("clsx"),w=require("react"),Y=require("react-markdown"),Z=require("remark-emoji"),$=require("remark-gfm"),U=require("remark-directive"),ee=require("remark-directive-rehype"),te=require("../CommentInput/CommentInput.cjs.js"),ne=require("../ReactionContainer/Reactions.cjs.js"),ie=require("../../hooks/useReferenceTooltip.cjs.js"),se=require("../FilesGrid/FilesGrid.cjs.js"),re=require("../CommentInput/quillToMarkdown.cjs.js"),s=require("./ActivityComment.styled.cjs.js"),oe=require("./CommentWrapper.cjs.js"),l=require("./ActivityMarkdownComponents.cjs.js"),ce=require("./mappers.cjs.js"),ue=require("@ynput/ayon-react-components"),ae=require("../ActivityStatus/ActivityStatus.cjs.js"),D=require("../../context/FeedContext.cjs.js"),le=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../util/pubsub.cjs.js");const me=require("../ActivityHeader/ActivityHeader.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const xe=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");const de=({activity:r={},onCheckChange:b,onDelete:m,onUpdate:x,projectInfo:pe,editProps:F,projectName:o,entityType:I,onReferenceClick:f,onFileExpand:M,showOrigin:H,isHighlighted:N,readOnly:g,statuses:B=[]})=>{const{userName:d,createReaction:P,deleteReaction:S}=D.useFeedContext();let{body:p,authorName:c,authorFullName:q,createdAt:G,referenceType:_,entityId:C,activityId:n,author:i,isOwner:R,files:j=[],origin:h}=r;c||(c=(i==null?void 0:i.name)||""),q||(q=(i==null?void 0:i.fullName)||c);const{editingId:L,setEditingId:E}=D.useFeedContext(),{onGoToFrame:u,setHighlightedActivities:O}=xe.useDetailsPanelContext(),y=()=>{E(n)},Q=()=>{E(null)},V=async(e,X)=>{await(x==null?void 0:x(e,X)),E(null)},a=L===n,T=_!=="origin"||H,W=async()=>{const e=re.getTextRefs(p);T&&h&&e.push({id:h.id,type:h.type}),m&&await m(n,C,e)},z=()=>{le.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await W()}})},[,k]=ie(),v=w.useMemo(()=>ce.mapGraphQLReactions(r.reactions,d),[[...r.reactions||[]]]),J=e=>{e.isActive?P({projectName:o,userName:d,activityId:n,createReactionModel:{reaction:e.type}}):S({projectName:o,userName:d,activityId:n,reaction:e.type})},K=w.useCallback(e=>{e.annotation&&(u==null||u(e.annotation.range[0]),O([n]))},[u]);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs(s.Comment,{className:A("comment",{isOwner:R,isEditing:a,isHighlighted:N}),id:n,children:[t.jsxRuntimeExports.jsx(me,{name:c,fullName:q,date:G,isRef:T,activity:r,projectName:o,entityType:I,onReferenceClick:f,onReferenceTooltip:k,children:void 0}),t.jsxRuntimeExports.jsxs(s.Body,{className:A("comment-body",{isEditing:a}),children:[!g&&t.jsxRuntimeExports.jsxs(s.Tools,{className:"tools",children:[R&&m&&t.jsxRuntimeExports.jsx(s.ToolButton,{icon:"delete",onClick:z,tooltip:"Delete comment"}),R&&y&&t.jsxRuntimeExports.jsx(s.ToolButton,{icon:"edit_square",onClick:y})]}),a?t.jsxRuntimeExports.jsx(te.default,{initValue:p,initFiles:j,isEditing:!0,onClose:Q,onSubmit:V,isOpen:!0,...F}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(oe,{children:t.jsxRuntimeExports.jsx(Y,{remarkPlugins:[$,Z,U,ee],urlTransform:e=>e,components:{a:e=>l.aTag(e,{entityId:C,projectName:o,onReferenceClick:f,onReferenceTooltip:k,activityId:n}),input:e=>l.inputTag(e,{activity:r,onCheckChange:b}),code:e=>l.codeTag(e),blockquote:e=>l.blockquoteTag(e),tip:e=>t.jsxRuntimeExports.jsxs(s.Tip,{children:[t.jsxRuntimeExports.jsx(ue.Icon,{icon:"info"}),e.children]}),status:e=>t.jsxRuntimeExports.jsx(ae,{name:e.id,statuses:B,children:e.children})},children:p})}),t.jsxRuntimeExports.jsx(se,{files:j,isCompact:j.length>6,activityId:n,projectName:o,isDownloadable:!0,onExpand:M,onAnnotationClick:K,onRemove:void 0})]}),!a&&t.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:v&&t.jsxRuntimeExports.jsx(ne,{reactions:v,changeHandler:J,readOnly:g})})]})]})})};module.exports=de;
+"use strict";const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),A=require("clsx"),w=require("react"),Y=require("react-markdown"),Z=require("remark-emoji"),$=require("remark-gfm"),U=require("remark-directive"),ee=require("remark-directive-rehype"),te=require("../CommentInput/CommentInput.cjs.js"),ne=require("../ReactionContainer/Reactions.cjs.js"),ie=require("../../hooks/useReferenceTooltip.cjs.js"),se=require("../FilesGrid/FilesGrid.cjs.js"),re=require("../CommentInput/quillToMarkdown.cjs.js"),s=require("./ActivityComment.styled.cjs.js"),oe=require("./CommentWrapper.cjs.js"),l=require("./ActivityMarkdownComponents.cjs.js"),ce=require("./mappers.cjs.js"),ue=require("@ynput/ayon-react-components"),ae=require("../ActivityStatus/ActivityStatus.cjs.js"),D=require("../../context/FeedContext.cjs.js"),le=require("../../../../util/confirmDelete.cjs.js");require("react-toastify");require("uuid");require("lodash");require("../../../../util/pubsub.cjs.js");const me=require("../ActivityHeader/ActivityHeader.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const xe=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 de=({activity:r={},onCheckChange:b,onDelete:m,onUpdate:x,projectInfo:pe,editProps:F,projectName:o,entityType:I,onReferenceClick:f,onFileExpand:M,showOrigin:H,isHighlighted:N,readOnly:g,statuses:B=[]})=>{const{userName:d,createReaction:P,deleteReaction:S}=D.useFeedContext();let{body:p,authorName:c,authorFullName:q,createdAt:G,referenceType:_,entityId:C,activityId:n,author:i,isOwner:R,files:j=[],origin:h}=r;c||(c=(i==null?void 0:i.name)||""),q||(q=(i==null?void 0:i.fullName)||c);const{editingId:L,setEditingId:E}=D.useFeedContext(),{onGoToFrame:u,setHighlightedActivities:O}=xe.useDetailsPanelContext(),y=()=>{E(n)},Q=()=>{E(null)},V=async(e,X)=>{await(x==null?void 0:x(e,X)),E(null)},a=L===n,T=_!=="origin"||H,W=async()=>{const e=re.getTextRefs(p);T&&h&&e.push({id:h.id,type:h.type}),m&&await m(n,C,e)},z=()=>{le.confirmDelete({title:"Delete comment",message:"Are you sure you want to delete this comment?",accept:async()=>{await W()}})},[,k]=ie(),v=w.useMemo(()=>ce.mapGraphQLReactions(r.reactions,d),[[...r.reactions||[]]]),J=e=>{e.isActive?P({projectName:o,userName:d,activityId:n,createReactionModel:{reaction:e.type}}):S({projectName:o,userName:d,activityId:n,reaction:e.type})},K=w.useCallback(e=>{e.annotation&&(u==null||u(e.annotation.range[0]),O([n]))},[u]);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs(s.Comment,{className:A("comment",{isOwner:R,isEditing:a,isHighlighted:N}),id:n,children:[t.jsxRuntimeExports.jsx(me,{name:c,fullName:q,date:G,isRef:T,activity:r,projectName:o,entityType:I,onReferenceClick:f,onReferenceTooltip:k,children:void 0}),t.jsxRuntimeExports.jsxs(s.Body,{className:A("comment-body",{isEditing:a}),children:[!g&&t.jsxRuntimeExports.jsxs(s.Tools,{className:"tools",children:[R&&m&&t.jsxRuntimeExports.jsx(s.ToolButton,{icon:"delete",onClick:z,tooltip:"Delete comment"}),R&&y&&t.jsxRuntimeExports.jsx(s.ToolButton,{icon:"edit_square",onClick:y})]}),a?t.jsxRuntimeExports.jsx(te.default,{initValue:p,initFiles:j,isEditing:!0,onClose:Q,onSubmit:V,isOpen:!0,...F}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(oe,{children:t.jsxRuntimeExports.jsx(Y,{remarkPlugins:[$,Z,U,ee],urlTransform:e=>e,components:{a:e=>l.aTag(e,{entityId:C,projectName:o,onReferenceClick:f,onReferenceTooltip:k,activityId:n}),input:e=>l.inputTag(e,{activity:r,onCheckChange:b}),code:e=>l.codeTag(e),blockquote:e=>l.blockquoteTag(e),tip:e=>t.jsxRuntimeExports.jsxs(s.Tip,{children:[t.jsxRuntimeExports.jsx(ue.Icon,{icon:"info"}),e.children]}),status:e=>t.jsxRuntimeExports.jsx(ae,{name:e.id,statuses:B,children:e.children})},children:p})}),t.jsxRuntimeExports.jsx(se,{files:j,isCompact:j.length>6,activityId:n,projectName:o,isDownloadable:!0,onExpand:M,onAnnotationClick:K,onRemove:void 0})]}),!a&&t.jsxRuntimeExports.jsx("div",{style:{marginTop:"16px"},children:v&&t.jsxRuntimeExports.jsx(ne,{reactions:v,changeHandler:J,readOnly:g})})]})]})})};module.exports=de;
 //# sourceMappingURL=ActivityComment.cjs.js.map