@ynput/ayon-frontend-shared 0.3.36 → 0.3.38

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'\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) =>\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  // 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  // 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(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 && <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","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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"}
+{"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'\nimport { DetailsPanelEntityType, useGetMyProjectPermissionsQuery } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\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

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