@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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  useGetSearchedEntitiesLinksInfiniteQuery,\n} from '@shared/api'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useHierarchyTable } from '@shared/hooks/useHierarchyTable'\nimport { useMemo } from 'react'\nimport { PickerEntityType, PickerSearch } from '../EntityPickerDialog'\nimport {\n  buildEntityPickerTableData,\n  buildFolderPickerTableData,\n  EntityAnatomy,\n  entityHierarchies,\n} from '../util'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { matchSorter } from 'match-sorter'\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\nexport type 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 project = useProjectContext()\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    includeColors: true,\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    project?.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","useProjectContext","hierarchTable","foldersDataRaw","isLoadingFolders","useHierarchyTable","foldersData","useMemo","matchSorter","foldersTable","buildFolderPickerTableData","folder","getParentIds","parentType","parentData","parentSelection","entity","task","useGetEntityTypeData","product","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  GetSearchedEntitiesLinksArgs,\n  SearchEntityLink,\n  useGetSearchedEntitiesLinksInfiniteQuery,\n} from '@shared/api'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useHierarchyTable } from '@shared/hooks/useHierarchyTable'\nimport { useMemo } from 'react'\nimport { PickerEntityType, PickerSearch } from '../EntityPickerDialog'\nimport {\n  buildEntityPickerTableData,\n  buildFolderPickerTableData,\n  EntityAnatomy,\n  entityHierarchies,\n} from '../util'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { matchSorter } from 'match-sorter'\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\nexport type 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  reviewablesOnly?: boolean // hide products and versions without reviewables\n  includeTask?: boolean // fetch task names for products and versions\n}\n\nexport const useGetEntityPickerData = ({\n  projectName,\n  entityType,\n  search,\n  selection,\n  reviewablesOnly,\n  includeTask,\n}: useGetEntityPickerDataProps): EntityPickerDataReturn => {\n  const entityDependencies = entityHierarchies[entityType] || []\n\n  // Get project data\n  const project = useProjectContext()\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    includeColors: true,\n    includeThumbnails: true,\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, projectName, project?.folderTypes || [])\n        : hierarchTable,\n\n    [foldersData, hierarchTable, search.folder, project, projectName],\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  // false would ask the server for entities *without* reviewables, so the filter is either true or absent\n  const reviewableOptions = { includeTask, hasReviewables: reviewablesOnly || undefined }\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    project?.productTypes,\n    reviewableOptions,\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    undefined,\n    reviewableOptions,\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\ntype EntityTypeDataOptions = Pick<GetSearchedEntitiesLinksArgs, 'includeTask' | 'hasReviewables'>\n\nconst useGetEntityTypeData = (\n  projectName: string,\n  entityType: PickerEntityType,\n  search: string | undefined,\n  skip: boolean,\n  parentIds?: string[],\n  anatomies?: EntityAnatomy[],\n  { includeTask, hasReviewables }: EntityTypeDataOptions = {},\n) => {\n  const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage, error } =\n    useGetSearchedEntitiesLinksInfiniteQuery(\n      {\n        projectName,\n        entityType,\n        search,\n        parentIds,\n        hasReviewables,\n        includeTask,\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, projectName, anatomies),\n    [entities, projectName, 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","reviewablesOnly","includeTask","entityDependencies","entityHierarchies","project","useProjectContext","hierarchTable","foldersDataRaw","isLoadingFolders","useHierarchyTable","foldersData","useMemo","matchSorter","foldersTable","buildFolderPickerTableData","folder","getParentIds","parentType","parentData","parentSelection","entity","reviewableOptions","task","useGetEntityTypeData","product","version","representation","workfile","skip","parentIds","anatomies","hasReviewables","data","isFetching","hasNextPage","fetchNextPage","isFetchingNextPage","error","useGetSearchedEntitiesLinksInfiniteQuery","entities","page","table","buildEntityPickerTableData"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),E=require("../../../components/EntityTooltip/EntityTooltip.cjs.js"),p=150,w=(n,d)=>{const i=E.ENTITY_TOOLTIP_TYPES.includes(n)||n==="product",[s,a]=t.useState(null),T=t.useRef(),o=t.useCallback(()=>clearTimeout(T.current),[]),e=t.useCallback(()=>{o(),a(null)},[o]),v=t.useCallback(()=>{o(),T.current=setTimeout(()=>a(null),p)},[o]);t.useEffect(()=>e,[e,n]),t.useEffect(()=>{if(s)return window.addEventListener("scroll",e,!0),()=>window.removeEventListener("scroll",e,!0)},[s,e]);const f=t.useCallback(l=>{const r=d?.find(u=>u.id===l)?.data?.tooltip||{entityType:n,entityId:l};return E.ENTITY_TOOLTIP_TYPES.includes(r.entityType)&&r.entityId?r:null},[d,n]),g=t.useCallback(l=>{if(!i)return;const c=l.currentTarget.id,r=l.target.closest(".image");if(!c||!r)return e();if(s?.rowId===c)return o();const u=f(c);if(!u)return e();const{left:b,top:C,width:L}=r.getBoundingClientRect();o(),a({...u,rowId:c,pos:{left:b+L/2,top:C}})},[i,s,e,o,f]);return{hovered:i?s:null,onMouseOver:g,onMouseLeave:v,tooltipProps:{onMouseEnter:o,onMouseLeave:e}}};exports.useRowTooltip=w;
+//# sourceMappingURL=useRowTooltip.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowTooltip.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/hooks/useRowTooltip.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { ENTITY_TOOLTIP_TYPES } from '@shared/components/EntityTooltip'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\n\nexport type RowTooltipTarget = {\n  entityType: string\n  entityId: string\n}\n\ntype HoveredRow = RowTooltipTarget & {\n  rowId: string\n  pos: { left: number; top: number }\n}\n\n// how long the tooltip survives after leaving the row, so it can be hovered itself\nconst CLOSE_DELAY = 150\n\n// opens the entity tooltip when hovering a row's thumbnail\nexport const useRowTooltip = (entityType: string, rows?: SimpleTableRow[]) => {\n  // products have no tooltip data of their own, their rows point at the featured version\n  const isEnabled = ENTITY_TOOLTIP_TYPES.includes(entityType) || entityType === 'product'\n  const [hovered, setHovered] = useState<HoveredRow | null>(null)\n  const closeTimeout = useRef<ReturnType<typeof setTimeout>>()\n\n  const cancelClose = useCallback(() => clearTimeout(closeTimeout.current), [])\n\n  const close = useCallback(() => {\n    cancelClose()\n    setHovered(null)\n  }, [cancelClose])\n\n  const closeDelayed = useCallback(() => {\n    cancelClose()\n    closeTimeout.current = setTimeout(() => setHovered(null), CLOSE_DELAY)\n  }, [cancelClose])\n\n  useEffect(() => close, [close, entityType])\n\n  useEffect(() => {\n    if (!hovered) return\n    window.addEventListener('scroll', close, true)\n    return () => window.removeEventListener('scroll', close, true)\n  }, [hovered, close])\n\n  const resolveTarget = useCallback(\n    (rowId: string): RowTooltipTarget | null => {\n      const override = rows?.find((row) => row.id === rowId)?.data?.tooltip as\n        | RowTooltipTarget\n        | undefined\n      const target = override || { entityType, entityId: rowId }\n      return ENTITY_TOOLTIP_TYPES.includes(target.entityType) && target.entityId ? target : null\n    },\n    [rows, entityType],\n  )\n\n  const onMouseOver = useCallback(\n    (event: React.MouseEvent<HTMLTableRowElement>) => {\n      if (!isEnabled) return\n      const rowId = event.currentTarget.id\n      const anchor = (event.target as HTMLElement).closest('.image') as HTMLElement | null\n\n      if (!rowId || !anchor) return close()\n      if (hovered?.rowId === rowId) return cancelClose()\n\n      const target = resolveTarget(rowId)\n      if (!target) return close()\n\n      const { left, top, width } = anchor.getBoundingClientRect()\n      cancelClose()\n      setHovered({ ...target, rowId, pos: { left: left + width / 2, top } })\n    },\n    [isEnabled, hovered, close, cancelClose, resolveTarget],\n  )\n\n  return {\n    hovered: isEnabled ? hovered : null,\n    onMouseOver,\n    onMouseLeave: closeDelayed,\n    tooltipProps: { onMouseEnter: cancelClose, onMouseLeave: close },\n  }\n}\n"],"names":["CLOSE_DELAY","useRowTooltip","entityType","rows","isEnabled","ENTITY_TOOLTIP_TYPES","hovered","setHovered","useState","closeTimeout","useRef","cancelClose","useCallback","close","closeDelayed","useEffect","resolveTarget","rowId","target","row","onMouseOver","event","anchor","left","top","width"],"mappings":"6KAeMA,EAAc,IAGPC,EAAgB,CAACC,EAAoBC,IAA4B,CAE5E,MAAMC,EAAYC,EAAAA,qBAAqB,SAASH,CAAU,GAAKA,IAAe,UACxE,CAACI,EAASC,CAAU,EAAIC,EAAAA,SAA4B,IAAI,EACxDC,EAAeC,EAAAA,OAAA,EAEfC,EAAcC,EAAAA,YAAY,IAAM,aAAaH,EAAa,OAAO,EAAG,EAAE,EAEtEI,EAAQD,EAAAA,YAAY,IAAM,CAC9BD,EAAA,EACAJ,EAAW,IAAI,CACjB,EAAG,CAACI,CAAW,CAAC,EAEVG,EAAeF,EAAAA,YAAY,IAAM,CACrCD,EAAA,EACAF,EAAa,QAAU,WAAW,IAAMF,EAAW,IAAI,EAAGP,CAAW,CACvE,EAAG,CAACW,CAAW,CAAC,EAEhBI,EAAAA,UAAU,IAAMF,EAAO,CAACA,EAAOX,CAAU,CAAC,EAE1Ca,EAAAA,UAAU,IAAM,CACd,GAAKT,EACL,cAAO,iBAAiB,SAAUO,EAAO,EAAI,EACtC,IAAM,OAAO,oBAAoB,SAAUA,EAAO,EAAI,CAC/D,EAAG,CAACP,EAASO,CAAK,CAAC,EAEnB,MAAMG,EAAgBJ,EAAAA,YACnBK,GAA2C,CAI1C,MAAMC,EAHWf,GAAM,KAAMgB,GAAQA,EAAI,KAAOF,CAAK,GAAG,MAAM,SAGnC,CAAE,WAAAf,EAAY,SAAUe,CAAA,EACnD,OAAOZ,EAAAA,qBAAqB,SAASa,EAAO,UAAU,GAAKA,EAAO,SAAWA,EAAS,IACxF,EACA,CAACf,EAAMD,CAAU,CAAA,EAGbkB,EAAcR,EAAAA,YACjBS,GAAiD,CAChD,GAAI,CAACjB,EAAW,OAChB,MAAMa,EAAQI,EAAM,cAAc,GAC5BC,EAAUD,EAAM,OAAuB,QAAQ,QAAQ,EAE7D,GAAI,CAACJ,GAAS,CAACK,SAAeT,EAAA,EAC9B,GAAIP,GAAS,QAAUW,EAAO,OAAON,EAAA,EAErC,MAAMO,EAASF,EAAcC,CAAK,EAClC,GAAI,CAACC,EAAQ,OAAOL,EAAA,EAEpB,KAAM,CAAE,KAAAU,EAAM,IAAAC,EAAK,MAAAC,CAAA,EAAUH,EAAO,sBAAA,EACpCX,EAAA,EACAJ,EAAW,CAAE,GAAGW,EAAQ,MAAAD,EAAO,IAAK,CAAE,KAAMM,EAAOE,EAAQ,EAAG,IAAAD,CAAA,CAAI,CAAG,CACvE,EACA,CAACpB,EAAWE,EAASO,EAAOF,EAAaK,CAAa,CAAA,EAGxD,MAAO,CACL,QAASZ,EAAYE,EAAU,KAC/B,YAAAc,EACA,aAAcN,EACd,aAAc,CAAE,aAAcH,EAAa,aAAcE,CAAA,CAAM,CAEnE"}

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

