@ynput/ayon-frontend-shared 0.3.32 → 0.3.34

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 * 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, FeedFilter } from '@shared/context'\nimport { DetailsPanelEntityType, useGetMyProjectPermissionsQuery } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\nimport TabHeaderAndFilters, {\n  FilterItem,\n} from '../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nconst feedFilters: FilterItem<string>[] = [\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'updates',\n    tooltip: 'Entity updates',\n    icon: 'arrow_circle_right',\n  },\n]\n\nexport type FeedProps = {\n  disabled?: boolean\n  readOnly: boolean\n  statuses: Status[]\n  entityListId?: string | undefined\n  isSlideOut?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\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    feedFilter,\n    setFeedFilter,\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) => 'key' in c && ['comments', 'checklists', 'versions', 'updates'].includes(c.key) && 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  // check activities permission for commenting\n  const {\n    data: projectPermissions,\n    isLoading: isLoadingPermissions,\n  } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\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  // 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    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  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <TabHeaderAndFilters\n          label=\"Activity Feed\"\n          filters={feedFilters}\n          currentFilter={feedFilter}\n          onFilterChange={setFeedFilter}\n          isLoading={isLoadingNew}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs, data) =>\n                    await updateComment(activity, value, files, data)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={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                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={disabled}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","feedFilters","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","feedFilter","setFeedFilter","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","jsxs","Styled.FeedContainer","jsx","TabHeaderAndFilters","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, { VersionReviewFeedback } from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType, useGetMyProjectPermissionsQuery } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\nimport TabHeaderAndFilters, {\n  FilterItem,\n} from '../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nconst feedFilters: FilterItem<string>[] = [\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'updates',\n    tooltip: 'Entity updates',\n    icon: 'arrow_circle_right',\n  },\n]\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    feedFilter,\n    setFeedFilter,\n    isGuest,\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) => 'key' in c && ['comments', 'checklists', 'versions', 'updates'].includes(c.key) && 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  // check activities permission for commenting\n  const {\n    data: projectPermissions,\n    isLoading: isLoadingPermissions,\n  } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\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  // 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(async (feedback: VersionReviewFeedback) => {\n    await submitReviewMutation(feedback)\n  }, [submitReviewMutation])\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  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        <TabHeaderAndFilters\n          label=\"Activity Feed\"\n          filters={feedFilters}\n          currentFilter={feedFilter}\n          onFilterChange={setFeedFilter}\n          isLoading={isLoadingNew}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs, data) =>\n                    await updateComment(activity, value, files, data)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={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          {transformedActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={disabled}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","feedFilters","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","feedFilter","setFeedFilter","isGuest","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","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","TabHeaderAndFilters","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

@@ -1,23 +1,23 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as S, useEffect as at, useRef as lt, useCallback as ct } from "react";
-import dt from "./components/ActivityItem.es.js";
-import ut from "./components/CommentInput/CommentInput.es.js";
-import { FeedContainer as ft, FeedContent as ht, LoadMore as gt } from "./Feed.styled.es.js";
-import yt from "./hooks/useCommentMutations.es.js";
-import xt from "./hooks/useTransformActivities.es.js";
-import { InView as vt } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
-import kt from "./hooks/useSaveScrollPos.es.js";
-import Ct from "./hooks/useScrollOnInputOpen.es.js";
-import { getLoadingPlaceholders as It } from "./feedHelpers.es.js";
+import { useMemo as _, useEffect as gt, useRef as ht, useCallback as B } from "react";
+import yt from "./components/ActivityItem.es.js";
+import vt from "./components/CommentInput/CommentInput.es.js";
+import { FeedContainer as xt, FeedContent as kt, LoadMore as Ct } from "./Feed.styled.es.js";
+import wt from "./hooks/useCommentMutations.es.js";
+import It from "./hooks/useTransformActivities.es.js";
+import { InView as Ft } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
+import bt from "./hooks/useSaveScrollPos.es.js";
+import At from "./hooks/useScrollOnInputOpen.es.js";
+import { getLoadingPlaceholders as Mt } from "./feedHelpers.es.js";
 import "@ynput/ayon-react-components";
