@ynput/ayon-frontend-shared 0.2.33 → 0.2.34

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

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

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

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

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

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

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

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

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

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

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

@@ -9,7 +9,7 @@
   display: grid;
   grid-template-rows: 1fr auto;
   background-color: var(--md-sys-color-surface-container-low);
-`,r=o.div`
+`;o.div`
   position: absolute;
   left: 8px;
   right: 8px;
@@ -28,7 +28,7 @@
   .icon {
     color: inherit;
   }
-`,a=o.ul`
+`;const r=o.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 0;
@@ -43,7 +43,7 @@
   &.loading {
     overflow: hidden;
   }
-`,n=o.span`
+`,a=o.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
@@ -55,5 +55,5 @@
   opacity: 0.5;
 
   position: relative;
-`;exports.FeedContainer=e;exports.FeedContent=a;exports.LoadMore=n;exports.Placeholder=i;exports.Warning=r;
+`;exports.FeedContainer=e;exports.FeedContent=r;exports.LoadMore=a;exports.Placeholder=i;
 //# sourceMappingURL=Feed.styled.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Feed.styled.cjs.js","sources":["../../../../../src/containers/Feed/Feed.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const FeedContainer = styled.section`\n  padding: 4px;\n  padding-top: 0;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Warning = styled.div`\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: var(--padding-m) var(--padding-s);\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-on-warning-container);\n  color: var(--md-sys-color-warning-container);\n\n  .icon {\n    color: inherit;\n  }\n`\n\nexport const FeedContent = styled.ul`\n  gap: var(--base-gap-large);\n  overflow-y: auto;\n  padding: 0;\n  padding-bottom: 40px;\n  scrollbar-gutter: stable;\n\n  display: flex;\n  flex-direction: column;\n\n  flex-direction: column-reverse;\n\n  &.loading {\n    overflow: hidden;\n  }\n`\n\nexport const LoadMore = styled.span`\n  padding: 16px 8px;\n  color: var(--md-sys-color-outline);\n  font-size: 11px;\n`\n\nexport const Placeholder = styled.div`\n  height: 50px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px 0;\n  opacity: 0.5;\n\n  position: relative;\n`\n"],"names":["FeedContainer","styled","Warning","FeedContent","LoadMore","Placeholder"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAavBC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBjBE,EAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBrBG,EAAWH,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBI,EAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Feed.styled.cjs.js","sources":["../../../../../src/containers/Feed/Feed.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const FeedContainer = styled.section`\n  padding: 4px;\n  padding-top: 0;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Warning = styled.div`\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: var(--padding-m) var(--padding-s);\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-on-warning-container);\n  color: var(--md-sys-color-warning-container);\n\n  .icon {\n    color: inherit;\n  }\n`\n\nexport const FeedContent = styled.ul`\n  gap: var(--base-gap-large);\n  overflow-y: auto;\n  padding: 0;\n  padding-bottom: 40px;\n  scrollbar-gutter: stable;\n\n  display: flex;\n  flex-direction: column;\n\n  flex-direction: column-reverse;\n\n  &.loading {\n    overflow: hidden;\n  }\n`\n\nexport const LoadMore = styled.span`\n  padding: 16px 8px;\n  color: var(--md-sys-color-outline);\n  font-size: 11px;\n`\n\nexport const Placeholder = styled.div`\n  height: 50px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px 0;\n  opacity: 0.5;\n\n  position: relative;\n`\n"],"names":["FeedContainer","styled","FeedContent","LoadMore","Placeholder"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAabA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvB,MAAMC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBrBE,EAAWF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBG,EAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}