@@ -0,0 +1,42 @@
+import { useState as I, useRef as h, useCallback as l, useEffect as m } from "react";
+import { ENTITY_TOOLTIP_TYPES as E } from "../../../components/EntityTooltip/EntityTooltip.es.js";
+const C = 150, P = (r, a) => {
+  const i = E.includes(r) || r === "product", [n, d] = I(null), f = h(), t = l(() => clearTimeout(f.current), []), e = l(() => {
+    t(), d(null);
+  }, [t]), g = l(() => {
+    t(), f.current = setTimeout(() => d(null), C);
+  }, [t]);
+  m(() => e, [e, r]), m(() => {
+    if (n)
+      return window.addEventListener("scroll", e, !0), () => window.removeEventListener("scroll", e, !0);
+  }, [n, e]);
+  const v = l(
+    (s) => {
+      const o = a?.find((u) => u.id === s)?.data?.tooltip || { entityType: r, entityId: s };
+      return E.includes(o.entityType) && o.entityId ? o : null;
+    },
+    [a, r]
+  ), T = l(
+    (s) => {
+      if (!i) return;
+      const c = s.currentTarget.id, o = s.target.closest(".image");
+      if (!c || !o) return e();
+      if (n?.rowId === c) return t();
+      const u = v(c);
+      if (!u) return e();
+      const { left: p, top: L, width: w } = o.getBoundingClientRect();
+      t(), d({ ...u, rowId: c, pos: { left: p + w / 2, top: L } });
+    },
+    [i, n, e, t, v]
+  );
+  return {
+    hovered: i ? n : null,
+    onMouseOver: T,
+    onMouseLeave: g,
+    tooltipProps: { onMouseEnter: t, onMouseLeave: e }
+  };
+};
+export {
+  P as useRowTooltip
+};
+//# sourceMappingURL=useRowTooltip.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowTooltip.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/hooks/useRowTooltip.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { ENTITY_TOOLTIP_TYPES } from '@shared/components/EntityTooltip'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\n\nexport type RowTooltipTarget = {\n  entityType: string\n  entityId: string\n}\n\ntype HoveredRow = RowTooltipTarget & {\n  rowId: string\n  pos: { left: number; top: number }\n}\n\n// how long the tooltip survives after leaving the row, so it can be hovered itself\nconst CLOSE_DELAY = 150\n\n// opens the entity tooltip when hovering a row's thumbnail\nexport const useRowTooltip = (entityType: string, rows?: SimpleTableRow[]) => {\n  // products have no tooltip data of their own, their rows point at the featured version\n  const isEnabled = ENTITY_TOOLTIP_TYPES.includes(entityType) || entityType === 'product'\n  const [hovered, setHovered] = useState<HoveredRow | null>(null)\n  const closeTimeout = useRef<ReturnType<typeof setTimeout>>()\n\n  const cancelClose = useCallback(() => clearTimeout(closeTimeout.current), [])\n\n  const close = useCallback(() => {\n    cancelClose()\n    setHovered(null)\n  }, [cancelClose])\n\n  const closeDelayed = useCallback(() => {\n    cancelClose()\n    closeTimeout.current = setTimeout(() => setHovered(null), CLOSE_DELAY)\n  }, [cancelClose])\n\n  useEffect(() => close, [close, entityType])\n\n  useEffect(() => {\n    if (!hovered) return\n    window.addEventListener('scroll', close, true)\n    return () => window.removeEventListener('scroll', close, true)\n  }, [hovered, close])\n\n  const resolveTarget = useCallback(\n    (rowId: string): RowTooltipTarget | null => {\n      const override = rows?.find((row) => row.id === rowId)?.data?.tooltip as\n        | RowTooltipTarget\n        | undefined\n      const target = override || { entityType, entityId: rowId }\n      return ENTITY_TOOLTIP_TYPES.includes(target.entityType) && target.entityId ? target : null\n    },\n    [rows, entityType],\n  )\n\n  const onMouseOver = useCallback(\n    (event: React.MouseEvent<HTMLTableRowElement>) => {\n      if (!isEnabled) return\n      const rowId = event.currentTarget.id\n      const anchor = (event.target as HTMLElement).closest('.image') as HTMLElement | null\n\n      if (!rowId || !anchor) return close()\n      if (hovered?.rowId === rowId) return cancelClose()\n\n      const target = resolveTarget(rowId)\n      if (!target) return close()\n\n      const { left, top, width } = anchor.getBoundingClientRect()\n      cancelClose()\n      setHovered({ ...target, rowId, pos: { left: left + width / 2, top } })\n    },\n    [isEnabled, hovered, close, cancelClose, resolveTarget],\n  )\n\n  return {\n    hovered: isEnabled ? hovered : null,\n    onMouseOver,\n    onMouseLeave: closeDelayed,\n    tooltipProps: { onMouseEnter: cancelClose, onMouseLeave: close },\n  }\n}\n"],"names":["CLOSE_DELAY","useRowTooltip","entityType","rows","isEnabled","ENTITY_TOOLTIP_TYPES","hovered","setHovered","useState","closeTimeout","useRef","cancelClose","useCallback","close","closeDelayed","useEffect","resolveTarget","rowId","target","row","onMouseOver","event","anchor","left","top","width"],"mappings":";;AAeA,MAAMA,IAAc,KAGPC,IAAgB,CAACC,GAAoBC,MAA4B;AAE5E,QAAMC,IAAYC,EAAqB,SAASH,CAAU,KAAKA,MAAe,WACxE,CAACI,GAASC,CAAU,IAAIC,EAA4B,IAAI,GACxDC,IAAeC,EAAA,GAEfC,IAAcC,EAAY,MAAM,aAAaH,EAAa,OAAO,GAAG,EAAE,GAEtEI,IAAQD,EAAY,MAAM;AAC9B,IAAAD,EAAA,GACAJ,EAAW,IAAI;AAAA,EACjB,GAAG,CAACI,CAAW,CAAC,GAEVG,IAAeF,EAAY,MAAM;AACrC,IAAAD,EAAA,GACAF,EAAa,UAAU,WAAW,MAAMF,EAAW,IAAI,GAAGP,CAAW;AAAA,EACvE,GAAG,CAACW,CAAW,CAAC;AAEhB,EAAAI,EAAU,MAAMF,GAAO,CAACA,GAAOX,CAAU,CAAC,GAE1Ca,EAAU,MAAM;AACd,QAAKT;AACL,oBAAO,iBAAiB,UAAUO,GAAO,EAAI,GACtC,MAAM,OAAO,oBAAoB,UAAUA,GAAO,EAAI;AAAA,EAC/D,GAAG,CAACP,GAASO,CAAK,CAAC;AAEnB,QAAMG,IAAgBJ;AAAA,IACpB,CAACK,MAA2C;AAI1C,YAAMC,IAHWf,GAAM,KAAK,CAACgB,MAAQA,EAAI,OAAOF,CAAK,GAAG,MAAM,WAGnC,EAAE,YAAAf,GAAY,UAAUe,EAAA;AACnD,aAAOZ,EAAqB,SAASa,EAAO,UAAU,KAAKA,EAAO,WAAWA,IAAS;AAAA,IACxF;AAAA,IACA,CAACf,GAAMD,CAAU;AAAA,EAAA,GAGbkB,IAAcR;AAAA,IAClB,CAACS,MAAiD;AAChD,UAAI,CAACjB,EAAW;AAChB,YAAMa,IAAQI,EAAM,cAAc,IAC5BC,IAAUD,EAAM,OAAuB,QAAQ,QAAQ;AAE7D,UAAI,CAACJ,KAAS,CAACK,UAAeT,EAAA;AAC9B,UAAIP,GAAS,UAAUW,EAAO,QAAON,EAAA;AAErC,YAAMO,IAASF,EAAcC,CAAK;AAClC,UAAI,CAACC,EAAQ,QAAOL,EAAA;AAEpB,YAAM,EAAE,MAAAU,GAAM,KAAAC,GAAK,OAAAC,EAAA,IAAUH,EAAO,sBAAA;AACpC,MAAAX,EAAA,GACAJ,EAAW,EAAE,GAAGW,GAAQ,OAAAD,GAAO,KAAK,EAAE,MAAMM,IAAOE,IAAQ,GAAG,KAAAD,EAAA,EAAI,CAAG;AAAA,IACvE;AAAA,IACA,CAACpB,GAAWE,GAASO,GAAOF,GAAaK,CAAa;AAAA,EAAA;AAGxD,SAAO;AAAA,IACL,SAASZ,IAAYE,IAAU;AAAA,IAC/B,aAAAc;AAAA,IACA,cAAcN;AAAA,IACd,cAAc,EAAE,cAAcH,GAAa,cAAcE,EAAA;AAAA,EAAM;AAEnE;"}

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("lodash");require("react-toastify");const l=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");const o=(n,i)=>n.map(e=>{const a=i?.find(r=>r.name===e.subType);return{id:e.id,name:e.name,label:e.label||e.name,parents:e.parents,icon:a?.icon||l.getEntityTypeIcon(e.entityType),iconColor:a?.color,subRows:[],data:{id:e.id,name:e.name,label:e.label||e.name,entityType:e.entityType}}}),t=(n,i)=>n.map(e=>{const a=i.find(r=>r.name===e.folderType);return{id:e.id,name:e.name,label:e.label||e.name,path:"/"+e.path,icon:a?.icon||l.getEntityTypeIcon("folder"),iconColor:a?.color,subRows:[],data:{id:e.id,name:e.name,label:e.label||e.name,folderType:e.folderType,entityType:"folder"}}});exports.buildEntityPickerTableData=o;exports.buildFolderPickerTableData=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("lodash");require("react-toastify");const r=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");const u=require("../../../util/getThumbnailUrl.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");const o=(n,i,l)=>n.map(e=>{const a=l?.find(t=>t.name===e.subType);return{id:e.id,name:e.name,label:e.label||e.name,parents:e.parents,icon:a?.icon||r.getEntityTypeIcon(e.entityType),iconColor:a?.color,img:e.thumbnail?u.getEntityThumbnailUrl({projectName:i,...e.thumbnail}):null,badge:e.taskName,subRows:[],data:{id:e.id,name:e.name,label:e.label||e.name,entityType:e.entityType,tooltip:e.entityType==="product"?e.thumbnail:void 0}}}),b=(n,i,l)=>n.map(e=>{const a=l.find(t=>t.name===e.folderType);return{id:e.id,name:e.name,label:e.label||e.name,path:"/"+e.path,icon:a?.icon||r.getEntityTypeIcon("folder"),iconColor:a?.color,img:u.getEntityThumbnailUrl({projectName:i,entityType:"folder",entityId:e.id,thumbnailHash:e.thumbnailHash}),subRows:[],data:{id:e.id,name:e.name,label:e.label||e.name,folderType:e.folderType,entityType:"folder"}}});exports.buildEntityPickerTableData=o;exports.buildFolderPickerTableData=b;
 //# sourceMappingURL=buildEntityPickerTableData.cjs.js.map

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildEntityPickerTableData.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import type { FolderListItem, SearchEntityLink } from '@shared/api'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n  color?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => {\n    const anatomy = anatomies?.find((a) => a.name === entity.subType)\n    return {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      parents: entity.parents,\n      icon: anatomy?.icon || getEntityTypeIcon(entity.entityType),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label || entity.name,\n        entityType: entity.entityType,\n      },\n    }\n  })\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => {\n    const anatomy = anatomies.find((a) => a.name === folder.folderType)\n    return {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      path: '/' + folder.path,\n      icon: anatomy?.icon || getEntityTypeIcon('folder'),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: folder.id,\n        name: folder.name,\n        label: folder.label || folder.name,\n        folderType: folder.folderType,\n        entityType: 'folder',\n      },\n    }\n  })\n}\n"],"names":["buildEntityPickerTableData","data","anatomies","entity","anatomy","a","getEntityTypeIcon","buildFolderPickerTableData","folder"],"mappings":"sSAUO,MAAMA,EAA6B,CACxCC,EACAC,IAEOD,EAAK,IAAKE,GAAW,CAC1B,MAAMC,EAAUF,GAAW,KAAMG,GAAMA,EAAE,OAASF,EAAO,OAAO,EAChE,MAAO,CACL,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,QAASA,EAAO,QAChB,KAAMC,GAAS,MAAQE,EAAAA,kBAAkBH,EAAO,UAAU,EAC1D,UAAWC,GAAS,MACpB,QAAS,CAAA,EACT,KAAM,CACJ,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,UAAA,CACrB,CAEJ,CAAC,EAGUI,EAA6B,CACxCN,EACAC,IAEOD,EAAK,IAAKO,GAAW,CAC1B,MAAMJ,EAAUF,EAAU,KAAMG,GAAMA,EAAE,OAASG,EAAO,UAAU,EAClE,MAAO,CACL,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,KAAM,IAAMA,EAAO,KACnB,KAAMJ,GAAS,MAAQE,EAAAA,kBAAkB,QAAQ,EACjD,UAAWF,GAAS,MACpB,QAAS,CAAA,EACT,KAAM,CACJ,GAAII,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,WACnB,WAAY,QAAA,CACd,CAEJ,CAAC"}
+{"version":3,"file":"buildEntityPickerTableData.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import type { FolderListItem, SearchEntityLink } from '@shared/api'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { getEntityThumbnailUrl, getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n  color?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  projectName: string,\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => {\n    const anatomy = anatomies?.find((a) => a.name === entity.subType)\n    return {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      parents: entity.parents,\n      icon: anatomy?.icon || getEntityTypeIcon(entity.entityType),\n      iconColor: anatomy?.color,\n      img: entity.thumbnail\n        ? getEntityThumbnailUrl({ projectName, ...entity.thumbnail })\n        : null,\n      badge: entity.taskName,\n      subRows: [],\n      data: {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label || entity.name,\n        entityType: entity.entityType,\n        // a product has no tooltip data of its own, so point at its featured version\n        tooltip: entity.entityType === 'product' ? entity.thumbnail : undefined,\n      },\n    }\n  })\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  projectName: string,\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => {\n    const anatomy = anatomies.find((a) => a.name === folder.folderType)\n    return {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      path: '/' + folder.path,\n      icon: anatomy?.icon || getEntityTypeIcon('folder'),\n      iconColor: anatomy?.color,\n      img: getEntityThumbnailUrl({\n        projectName,\n        entityType: 'folder',\n        entityId: folder.id,\n        thumbnailHash: folder.thumbnailHash,\n      }),\n      subRows: [],\n      data: {\n        id: folder.id,\n        name: folder.name,\n        label: folder.label || folder.name,\n        folderType: folder.folderType,\n        entityType: 'folder',\n      },\n    }\n  })\n}\n"],"names":["buildEntityPickerTableData","data","projectName","anatomies","entity","anatomy","a","getEntityTypeIcon","getEntityThumbnailUrl","buildFolderPickerTableData","folder"],"mappings":"0YAUO,MAAMA,EAA6B,CACxCC,EACAC,EACAC,IAEOF,EAAK,IAAKG,GAAW,CAC1B,MAAMC,EAAUF,GAAW,KAAMG,GAAMA,EAAE,OAASF,EAAO,OAAO,EAChE,MAAO,CACL,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,QAASA,EAAO,QAChB,KAAMC,GAAS,MAAQE,EAAAA,kBAAkBH,EAAO,UAAU,EAC1D,UAAWC,GAAS,MACpB,IAAKD,EAAO,UACRI,wBAAsB,CAAE,YAAAN,EAAa,GAAGE,EAAO,SAAA,CAAW,EAC1D,KACJ,MAAOA,EAAO,SACd,QAAS,CAAA,EACT,KAAM,CACJ,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,WAEnB,QAASA,EAAO,aAAe,UAAYA,EAAO,UAAY,MAAA,CAChE,CAEJ,CAAC,EAGUK,EAA6B,CACxCR,EACAC,EACAC,IAEOF,EAAK,IAAKS,GAAW,CAC1B,MAAML,EAAUF,EAAU,KAAMG,GAAMA,EAAE,OAASI,EAAO,UAAU,EAClE,MAAO,CACL,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,KAAM,IAAMA,EAAO,KACnB,KAAML,GAAS,MAAQE,EAAAA,kBAAkB,QAAQ,EACjD,UAAWF,GAAS,MACpB,IAAKG,EAAAA,sBAAsB,CACzB,YAAAN,EACA,WAAY,SACZ,SAAUQ,EAAO,GACjB,cAAeA,EAAO,aAAA,CACvB,EACD,QAAS,CAAA,EACT,KAAM,CACJ,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,WACnB,WAAY,QAAA,CACd,CAEJ,CAAC"}

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.es.js