-import Ft from "clsx";
-import wt from "./hooks/useScrollToHighlighted.es.js";
-import { isFilePreviewable as At } from "./components/FileUploadPreview/FileUploadPreview.es.js";
-import { EmptyPlaceholder as Mt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import jt from "clsx";
+import Pt from "./hooks/useScrollToHighlighted.es.js";
+import { isFilePreviewable as Rt } from "./components/FileUploadPreview/FileUploadPreview.es.js";
+import { EmptyPlaceholder as Lt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useFeedContext as bt, FEED_NEW_COMMENT as C } from "./context/FeedContext.es.js";
+import { useFeedContext as Et, FEED_NEW_COMMENT as C } from "./context/FeedContext.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as jt } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Nt } from "../../context/DetailsPanelContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
 import "../../api/base/client.es.js";
@@ -85,6 +85,7 @@ import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
@@ -92,7 +93,7 @@ import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
 import "../../api/queries/links/getLinks.es.js";
-import { useGetMyProjectPermissionsQuery as Pt } from "../../api/queries/permissions/getPermissions.es.js";
+import { useGetMyProjectPermissionsQuery as Ot } from "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/products/getFolderProducts.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -137,9 +138,10 @@ import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-import Et from "./helpers/mergeAnnotationAttachments.es.js";
-import Lt from "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.es.js";
-const ge = 30, Nt = [
+import Tt from "./helpers/mergeAnnotationAttachments.es.js";
+import St from "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.es.js";
+import { useLastVersionReview as Dt } from "./hooks/useLastVersionReview.es.js";
+const Fo = 30, Vt = [
   {
     id: "comments",
     tooltip: "Comments",
@@ -160,199 +162,215 @@ const ge = 30, Nt = [
     tooltip: "Entity updates",
     icon: "arrow_circle_right"
   }
-], ye = ({
-  disabled: D,
-  readOnly: _,
-  statuses: B = [],
-  entityListId: H,
-  isSlideOut: V
+], bo = ({
+  disabled: H,
+  readOnly: G,
+  statuses: W = [],
+  entityListId: q,
+  isSlideOut: Q,
+  versionReview: w = !1
 }) => {
   const {
-    projectName: n,
+    projectName: s,
     entities: l,
     entityType: d,
     editingId: I,
     projectInfo: F,
-    setEditingId: w,
-    userName: W,
+    setEditingId: b,
+    userName: A,
     activitiesData: h,
-    isLoadingNew: a,
-    isLoadingNextPage: A,
+    isLoadingNew: m,
+    isLoadingNextPage: M,
     loadNextPage: c,
-    hasNextPage: q,
-    users: G,
-    feedFilter: s,
-    setFeedFilter: Q
-  } = bt(), {
-    openSlideOut: U,
-    highlightedActivities: g,
-    setHighlightedActivities: z,
-    onOpenImage: J,
-    setFeedAnnotations: M,
-    user: b
-  } = jt(), K = s.conditions?.some(
+    hasNextPage: U,
+    users: z,
+    feedFilter: p,
+    setFeedFilter: J,
+    isGuest: K
+  } = Et(), {
+    openSlideOut: X,
+    highlightedActivities: y,
+    setHighlightedActivities: Y,
+    onOpenImage: Z,
+    setFeedAnnotations: j,
+    user: P
+  } = Nt(), $ = p.conditions?.some(
     (t) => "key" in t && t.key === "versions" && t.value === !0
-  ), X = s.conditions?.some(
+  ), tt = p.conditions?.some(
     (t) => "key" in t && ["comments", "checklists", "versions", "updates"].includes(t.key) && t.value === !0
-  ), j = s.conditions?.some(
+  ), R = p.conditions?.some(
     (t) => "key" in t && (t.key === "comments" || t.key === "checklists") && t.value === !0
   ), {
-    data: P,
-    isLoading: Y
-  } = Pt(
-    { projectName: n },
-    { skip: !n }
-  ), Z = !b.data?.isManager && !b.data?.isAdmin && !Y && P?.activities?.enabled && !P?.activities?.activities?.includes("comment") || X && !j, u = S(
-    () => Et(h),
+    data: L,
+    isLoading: it
+  } = Ot(
+    { projectName: s },
+    { skip: !s }
+  ), et = !P.data?.isManager && !P.data?.isAdmin && !it && L?.activities?.enabled && !L?.activities?.activities?.includes("comment") || tt && !R, u = _(
+    () => Tt(h),
     [h]
   );
-  at(() => {
-    u.length || M([]);
+  gt(() => {
+    u.length || j([]);
     const t = u.map(
-      (i) => i.activityData?.annotations?.map((o) => ({
-        ...o,
+      (i) => i.activityData?.annotations?.map((e) => ({
+        ...e,
         activityId: i.activityId
       }))
     ).filter(Boolean).flat();
-    M(t);
+    j(t);
   }, [u]);
-  const y = xt(
+  const f = It(
     // @ts-ignore
     u,
-    G,
+    z,
     F,
     d,
-    W,
-    s
-  ), p = lt(null);
-  Ct({ feedRef: p, isInputOpen: I === C, height: 93 }), kt({
+    A,
+    p
+  ), a = ht(null);
+  At({ feedRef: a, isInputOpen: I === C, height: 93 }), bt({
     entities: l,
-    feedRef: p,
-    filter: s,
-    disabled: !!g.length,
-    isLoading: a
-  }), wt({
-    feedRef: p,
-    highlighted: g,
-    isLoading: a || A,
+    feedRef: a,
+    filter: p,
+    disabled: !!y.length,
+    isLoading: m
+  }), Pt({
+    feedRef: a,
+    highlighted: y,
+    isLoading: m || M,
     loadNextPage: c,
     hasNextPage: !!c,
     activities: h
   });
   const {
     submitComment: E,
-    updateComment: L,
-    deleteComment: $,
-    isSaving: tt
-  } = yt({
-    projectName: n,
+    updateComment: N,
+    deleteComment: ot,
+    submitReview: O,
+    isSaving: rt
+  } = wt({
+    projectName: s,
     entityType: d,
     entities: l,
-    filter: s,
-    entityListId: H
-  }), it = ct(
-    async (t, i = [], o = {}) => {
-      await E(t, i, o), p.current && p.current.scrollTo({ top: 0 });
+    filter: p,
+    entityListId: q
+  }), st = B(
+    async (t, i = [], e = {}) => {
+      await E(t, i, e), a.current && a.current.scrollTo({ top: 0 });
     },
-    [E, p]
-  ), ot = (t, i) => {
-    const o = t?.target;
-    if (!o || !i) return console.log("no target or activity");
-    const e = o.checked, m = e ? "[ ]" : "[x]", nt = e ? "[x]" : "[ ]", { body: f } = i, N = Array.from(
-      o.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
-    ).findIndex((k) => k === o.closest("li"));
-    let T = N;
-    (f.match(/\[.\]/g) || []).forEach((k, pt) => {
-      k !== m && pt < N && T--;
+    [E, a]
+  ), nt = B(async (t) => {
+    await O(t);
+  }, [O]), mt = (t, i) => {
+    const e = t?.target;
+    if (!e || !i) return console.log("no target or activity");
+    const o = e.checked, n = o ? "[ ]" : "[x]", dt = o ? "[x]" : "[ ]", { body: g } = i, T = Array.from(
+      e.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
+    ).findIndex((k) => k === e.closest("li"));
+    let S = T;
+    (g.match(/\[.\]/g) || []).forEach((k, ft) => {
+      k !== n && ft < T && S--;
     });
-    const O = [];
-    let x = -1;
-    for (; (x = f.indexOf(m, x + 1)) > -1; )
-      O.push(x);
-    const v = O[T];
-    if (v === void 0) return;
-    const st = v + m.length, R = f.slice(0, v) + nt + f.slice(st);
-    R && L(i, R, i.files);
-  }, et = (t) => {
-    const { entityId: i, entityType: o, activityId: e } = t;
-    if (!o || !["version", "task", "folder"].includes(o))
+    const D = [];
+    let v = -1;
+    for (; (v = g.indexOf(n, v + 1)) > -1; )
+      D.push(v);
+    const x = D[S];
+    if (x === void 0) return;
+    const ut = x + n.length, V = g.slice(0, x) + dt + g.slice(ut);
+    V && N(i, V, i.files);
+  }, pt = (t) => {
+    const { entityId: i, entityType: e, activityId: o } = t;
+    if (!e || !["version", "task", "folder"].includes(e))
       return console.log("Entity type not supported yet");
-    if (!i || !o || !n) return console.log("No entity id or type found");
-    U({ entityId: i, entityType: o, projectName: n }), z([e]);
-  }, rt = ({ index: t, activityId: i }) => {
-    const o = Object.values(y).reverse().filter((e) => e.activityType == "comment").map((e) => ({
-      id: e.activityId,
-      files: e.files.filter((m) => At(m.mime, m.ext))
-    })).filter((e) => e.files.length > 0);
-    J?.({ files: o, activityId: i, index: t, projectName: n });
-  }, mt = S(() => It(10), []);
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(ft, { className: "feed", children: [
+    if (!i || !e || !s) return console.log("No entity id or type found");
+    X({ entityId: i, entityType: e, projectName: s }), Y([o]);
+  }, at = ({ index: t, activityId: i }) => {
+    const e = Object.values(f).reverse().filter((o) => o.activityType == "comment").map((o) => ({
+      id: o.activityId,
+      files: o.files.filter((n) => Rt(n.mime, n.ext))
+    })).filter((o) => o.files.length > 0);
+    Z?.({ files: e, activityId: i, index: t, projectName: s });
+  }, lt = _(() => Mt(10), []), ct = Dt({
+    projectName: s,
+    enabled: w,
+    entityIds: l.map((t) => t.id),
+    activities: f,
+    loadingActivities: m,
+    userName: A
+  });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(xt, { className: "feed", children: [
     void 0,
     /* @__PURE__ */ r.jsx(
-      Lt,
+      St,
       {
         label: "Activity Feed",
-        filters: Nt,
-        currentFilter: s,
-        onFilterChange: Q,
-        isLoading: a
+        filters: Vt,
+        currentFilter: p,
+        onFilterChange: J,
+        isLoading: m
       }
     ),
-    /* @__PURE__ */ r.jsxs(ht, { ref: p, className: Ft({ loading: a }, "no-shimmer"), children: [
-      a ? mt : y.map((t) => /* @__PURE__ */ r.jsx(
-        dt,
+    /* @__PURE__ */ r.jsxs(kt, { ref: a, className: jt({ loading: m }, "no-shimmer"), children: [
+      m ? lt : f.map((t) => /* @__PURE__ */ r.jsx(
+        yt,
         {
           activity: t,
-          onCheckChange: ot,
-          onDelete: $,
-          onUpdate: async (i, o, e, m) => await L(t, i, o, m),
+          onCheckChange: mt,
+          onDelete: ot,
+          onUpdate: async (i, e, o, n) => await N(t, i, e, n),
           projectInfo: F,
-          projectName: n,
+          projectName: s,
           entityType: d,
-          onReferenceClick: et,
+          onReferenceClick: pt,
           createdAts: l.map((i) => i.createdAt),
-          onFileExpand: rt,
+          onFileExpand: at,
           showOrigin: l.length > 1,
-          filter: s,
+          filter: p,
           editProps: {
-            projectName: n,
+            projectName: s,
             entities: l,
             entityType: d
           },
-          isHighlighted: g.includes(t.activityId),
-          readOnly: _,
-          statuses: B,
-          isSlideOut: V
+          isHighlighted: y.includes(t.activityId),
+          readOnly: G,
+          statuses: W,
+          isSlideOut: Q,
+          isGuest: K
         },
         t.activityId
       )),
-      y.length === 0 && K && !j && !a && /* @__PURE__ */ r.jsx(Mt, { message: "No versions published yet", icon: "layers" }),
-      q && c && /* @__PURE__ */ r.jsx(
-        vt,
+      f.length === 0 && $ && !R && !m && /* @__PURE__ */ r.jsx(Lt, { message: "No versions published yet", icon: "layers" }),
+      U && c && /* @__PURE__ */ r.jsx(
+        Ft,
         {
-          root: p.current,
+          root: a.current,
           onChange: (t) => t && c(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ r.jsx(gt, { style: { height: 0 }, onClick: () => c(), children: A ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ r.jsx(Ct, { style: { height: 0 }, onClick: () => c(), children: M ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
-    !Z && /* @__PURE__ */ r.jsx(
-      ut,
+    !et && /* @__PURE__ */ r.jsx(
+      vt,
       {
         initValue: null,
-        onSubmit: it,
+        onSubmit: st,
         isOpen: I === C,
-        onClose: () => w(null),
-        onOpen: () => w(C),
-        disabled: D,
-        isLoading: a || !l.length || tt
+        onClose: () => b(null),
+        onOpen: () => b(C),
+        disabled: H,
+        isLoading: m || !l.length || rt,
+        versionReview: w,
+        lastOwnVersionReview: ct,
+        onReview: nt
       }
     )
   ] }) });
 };
 export {
-  ye as Feed,
-  ge as activitiesLast
+  bo as Feed,
+  Fo as activitiesLast
 };
 //# sourceMappingURL=Feed.es.js.map