@@ -1,35 +1,47 @@
 import "lodash";
 import "react-toastify";
-import { getEntityTypeIcon as p } from "../../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as l } from "../../../util/getEntityTypeIcon.es.js";
 import "uuid";
+import { getEntityThumbnailUrl as p } from "../../../util/getThumbnailUrl.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
-const s = (n, o) => n.map((a) => {
-  const e = o?.find((m) => m.name === a.subType);
+const h = (n, e, i) => n.map((a) => {
+  const m = i?.find((o) => o.name === a.subType);
   return {
     id: a.id,
     name: a.name,
     label: a.label || a.name,
     parents: a.parents,
-    icon: e?.icon || p(a.entityType),
-    iconColor: e?.color,
+    icon: m?.icon || l(a.entityType),
+    iconColor: m?.color,
+    img: a.thumbnail ? p({ projectName: e, ...a.thumbnail }) : null,
+    badge: a.taskName,
     subRows: [],
     data: {
       id: a.id,
       name: a.name,
       label: a.label || a.name,
-      entityType: a.entityType
+      entityType: a.entityType,
+      // a product has no tooltip data of its own, so point at its featured version
+      tooltip: a.entityType === "product" ? a.thumbnail : void 0
     }
   };
-}), T = (n, o) => n.map((a) => {
-  const e = o.find((m) => m.name === a.folderType);
+}), y = (n, e, i) => n.map((a) => {
+  const m = i.find((o) => o.name === a.folderType);
   return {
     id: a.id,
     name: a.name,
     label: a.label || a.name,
     path: "/" + a.path,
-    icon: e?.icon || p("folder"),
-    iconColor: e?.color,
+    icon: m?.icon || l("folder"),
+    iconColor: m?.color,
+    img: p({
+      projectName: e,
+      entityType: "folder",
+      entityId: a.id,
+      thumbnailHash: a.thumbnailHash
+    }),
     subRows: [],
     data: {
       id: a.id,
@@ -41,7 +53,7 @@ const s = (n, o) => n.map((a) => {
   };
 });
 export {
-  s as buildEntityPickerTableData,
-  T as buildFolderPickerTableData
+  h as buildEntityPickerTableData,
+  y as buildFolderPickerTableData
 };
 //# sourceMappingURL=buildEntityPickerTableData.es.js.map

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildEntityPickerTableData.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import type { FolderListItem, SearchEntityLink } from '@shared/api'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n  color?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => {\n    const anatomy = anatomies?.find((a) => a.name === entity.subType)\n    return {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      parents: entity.parents,\n      icon: anatomy?.icon || getEntityTypeIcon(entity.entityType),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label || entity.name,\n        entityType: entity.entityType,\n      },\n    }\n  })\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => {\n    const anatomy = anatomies.find((a) => a.name === folder.folderType)\n    return {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      path: '/' + folder.path,\n      icon: anatomy?.icon || getEntityTypeIcon('folder'),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: folder.id,\n        name: folder.name,\n        label: folder.label || folder.name,\n        folderType: folder.folderType,\n        entityType: 'folder',\n      },\n    }\n  })\n}\n"],"names":["buildEntityPickerTableData","data","anatomies","entity","anatomy","a","getEntityTypeIcon","buildFolderPickerTableData","folder"],"mappings":";;;;;;AAUO,MAAMA,IAA6B,CACxCC,GACAC,MAEOD,EAAK,IAAI,CAACE,MAAW;AAC1B,QAAMC,IAAUF,GAAW,KAAK,CAACG,MAAMA,EAAE,SAASF,EAAO,OAAO;AAChE,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,SAASA,EAAO;AAAA,IAChB,MAAMC,GAAS,QAAQE,EAAkBH,EAAO,UAAU;AAAA,IAC1D,WAAWC,GAAS;AAAA,IACpB,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAID,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,YAAYA,EAAO;AAAA,IAAA;AAAA,EACrB;AAEJ,CAAC,GAGUI,IAA6B,CACxCN,GACAC,MAEOD,EAAK,IAAI,CAACO,MAAW;AAC1B,QAAMJ,IAAUF,EAAU,KAAK,CAACG,MAAMA,EAAE,SAASG,EAAO,UAAU;AAClE,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,MAAM,MAAMA,EAAO;AAAA,IACnB,MAAMJ,GAAS,QAAQE,EAAkB,QAAQ;AAAA,IACjD,WAAWF,GAAS;AAAA,IACpB,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAII,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,YAAYA,EAAO;AAAA,MACnB,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,CAAC;"}
+{"version":3,"file":"buildEntityPickerTableData.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import type { FolderListItem, SearchEntityLink } from '@shared/api'\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport { getEntityThumbnailUrl, getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n  color?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  projectName: string,\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => {\n    const anatomy = anatomies?.find((a) => a.name === entity.subType)\n    return {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      parents: entity.parents,\n      icon: anatomy?.icon || getEntityTypeIcon(entity.entityType),\n      iconColor: anatomy?.color,\n      img: entity.thumbnail\n        ? getEntityThumbnailUrl({ projectName, ...entity.thumbnail })\n        : null,\n      badge: entity.taskName,\n      subRows: [],\n      data: {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label || entity.name,\n        entityType: entity.entityType,\n        // a product has no tooltip data of its own, so point at its featured version\n        tooltip: entity.entityType === 'product' ? entity.thumbnail : undefined,\n      },\n    }\n  })\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  projectName: string,\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => {\n    const anatomy = anatomies.find((a) => a.name === folder.folderType)\n    return {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      path: '/' + folder.path,\n      icon: anatomy?.icon || getEntityTypeIcon('folder'),\n      iconColor: anatomy?.color,\n      img: getEntityThumbnailUrl({\n        projectName,\n        entityType: 'folder',\n        entityId: folder.id,\n        thumbnailHash: folder.thumbnailHash,\n      }),\n      subRows: [],\n      data: {\n        id: folder.id,\n        name: folder.name,\n        label: folder.label || folder.name,\n        folderType: folder.folderType,\n        entityType: 'folder',\n      },\n    }\n  })\n}\n"],"names":["buildEntityPickerTableData","data","projectName","anatomies","entity","anatomy","a","getEntityTypeIcon","getEntityThumbnailUrl","buildFolderPickerTableData","folder"],"mappings":";;;;;;;;AAUO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAEOF,EAAK,IAAI,CAACG,MAAW;AAC1B,QAAMC,IAAUF,GAAW,KAAK,CAACG,MAAMA,EAAE,SAASF,EAAO,OAAO;AAChE,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,SAASA,EAAO;AAAA,IAChB,MAAMC,GAAS,QAAQE,EAAkBH,EAAO,UAAU;AAAA,IAC1D,WAAWC,GAAS;AAAA,IACpB,KAAKD,EAAO,YACRI,EAAsB,EAAE,aAAAN,GAAa,GAAGE,EAAO,UAAA,CAAW,IAC1D;AAAA,IACJ,OAAOA,EAAO;AAAA,IACd,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,YAAYA,EAAO;AAAA;AAAA,MAEnB,SAASA,EAAO,eAAe,YAAYA,EAAO,YAAY;AAAA,IAAA;AAAA,EAChE;AAEJ,CAAC,GAGUK,IAA6B,CACxCR,GACAC,GACAC,MAEOF,EAAK,IAAI,CAACS,MAAW;AAC1B,QAAML,IAAUF,EAAU,KAAK,CAACG,MAAMA,EAAE,SAASI,EAAO,UAAU;AAClE,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,MAAM,MAAMA,EAAO;AAAA,IACnB,MAAML,GAAS,QAAQE,EAAkB,QAAQ;AAAA,IACjD,WAAWF,GAAS;AAAA,IACpB,KAAKG,EAAsB;AAAA,MACzB,aAAAN;AAAA,MACA,YAAY;AAAA,MACZ,UAAUQ,EAAO;AAAA,MACjB,eAAeA,EAAO;AAAA,IAAA,CACvB;AAAA,IACD,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,YAAYA,EAAO;AAAA,MACnB,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),Ce=require("./components/ActivityItem.cjs.js"),we=require("./components/CommentInput/CommentInput.cjs.js"),R=require("./Feed.styled.cjs.js"),ke=require("./hooks/useCommentMutations.cjs.js"),Ee=require("./hooks/useTransformActivities.cjs.js"),Re=require("../../../../node_modules/react-intersection-observer/dist/index.cjs.js"),je=require("./hooks/useSaveScrollPos.cjs.js"),Fe=require("./hooks/useScrollOnInputOpen.cjs.js"),Me=require("./feedHelpers.cjs.js");require("@ynput/ayon-react-components");const Ie=require("clsx"),be=require("./hooks/useScrollToHighlighted.cjs.js"),Pe=require("./components/FileUploadPreview/FileUploadPreview.cjs.js"),Le=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const x=require("./context/FeedContext.cjs.js"),Te=require("../../context/DetailsPanelContext.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.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/listItemsColumnStats.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/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");const Ae=require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const Ne=require("./helpers/mergeAnnotationAttachments.cjs.js"),Oe=require("./components/FeedSearchFilter.cjs.js"),Se=require("./hooks/useLastVersionReview.cjs.js"),De=30,_e=({disabled:G,readOnly:U,statuses:Q=[],entityListId:z,isSlideOut:J,versionReview:j=!1})=>{const{projectName:n,entities:l,entityType:q,editingId:F,projectInfo:M,setEditingId:I,userName:b,activitiesData:f,isLoadingNew:u,isLoadingNextPage:P,loadNextPage:m,hasNextPage:K,users:L,categories:X,checklistCount:Y,feedFilter:a,setFeedFilter:Z,isGuest:$,searchText:y,setSearchText:ee}=x.useFeedContext(),{openSlideOut:re,highlightedActivities:v,setHighlightedActivities:ie,onOpenImage:te,setFeedAnnotations:T,user:A}=Te.useDetailsPanelContext(),se=a.conditions?.some(e=>"key"in e&&e.key==="versions"&&e.value===!0),ne=a.conditions?.some(e=>"key"in e&&["comments","checklists","versions","updates"].includes(e.key)&&e.value===!0),N=a.conditions?.some(e=>"key"in e&&(e.key==="comments"||e.key==="checklists")&&e.value===!0),oe=q==="version"||q==="folder",{data:O,isLoading:ue}=Ae.useGetMyProjectPermissionsQuery({projectName:n},{skip:!n}),ae=!A.data?.isManager&&!A.data?.isAdmin&&!ue&&O?.activities?.enabled&&!O?.activities?.activities?.includes("comment")||ne&&!N,p=d.useMemo(()=>Ne(f),[f]);d.useEffect(()=>{p.length||T([]);const e=p.map(r=>r.activityData?.annotations?.map(i=>({...i,activityId:r.activityId}))).filter(Boolean).flat();T(e)},[p]);const g=Ee.default(p,L,M,q,b,a),C=d.useMemo(()=>{if(!y)return g;const e=y.toLowerCase();return g.filter(r=>r.body?.toLowerCase().includes(e))},[g,y]),c=d.useRef(null);Fe({feedRef:c,isInputOpen:F===x.FEED_NEW_COMMENT,height:93}),je({entities:l,feedRef:c,filter:a,disabled:!!v.length,isLoading:u}),be({feedRef:c,highlighted:v,isLoading:u||P,loadNextPage:m,hasNextPage:!!m,activities:f});const{submitComment:S,updateComment:D,deleteComment:ce,submitReview:_,isSaving:le}=ke({projectName:n,entityType:q,entities:l,filter:a,entityListId:z}),de=d.useCallback(async(e,r=[],i={})=>{await S(e,r,i),c.current&&c.current.scrollTo({top:0})},[S,c]),qe=d.useCallback(async e=>{await _(e)},[_]),me=(e,r)=>{const i=e?.target;if(!i||!r)return console.log("no target or activity");const t=i.checked,o=t?"[ ]":"[x]",fe=t?"[x]":"[ ]",{body:h}=r,V=Array.from(i.closest(".comment-body")?.querySelectorAll(".task-list-item")||[]).findIndex(E=>E===i.closest("li"));let B=V;(h.match(/\[.\]/g)||[]).forEach((E,ve)=>{E!==o&&ve<V&&B--});const H=[];let w=-1;for(;(w=h.indexOf(o,w+1))>-1;)H.push(w);const k=H[B];if(k===void 0)return;const ye=k+o.length,W=h.slice(0,k)+fe+h.slice(ye);W&&D(r,W,r.files)},pe=e=>{const{entityId:r,entityType:i,activityId:t}=e;if(!i||!["version","task","folder"].includes(i))return console.log("Entity type not supported yet");if(!r||!i||!n)return console.log("No entity id or type found");re({entityId:r,entityType:i,projectName:n}),ie([t])},ge=({index:e,activityId:r})=>{const i=Object.values(C).reverse().filter(t=>t.activityType=="comment").map(t=>({id:t.activityId,files:t.files.filter(o=>Pe.isFilePreviewable(o.mime,o.ext))})).filter(t=>t.files.length>0);te?.({files:i,activityId:r,index:e,projectName:n})},he=d.useMemo(()=>Me.getLoadingPlaceholders(10),[]),xe=Se.useLastVersionReview({projectName:n,enabled:j,entityIds:l.map(e=>e.id),activities:g,loadingActivities:u,userName:b});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(R.FeedContainer,{className:"feed",children:[void 0,s.jsxRuntimeExports.jsx(Oe,{feedFilter:a,setFeedFilter:Z,users:L,categories:X,supportsReviewSession:oe,isLoading:u,onSearchTextChange:ee,checklistCount:Y}),s.jsxRuntimeExports.jsxs(R.FeedContent,{ref:c,className:Ie({loading:u},"no-shimmer"),children:[u?he:C.map(e=>s.jsxRuntimeExports.jsx(Ce,{activity:e,onCheckChange:me,onDelete:ce,onUpdate:async(r,i,t,o)=>await D(e,r,i,o),projectInfo:M,projectName:n,entityType:q,onReferenceClick:pe,createdAts:l.map(r=>r.createdAt),onFileExpand:ge,showOrigin:l.length>1,filter:a,editProps:{projectName:n,entities:l,entityType:q},isHighlighted:v.includes(e.activityId),readOnly:U,statuses:Q,isSlideOut:J,isGuest:$},e.activityId)),C.length===0&&se&&!N&&!u&&s.jsxRuntimeExports.jsx(Le.EmptyPlaceholder,{message:"No versions published yet",icon:"layers"}),K&&m&&s.jsxRuntimeExports.jsx(Re.InView,{root:c.current,onChange:e=>e&&m(),rootMargin:"400px 0px 0px 0px",children:s.jsxRuntimeExports.jsx(R.LoadMore,{style:{height:0},onClick:()=>m(),children:P?"Loading more...":"Click to load more"})})]}),!ae&&s.jsxRuntimeExports.jsx(we,{initValue:null,onSubmit:de,isOpen:F===x.FEED_NEW_COMMENT,onClose:()=>I(null),onOpen:()=>I(x.FEED_NEW_COMMENT),disabled:G,isLoading:u||!l.length||le,versionReview:j,lastOwnVersionReview:xe,onReview:qe})]})})};exports.Feed=_e;exports.activitiesLast=De;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),Ce=require("./components/ActivityItem.cjs.js"),we=require("./components/CommentInput/CommentInput.cjs.js"),R=require("./Feed.styled.cjs.js"),ke=require("./hooks/useCommentMutations.cjs.js"),Ee=require("./hooks/useTransformActivities.cjs.js"),Re=require("../../../../node_modules/react-intersection-observer/dist/index.cjs.js"),je=require("./hooks/useSaveScrollPos.cjs.js"),Fe=require("./hooks/useScrollOnInputOpen.cjs.js"),Me=require("./feedHelpers.cjs.js");require("@ynput/ayon-react-components");const Ie=require("clsx"),be=require("./hooks/useScrollToHighlighted.cjs.js"),Pe=require("./components/FileUploadPreview/FileUploadPreview.cjs.js"),Le=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const x=require("./context/FeedContext.cjs.js"),Te=require("../../context/DetailsPanelContext.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.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/projectFolders.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/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");const Ae=require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const Ne=require("./helpers/mergeAnnotationAttachments.cjs.js"),Oe=require("./components/FeedSearchFilter.cjs.js"),Se=require("./hooks/useLastVersionReview.cjs.js"),De=30,_e=({disabled:G,readOnly:U,statuses:Q=[],entityListId:z,isSlideOut:J,versionReview:j=!1})=>{const{projectName:n,entities:l,entityType:q,editingId:F,projectInfo:M,setEditingId:I,userName:b,activitiesData:f,isLoadingNew:u,isLoadingNextPage:P,loadNextPage:m,hasNextPage:K,users:L,categories:X,checklistCount:Y,feedFilter:a,setFeedFilter:Z,isGuest:$,searchText:y,setSearchText:ee}=x.useFeedContext(),{openSlideOut:re,highlightedActivities:v,setHighlightedActivities:ie,onOpenImage:te,setFeedAnnotations:T,user:A}=Te.useDetailsPanelContext(),se=a.conditions?.some(e=>"key"in e&&e.key==="versions"&&e.value===!0),ne=a.conditions?.some(e=>"key"in e&&["comments","checklists","versions","updates"].includes(e.key)&&e.value===!0),N=a.conditions?.some(e=>"key"in e&&(e.key==="comments"||e.key==="checklists")&&e.value===!0),oe=q==="version"||q==="folder",{data:O,isLoading:ue}=Ae.useGetMyProjectPermissionsQuery({projectName:n},{skip:!n}),ae=!A.data?.isManager&&!A.data?.isAdmin&&!ue&&O?.activities?.enabled&&!O?.activities?.activities?.includes("comment")||ne&&!N,p=d.useMemo(()=>Ne(f),[f]);d.useEffect(()=>{p.length||T([]);const e=p.map(r=>r.activityData?.annotations?.map(i=>({...i,activityId:r.activityId}))).filter(Boolean).flat();T(e)},[p]);const g=Ee.default(p,L,M,q,b,a),C=d.useMemo(()=>{if(!y)return g;const e=y.toLowerCase();return g.filter(r=>r.body?.toLowerCase().includes(e))},[g,y]),c=d.useRef(null);Fe({feedRef:c,isInputOpen:F===x.FEED_NEW_COMMENT,height:93}),je({entities:l,feedRef:c,filter:a,disabled:!!v.length,isLoading:u}),be({feedRef:c,highlighted:v,isLoading:u||P,loadNextPage:m,hasNextPage:!!m,activities:f});const{submitComment:S,updateComment:D,deleteComment:ce,submitReview:_,isSaving:le}=ke({projectName:n,entityType:q,entities:l,filter:a,entityListId:z}),de=d.useCallback(async(e,r=[],i={})=>{await S(e,r,i),c.current&&c.current.scrollTo({top:0})},[S,c]),qe=d.useCallback(async e=>{await _(e)},[_]),me=(e,r)=>{const i=e?.target;if(!i||!r)return console.log("no target or activity");const t=i.checked,o=t?"[ ]":"[x]",fe=t?"[x]":"[ ]",{body:h}=r,V=Array.from(i.closest(".comment-body")?.querySelectorAll(".task-list-item")||[]).findIndex(E=>E===i.closest("li"));let B=V;(h.match(/\[.\]/g)||[]).forEach((E,ve)=>{E!==o&&ve<V&&B--});const H=[];let w=-1;for(;(w=h.indexOf(o,w+1))>-1;)H.push(w);const k=H[B];if(k===void 0)return;const ye=k+o.length,W=h.slice(0,k)+fe+h.slice(ye);W&&D(r,W,r.files)},pe=e=>{const{entityId:r,entityType:i,activityId:t}=e;if(!i||!["version","task","folder"].includes(i))return console.log("Entity type not supported yet");if(!r||!i||!n)return console.log("No entity id or type found");re({entityId:r,entityType:i,projectName:n}),ie([t])},ge=({index:e,activityId:r})=>{const i=Object.values(C).reverse().filter(t=>t.activityType=="comment").map(t=>({id:t.activityId,files:t.files.filter(o=>Pe.isFilePreviewable(o.mime,o.ext))})).filter(t=>t.files.length>0);te?.({files:i,activityId:r,index:e,projectName:n})},he=d.useMemo(()=>Me.getLoadingPlaceholders(10),[]),xe=Se.useLastVersionReview({projectName:n,enabled:j,entityIds:l.map(e=>e.id),activities:g,loadingActivities:u,userName:b});return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(R.FeedContainer,{className:"feed",children:[void 0,s.jsxRuntimeExports.jsx(Oe,{feedFilter:a,setFeedFilter:Z,users:L,categories:X,supportsReviewSession:oe,isLoading:u,onSearchTextChange:ee,checklistCount:Y}),s.jsxRuntimeExports.jsxs(R.FeedContent,{ref:c,className:Ie({loading:u},"no-shimmer"),children:[u?he:C.map(e=>s.jsxRuntimeExports.jsx(Ce,{activity:e,onCheckChange:me,onDelete:ce,onUpdate:async(r,i,t,o)=>await D(e,r,i,o),projectInfo:M,projectName:n,entityType:q,onReferenceClick:pe,createdAts:l.map(r=>r.createdAt),onFileExpand:ge,showOrigin:l.length>1,filter:a,editProps:{projectName:n,entities:l,entityType:q},isHighlighted:v.includes(e.activityId),readOnly:U,statuses:Q,isSlideOut:J,isGuest:$},e.activityId)),C.length===0&&se&&!N&&!u&&s.jsxRuntimeExports.jsx(Le.EmptyPlaceholder,{message:"No versions published yet",icon:"layers"}),K&&m&&s.jsxRuntimeExports.jsx(Re.InView,{root:c.current,onChange:e=>e&&m(),rootMargin:"400px 0px 0px 0px",children:s.jsxRuntimeExports.jsx(R.LoadMore,{style:{height:0},onClick:()=>m(),children:P?"Loading more...":"Click to load more"})})]}),!ae&&s.jsxRuntimeExports.jsx(we,{initValue:null,onSubmit:de,isOpen:F===x.FEED_NEW_COMMENT,onClose:()=>I(null),onOpen:()=>I(x.FEED_NEW_COMMENT),disabled:G,isLoading:u||!l.length||le,versionReview:j,lastOwnVersionReview:xe,onReview:qe})]})})};exports.Feed=_e;exports.activitiesLast=De;
 //# 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 { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport { VersionReviewFeedback } from './components/CommentInput/types'\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/DetailsPanelContext'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\nimport type { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport type { SavedAnnotationMetadata } from './index'\nimport FeedSearchFilter from './components/FeedSearchFilter'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\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  isSlideOut?: boolean\n  versionReview?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n  versionReview = false,\n}: 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    categories,\n    checklistCount,\n    feedFilter,\n    setFeedFilter,\n    isGuest,\n    searchText,\n    setSearchText,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n    user,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) =>\n      'key' in c &&\n      ['comments', 'checklists', 'versions', 'updates'].includes(c.key) &&\n      c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  const supportsReviewSession = entityType === 'version' || entityType === 'folder'\n\n  // check activities permission for commenting\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const isCommentRestricted =\n    !user.data?.isManager &&\n    !user.data?.isAdmin &&\n    !isLoadingPermissions &&\n    projectPermissions?.activities?.enabled &&\n    !projectPermissions?.activities?.activities?.includes('comment')\n\n  // hide comment input for specific filters or when restricted by permissions\n  const hideCommentInput = isCommentRestricted || (hasActiveFilters && !hasCommentLikeFilter)\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    feedFilter,\n  ) as any[]\n\n  // Filter activities by live text search (separate from feedFilter)\n  const filteredActivitiesData = useMemo(() => {\n    if (!searchText) return transformedActivitiesData\n    const lower = searchText.toLowerCase()\n    return transformedActivitiesData.filter((activity) =>\n      activity.body?.toLowerCase().includes(lower),\n    )\n  }, [transformedActivitiesData, searchText])\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: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    submitReview: submitReviewMutation,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  const submitReview = useCallback(\n    async (feedback: VersionReviewFeedback) => {\n      await submitReviewMutation(feedback)\n    },\n    [submitReviewMutation],\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(filteredActivitiesData)\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  const lastVersionReview = useLastVersionReview({\n    projectName,\n    enabled: versionReview,\n    entityIds: entities.map((e) => e.id),\n    activities: transformedActivitiesData,\n    loadingActivities: isLoadingNew,\n    userName,\n  })\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        <FeedSearchFilter\n          feedFilter={feedFilter}\n          setFeedFilter={setFeedFilter}\n          users={users}\n          categories={categories}\n          supportsReviewSession={supportsReviewSession}\n          isLoading={isLoadingNew}\n          onSearchTextChange={setSearchText}\n          checklistCount={checklistCount}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : filteredActivitiesData.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={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                  isGuest={isGuest}\n                />\n              ))}\n          {/* message when no versions published */}\n          {filteredActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />}\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            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","categories","checklistCount","feedFilter","setFeedFilter","isGuest","searchText","setSearchText","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","supportsReviewSession","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","filteredActivitiesData","lower","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","submitReviewMutation","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","submitReview","feedback","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","lastVersionReview","useLastVersionReview","jsxs","Styled.FeedContainer","jsx","FeedSearchFilter","Styled.FeedContent","clsx","ActivityItem","_refs","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}
+{"version":3,"file":"Feed.cjs.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport { VersionReviewFeedback } from './components/CommentInput/types'\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/DetailsPanelContext'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\nimport type { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport type { SavedAnnotationMetadata } from './index'\nimport FeedSearchFilter from './components/FeedSearchFilter'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\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  isSlideOut?: boolean\n  versionReview?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n  versionReview = false,\n}: 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    categories,\n    checklistCount,\n    feedFilter,\n    setFeedFilter,\n    isGuest,\n    searchText,\n    setSearchText,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n    user,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) =>\n      'key' in c &&\n      ['comments', 'checklists', 'versions', 'updates'].includes(c.key) &&\n      c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  const supportsReviewSession = entityType === 'version' || entityType === 'folder'\n\n  // check activities permission for commenting\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const isCommentRestricted =\n    !user.data?.isManager &&\n    !user.data?.isAdmin &&\n    !isLoadingPermissions &&\n    projectPermissions?.activities?.enabled &&\n    !projectPermissions?.activities?.activities?.includes('comment')\n\n  // hide comment input for specific filters or when restricted by permissions\n  const hideCommentInput = isCommentRestricted || (hasActiveFilters && !hasCommentLikeFilter)\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    feedFilter,\n  ) as any[]\n\n  // Filter activities by live text search (separate from feedFilter)\n  const filteredActivitiesData = useMemo(() => {\n    if (!searchText) return transformedActivitiesData\n    const lower = searchText.toLowerCase()\n    return transformedActivitiesData.filter((activity) =>\n      activity.body?.toLowerCase().includes(lower),\n    )\n  }, [transformedActivitiesData, searchText])\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: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    submitReview: submitReviewMutation,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  const submitReview = useCallback(\n    async (feedback: VersionReviewFeedback) => {\n      await submitReviewMutation(feedback)\n    },\n    [submitReviewMutation],\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(filteredActivitiesData)\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  const lastVersionReview = useLastVersionReview({\n    projectName,\n    enabled: versionReview,\n    entityIds: entities.map((e) => e.id),\n    activities: transformedActivitiesData,\n    loadingActivities: isLoadingNew,\n    userName,\n  })\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        <FeedSearchFilter\n          feedFilter={feedFilter}\n          setFeedFilter={setFeedFilter}\n          users={users}\n          categories={categories}\n          supportsReviewSession={supportsReviewSession}\n          isLoading={isLoadingNew}\n          onSearchTextChange={setSearchText}\n          checklistCount={checklistCount}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : filteredActivitiesData.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={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                  isGuest={isGuest}\n                />\n              ))}\n          {/* message when no versions published */}\n          {filteredActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />}\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            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","categories","checklistCount","feedFilter","setFeedFilter","isGuest","searchText","setSearchText","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","supportsReviewSession","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","filteredActivitiesData","lower","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","submitReviewMutation","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","submitReview","feedback","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","lastVersionReview","useLastVersionReview","jsxs","Styled.FeedContainer","jsx","FeedSearchFilter","Styled.FeedContent","clsx","ActivityItem","_refs","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}

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

@@ -32,6 +32,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -57,6 +58,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -87,6 +90,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -117,7 +121,7 @@ import "../../api/queries/uris/getUris.es.js";
 import _t from "./helpers/mergeAnnotationAttachments.es.js";
 import Gt from "./components/FeedSearchFilter.es.js";
 import { useLastVersionReview as Wt } from "./hooks/useLastVersionReview.es.js";
-const ro = 30, so = ({
+const po = 30, ao = ({
   disabled: q,
   readOnly: Q,
   statuses: U = [],
@@ -335,7 +339,7 @@ const ro = 30, so = ({
   ] }) });
 };
 export {
-  so as Feed,
-  ro as activitiesLast
+  ao as Feed,
+  po 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 { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport { VersionReviewFeedback } from './components/CommentInput/types'\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/DetailsPanelContext'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\nimport type { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport type { SavedAnnotationMetadata } from './index'\nimport FeedSearchFilter from './components/FeedSearchFilter'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\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  isSlideOut?: boolean\n  versionReview?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n  versionReview = false,\n}: 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    categories,\n    checklistCount,\n    feedFilter,\n    setFeedFilter,\n    isGuest,\n    searchText,\n    setSearchText,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n    user,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) =>\n      'key' in c &&\n      ['comments', 'checklists', 'versions', 'updates'].includes(c.key) &&\n      c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  const supportsReviewSession = entityType === 'version' || entityType === 'folder'\n\n  // check activities permission for commenting\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const isCommentRestricted =\n    !user.data?.isManager &&\n    !user.data?.isAdmin &&\n    !isLoadingPermissions &&\n    projectPermissions?.activities?.enabled &&\n    !projectPermissions?.activities?.activities?.includes('comment')\n\n  // hide comment input for specific filters or when restricted by permissions\n  const hideCommentInput = isCommentRestricted || (hasActiveFilters && !hasCommentLikeFilter)\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    feedFilter,\n  ) as any[]\n\n  // Filter activities by live text search (separate from feedFilter)\n  const filteredActivitiesData = useMemo(() => {\n    if (!searchText) return transformedActivitiesData\n    const lower = searchText.toLowerCase()\n    return transformedActivitiesData.filter((activity) =>\n      activity.body?.toLowerCase().includes(lower),\n    )\n  }, [transformedActivitiesData, searchText])\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: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    submitReview: submitReviewMutation,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  const submitReview = useCallback(\n    async (feedback: VersionReviewFeedback) => {\n      await submitReviewMutation(feedback)\n    },\n    [submitReviewMutation],\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(filteredActivitiesData)\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  const lastVersionReview = useLastVersionReview({\n    projectName,\n    enabled: versionReview,\n    entityIds: entities.map((e) => e.id),\n    activities: transformedActivitiesData,\n    loadingActivities: isLoadingNew,\n    userName,\n  })\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        <FeedSearchFilter\n          feedFilter={feedFilter}\n          setFeedFilter={setFeedFilter}\n          users={users}\n          categories={categories}\n          supportsReviewSession={supportsReviewSession}\n          isLoading={isLoadingNew}\n          onSearchTextChange={setSearchText}\n          checklistCount={checklistCount}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : filteredActivitiesData.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={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                  isGuest={isGuest}\n                />\n              ))}\n          {/* message when no versions published */}\n          {filteredActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />}\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            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","categories","checklistCount","feedFilter","setFeedFilter","isGuest","searchText","setSearchText","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","supportsReviewSession","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","filteredActivitiesData","lower","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","submitReviewMutation","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","submitReview","feedback","handleCommentChecked","e","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","lastVersionReview","useLastVersionReview","jsxs","Styled.FeedContainer","jsx","FeedSearchFilter","Styled.FeedContent","clsx","ActivityItem","_refs","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 { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport { VersionReviewFeedback } from './components/CommentInput/types'\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/DetailsPanelContext'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\nimport type { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport type { SavedAnnotationMetadata } from './index'\nimport FeedSearchFilter from './components/FeedSearchFilter'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\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  isSlideOut?: boolean\n  versionReview?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n  versionReview = false,\n}: 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    categories,\n    checklistCount,\n    feedFilter,\n    setFeedFilter,\n    isGuest,\n    searchText,\n    setSearchText,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n    user,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) =>\n      'key' in c &&\n      ['comments', 'checklists', 'versions', 'updates'].includes(c.key) &&\n      c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  const supportsReviewSession = entityType === 'version' || entityType === 'folder'\n\n  // check activities permission for commenting\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const isCommentRestricted =\n    !user.data?.isManager &&\n    !user.data?.isAdmin &&\n    !isLoadingPermissions &&\n    projectPermissions?.activities?.enabled &&\n    !projectPermissions?.activities?.activities?.includes('comment')\n\n  // hide comment input for specific filters or when restricted by permissions\n  const hideCommentInput = isCommentRestricted || (hasActiveFilters && !hasCommentLikeFilter)\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    feedFilter,\n  ) as any[]\n\n  // Filter activities by live text search (separate from feedFilter)\n  const filteredActivitiesData = useMemo(() => {\n    if (!searchText) return transformedActivitiesData\n    const lower = searchText.toLowerCase()\n    return transformedActivitiesData.filter((activity) =>\n      activity.body?.toLowerCase().includes(lower),\n    )\n  }, [transformedActivitiesData, searchText])\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: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    submitReview: submitReviewMutation,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  const submitReview = useCallback(\n    async (feedback: VersionReviewFeedback) => {\n      await submitReviewMutation(feedback)\n    },\n    [submitReviewMutation],\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(filteredActivitiesData)\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  const lastVersionReview = useLastVersionReview({\n    projectName,\n    enabled: versionReview,\n    entityIds: entities.map((e) => e.id),\n    activities: transformedActivitiesData,\n    loadingActivities: isLoadingNew,\n    userName,\n  })\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        <FeedSearchFilter\n          feedFilter={feedFilter}\n          setFeedFilter={setFeedFilter}\n          users={users}\n          categories={categories}\n          supportsReviewSession={supportsReviewSession}\n          isLoading={isLoadingNew}\n          onSearchTextChange={setSearchText}\n          checklistCount={checklistCount}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : filteredActivitiesData.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={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                  isGuest={isGuest}\n                />\n              ))}\n          {/* message when no versions published */}\n          {filteredActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />}\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            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","categories","checklistCount","feedFilter","setFeedFilter","isGuest","searchText","setSearchText","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","supportsReviewSession","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","filteredActivitiesData","lower","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","submitReviewMutation","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","submitReview","feedback","handleCommentChecked","e","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","lastVersionReview","useLastVersionReview","jsxs","Styled.FeedContainer","jsx","FeedSearchFilter","Styled.FeedContent","clsx","ActivityItem","_refs","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAMA,KAAiB,IAWjBC,KAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAiB;AACf,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,GAAA,GAEE;AAAA,IACJ,cAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACEC,GAAA,GAEEC,KAAmBb,EAAW,YAAY;AAAA,IAC9C,CAACc,MAAM,SAASA,KAAKA,EAAE,QAAQ,cAAcA,EAAE,UAAU;AAAA,EAAA,GAErDC,KAAmBf,EAAW,YAAY;AAAA,IAC9C,CAACc,MACC,SAASA,KACT,CAAC,YAAY,cAAc,YAAY,SAAS,EAAE,SAASA,EAAE,GAAG,KAChEA,EAAE,UAAU;AAAA,EAAA,GAEVE,IAAuBhB,EAAW,YAAY;AAAA,IAClD,CAACc,MAAM,SAASA,MAAMA,EAAE,QAAQ,cAAcA,EAAE,QAAQ,iBAAiBA,EAAE,UAAU;AAAA,EAAA,GAGjFG,KAAwB9B,MAAe,aAAaA,MAAe,UAGnE,EAAE,MAAM+B,GAAoB,WAAWC,OAC3CC,GAAgC,EAAE,aAAAnC,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GASnEoC,KAPJ,CAACV,EAAK,MAAM,aACZ,CAACA,EAAK,MAAM,WACZ,CAACQ,MACDD,GAAoB,YAAY,WAChC,CAACA,GAAoB,YAAY,YAAY,SAAS,SAAS,KAGhBH,MAAoB,CAACC,GAEhEM,IAAkCC;AAAA,IACtC,MAAMC,GAA2BhC,CAAc;AAAA,IAC/C,CAACA,CAAc;AAAA,EAAA;AAGjB,EAAAiC,GAAU,MAAM;AACd,IAAKH,EAAgC,UACnCZ,EAAmB,CAAA,CAAE;AAGvB,UAAMgB,IAAcJ,EACjB;AAAA,MAAI,CAACK,MACJA,EAAS,cAAc,aAAa,IAAI,CAACC,OAAgC;AAAA,QACvE,GAAGA;AAAA,QACH,YAAYD,EAAS;AAAA,MAAA,EACrB;AAAA,IAAA,EAEH,OAAO,OAAO,EACd,KAAA;AAEH,IAAAjB,EAAmBgB,CAAW;AAAA,EAChC,GAAG,CAACJ,CAA+B,CAAC;AAMpC,QAAMO,IAA4BC;AAAA;AAAA,IAEhCR;AAAA,IACAzB;AAAA,IACAR;AAAA,IACAF;AAAA,IACAI;AAAA,IACAS;AAAA,EAAA,GAII+B,IAAyBR,EAAQ,MAAM;AAC3C,QAAI,CAACpB,EAAY,QAAO0B;AACxB,UAAMG,IAAQ7B,EAAW,YAAA;AACzB,WAAO0B,EAA0B;AAAA,MAAO,CAACF,MACvCA,EAAS,MAAM,YAAA,EAAc,SAASK,CAAK;AAAA,IAAA;AAAA,EAE/C,GAAG,CAACH,GAA2B1B,CAAU,CAAC,GAGpC8B,IAAUC,GAAO,IAAI;AAI3B,EAAAC,GAAqB,EAAE,SAAAF,GAAS,aAAa7C,MAAcgD,GAAkB,QAAQ,IAAI,GAGzFC,GAAiB;AAAA,IACf,UAAAnD;AAAA,IACA,SAAA+C;AAAA,IACA,QAAQjC;AAAA,IACR,UAAU,CAAC,CAACO,EAAsB;AAAA,IAClC,WAAWd;AAAA,EAAA,CACZ,GAED6C,GAAuB;AAAA,IACrB,SAAAL;AAAA,IACA,aAAa1B;AAAA,IACb,WAAWd,KAAgBC;AAAA,IAC3B,cAAAC;AAAA,IACA,aAAa,CAAC,CAACA;AAAA,IACf,YAAYH;AAAA,EAAA,CACb;AAGD,QAAM;AAAA,IACJ,eAAe+C;AAAA,IACf,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAcC;AAAA,IACd,UAAAC;AAAA,EAAA,IACEC,GAAoB;AAAA,IACtB,aAAA3D;AAAA,IACA,YAAAE;AAAA,IACA,UAAAD;AAAA,IACA,QAAQc;AAAA,IACR,cAAAlB;AAAA,EAAA,CACD,GAGK+D,KAAgBC;AAAA,IACpB,OAAOC,GAAeC,IAAe,IAAIC,IAAY,CAAA,MAAO;AAC1D,YAAMV,EAAsBQ,GAAOC,GAAOC,CAAI,GAE1ChB,EAAQ,WACRA,EAAQ,QAAgB,SAAS,EAAE,KAAK,GAAG;AAAA,IAEjD;AAAA,IACA,CAACM,GAAuBN,CAAO;AAAA,EAAA,GAG3BiB,KAAeJ;AAAA,IACnB,OAAOK,MAAoC;AACzC,YAAMT,EAAqBS,CAAQ;AAAA,IACrC;AAAA,IACA,CAACT,CAAoB;AAAA,EAAA,GAKjBU,KAAuB,CAACC,GAAwC1B,MAAuB;AAC3F,UAAM2B,IAASD,GAAG;AAClB,QAAI,CAACC,KAAU,CAAC3B,EAAU,QAAO,QAAQ,IAAI,uBAAuB;AAGpE,UAAM4B,IAAmBD,EAAO,SAC1BE,IAA0BD,IAAU,QAAQ,OAC5CE,KAAsBF,IAAU,QAAQ,OAExC,EAAE,MAAAG,MAAS/B,GAIXgC,IAAoB,MAAM;AAAA,MAC9BL,EAAO,QAAQ,eAAe,GAAG,iBAAiB,iBAAiB,KAAK,CAAA;AAAA,IAAC,EACzE,UAAU,CAACM,MAAgBA,MAAON,EAAO,QAAQ,IAAI,CAAC;AAExD,QAAIO,IAAuBF;AAK3B,KAF+BD,EAAK,MAAM,QAAQ,KAAK,CAAA,GAE1C,QAAQ,CAACI,GAAkBC,OAAkB;AAExD,MAAID,MAAaN,KAAmBO,KAAQJ,KAAWE;AAAA,IACzD,CAAC;AAGD,UAAMG,IAA2C,CAAA;AACjD,QAAID,IAAgB;AACpB,YAAQA,IAAQL,EAAK,QAAQF,GAAiBO,IAAQ,CAAC,KAAK;AAC1D,MAAAC,EAA+B,KAAKD,CAAK;AAG3C,UAAME,IAA2CD,EAA+BH,CAAY;AAC5F,QAAII,MAAyB,OAAW;AAExC,UAAMC,KAA0BD,IAAuBT,EAAgB,QAGjEW,IACJT,EAAK,MAAM,GAAGO,CAAoB,IAAIR,KAAcC,EAAK,MAAMQ,EAAe;AAEhF,IAAKC,KAEL3B,EAAcb,GAAUwC,GAASxC,EAAS,KAAK;AAAA,EACjD,GAEMyC,KAAiB,CAACC,MAIlB;AACJ,UAAM,EAAE,UAAAC,GAAU,YAAAnF,GAAY,YAAAoF,MAAeF;AAG7C,QAAI,CAAClF,KAAc,CAFI,CAAC,WAAW,QAAQ,QAAQ,EAEhB,SAASA,CAAU;AACpD,aAAO,QAAQ,IAAI,+BAA+B;AAEpD,QAAI,CAACmF,KAAY,CAACnF,KAAc,CAACF,EAAa,QAAO,QAAQ,IAAI,4BAA4B;AAG7F,IAAAqB,GAAa,EAAE,UAAAgE,GAAU,YAAAnF,GAAY,aAAAF,GAAa,GAElDuB,GAAyB,CAAC+D,CAAU,CAAC;AAAA,EACvC,GAEMC,KAAmB,CAAC,EAAE,OAAAT,GAAO,YAAAQ,QAAwD;AACzF,UAAME,IAAmB,OAAO,OAAO1C,CAAsB,EAC1D,UACA,OAAO,CAACH,MAAMA,EAAE,gBAAgB,SAAS,EACzC,IAAI,CAACA,OAAO;AAAA,MACX,IAAIA,EAAE;AAAA,MACN,OAAOA,EAAE,MAAM,OAAO,CAAC8C,MAAcC,GAAkBD,EAAK,MAAMA,EAAK,GAAG,CAAC;AAAA,IAAA,EAC3E,EACD,OAAO,CAAC9C,MAAMA,EAAE,MAAM,SAAS,CAAC;AAGnC,IAAAnB,KAAc,EAAE,OAAOgE,GAAkB,YAAAF,GAAY,OAAAR,GAAO,aAAA9E,GAAa;AAAA,EAC3E,GAEM2F,KAAsBrD,EAAQ,MAAMsD,GAAuB,EAAE,GAAG,CAAA,CAAE,GAElEC,KAAoBC,GAAqB;AAAA,IAC7C,aAAA9F;AAAA,IACA,SAASD;AAAA,IACT,WAAWE,EAAS,IAAI,CAACmE,MAAMA,EAAE,EAAE;AAAA,IACnC,YAAYxB;AAAA,IACZ,mBAAmBpC;AAAA,IACnB,UAAAF;AAAA,EAAA,CACD;AAID,6CAEI,UAAAyF,gBAAAA,EAAAA,KAACC,IAAA,EAAqB,WAAU,QAC7B,UAAA;AAAA,IALH;AAAA,IAWEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,YAAAnF;AAAA,QACA,eAAAC;AAAA,QACA,OAAAJ;AAAA,QACA,YAAAC;AAAA,QACA,uBAAAmB;AAAA,QACA,WAAWxB;AAAA,QACX,oBAAoBW;AAAA,QACpB,gBAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFiF,gBAAAA,EAAAA,KAACI,IAAA,EAAmB,KAAKnD,GAAS,WAAWoD,GAAK,EAAE,SAAS5F,EAAA,GAAgB,YAAY,GACtF,UAAA;AAAA,MAAAA,IACGmF,KACA7C,EAAuB,IAAI,CAACJ,MAC1BuD,gBAAAA,EAAAA;AAAAA,QAACI;AAAA,QAAA;AAAA,UAEC,UAAA3D;AAAA,UACA,eAAeyB;AAAA,UACf,UAAUX;AAAA,UACV,UAAU,OAAOM,GAAOC,GAAOuC,GAAOtC,MACpC,MAAMT,EAAcb,GAAUoB,GAAOC,GAAOC,CAAI;AAAA,UAElD,aAAA5D;AAAA,UACA,aAAAJ;AAAA,UACA,YAAAE;AAAA,UACA,kBAAkBiF;AAAA,UAClB,YAAYlF,EAAS,IAAI,CAAC,MAAM,EAAE,SAAS;AAAA,UAC3C,cAAcsF;AAAA,UACd,YAAYtF,EAAS,SAAS;AAAA,UAC9B,QAAQc;AAAA,UACR,WAAW;AAAA,YACT,aAAAf;AAAA,YACA,UAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,UAEF,eAAeoB,EAAsB,SAASoB,EAAS,UAAU;AAAA,UACjE,UAAA/C;AAAA,UACA,UAAAC;AAAA,UACA,YAAAE;AAAA,UACA,SAAAmB;AAAA,QAAA;AAAA,QAxBKyB,EAAS;AAAA,MAAA,CA0BjB;AAAA,MAEJI,EAAuB,WAAW,KACjClB,MACA,CAACG,KACD,CAACvB,KAAgByF,gBAAAA,EAAAA,IAACM,IAAA,EAAiB,SAAQ,6BAA4B,MAAK,SAAA,CAAS;AAAA,MACtF5F,KAAeD,KACduF,gBAAAA,EAAAA;AAAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMxD,EAAQ;AAAA,UACd,UAAU,CAACyD,MAAWA,KAAU/F,EAAA;AAAA,UAChC,YAAY;AAAA,UAEZ,UAAAuF,gBAAAA,EAAAA,IAACS,IAAA,EAAgB,OAAO,EAAE,QAAQ,EAAA,GAAK,SAAS,MAAMhG,EAAA,GACnD,UAAAD,IAAoB,oBAAoB,qBAAA,CAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IACC,CAAC2B,MACA6D,gBAAAA,EAAAA;AAAAA,MAACU;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU/C;AAAA,QACV,QAAQzD,MAAcgD;AAAA,QACtB,SAAS,MAAM9C,EAAa,IAAI;AAAA,QAChC,QAAQ,MAAMA,EAAa8C,CAAgB;AAAA,QAC3C,UAAAzD;AAAA,QACA,WAAWc,KAAgB,CAACP,EAAS,UAAUyD;AAAA,QAC/C,eAAA3D;AAAA,QACA,sBAAsB8F;AAAA,QACtB,UAAU5B;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,CAEJ,EAAA,CACF;AAEJ;"}